- 博客(12)
- 收藏
- 关注
RSS订阅
原创 vue日常总结
一.计算属性 computed 当模板中的表达式或者逻辑过长时,项目就会难以维护,比如 <div> {{text.split(','}.reverse().join(,)}} //split()截取 reverse()取反 join()将数组转换成字符串 <div> 计算属性: <div id="app"> {{reversetext}} </d...
2019-04-14 01:57:47
344
原创 vue3.
一.对比vue2 1.性能提升 打包大小减少41% 初次渲染快55%,更新渲染快113% 内存减少54% … 2.源码升级 使用Proxy代替defineProperty实现响应式 … 3.拥抱TS vue3可以更好的支持TS 4.新的特性 1.Composition API(组合API) 2.新的内置组件 3其他(新的声明周期,data等) … 二. ............
2022-06-08 15:32:01
143
原创 class类
一.ES5中类 坏例子: 坏处: 1.违背继承原则 2.所生成对象臃肿,每个生成对象都包含所有属性和方法 好例子: 通过原型链的方式实现继承 二.ES6中类 与原型链写法区别:没有区别,es6本质也是通过原型链实现类,也可以说成是es5的语法糖 ...
2021-04-20 00:24:30
788
原创 TS
一.TS优势 1.TS可以在编写代码时快速定位问题 当js和ts同时没有传参时ts会在编辑器中报错 2.编辑器对代码提示友好程度更好 当使用参数时,js没有提示出详细参数,而ts提示出详细参数 3.更好阅读代码 js中想要获取参数中的详细值得话需要阅读代码内容,而ts中想要获取参数值得话可以直接阅读代码参数 二.运行环境 1.node 2.环境配置 prettier格式化插件失效时:https://segmentfault.com/a/1190000023018242 不行??
2021-04-04 18:54:43
779
1
原创 vue2安装脚手架及打包命令
1安装vue npm install vue 2全局安装vue-cli vue install --global vue-cli 3创建基于webpack模板的新项目 vue init webpack my-project //my-project :项目名称 4进入项目 cd my-project 5下载依赖包 npm install 6运行项目 npm run de...
2019-04-03 10:19:55
1016
原创 vue目录结构解析
bulid webpack相关代码 config 配置目录,端口号等 node_modules npm项目依赖模块 src 项目开发目录 static 静态资源文件,虚拟数据文件 package.json 项目配置文件 ...
2019-04-03 00:16:20
366
原创 前端通信总结
同源策略及限制 原理:同协议,同域名,同端口 限制: 1.cookie,localStorage和indexDB无法读取 2.dom无法获取 3.ajax请求不能发送 前后端如何通信 1.ajax(同源) 2.webSocket(非同源) 3.cors(支持同源也支持非同源) 跨域通信方式 1.jsonp(利用script标签异步加载) 2.hash(url地址中#后边):hash变动页面不刷...
2019-04-02 22:07:07
142
原创 前端http协议总结
1简单快速:url是固定的 2灵活:通过http协议可以完成不同数据类型传输 3无连接:连接一次就会断掉,不会保持连接 4无状态:客户端和服务端是两种身份,两种不会互相干扰
2019-04-02 21:33:05
259
原创 js 动态创建和动态添加
动态创建:根据服务器返回的数据来进行创建,本身不知道创建的数量 实例: 最终效果 : &amp;lt;body id=&quot;box&quot;&amp;gt; &amp;lt;div&amp;gt; &amp;lt;ul&amp;gt; &amp;lt;li&am
2018-08-29 16:44:33
5547
原创 js入门 ajax
ajax 定义:异步的javascript和xml 优点:可用于页面无刷新更新页面部分,提高用户体验 缺点:后退机制被破坏 ajax请求5步 js方式: 1 创建ajax对象 var ajax = null; if( window.XMLHttpRequest ){ ajax = new XMLHttpReque...
2018-08-28 23:27:59
203
原创 前端js =.==.===异同
=:赋值 ==:等于(只是用于判断值是否相等,数据类型自动转换) ===:全等于或恒等于(比较 严格,数据类型不会自动转换,可用于比较数据类型) 实例: /* = */ var a = 1; /* 定义一变量a,把数值1赋值给a */ console.log(a);//1 /*==和===*/ var b = 1;/*定义一变量b,把数...
2018-08-27 22:47:28
565
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人