- 博客(27)
- 收藏
- 关注
RSS订阅原创 javascript --- > 函数的柯里化 && Vue 2.x中柯里化的使用
函数式编程部分重点参考资料: 函数式编程柯里化只传递给函数一部分参数来调用它,让它返回一个函数去处理剩下的参数var add = function (x) { return function(y) { return x + y }}var increment = add(1)var addTen = add(10)increment(2) // ...
2020-02-29 11:25:49
788
2
原创 javascript --- > vue中简单的模板渲染
将下面的模板中的mustache语法使用给定数据渲染.模板如下<div id="root"> <div> <div> <p>{{name}} - {{message}}</p> </div> </div> <p>{{name}}</p> <...
2020-02-28 21:03:04
256
原创 javascript --- > 将DOM结构转换成虚拟DOM && 虚拟DOM转换成真实的DOM结构
虚拟DOM的实现使用虚拟DOM的原因: 减少回流与重绘将DOM结构转换成对象保存到内存中<img /> => { tag: 'img'}文本节点 => { tag: undefined, value: '文本节点' }<img title="1" class="c" /> => { tag: 'img', data: { title = "1"...
2020-02-28 12:02:11
2213
原创 读书笔记 --- > 再次阅读回流与重绘
参考 - 强烈推荐看看,这个作者写了很多特别好的文章.浏览器渲染过程解析HTML,生成DOM树; 解析CSS生成CSSOM树将DOM树和CSSOM树合并,生成渲染(Render)树Layout(回流): 根据生成的渲染树,视口(viewport),得到节点的几何信息(位置、大小)Painting(重绘): 根据渲染树和几何信息得到节点的绝对像素Display: 将像素发送给GPU,展...
2020-02-28 10:37:08
186
原创 HTTP --- > HTTP2小结
参考HTTP发展史HTTP/0.9 - 单行协议问世于1990年,那时的HTTP非常简单: 只支持GET方法; 没有首部; 只能获取纯文本HTTP/1.0 - 搭建协议的框架1996年,HTTP正式被作为标准公布,版本为HTTP/1.0。1.0版本增加了首部、状态码、权限、缓存、长连接(默认短连接)等规范,可以说搭建了协议的基本框架。HTTP/1.1 - 进一步完善1...
2020-02-28 10:33:44
272
原创 javascript --- > 对象属性的深层次获取
现有对象如下let obj = { a: { b:{ c:{ d:'Marron' } } }}想通过一个方法,输入该对象和路径a.b.c.d获取Marron的值【思路】:首先使用split数据,将a.b.c.d变为[a, b, c, d]然后使用shift()方法每次取出最前面的属性名,存放在prop中新建一个res对象,让res = r...
2020-02-26 23:13:08
2469
原创 读书笔记 --- > [基础知识点] 小结3
1. cookie与session的区别参考cookie机制Cookie是服务器在本地机器上存储的小段文本,并随每一次发送至同一个服务器。网络服务器用HTTP头向客户端发送cookies,在客户端中,浏览器解析这些cookies并将它们保存为一个本地文件,它会自动将同一服务器的任何请求束缚上这些cookies。具体来说,cookie机制采用的是在客户端保持状态的方案.它是在客户...
2020-02-20 20:34:00
299
原创 读书笔记 --- > [基础知识点] 小结2
1. TCP和UDP的区别\TCPUDP是否连接面向连接无连接是否可靠可靠不可靠连接对象个数1对11对1 或1 对多传输方式面向字节面向报文首部开销20字节8字节使用场景可靠传输,如: 文件传输实时应用(IP电话、视频会议、直播等)2. WebSocket(1)什么是WebSocket?WebSocket是HT...
2020-02-20 12:10:24
333
原创 读书笔记 --- > [基础知识点] 小结1
1. TCP,UDP区别TCPUDP基于有连接基于无连接对系统资源要求较多对系统资源要求少程序比较复杂程序结构比较简单流模式数据报模式保证数据的准确性不保证数据的准确性保证数据的顺序不保证数据的顺序2. OSI七层模型以及tcp/ip四层模型OSI七层模型tcp/ip四层模型常用的5层模型物理层物理层...
2020-02-19 10:24:00
299
原创 微信小程序 --- > [笔记小结] 环境搭建,基础学习
说明源代码拷贝源代码git clone https://github.com/Lizhhhh/miniProgram.git进入目录cd miniProgram查看tag: git tag选择需要查看的知识点,如: git checkout 02_Text学习的视频失效了…后续还会找资源学习…小程序地址一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦...
2020-02-16 21:58:57
557
2
原创 github --- > 多个项目的管理方式
1. 多个项目管理方式进入项目根目录: git init将当前的项目添加到暂存区中: git add . (注意: 最后有一个点)将暂存区的内容放到本地仓库: git commit -m '初始化项目'登录github , 新建远程仓库在本地添加远程仓库的源: git remote origin https://github.com/Lizhhhh/miniProgr...
2020-02-15 15:08:28
468
原创 vue --- > [全家桶] Vuex
1. Vuex 概述1.1 组件之间共享数据的方式父向子传值: v-bind 属性绑定子向父传值: v-on 事件绑定兄弟组件之间共享数据: EventBus$on: 接收数据的那个组件$emit: 发送数据的那个组件1.2 Vuex是什么Vuex: 是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享1.3 使用Vuex统一管理状态的好处能够在vu...
2020-02-14 16:13:13
171
原创 webpack --- > [读书笔记] webpack中常用的一些配置项
1. Webpack当前Web开发面临的困境文件依赖关系错综复杂静态资源请求效率低模块化支持不友好浏览器对高级JavaScript特性兼容程度低1.1 webpack概述webpack是一个流行的前端项目构建工具,可以解决当前web开发中所面临的困境.webpack提供了友好的模块化支持,以及代码压缩混淆、处理js兼容问题、性能优化等强大的功能,从而让程序员把工作的重心放到具体...
2020-02-13 17:21:00
191
原创 vue --- > [全家桶]vue-router
1. Vue - routerVue Router是 Vue.js 官方的路由管理器它和Vue.js的核心深度集成,可以非常方便的用于SPA应用程序的开发Vue Router包含的功能有:支持HTML5历史模式或hash模式支持嵌套路由支持路由参数支持编程式路由支持命名路由<div id="app"> <router-link to='/use...
2020-02-12 13:15:32
182
1
原创 javascript --- > [有趣的条件]双等号的隐式调用和数据劫持
1 双等号的隐式调用和数据劫持求下面条件,在a为什么样时,等号成立if(a == 1 && a == 2 && a == 3){ console.log('等号成立')}1.1 双等号的隐式转换首先得了解双等号的隐式转换规则等式备注对象 == 字符串隐式调用 toString方法将对象转换成字符串null =...
2020-02-10 21:05:37
229
原创 javascript --- > [小练习]变量提升、优先级综合
求下列函数输出结果function Foo() { getName = function() { console.log(1) } return this}Foo.getName = function() { console.log(2)}Foo.prototype.getName = function() { console.log(3)}var g...
2020-02-10 18:01:58
167
原创 javascript --- > 堆栈内存与闭包的作用
你可能会用到的堆内存: 存储引用类型值所在的空间栈内存: 存储基本类型值和存储代码所在空间函数上下文: JS每一个函数在执行的时候都会创建一个执行上下文1. 堆内存中的数字和字符串都是相等的let a = {}, b='0', c=0;a[b] = 'marron';a[c] = 'Mar'console.log(a[b]) // Mar第一行代码, a创建是一个对象,对...
2020-02-10 12:00:09
230
原创 css --- > [小结]让盒子水平垂直居中的解决方案
描述有如下模型,想办法让<style> .box{ width: 500px; height: 500px; background: skyblue; }</style><div class="box"> <div class="inner"></div></div>想办法让inner在b...
2020-02-09 20:37:08
274
原创 javascript --- > [读书笔记] 回流与重绘 && 前端优化小结
1. 浏览器渲染原理请说出: 从用户在浏览器地址输入网址,到看整个页面,中间都发生了哪些事情?HTTP请求阶段HTTP响应阶段浏览器渲染阶段1.1 可能用到的知识1.1.1 进程 Process、线程 Thread、 栈内存 Stack进程: 就是开的每一个程序: QQ、网易云音乐、Typora、VSCode…线程: 一个做的好的事情.栈内存: 用来提供一个环境,...
2020-02-09 15:16:04
249
原创 算法 --- > 递归实现多级树展开结构
在项目中,经常会给出一个深度不确定的数组,数字结构如下:data = [ {name: 'a', child:[{name: 'a1'},{name: 'a2', child: [{name:'a21'}]}]}, {name: 'b'}]要求将数组渲染成对应的目录结构, 结构如下:<ul> <li> a ...
2020-02-08 18:21:08
1183
2
原创 jquery --- > 监听tab栏的变化
1. jQuery样式操作1.1 操作css方法参数只写属性名,则返回属性值(字符串)$(this).css('color')参数是 属性名、属性值(逗号分隔，则表示设置属性$(this).css('color','red')参数可以是对象的形式$(this).css({ width: 400px, height: 400px})1.2 设置类样...
2020-02-08 16:36:16
1079
原创 javascript --- > js中的作用域 && 变量提升
1 求以下函数的输出1.1 考察点: 变量提升、this、作用域// 考察点 作用域、this、变量提升var a = 10function test() { a = 100 console.log(a) console.log(this.a) var a console.log(a) }test()第一个和第三个肯定是100在node环境下,没有wi...
2020-02-07 22:28:44
284
2
原创 javascript --- > 防抖与节流
说明源码1. 防抖与节流1.1 防抖防抖: 触发事件后,在n秒内函数只执行一次记忆: 你手比较抖,不小心按了按钮2下…你只希望它只执行一次.且按第二次结束时间算…这就用到了防抖技术1.2 节流节流: 连续发生的事件,在n秒内只执行一次函数记忆:1.3 防抖与节流的区别在一段时间内,不管触发多少次事件,事件处理函数都只处理一次称之为节流防抖,是在最后一次事件...
2020-02-07 21:06:43
309
原创 javascript --- > 瀑布流的实现
说明源代码1. 瀑布流出现问题: 设计给的图片不是同一个尺寸大小,因此不能规则的放入到给定的DOM结构中.此时,需要使用瀑布流技术来解决这个问题解决的思路: 让图片等宽、不等高核心: 用到了定位img { position: absolute; left: 最小的索引 * 图片的宽度; top: 最小的图片的高度;}算法如下:...
2020-02-07 19:38:00
211
原创 javascript --- > [jsonp] script标签的妙用(绕过同源限制)
1. 同源1.1 什么是同源协议、域名、端口号相同1.2 为什么有同源政策同源政策是为了保护用户信息的安全,放置恶意的网站窃取数据。最初的同源政策是指A网站再客户端设置的Cookie,B网站是不能访问的.随着互联网的发展,同源政策也越来越严格,在不同源的情况下,其中有一项规定就是无法向非同源地址发送Ajax请求,如果请求,浏览器就会报错2. jsonpjsonp是json with...
2020-02-04 14:38:22
866
原创 javascript --- > [FormData的使用] 文件上传进度条展示 && 文件上传图片即使预览
1. 准备工作因为要发送Ajax请求,而Ajax技术的运行需要网站环境,因此其中一个解决方案是,将页面作为网站的静态资源暴露出来,然后通过浏览器进行访问.1.1 静态资源使用express将public下面的资源暴露出来在根目录下面新建一个public文件夹和一个app.js文件// app.jsconst express = require('express');const p...
2020-02-04 14:09:58
269
原创 javascript --- > [FormData的使用] 表单元素转换成表单 && 对象二进制文件上传
1. FormData的作用1.1 将Form表单元素,转换成表单对象在使用Ajax进行表单提交的时候,采用原生的js获取dom,然后添加属性.当表单项很多的时候,代码会很多.不利于后期阅读、维护.这时,可以使用FormData对象,将HTML中的表单元素转换成表单对象,如下:<!-- 表单对象 --><form id="form"> <input typ...
2020-02-04 13:49:17
1022
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人