前端
超级代码搬运工
这个作者很懒,什么都没留下…
展开
-
什么是跨域?
什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链3.) 脚本请求: js发起的...转载 2020-04-30 20:07:07 · 551 阅读 · 1 评论 -
JS数据属性与访问器属性
属性类型:ECMA-262 第 5 版在定义只有内部才用的特性(attribute)时,描述了属性(property)的各种特征。ECMA-262 定义这些特性是为了实现 JavaScript 引擎用的,因此在 JavaScript 中不能直接访问它们。为了表示特性是内部值,该规范把它们放在两对儿方括号中,例如[[Enumerable]]。ECMAScript 中有两种属性:数据属性和访问器属...转载 2020-04-26 21:58:09 · 485 阅读 · 1 评论 -
这一次,彻底弄懂 JavaScript 执行机制
原文地址 https://juejin.im/post/59e85eebf265da430d571f89本文的目的就是要保证你彻底弄懂 javascript 的执行机制,如果读完本文还不懂,可以揍我。不论你是 javascript 新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为 javascript 是一门单线程...转载 2020-04-18 18:06:46 · 653 阅读 · 1 评论 -
在 Create React App 中启用 Sass 和 Less
在 Create React App 中启用 Sass 和 Less本文介绍了如何在 Create React App 脚手架中启用 Sass 和 Less。前言关于创建 create-react-app 项目请查看:create-react-app 的安装与创建。关于在 less 和 sass 如何在 create-react-app 启用 CSS Modules,请查看我的上...转载 2019-12-02 18:14:40 · 260 阅读 · 0 评论 -
一张图看懂React 生命周期
React 生命周期react生命周期如图所示。左边是组件第一次加载的流程,右边是自组件被父组件更新的流程。原创 2019-11-23 17:55:44 · 200 阅读 · 0 评论 -
ES5和ES6中的继承
Javascript中的继承一直是个比较麻烦的问题,prototype、constructor、__proto__在构造函数,实例和原型之间有的复杂的关系,不仔细捋下很难记得牢固。ES6中又新增了class和extends,和ES5搅在一起,加上平时很少自己写继承,简直乱成一锅粥。不过还好,画个图一下就清晰了,下面不说话了,直接上图,上代码。ES5ES5中的继承,看图:function S...转载 2019-11-22 15:53:37 · 219 阅读 · 0 评论 -
yrm——npm源管理器
问题由于在写代码的过程中遇到了npm速度太慢的问题,网上大部分教程都是直接切换成淘宝的npm源,这就说明,npm源不止这两家,可能还有其他的,如果有一个npm源管理器就好了,然后我就发现了yrm。yrm 是一个 yarn源管理器,允许你快速地在yarn源间切换安装npm install -g yrm使用列出可选源yrm ls npm ---- https://regi...原创 2019-11-21 10:06:12 · 2143 阅读 · 0 评论 -
深度剖析:如何实现一个 Virtual DOM 算法
出处( #13 )目录:1 前言2 对前端应用状态管理思考3 Virtual DOM 算法4 算法实现4.1 步骤一:用 JS 对象模拟 DOM 树4.2 步骤二:比较两棵虚拟 DOM 树的差异4.3 步骤三:把差异应用到真正的 DOM 树上5 结语6 References1 前言本文会在教你怎么用 300~400 行代码实现一个基本的 Virtual DOM 算...转载 2019-11-17 15:40:24 · 150 阅读 · 0 评论 -
d3.js v5 实现类汉诺塔结构的数据可视化
背景需求要实现一个类似于汉诺塔的结构,但是还有一点不一样,每一层的大小是打乱的,不是按照顺序排列的,塔的两侧是两个同类别但是不同值的属性值,这个图的作用主要用来对比两个“实体”的所有属性的值。 设计在实际设计的时候,发现每个“实体”50个属性值,其中属性值可以分为两类:定性类:比如派系,类别等属性,这一类属性统称为定性类,一般在可视化设计的时候,用颜色映射。定量类:比如流量,大小,方向...原创 2019-06-02 16:04:08 · 238 阅读 · 0 评论 -
[vuex] mutations should be function but "mutations.default" is {}. 解决办法
问题首先,我的mutations.js文件是这样写的:const mutations = { modifyNodeTypeList(state,obj){ state.nodeTypeList=obj.nodeTypeList; }, modifyNodeAttrList(state,obj){ state.nodeA...原创 2018-12-18 10:04:39 · 4712 阅读 · 0 评论 -
vuex state中的数组变化监听方法
前言首先,因为我有一个需求就是vue组件中有一组多选框,选中多选框的内容,要在另一个组件中进行视图更新,这个就设计的兄弟组件之间的通信了,兄弟组件之前通信我首先选用的vuex这个解决办法。问题vuex的state用来放数据,我就把数组放在了vuex中,然后设置了修改的函数。最终store.js中的代码如下:import Vue from 'vue'import Vuex from 'vu...原创 2018-12-17 20:48:32 · 14570 阅读 · 1 评论 -
从1万篇文章中挑出的40篇最棒的 Vue 学习指南(2018版)
出处:https://zhuanlan.zhihu.com/p/33642051译者注:你们要的,有关 Vue 最棒的学习指南来了!作者研究了近1万篇 Vue 生态相关的文章得出这篇总结,全文既包含新手指南、年度回顾也包括框架对比、案例分析等专题,非常适合 Vue 开发者用于查漏补缺、收藏阅读。请大家注意该文中的大部分链接均为英文原文。文中如有错误,欢迎评论指出。更多系列译文可以移步这里查看更多:...转载 2018-04-25 11:32:30 · 204 阅读 · 0 评论 -
有效解决vue动态绑定多个class的官方实例语法无效的问题
首先,直接进入正题,我想要给一个dom绑定多个class,而且是动态绑定,这个时候可以用v-bind简写可以写为“ :”冒号,我查了官方的语法,具体如下:<!-- class 绑定 --><div :class="{ red: isRed }"></div><div :class="[classA, classB]"></div&g原创 2018-02-25 16:51:38 · 23815 阅读 · 6 评论