- 博客(28)
- 收藏
- 关注
RSS订阅
1原创 Vue 4.28
Vue1.内置指令v-bind : 单向绑定解析表达式, 可简写为 :xxxv-model : 双向数据绑定v-for : 遍历数组/对象/字符串v-on : 绑定事件监听, 可简写为@v-if : 条件渲染（动态控制节点是否存存在）v-else : 条件渲染（动态控制节点是否存存在）v-show : 条件渲染 (动态控制节点是否展示)v-text：作用：向其所在的节点中渲染文本内容。与插值语法的区别：v-text会替换掉节点中的内容，{{xx}}则不会。v-ht
2022-04-29 23:08:00
152
原创 Vue 4.25
Vue1.Vue概念用于构建用户界面的渐进式JavaScript框架渐进式：自底向上逐层应用，逐渐增加插件2.特点组件化模式，提高代码复用率，利于维护声明式编码，无需直接操作DOM，提高开发效率虚拟DOM+Diff算法，尽量复用DOM节点3.入门案例禁用开发者提示 Vue.config.productionTip = false;想让Vue工作必须创建一个Vue实例，传入一个配置对象，一对一容器里的代码依然符合html规范，但混入了一些Vue语法容器里的代码被称为Vue模板
2022-04-27 23:22:12
183
原创 JavaScript高级 4.23
JS高级1.类和对象1.1constructor构造函数（共用属性）constructor()是类的构造函数，用于传递参数，返回实例对象。如果没有显示定义，类内部会自动创建constructor()类名一般首字母大写1.2添加方法（共有方法）方法名()函数不写function多个方法之间不需要逗号分隔1.3类的继承子类继承父类的一些属性和方法：class Son extends Father1.3.1super关键字用于访问和调用对象父类上的函数，可以调用父类的构造函数和普通函
2022-04-25 12:09:39
1245
原创 JavaScript 4.22
JS1.数据可视化1.1可视化库ECharts.jsHighcharts.js2.EChars2.1使用下载并引入echarts.js准备具备大小的DOM容器初始化echarts实例化对象 var myChart = echarts.init(document.querySelector('.box'));指定配置项和数据官网复制，具体配置项可查阅手册将配置项设置给echarts实例对象 myChart.setOption(option);2.2配置项
2022-04-23 12:35:55
1068
原创 jQuery 4.21
jQuery1.概述1.1JS库即liabrary，封装好的特定的集合1.2入口函数等页面加载完毕后执行代码$（document）.ready（function）{}$（function（）{}）1.3顶级对象$$是jQuery的别称，相当于window1.4jQuery对象和DOM对象用原生JS获取的对象是DOM对象用jQuery方法获取的对象是jQuery对象jQuery对象的本质：利用$对DOM对象包装后产生的对象（伪数组形式存储）jQuery对象只能使用jQuer
2022-04-22 23:21:33
1437
原创 JavaScript 4.21
JS1.缓动动画1.1原理盒子移动的距离慢慢变短核心算法：（目标值 - 现在的位置）/ 10 作为每次移动的步长，步长需向上取整，Math.ceil停止条件：当前盒子位置等于目标位置就停止定时器var step = (target - obj.offsetLeft) / 10;step = step > 0 ? Math.ceil(step) : Math.floor(step);1.2动画函数添加回调函数function animate （target ，obj，callb
2022-04-21 20:30:09
700
原创 JavaScript 4.19
JS1.BOM概述BOM浏览器对象模型，提供与浏览器窗口进行交换的对象，缺乏标准BOM顶级对象是browser，DOM顶级对象是document1.1BOM构成window是顶级对象window.name是window下的特殊属性2.window常见事件2.1窗口加载事件window.onload = function（）{}或window.addEventListener（“load”，function（）{}）； load当文档内容全部加载完成后触发，但onload只能写一次
2022-04-20 23:55:51
439
原创 JS 4.18
JS1.操作元素1.1获取元素属性element.属性------获取元素内置属性element.getAttribute（’’）-----------可获取自定义属性1.2设置元素属性element.属性 = ‘值’element.getAttribute（‘属性’ ‘值’）1.3导航栏案例给每个导航栏设置自定义属性index，点击某个li，显示相应index，其余隐藏1.4自定义属性H5规定自定义属性以data- 开头H5新增获取自定义属性：element.datas
2022-04-18 23:56:26
99
原创 JS 4.17
JS1.Web API浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM）2.DOM文档对象模型（Document Object Model），处理HTML的标准编程接口2.1DOM树文档：document元素：标签即元素element节点：所有内容即节点node2.2获取元素根据ID获取：document.getElementById（id）id是大小写敏感的字符串，返回的是对象scipt写在标签的下面console.dir打印元素对象的更多属性和方法根据标签
2022-04-17 23:37:03
88
原创 JS 4.16
JS1.数组追加数组元素可直接在数组后增加，如含有4个元素的数组，arr[4] = 4增加为5个元素不能直接给数组名赋值，会覆盖所有元素2.函数function 函数名(){}形参与实参形参接收实参，形参类似变量名，实参类似变量值个数不匹配：实参多于形参：取到形参的个数实参小于形参：多于的形参为undefined，最终为NaNreturn若return后写多个值，只返回最后一个没有return返回undefinedarguments只有函数有，提前内置，存储了传递的所
2022-04-16 23:59:49
78
原创 JS4.14
JS1.概念JS是脚本语言，不需要编译，由JS解释器（JS引擎）解释并执行，也可以基于Node.js进行服务器端编程2.浏览器执行JS浏览器：渲染引擎：解析HTML和CSS俗称内核，如chrome中的blink，老版本的 webkitJS引擎：JS解释器，读取网页中JS代码，处理并运行JS是逐行解释执行的3.JS的组成ECMAScipt：JS语法DOM：页面文档对象模型BOM：浏览器对象模型4.JS引入方法JS一般用单引号行内式：嵌入式：< scrip>&l
2022-04-16 09:32:30
65
原创 移动端开发3
移动端开发PC端打开移动端页面时，默认html字体大小为50px，写在最上面less文件中引入其他less文件@import “***.less”避免使用id选择器opacity透明度草料生成二维码1.flexible.js+rem划分10等份flexible.js下载引入js文件:可在body里引入< script src = “js/flexible.js”>< /script>2.响应式布局手机：宽度100%平板：宽度750px桌面显示器：宽
2022-04-13 21:42:55
63
原创 移动端开发2
移动端开发1.rem适配布局1.1rem基础rem单位：rem（root em）相对单位，em是父元素字体大小，rem是相对于html元素的字体大小优点：修改html里面的字体大小控制页面大小1.2媒体查询针对不同的屏幕尺寸设置不同的样式@media mediatype and | not | only(media feature){CSS-Code;}mediatype : all ; print ; screen（电脑屏幕，智能手机）关键字：and且；not排除；only
2022-04-12 22:56:28
65
原创 移动端开发
移动端一般处理-webkit-内核即可1.视口浏览器显示页面内容的屏幕区域，分为布局视口、视觉视口、理想视口1.1布局视口分辨率默认为980px1.2视觉视口用户看到的网站的区域1.3理想视口手动添加meta，设备多宽，布局的视口多宽1.4meta视口标签标准设置 < meta name=“viewport” content=“width=device-width, initial-scale=1.0,maxmum-scale=1.0,minmum-scale=1.0,use
2022-04-10 23:22:13
232
原创 数据结构题
队列循环队列，头指针f，尾指针r，长度为n，元素个数为(r-f)mod n +1数据元素占用c个存储单元，线性表中LOC(ai+1）=LOC（ai）+c
2022-04-09 20:48:29
94
原创 CSS学习4.9
CSS1.Web服务器服务器也是计算机免费远程服务器空间2.转换transform:translate | rotate | scaletransform : translate(x,y);transform : translateX();transform : translateY();优点：不会影响其他元素的位置参数里面的%移动的距离以盒子本身的高度或宽度为参考让盒子垂直居中：绝对定位后transform : translate(-50%,-50%);对行内元素无效tran
2022-04-09 20:48:11
201
原创 网站项目学习
网站项目学习1.网站图标制作png转换为ico,放到根目录下比特虫2.网站TDK三大标签SEO优化title网站名（产品名）-网站的介绍description< meta name=“” content=“”>keyword< meta name=“keywords” content=“”>3.常用类名4.注意事项| 用li做文字后面的字体图标用伪元素做LOGO里要放h1标签，提权告诉搜索引擎h1里放链接，点击返回首页给链接title属性
2022-04-07 22:34:52
67
原创 CSS学习 4.6
CSS1.技巧总结图片底部空白缝隙：给图片添加vertical-align：不是baseline就可以 转化为块级元素溢出文字省略号显示：单行文本：多行文本（适合于webKit浏览器或移动端有兼容性问题）：margin负值运用：margin-left: -1px ;避免边框重叠浮动元素不会压住文字，图片设置左浮动即可行内块元素的运用：页码的设计三角强化：左边和下边的边框宽度设置为0，上边框调大CSS初始化：边框清零， 斜体em和i：font-style
2022-04-06 18:30:50
241
原创 CSS学习 4.5
CSS1.显示隐藏元素1.1displaydisplay : none; 隐藏对象（不再占有原来的位置 ）display : block;显示元素1.2visibilityvisibility : visible;可见visibility : hidden;隐藏(继续占有原来的位置）1.3overflow指定若内容溢出了元素的框，会发生什么overflow : visible;默认overflow : auto;在需要时添加滚动条，不溢出不显示滚动条overflow : hidd
2022-04-05 22:16:53
219
原创 CSS学习 4.4
CSS1.定位1.1定位组成定位 = 定位模式 + 边偏移定位模式指定一个元素在文档中的定位方式边偏移决定最终位置1.1.1定位模式position : static/relative/absolute/fixed静态定位------默认定位，无定位的意思相对定位------相对于原来的位置（不脱标，继续保留原来的位置）绝对定位------相对于祖先元素，若没有祖先元素或祖先元素没定位，则以浏览器文档为准 （脱标，不再占有原来位置）position :absolute;top:
2022-04-05 12:21:10
199
原创 CSS学习 4.3
CSS1.盒子模型1.1组成边框border，外边距margin，内边距padding，实际内容content1.1.1边框border : border-width | border-style | border-colorborder-style: dashed虚线 solid实线 dotted点线复合写法：border :2px solid red;没有顺序边框分开写：border-top/bottom/left/right合并相邻边框：border-col
2022-04-03 20:23:29
272
原创 CSS 学习4.2
CSS–1.Emmet1.2快速生成HTML1.div*n 生成n个标签2.ul>li 生成父子级标签3.div+p 生成兄弟级标签4.类名用.ID名用#5.自增符号$ 例如：.demo$*56.div{} 标签里面生成文字1.3快速生成CSS1.w100 weight :100px;首字母缩写2.复合选择器2.1后代选择器选择父元素中的子元素父元素 子元素{样式声明}.na
2022-04-02 20:23:51
476
原创 CSS学习 4.1
CSSCSS：叠层样式表包括：选择器+一条或多条声明< style>选择器{ 样式}< /style>1.选择器1.1基础选择器1.标签选择器 ：标签名，只能选所有的标签2.类选择器 ：选择一个或几个标签样式点定义、结构类（class）调用，一个或多个，开发最常用< ul>< li class=“first”>123< /li>< li>17< /li>< /ul>< st
2022-04-01 20:19:34
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人