![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 67
liandawubian
这个作者很懒,什么都没留下…
展开
-
ES6学习
ES6学习原创 2022-08-08 18:13:09 · 316 阅读 · 1 评论 -
vue2双向数据绑定基本原理
vue2的双向数据绑定(又称响应式)原理,是通过数据劫持结合发布订阅模式的方式来实现的,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调来渲染视图。也就是说数据和视图同步,数据发生变化,视图跟着变化,视图变化,数据也随之发生改变。...原创 2022-08-08 17:32:40 · 8529 阅读 · 0 评论 -
css动画
.show { animation: show-item 2s ease-in forwards;}.hide { animation: hide-item 2s ease-in forwards;}@keyframes hide-item { 0% { opacity: 1; color: red; } 50% { opacity: 0.5; color: g...原创 2018-10-27 21:34:01 · 123 阅读 · 0 评论 -
ssr服务器端渲染
准备工作安装node新建一个server文件夹,用命令行在server文件夹中npm init,出现一个package.json文件,使文件夹变成一个node的包,这样的包时比较容易管理的。然后在这个包中安装npm install express --save,此时server文件夹中多了一个node_modules文件夹。在server文件夹中新建一个app.js在express.js...原创 2018-10-25 14:23:45 · 2509 阅读 · 2 评论 -
浏览器缓存
localstoragevar storage=window.localStorage;//写入三种方法storage["a"]=1;storage.b=2;storage.setItem("c",3);//读取三种方法console.log(storage.a);console.log(storage["b"]);console.log(storage.getItem("c")...原创 2018-10-09 18:43:04 · 89 阅读 · 0 评论 -
js事件委托
概述事件委托或事件代理,就是利用事件冒泡,值得是指定一个事件处理,就可以管理某一类型的所有事件。实现子节点实现相同的功能<ul id="ul1"> <li>111</li> <li>222</li> <li>333</li> <li&转载 2018-09-30 19:28:36 · 507 阅读 · 0 评论 -
js笔记
undefined一个变量声明了但没有初始化,那么这个变量是undefined。它与没有声明的变量是不同的。注意:typeof对声明了但没有初始化的变量和没有声明的变量的结果都是undefined。NULLNull表示的是一个空对象指针,用typeof来检测null的值会返回objectStringtoString()和String()toString()可以把一个值转换为字符串,但...原创 2018-10-08 13:03:12 · 427 阅读 · 0 评论 -
百度搜索框提示词
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&a转载 2018-10-14 14:33:45 · 699 阅读 · 0 评论 -
json语法规则
数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组转载 2018-10-14 12:53:24 · 340 阅读 · 0 评论 -
前端性能优化(DOM操作篇)
缓存DOM对象JavaScript的DOM操作可以说是JavaScript最重要的功能,我们经常要根据用户的操作来动态的增加和删除元素,或是通过AJAX返回的数据动态生成元素。比如我们获得了一个很多元素的数组data[],需要将其每个值生成一个li元素插入到一个id为container的ul元素中,最简单(最慢)的方式是:var liNode, i, m;for (i = 0, m = da...转载 2018-10-14 11:49:30 · 652 阅读 · 0 评论 -
把相对路径换成绝对路径
str = '/a/b/../c/d/e/../f';function func(str) { arr = str.split('/'); var s; if(arr.indexOf('..') == -1){ return str; }else{ index = arr.indexOf('..'); ...原创 2018-10-12 20:49:27 · 1489 阅读 · 0 评论 -
跨域
1.jsonp原生js&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;原创 2018-10-12 20:48:23 · 120 阅读 · 0 评论 -
js排序算法
1.冒泡排序function bubbleSort(arr) { var len = arr.length; for(var i=0; i<len; i++) { for(var j=0; j<len-i; j++) { if(arr[j+1]<arr[j]){ var temp = arr[j]; arr[j] = arr[j+1]; a...原创 2018-10-11 15:01:42 · 119 阅读 · 1 评论 -
HTTP
网络协议分层物理层:定义物理设备如何去传输设备数据链路层:在通信实体之间建立数据链路连接网络层:为数据在结点之间传输创建逻辑链路传输层:向用户提供端到端的服务(tcp,udp),传输层向高层屏蔽 了下层数据通信的细节应用层:为应用软件提供了很多服务,构建于tcp协议之上,屏蔽了网络传输的相关细节HTTP历史HTTP/0.9 只有GET,没有header等描述...原创 2018-10-02 09:44:34 · 259 阅读 · 0 评论 -
css3动画
.show{ animation:show-item 2s ease-in forwards;}.hide{ animation:hide-item 2s ease-in forwards;}@keyframes show-item{ 0%{ opacity: 0; color: red; } 50%{ ...原创 2018-09-05 18:35:28 · 198 阅读 · 0 评论 -
react简书项目
Header怕各个组件的样式冲突,安装以下进行管理npm install styled-components 先把index.css换成style.js,如果想设置全局变量,比如进行reset,则import {injectGlobal} from 'styled-components';injectGlobal` html, body, div, span,...原创 2018-09-07 19:55:39 · 771 阅读 · 0 评论 -
笔记-HTML
HTML介绍HTML全称是超文本标记语言(Hyper text markup language),超文本就是超链接,可以实现页面的跳转,是页面的骨架。结构&amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;!-- 声明文档的类型 --&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;转载 2018-08-12 19:32:16 · 104 阅读 · 0 评论