随笔分类 - 前端技术栈
摘要：JS函数参数传递的问题 思考以下代码打印结果 function test(o) { o.age = 50; o = { name: 'li si', age: 100 } return o; } const boy = { name: 'zhang san', age: 16 } const boy
阅读全文
摘要：EventLoop 宏任务和微任务 js中用来存储执行回调函数的队列包括2个不同的特定的队列，即宏队列和微队列 宏任务包括定时器、ajax异步回调、事件回调 微任务包括promise,mutation 需要明确的是，所有函数，不论宏任务队列微任务队列或者是同步执行的函数，最终都是要放到在栈里面调用执
阅读全文
摘要：async/await ES7语法糖，基于Promise,处理异步任务更加方便 async 函数的返回值为promise对象,promise对象的结果由async函数执行的返回值决定 /* async: async不一定需要await,但是await一定需要async 加了async之后，函数的执行
阅读全文
摘要：初探Promise 中断与异常传送 Promise是JavaScript ES6对于异步任务的解决方案 从语法上来说，Promise是一个构造函数，通过new关键字来新建对象 从功能上来说，Promise用来封装一个异步操作，无论异步操作是成功或失败，Promise都将承诺给你返回一个确切的答案，一
阅读全文
摘要：Map map的主要特点在于，除了字符串之外，它还可以使用其他类型来作为键值对的键。 Map的实例化 所有实现了iterable接口的双元素数组结构都可以作为Map构造的参数。 如数组，map，set //数组作为实例化参数 let params = ['key1', 'value1'] let m
阅读全文
摘要：初探immutable Redux+immutable实现todolist immutable的实现原理是Persistent Data Structrue 持久化数据解构 特点是结构共享带来的性能优化 持久化数据结构 所谓持久化数据结构，就是说，当数据改变时，不会改变原数据，而是返回一个经过改变的
阅读全文
摘要：Set 之前学习了Set,好久没用又忘了，现在复习一遍，做个记录，方便以后查阅 先打印一下Set实例，看看里面都有些什么 Set类 Set类的构造函数是Set()本身，可以传入参数对Set实例进行初始化，但是这个参数必须实现了Iterable接口，Array、Map、Set都实现了iterable接
阅读全文
摘要：update enter exit 主要用于处理数据元素和DOM元素不匹配的情况，此API我觉得目的就是让DOM和datalist在数量级上匹配起来 update 其实没有这个函数，只不过为了区分enter和exit而虚构出来的 enter 数据元素个数多于DOM元素，处理的是少去的DOM部分，通常
阅读全文
摘要：关于D3 官网：https://d3js.org/ D3是一个数据可视化的库，技术基础是SVG，兼容性为IE9+，语法上近似jQuery 对比three.js three.js是以webgl为基础的库，封装了一些3D渲染需求中重要的工具与渲染循环 导入 <script src="https://d3
阅读全文
摘要：三栏布局 1 overflow + float 左右边栏浮动，中间主体部分通过overflow开启BFC。利用BFC不与浮动元素重叠的特性来完成三栏布局，中间自适应。 缺点是DOM加载是按照书写顺序来的，因此中间主题部分不会优先加载。 圣杯布局和双飞翼布局content被优先加载，解决了这一问题 ~
阅读全文
摘要：css 水平垂直居中方案总结 已知宽高未知宽高 水平垂直居中不管是在项目还是面试中都屡见不鲜，故而写篇博客小结一下。 本篇从父子元素宽高已知或未知的角度来分开叙述。 已知宽高 以下是DOM、样式表以及效果图。由于效果一致，下面将不再频繁列出。 html <div class="parent"> <d
阅读全文
摘要：React 状态state 定义与更新 和属性的区别 同步异步 状态提升 关于state 状态state是一个局部的、只能被组件自身控制的数据源 state只能在组件内部被初始化，外部不能访问也不能修改 state可以通过this.setState进行更新，setState会导致组件的重新渲染，se
阅读全文
posted @ 2020-05-04 13:21
IslandZzzz
摘要：vue-cli vue-cli底层也是采用webpack 生成output.js文件 vue inspect > output.js 配置文件导入时的前缀别名 vue.config.js 使用示例：@import "assets/style/mixin.scss"; const path = req
阅读全文
摘要：vue实例 选项对象 实例属性与方法 1 创建vue实例： vue实例的创建：一般通过new关键字的方式来创建，构造函数的参数列表需要传入一个选项对象 var vm = new Vue(paramObj); 1.1 vue实例的选项对象 创建一个vue实例时，需要传入一个选项对象，这个对象里面有如下
阅读全文
摘要：1 props emit Vue组件间的响应式通信方式之一，数据通过props以单向数据流的形式从父组件流动到子组件中。 单向流动性会防止子组件意外改变父级组件的状态，避免应用的数据流向难以理解。 不能处理非父子组件通信的情况 父传子 props 通过bind指令,父组件数据单向下行流向子组件的pr
阅读全文
摘要：Vue 路由参数的设置与获取 一、query参数 设置routes import VueRouter from 'vue-router' import Polaris from '../pages/Polaris' import PolarisMessage from '../pages/Polar
阅读全文
摘要：JavaScript 浅复制与深复制 1 赋值 在JavaScript中，基本数据类型存在栈中，对象作为引用数据类型存在堆中。 JavaScript赋值，对于栈中基本数据类型的赋值，操作的是栈，传递的是值；对于堆中对象的赋值，操作的是栈，传递的是引用。 以下主要讨论堆中的赋值。 如 obj = ob
阅读全文
浙公网安备 33010602011771号