随笔分类 -  【线下】Web前端学习

Web前端（十六）-首页瀑布流展示、作品详情页、过滤器Filter、监听器Listener、读取配置文件、删除轮播图和作品对应磁盘文件、删除分类及对应作品、Vue自定义组件、网站图标问题
摘要：首页瀑布流展示 创建grid.js并在index.html页面中引入 在grid.js中创建vue对象 管理index.html页面中的.grid元素, 并在created里面发请求获取所有作品数据,把得到的数据给到vue对象中的p_arr数组 在index.html页面中 删除.grid元素里面的 阅读全文
posted @ 2021-08-16 20:53 Coder_Cui 阅读(162) 评论(0) 推荐(0)
Web前端（十五）-后台管理页面（欢迎XXX登录和退出登录）、发布作品功能
摘要：后台管理页面 欢迎xxx和退出登录 在admin.html页面中 创建vue对象管理header标签,并在created里面请求当前登录的用户对象,在methods里面声明logout方法 <script> let header_vm = new Vue({ el:"header", data:{ 阅读全文
posted @ 2021-08-12 19:40 Coder_Cui 阅读(864) 评论(0) 推荐(0)
Web前端（十四）-VRD、首页分类展示、轮播图、登录、会话管理、Cookie和Session、Cookies记住用户名和密码、Session记住登录状态
摘要：VRD 准备工作: 创建工程vrd，11改8，打3个勾 把昨天工程5-2的application.properties里面内容复制到新工程，把里面的weibodb改成vrddb 建库建表 create database vrddb charset=utf8; use vrddb; create ta 阅读全文
posted @ 2021-08-11 19:18 Coder_Cui 阅读(539) 评论(0) 推荐(0)
Web前端（十三）-文件上传、微博练习
摘要：文件上传 1.在form表单中需要设置编码类型 <!--设置编码类型:多部分数据,表单中包含文件数据和控件数据--> <form action="#" enctype="multipart/form-data"> <input type="file" name="file"> <input type 阅读全文
posted @ 2021-08-10 23:31 Coder_Cui 阅读(138) 评论(0) 推荐(0)
Web前端（十二）-同步和异步、如何发出异步请求、前后端分离、json
摘要：同步和异步 同步: 单线程依次做几件事 异步:多线程同时做几件事 同步请求: 客户端浏览器 只有一个主线程,主线程负责页面渲染和事件监听,当需要发出请求时, 页面会停止渲染(清空页面,原页面的内容就没有了),主线程负责发出请求得到响应数据,得到数据后主线程继续渲染页面,这种方式只能实现页面的整体刷新 阅读全文
posted @ 2021-08-09 20:58 Coder_Cui 阅读(1667) 评论(0) 推荐(0)
Web前端（十一）-Mybatis框架
摘要：MyBatis框架 此框架是目前最流行的数据持久化框架，使用此框架可以完全免去JDBC代码操作数据(本质是将JDBC代码完全封装) ,从而大大提高了开发效率； MyBatis框架工作原理: 通过注解或xml配置文件写好对象属性和表字段的映射关系, 然后此框架会根据映射关系对数据进行操作。 如何使用M 阅读全文
posted @ 2021-08-06 22:00 Coder_Cui 阅读(299) 评论(0) 推荐(0)
Web前端（十）-利用IDEA结合mysql和html实现用户登录和注册、实现员工管理系统
摘要：BMI身体指数练习 BMI= 体重/(身高*身高) 体重(公斤) 身高(米) 举例: 身高1米8 体重80公斤 bmi= 80/(1.8*1.8) bmi 小于18.5 偏瘦 18.5-24正常 24-28偏胖 大于28 需要减肥了 创建boot2-1工程, 11改成8, SpringWeb打钩 在 阅读全文
posted @ 2021-08-05 22:08 Coder_Cui 阅读(2313) 评论(0) 推荐(0)
Web前端（九）-创建SpringBoot项目、web服务器（WebServer、Servlet、Controller）、SpringBoot介绍（处理静态、动态资源请求、客户端发出请求的几种方式、获取客户端传递参数的方式）
摘要：创建SpringBoot项目步骤 第一步：新建一个工程/项目：File-->New-->Project，选择Spring Initializr 默认选项即可, 如果下一步一直转圈或显示timeout超时，则使用下面备用的地址：https://start.springboot.io 第二步:设置Gro 阅读全文
posted @ 2021-08-04 21:00 Coder_Cui 阅读(451) 评论(0) 推荐(0)
Web前端（八）-Vue相关指令（插值、v-text/html/model/bind/on/if/show/for）、Bootstrap前端框架（字体图标、响应式步距、栅格系统、轮播图、缩略图、列表图、媒体对象）、瀑布流步骤、综合练习
摘要：Vue相关指令 插值: {{变量}} 将Vue对象中的变量值取出显示到当前位置 v-text="变量" 将Vue对象中的变量值取出 替换掉当前元素的文本内容 v-html="变量" 替换掉当前元素的html内容,会解析标签的效果进行展示 v-model="变量" 让控件的value值和变量进行绑定, 阅读全文
posted @ 2021-08-03 22:13 Coder_Cui 阅读(101) 评论(0) 推荐(0)
Web前端（七）-window对象常见属性、事件相关、DOM文档对象模型、jQuery框架、前端MVC设计模型、MVVM设计模式、VUE框架
摘要：window对象中常见的属性 location:位置 location.href 获取或修改浏览器的请求地址 location.reload() 重新加载/刷新 location.search 获取地址栏中从?开始的所有参数信息 history:历史 指当前窗口的访问历史 history.lengt 阅读全文
posted @ 2021-08-02 22:55 Coder_Cui 阅读(196) 评论(0) 推荐(0)
Web前端（六）-JavaScript（引入方式、注释、语法、变量、数据类型、运算符、各种语句、方法相关、页面相关、NaN、对象相关、对象分类、BOM浏览器对象模型）
摘要：JavaScript 作用: 用来给页面添加动态的效果 LiveScript 改成 JavaScript 为了蹭热度 语言特点: 属于脚本语言, 不需要编译 直接解析执行. 属于弱类型语言, 变量声明时不需要指定类型 Java: int x = 10; String name="tom"; x="J 阅读全文
posted @ 2021-07-31 23:13 Coder_Cui 阅读(92) 评论(0) 推荐(0)
Web前端（五）-溢出设置、垂直对齐方式、显示层级、视频播放、图片盗链、图片问题多张图合并在一起显示问题
摘要：溢出设置overflow hidden: 超出部分不显示 ,可以解决高度识别为0 和 粘连问题 visible: 超出部分显示(默认) scroll: 超出部分滚动显示 行内元素的垂直对齐方式vertical-align baseline:基线对齐(默认) top:上对齐 middle:中间对齐 b 阅读全文
posted @ 2021-07-30 19:30 Coder_Cui 阅读(304) 评论(0) 推荐(0)
Web前端（四）-元素定位方式（静态定位、相对定位、绝对定位、固定定位+浮动定位）
摘要：元素定位方式 position定位: 静态定位,相对定位,绝对定位,固定定位 浮动定位 静态定位(默认) 格式: position: static; 静态定位也称为文档流定位 特点: 元素以左上为基准依次平铺开,不能实现层叠效果 如何控制元素位置? 通过外边距margin来控制 相对定位 格式: p 阅读全文
posted @ 2021-07-29 23:12 Coder_Cui 阅读(1405) 评论(0) 推荐(0)
Web前端（三）-文本和字体相关样式、元素显示方式display、盒子模型（宽高、外边距、边框、内边距）、CSS三大特性（继承、层叠性、选择器优先级）
摘要：文本和字体相关样式 text-align: left /right/ center; 水平对齐方式 text-decoration: underline下划线/ overline上划线/ line-through删除线/ none去掉下划线 line-height: 30px; 行高, 可以控制多行 阅读全文
posted @ 2021-07-28 22:59 Coder_Cui 阅读(229) 评论(0) 推荐(0)
Web前端（二）-图片标签、超链接、表格、表单、分区标签、CSS层叠样式表（CSS引入方式、选择器、颜色赋值、背景图片）
摘要：标签 图片标签img src: 资源路径: 相对路径: 资源和页面在同一目录: 直接写图片名即可 资源在页面的上级目录: ../图片名 资源在页面的上上级目录:.././图片名 资源在页面的下级目录: 文件名/图片名 绝对路径: 一般访问站外资源时使用, 也称为图片盗链(存在找不到图片的风险) al 阅读全文
posted @ 2021-07-27 23:02 Coder_Cui 阅读(449) 评论(0) 推荐(0)
Web前端（一）-HTML介绍、页面结构、常见标签（文本、无序列表、有序列表、列表嵌套）
摘要：Hyper Text Markup Language : 超文本标记语言 超文本 : 不仅仅是纯文本还包括字体效果和多媒体相关(音频,视频,图片) xml:可扩展标记语言: 标记语言特点:<开启标签 属性=值>标签体</结束标签> 学习HTML主要学习的就是有哪些标签,以及标签的使用方式 HTML的 阅读全文
posted @ 2021-07-26 22:52 Coder_Cui 阅读(522) 评论(0) 推荐(0)