- 博客(20)
- 收藏
- 关注
RSS订阅
原创 css
前端 css全称为"层叠样式表"（cascading style sheets）它主要用于定义HTML内容在浏览器内的样式显示，如文字大小、颜色、字体加粗 使用css的好处就是通过定义某个样式，可以让不同网页位置的文字有统一的字体，字号或者颜色 css样式由选择符和声明组成 而声名又由属性和值组成 属性名：属性值 选择器{属性名:属性值; 属性名:属性值;} 内联样式（inline），使用style属性声明在元素中 内部样式（inner）， 外部样式（outer），创建一个独立的css文件
2020-10-10 19:58:37
162
原创 【无标题】
这里写自定义目录标题欢迎使用Markdown编辑器 欢迎使用Markdown编辑器 在vue中使用elementUI饿了么框架使用el-tabs，切换Tab如何实现实时加载，以及el-table表格使用总结 当我们在开发中遇到tab切换，这时候用el的el-tabs感觉很方便 但当我在把代码都写完后，发现一个问题就是页面打开时 虽然我们只能看见当前一个tab页，但是vue会帮你把你写的所有tab页的内容都渲染出来了，只是其他的隐藏了，同时其他tab的js也都走了一边，当你点击tab时js就不会再去请求后台
2022-02-23 17:12:41
138
原创 懒加载
有时候一个网页会包含很多的图片，例如淘宝京东这些购物网站，商品图片多只之又多，页面图片多，加载的图片就多。服务器压力就会很大。不仅影响渲染速度还会浪费带宽。比如一个1M大小的图片，并发情况下，达到1000并发，即同时有1000个人访问，就会产生1个G的带宽。 为了解决以上问题，提高用户体验，就出现了懒加载方式来减轻服务器的压力，优先加载可视区域的内容，其他部分等进入了可视区域再加载，从而提高性能。 什么是懒加载 在图片非常多的应用场景，为了提高页面加载速度，改善用户体验，我们对未出现在视野范围内的图片先不进
2021-03-26 20:19:42
439
原创 2021-02-21
Vue.js 1.Vue.js 可以说是 MVVM 架构的最佳实践，是一个 JavaScript MVVM 库，是一套构建用户界面的渐进式框架。专注于 MVVM 中的 ViewModel，不仅做到了数据双向绑定，而且也是一款相对比较轻量级的 JS 库，API 简洁 2. Vue用于构建用户界面的渐进式框架，渐进式框架的含义是：主张最少，每个框架都不可避免会有自己的一些特点,从而会对使用者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中的使用方式。 3.双向数据绑定：vue.js
2021-02-21 23:22:01
146
原创 npm ERR! A complete log of this run can be found in:与 删除node_modules文件夹
问题 npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\联想\AppData\Roaming\npm-cache_logs\2021-02-01T14_29_52_241Z-debug.log 解决方法： 1 执行 npm install npm@latest -g升级到最新版本（若升级到最新版本还是报错，则还需要再全局更新一下npm，更新后检查npm版本号不会变，内部应该有更新）； 2 .删除本地n.
2021-02-01 23:01:46
521
原创 2021-01-26
增删改查语句 增删改查的语句命令为 增：insert 删：delete 改：update 查：SELECT或者show 库操作 创建数据库：create database shujukuba; 创建带字符集的数据库：create database mydb2 CHARACTER SET=utf8; 创建带校验的数据库：create database mydb3 CHARACTER SET=utf8 COLLATE utf8_general_ci; 显示数据库：show databases; 删除数据库：DR
2021-01-26 21:23:06
196
原创 2020-12-18
/矩形 ctx.fillRect(x, y, width, height) //绘制一个填充的矩形 ctx.strokeRect(x, y, width, height) //绘制一个矩形的边框 ctx.clearRect(x, y, widh, height) //清除指定的矩形区域，然后这块区域会变的完全透明 //线条路径 ctx.beginPath() //新建一条路径，路径一旦创建成功，图形绘制命令被指向到路径上生成路径 ctx.moveTo(x, y) //把画笔移动到指定的坐标(x, y)。相当
2020-12-18 20:40:32
124
1
原创 flex属性
属性： flex-direction row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-reverse：主轴为垂直方向，起点在下沿。 flex-wrap nowrap（默认）：不换行。 wrap：换行，第一行在上方。 wrap-reverse：换行，第一行在下方。 flex-flow flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowr
2020-12-17 23:11:13
128
原创 2020-12-04
什么是回流，什么又是重绘呢？ 回流：当我们对 DOM 的修改引发了 DOM 几何尺寸的变化（比如修改元素的宽、高或隐藏元素等）时，浏览器需要重新计算元素的几何属性（其他元素的几何属性和位置也会因此受到影响），然后再将计算的结果绘制出来。这个过程就是回流（也叫重排）。 重绘：当我们对 DOM 的修改导致了样式的变化、却并未影响其几何属性（比如修改了颜色或背景色）时，浏览器不需重新计算元素的几何属性、直接为该元素绘制新的样式（跳过了上图所示的回流环节）。这个过程叫做重绘。 由此我们可以看出，重绘不一定导致回流，
2020-12-04 15:49:53
104
原创 2020-12-04
js创建对象的两种方式：第一种：对象初始化器方式（构造使用键值对形式 键：值），第二种，构造函数方式（使用赋值变量形式 变量=值）。 对象属性定义：私有属性；对象属性； 对象方法定义：私有方法，实例方法，类方法 1创建对象 初始化方式 var xiongmao={ name:'yuan', age:2, shout:function(){ alert("我是"+this.name+",今年"+this.age); }, action:function(){ alert("会吃
2020-12-04 15:31:07
162
原创 2020-11-13
jS DOM节点操作 childNodes 返回所有子节点组成的数组 firstChild/lastChild 返回第一个或最后一个子节点 parentNode 返回父节点 nextSibling/previousSibling 返回下一个/上一个节点 包括文本节点 nextElementSibling/previousElementSibling返回下一个/上一个节点 createElement 控制台控制一个文本 set ...
2020-11-13 20:16:41
87
原创 2020-11-13
innerHTML、outerHTML、innerText、outerText区别 如：<div><p>这是一个段落</p></div> innerHTML设置或获取标签所包含的HTML+文本信息 div.outerHTML的结果是**<p>这是一个段落<p>** 执行document。getElementById(‘div1’).innerHTML='qingdao’会设置div1中的内容为qingdao 执行document。ge
2020-11-13 19:58:53
115
原创 2020-10-30
如何画出箭头 最外层的for循环控制行数 内层循环控制空格与星号当i=0时，内层的循环要执行4次，就是说打印4个空格 打印完4个空格后字符串在加一个星号就完成第一行，但因为中间有空隙所以还需再循环 因为第一行已经完成 所以当i=0时，要换行并跳出本次循环执行下一次，然后当i大于0时就可以正常的换行了。 ...
2020-10-30 15:58:18
114
原创 2020-10-23
奔跑的牛娃 先定义已知图片要等分成的宽高相同 在定义背景图片 不重复 使用绝对定位 使用动画播放 animation:cow 500ms steps(5) infinite; cow是图片名称 500ms是时间 steps(5)是背景图片被分为5分等大小 infinite是无限循环 然后使用@keyframes cow{ from{background—position: 0px 0px;}起始位置的坐标 to{background—position:-500px 0px;}第一个图片的位置 .
2020-10-23 19:19:34
106
原创 2020-10-23
遮罩层样式小结 先定义一个大盒子 长 高 边框 定位父盒子为相对定位 清除浮动overflow：hidden；设置背景颜色 然后再定义一个盒子和上面的盒子条件一样但为方便对比要设置不同的背景颜色 使用决对定位 在使用过度transition：top 2s，opacity 2s；top变化时要经过两秒 再在第二个盒子那使用hover同样使用 ...
2020-10-23 18:45:17
148
原创 2020-10-23
动画效果 animation-name：动画名称 animation-duration：规定完成一个周期所花费的时间 animation-delay：定义动画开始前等待的时间，以秒或毫秒计。默认值为0 animation-iteration-count：规定动画被播放的次数（默认1） animation-play-state：规定动画是否正在运行或停止（默认是“running”，另外一个值“paused”） animation-direction：规定动画是否在下一个周期
2020-10-23 17:21:30
135
原创 2020-10-10
前端 css全称为"层叠样式表"（cascading style sheets）它主要用于定义HTML内容在浏览器内的样式显示，如文字大小、颜色、字体加粗使用css的好处就是通过定义某个样式，可以让不同网页位置的文字有统一的字体，字号或者颜色 选择可被两个选择器同时选定的元素 如p.mark{…}或.product.mark{…} 需同时满足多个条件 之间没有空格 父选择器又叫做包含选择器、派生选择器、即加入空格、用于选择指定元素下的后被元素.first span{color:red;} 子选择器，即用
2020-10-10 20:51:16
99
原创 html常用标签
HTML常用标签 html 标记 HTML文档由头部head和主体body构成，head与body两个标记均成对出现，有首尾标记构成 head head标记中包括title，style、元信息meta、脚本、script、链接link body body标记是网页信息的主要载体，通常可以包含段落标记p、标题字h1-h6、换行br、表单form、脚本script、无序列表ul、水平分割线hr、表格table 标题title标记 段落p标记 水平分割线hr标记 样式style标记 文字格式化 列块容器
2020-10-10 19:04:49
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人