- 博客(12)
- 收藏
- 关注
RSS订阅
原创 vue日常总结
一.计算属性computed当模板中的表达式或者逻辑过长时,项目就会难以维护,比如<div> {{text.split(','}.reverse().join(,)}} //split()截取 reverse()取反 join()将数组转换成字符串<div>计算属性:<div id="app"> {{reversetext}}</d...
2019-04-14 01:57:47
303
原创 vue3.
一.对比vue21.性能提升打包大小减少41% 初次渲染快55%,更新渲染快113% 内存减少54%…2.源码升级使用Proxy代替defineProperty实现响应式…3.拥抱TSvue3可以更好的支持TS4.新的特性1.Composition API(组合API)2.新的内置组件3其他(新的声明周期,data等)…二.............
2022-06-08 15:32:01
97
原创 class类
一.ES5中类坏例子:坏处:1.违背继承原则2.所生成对象臃肿,每个生成对象都包含所有属性和方法好例子:通过原型链的方式实现继承二.ES6中类与原型链写法区别:没有区别,es6本质也是通过原型链实现类,也可以说成是es5的语法糖...
2021-04-20 00:24:30
743
原创 TS
一.TS优势1.TS可以在编写代码时快速定位问题当js和ts同时没有传参时ts会在编辑器中报错2.编辑器对代码提示友好程度更好当使用参数时,js没有提示出详细参数,而ts提示出详细参数3.更好阅读代码js中想要获取参数中的详细值得话需要阅读代码内容,而ts中想要获取参数值得话可以直接阅读代码参数二.运行环境1.node2.环境配置prettier格式化插件失效时:https://segmentfault.com/a/1190000023018242不行??
2021-04-04 18:54:43
643
1
原创 vue2安装脚手架及打包命令
1安装vuenpm install vue2全局安装vue-clivue install --global vue-cli3创建基于webpack模板的新项目vue init webpack my-project //my-project :项目名称4进入项目cd my-project5下载依赖包npm install6运行项目npm run de...
2019-04-03 10:19:55
964
原创 vue目录结构解析
bulidwebpack相关代码config配置目录,端口号等node_modulesnpm项目依赖模块src 项目开发目录static静态资源文件,虚拟数据文件package.json项目配置文件...
2019-04-03 00:16:20
314
原创 前端通信总结
同源策略及限制原理:同协议,同域名,同端口限制: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
112
原创 前端http协议总结
1简单快速:url是固定的2灵活:通过http协议可以完成不同数据类型传输3无连接:连接一次就会断掉,不会保持连接4无状态:客户端和服务端是两种身份,两种不会互相干扰
2019-04-02 21:33:05
204
原创 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
5477
原创 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
141
原创 前端js =.==.===异同
=:赋值 ==:等于(只是用于判断值是否相等,数据类型自动转换) ===:全等于或恒等于(比较 严格,数据类型不会自动转换,可用于比较数据类型)实例: /* = */ var a = 1; /* 定义一变量a,把数值1赋值给a */ console.log(a);//1/*==和===*/var b = 1;/*定义一变量b,把数...
2018-08-27 22:47:28
506
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人