box-shadow好玩炫酷的阴影效果

话不多说,先上代码! 根据内阴影和外阴影,最终组合成。根据阴影层级的关系。  <!DOCTYPE html> <html lang="en"> &amp...

2019-01-27 15:33:28

阅读数 71

评论数 0

object.freeze()之冻结对象小结

Object.freeze() 具有冻结一个对象的功能: 冻结的对象属性不能修改,不能添加属性(类似 const 一个原始值) ,但是还是阔以借用他的方法。(我们还可以冻结数组) let num = 1; let obj = { foo() { num++; }, bar...

2018-12-16 14:23:26

阅读数 308

评论数 0

Vue 的插件机制

Vue 的插件机制 vue 提供了一个 use 方法,来加载插件: Vue.use = function (plugin: Function | Object) { const installedPlugins = (this._installedPlugins || (this._...

2018-12-15 15:48:12

阅读数 85

评论数 0

理解vue原理以及实现流程

从 jquery 的操作 dom 到 vue,react等框架的vdom实现,大大减少了dom的操作,提高性能。前端的刀耕火种,到现在的模块化,前端的内容每天都在发生着变化,每天都有着进步。前端的发展中我们绕不过一个坎,那就是jquery,接下来我们会对比jquery和现在框架,来发现这些年前端取...

2018-12-14 14:25:45

阅读数 117

评论数 0

Vue之computed 和 wacth

计算属性computed ,监听属性wacth: 计算属性存在的意义: 在html中插入一个普通函数时(methdos中的函数),每次修改数据,html结果就会刷新(局部的重排和重绘)。同时普通函数也会重复执行。这样性能大打折扣。所以就有了计算属性computed。 computed的内部机...

2018-12-14 14:20:39

阅读数 104

评论数 0

微信小程序之细节注意点

小程序为数据驱动。没有dom 手机适应属性: rpx 页面跳转: API导航中 数据绑定:参照vue双括号( {{数据}} )。(行间样式绑定小不同一个双一个是单) 双括号中还可以写简单的逻辑运算,三元, 网络请求:api 修改数据,需要经过 setData()  (如果设置没有的数据...

2018-12-14 14:12:36

阅读数 31

评论数 0

JavaScript原生API小结

Array对象: 属性: arr.length  // 数组长度 Array.isArray(arr)  //用来判断一个值是否为数组 Array实例方法  : var a=[] a.valueof() //返回数组本身 a.toString() //返回数组的字符串形式(有...

2018-12-14 14:05:07

阅读数 46

评论数 0

常用状态码大全

2开头(请求成功)表示成功处理了请求的状态代码。 200 (成功)服务器已成功处理了请求。通常,这表示服务器提供了请求的网页。 201(已创建)请求成功并且服务器创建了新的资源。 202(已接受)服务器已接受请求,但尚未处理。 203(非授权信息)服务器已成功处理了请求,但返回的信息可能来自另一...

2018-12-05 18:48:38

阅读数 31

评论数 0

webpack4.0从无到有

webpack是什么? 为什么要用webpack? 如何使用webpack? 常见问题及解决办法。 答案: 1:webpack是一个现代js应用程序得静态模块打包器。当webpack处理应用程序时,会递归得构建一个依赖关系图,包含应用程序需要的每个模块,然后...

2018-11-15 17:59:53

阅读数 93

评论数 0

前端刀耕火种到模块化开发

为什么要模块化开发: 因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是有个前提:标准的统一 读懂这篇文章: https://blog.csdn.net/m_review/article/details/78643967 前端模块化的诞生: CommonJ...

2018-11-07 14:24:32

阅读数 30

评论数 0

JavaScript与node.js之把问题壁咚到墙角

学习方法 学会提问 科学思考 eg: 为什么要学node.js? node.js 很火。很多公司招聘都要求 node.js 继续提问node为什么火(这时候就要对比他们的区别了)? 3.node.js和JavaScript有什么区别? node.js是平台(Node.js 是一个基于 ...

2018-10-31 12:02:18

阅读数 59

评论数 0

vue之生命周期函数入门了解

以下是一个vue实例的整个生命周期:红色圆角都是对应的生命周期钩子 图来自官方:     对应的生命周期参考 资源来自:https://segmentfault.com/a/1190000008010666                    https://segmentf...

2018-10-25 22:04:44

阅读数 13

评论数 0

Vue之组件参数校验与非props特性

子组件对父组件传递数据的校验: 何为校验:就是对父组件传递的数据进行一定的限制。比如我子组件只接收字符串类型数据。其他不要等等。 (如果数据类型不符合。Vue会在控制台抛出警告。) 一下是数据可以为数字类型或者字符串类型的写法。以数组的形式: 数据类型的其他写法。放要求数据必须传过...

2018-10-24 14:51:13

阅读数 23

评论数 0

Vue之父子组件传值

单项数据流‘:父组件可以随意传数据给子组件,  父可以随意修改 , 子不能修改父的数据,会报错。 如果子组件修改了父组件的数据。那么会对其他的子组件也会有相应的影响。 处理方式:父组件的值,子组件接收够用一个变量接收。这样就变成子组件自用的了 (完美解决) 父组件向子组件传值:通过属性传值 ...

2018-10-24 14:39:26

阅读数 46

评论数 0

数据结构之二叉树

在计算机科学中,二叉树是每个结点最多有两个子树的树结构。通常子树被称作“左子树”(left subtree)和“右子树”(right subtree)。二叉树常被用于实现二叉查找树和二叉堆。 第一次接触二叉树是因为二分查找。被自己画成了树状图。二叉树应用的广泛。 树:有向无环图 二叉树在图论...

2018-10-23 13:57:43

阅读数 23

评论数 0

ES6 Map Set

数据结构:栈(括号操作,先进后出)队列(先进先出) 数组也是一种数据结构,(有序的地址存储) 对象的结构(key:value) 数组去重:arr =[1,'1',1,{}];(怎么实现去重,普通的去重方法不在适用) es6新的数据结构:Map 和 Set Map 是字典 加强的对象 ,若...

2018-10-21 23:48:51

阅读数 10

评论数 0

非父子组件之间的传值,发布订阅模式/观察者模式/总线机制/Bus

一个网页可以拆分成很多组件 :可以构成父子组件和兄弟组件。如果我想实现1~3之间的数据传递,不得不经过2。那有没有直接让1~3进行数据传递了(给他们开出新通道)。又比如3~3之间传递数据。 第一种:在Vue中有一个数据框架VueX 第二种:发布订阅模式/观察者模式/总线机制 主要来说第二...

2018-10-21 23:47:30

阅读数 21

评论数 0

组件细节

is:解决HTMLbug (tr这个标签是row标签) data问题:必须是一个函数。返回一个对象(子组件会被多次调用。不像主组件调用一次,)。每一个子组件都拥有独立的数据存储 Vue操作dom:给标签添加ref=‘’ 属性 ...

2018-10-21 23:45:13

阅读数 21

评论数 0

vue性能优化之keep-alive

路由被切换的时候会重新发送ajax请求。mounted钩子函数会被重新执行 vue自带标签 kepp-alvie   keep-alvie  : 路由内容加载一次后,就把路由内容放在内存中(相当于cookie),下次加载的时候就不用发送ajax请求了 当我们需要重新发送ajax请求时  ...

2018-10-21 23:44:06

阅读数 181

评论数 0

冒泡和捕获小结

通常我们只考虑一个dom绑定一种事件类型。(碰到一个问题。一个dom分别绑定了冒泡和捕获类型的事件)在一个dom元素同时绑定冒泡和捕获的该怎么处理。 我们来看一下的问题。下面事件的触发顺序是如何的 <body> <di...

2018-10-20 12:33:29

阅读数 36

评论数 0

提示
确定要删除当前文章?
取消 删除