4 很小白的小白

尚未进行身份认证

我要认证

励志成为前端架构师。

等级
TA的排名 10w+

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

话不多说,先上代码!根据内阴影和外阴影,最终组合成。根据阴影层级的关系。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w

2019-01-27 15:33:28

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

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

2018-12-16 14:23:26

Vue 的插件机制

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

2018-12-15 15:48:12

理解vue原理以及实现流程

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

2018-12-14 14:25:45

Vue之computed 和 wacth

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

2018-12-14 14:20:39

微信小程序之细节注意点

小程序为数据驱动。没有dom手机适应属性: rpx页面跳转: API导航中数据绑定:参照vue双括号( {{数据}} )。(行间样式绑定小不同一个双一个是单)双括号中还可以写简单的逻辑运算,三元,网络请求:api修改数据,需要经过 setData()  (如果设置没有的数据 则是添加数据,这里有个底层封装异步过程,但是在试引用类型的时候有问题,怀疑是没做深克隆处理)列表...

2018-12-14 14:12:36

JavaScript原生API小结

Array对象:属性:arr.length  // 数组长度Array.isArray(arr)  //用来判断一个值是否为数组Array实例方法  :var a=[]a.valueof() //返回数组本身a.toString() //返回数组的字符串形式(有逗号)a.push(value,vlaue....) //用于在数组的末端添加一个或多个元素,...

2018-12-14 14:05:07

常用状态码大全

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

2018-12-05 18:48:38

webpack4.0从无到有

webpack是什么? 为什么要用webpack? 如何使用webpack? 常见问题及解决办法。 答案:1:webpack是一个现代js应用程序得静态模块打包器。当webpack处理应用程序时,会递归得构建一个依赖关系图,包含应用程序需要的每个模块,然后将这些模块打包成一个或多个包。在webpack中一切皆模块,通过loader转换文件,通过plugin...

2018-11-15 17:59:53

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

为什么要模块化开发:因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是有个前提:标准的统一读懂这篇文章:https://blog.csdn.net/m_review/article/details/78643967前端模块化的诞生:CommonJS:2009年,美国程序员Ryan Dahl创造了node.js项目,将javascript语言用...

2018-11-07 14:24:32

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

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

2018-10-31 12:02:18

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

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

2018-10-25 22:04:44

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

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

2018-10-24 14:51:13

Vue之父子组件传值

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

2018-10-24 14:39:26

数据结构之二叉树

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

2018-10-23 13:57:43

ES6 Map Set

数据结构:栈(括号操作,先进后出)队列(先进先出)数组也是一种数据结构,(有序的地址存储)对象的结构(key:value)数组去重:arr =[1,'1',1,{}];(怎么实现去重,普通的去重方法不在适用)es6新的数据结构:Map 和 SetMap 是字典 加强的对象 ,若干键值对的集合map的便利性(字符串1就是字符串 没有类型转换)map.set('1','by...

2018-10-21 23:48:51

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

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

2018-10-21 23:47:30

组件细节

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

2018-10-21 23:45:13

vue性能优化之keep-alive

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

2018-10-21 23:44:06

冒泡和捕获小结

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

2018-10-20 12:33:29

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得