- 博客(25)
- 收藏
- 关注
RSS订阅原创 vue相关面试题（持续更新）
v-if相当于添加或删除dom元素v-show则是通过控制该元素的显示隐藏，display:none不频繁切换使用v-if,频繁切换使用v-show，v-if有更高的切换消耗；v-show有更高的初始渲染消耗。
2023-03-15 00:08:09
59
原创 什么是闭包
缺点：闭包较多时，会大量消耗内存，导致页面性能下降，在IE浏览器中会导致内存泄漏。为了让函数当中的一些变量保存下来，我们就使用函数嵌套函数的方式去继承他的作用域。在js中，函数执行时，会创建内存一块内存，执行完毕会回收这块内存。在函数嵌套当中，内部函数能够访问外部函数的作用域。应用场景：防抖，节流，嵌套函数避免全局污染。作用：让变量常驻内存。
2023-03-15 00:02:15
52
原创 【无标题】
如果额外设置了padding和border值，内容的宽高content = width/height - border宽高 - padding的宽高。如果额外设置了padding和border值，盒子的内容宽高content会受到影响，而盒子实际大小不会收到影响。如果额外设置了padding和border值，计算盒子实际大小时会加上padding和border。盒子的width,height只包含内容content，border，padding。
2023-03-14 22:28:33
75
原创 10.方法和计算属性练习（纯代码）
Document 姓: 名: {{firstanme +'-'+ this.lastname}} {{getFullname()}} {{fullname}} {{fullname2}} 监听器:{{fullname3}}</div><s...
2022-07-22 22:19:52
47
原创 12.过滤器练习纯代码
Document 过滤器 {{msg|upper |add}} {{date|format}} {{date|format('yyy/mm/dd')}}
2022-07-22 22:14:37
57
原创 webpack
webpack基本使用新建项目空白目录，并运行npm init -y命令，初始化包管理配置文件package.json新建src源代码目录新建src ->index.htm首页和src - >index.js脚本文件初始化首页基本结构运行npm install jquery -S 命令，安装jQuery通过ES6模块化的方式导入jQuery,实现列表隔行变色效果在项目中安装webpack在终端运行如下的命令，安装webpack相关的两个包：npm install webpa
2022-02-07 17:38:35
279
原创 ES6模块化
node.js遵循了CommonJS的模块化规范导入其他模块使用require()模块对外共享成员使用module.exports对象模块化的好处大家都遵守同样的模块化规范写代码，降低沟通成本，极大方便了各模块之间的相互调用前端模块化分类在ES6模块化规范诞生之前，javascript社区提出了AMD,CMD,CommonJS等模块化规范AMD,CMD值适用于浏览器的javaScript模块化CommonJS适用于服务器的javaScript模块化太多模块化规范增加了开发成本，因此，E
2022-01-30 15:09:18
219
转载 node17.01版本不兼容webpack出错，error:0308010C:digital envelope routines::unsupported
每次使用node都会自动更新，目前已经更新到17.01版本了,他有一些webpack的东西不兼容导致出错，降低node的版本就可以了error:0308010C:digital envelope routines::unsupported opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', rea
2022-01-15 21:21:54
3574
原创 bootstrap组件
bootstrap案例：toDoList 文本框里面输入内容，按下回车，就可以生成待办事项 点击待办事项复选框，就可以把当前数据添加到已完成的事项里面点击已完成事项复选框，就可以把当前数据添加到待办事项里面 但是本页面内容刷新页面数据不会丢失toDoList不如内地存储数据渲染加载到页面因为后面会经常渲染加载操作，所以声明一个人函数 local 方便以后使用先要读取本地存储数据，（数据不要方剂转化为对象格式）之后遍历这个数据（$.each()）有几条数据，就生成几个小li,添加到ol里面
2021-11-28 16:34:46
196
原创 jQuery事件
jQuery事件注册element.事件（function(){}）$(“div”).click(function(){事件处理程序})1.2事件处理 onon()方法在匹配元素上绑定一个或多个事件的事件处理函数element.on(events,[selector],fn)events：一个或多个用空格分隔的事件类型selector：元素的子元素选择器fn:回调函数 即绑定在元素身上的监听函数<script> //(1)事件处理 on $("div").on
2021-11-25 00:26:44
352
原创 jQuery尺寸.位置宽度
jQuery尺寸.位置宽度1.1jQuery尺寸语法用法width（）获取元素的宽高innerWidth()/innerHieght()获取元素的宽高 包括paddingouterWidth()/outerHieght()获取元素的宽高 包括padding borderouterWidth(true)/outerHieght(true)获取元素的宽高 包括padding border margin以上参数为空，则是获取响应值，返回的是数字型如果
2021-11-24 00:35:20
140
原创 jQuery属性操作
jQuery属性操作1.1设置或获取元素固有属性(元素本身只带的属性)属性值prop()1.获取属性语法prop(“属性”)2.设置属性语法prop(“属性”,“属性值”)1.2设置或获取元素自定义属性attr()1.3数据缓存 data()data()方法可以在指定的元素上存数据，是存放在元素的内存里面，并不会修改DOM元素结构，一旦页面刷新，之前存放的数据将被移除<a href="www.baidu.com" title="很好">都挺好</a><
2021-11-22 23:32:56
1084
原创 jquery小案例-王者荣耀风琴
jquery小案例-王者荣耀风琴//鼠标经过小li,当前小li变为224px,同时里面的小图片淡出，大图片淡入其余兄弟小li宽度编程69px，小图片淡入，大图片淡出<style> .small{ position:absolute; top: left: width: } .big{ width:224px; display:none; } .king li .current .big{ display:block; } .king li .c
2021-11-20 23:15:46
728
原创 jquery入门
1.jQuery的概念jQuery是一个快速，简洁的javaScript库，其设计的宗旨是写更少的代码，做更多的事情jQuery封装了javascript常用的功能，优化了DOM操作，事件处理，动画设计和Ajax交互学习jQuery本质，就是学习调用这些函数的方法jQuery官方网址优点：轻量级，不会影响页面加载速度跨浏览器兼容，基本兼容现在主流浏览器链式编程，隐式迭代对事件，样式，动画支持，大大简化了DOM操作支持插件扩展开发，有丰富的第三方插件，例如：轮播图，树形菜单，日期控件免
2021-11-20 17:22:12
559
原创 vue网络应用
网络应用（vue结合网络数据开发应用）axios官网axios网络请求库axios网络请求库<script src="https://unpkg.com/axios/dist/axios.min.js"></script>axios.get(地址？key=value&key2=value2).then(funtion(response){},function(err){})axios.post(地址,{key:value,key2:value2}).then(fu
2021-11-14 23:08:11
554
原创 本地应用vue指令
本地应用vue指令1.内容绑定,事件绑定1-1 v-text设置标签文本值<div id ="app"> //会替换全部内容 <h2 v-text="message"></h2> //差值表达式{{}}可替换部分内容 <h2>深圳{{message +"!"}}</h2></div>var app =new Vue({ el:"#app", data:{ message:"设置标签内容" }})
2021-11-08 19:00:00
423
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人