- 博客(21)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 前端面试题（经典）
1、position的值， relative和absolute分别是相对于谁进行定位的？absolute :生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。fixed （老IE不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。relative 生成相对定位的元素，相对于其在普通流中的位置进行定位。
2017-10-28 16:25:23
6111
2
原创 api日常总结：前端常用js函数和CSS常用技巧
我的移动端media html{font-size:10px}@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}@media
2017-10-27 15:44:25
853
原创 js操作cookie
JS设置cookie:假设在A页面中要保存变量username的值(“jack”)到cookie中,key值为name，则相应的JS代码为： document.cookie="name="+username; JS读取cookie:假设cookie中存储的内容为：name=jack;password=123则在B页面中获取变量username的值的JS代码如下：var username=docum
2017-10-27 15:37:45
263
原创 js判断滚动条是否到底部
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <t
2017-10-27 15:32:47
473
原创 对localStorage的封装，使用更简单
//在get时，如果是JSON格式，那么将其转换为JSON，而不是字符串。以下是基础代码：var Store = { get: function(key) { var value = localStorage.getItem(key); if (value) { try { var value_json
2017-10-27 15:30:22
1428
原创 杂七杂八
JavaScript 骚操作手机端页面自适应解决方案—rem布局进阶版（附源码示例） BFC和 websocket后jQuery时代是时候和 jQuery 说拜拜了么？10分钟学会ES7+ES8 ，精读AsyncAwait25个最基本的JavaScript面试问题及答案javascript 之模块化篇javascript常用函
2017-10-27 14:36:01
399
原创 GIT常用命令备忘
GIT常用命令备忘：http://stormzhang.com/git/2014/01/27/git-common-command/Git远程操作详解：https://microzz.com/2017/05/06/git/一篇文章，教你学会Git ： https://juejin.im/post/599e14875188251240632702如何在 Git 中使用撤消
2017-10-27 14:25:43
209
原创 vue-cli中的webpack配置
https://segmentfault.com/a/1190000008779053版本号vue-cli 2.8.1 (终端通过vue -V 可查看)vue 2.2.2webpack 2.2.1目录结构├── README.md├── build│ ├── build.js│ ├── check-versions.js│ ├──
2017-10-24 16:32:36
747
原创 说说element组件库broadcast与dispatch
周所周知，Vue在2.0版本中去除了broadcast方法以及broadcast方法以及dispatch方法，最近在学习饿了么的Element时重新实现了这两种方法，并以minix的方式引入。看一下源代码function broadcast(componentName, eventName, params) { /*遍历当前节点下的所有子组件*/ this.$children.forEach
2017-10-19 16:16:47
2227
原创 Vue组件间通信
什么是Vue组件？组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。 Vue组件间通信父组件向子组件通信方法一：props使用props，父组件可以使用props向子组件传递数据。父组件vu
2017-10-19 16:15:56
266
原创 Vue学习之源码分析--从template到DOM（Vue.js源码角度看内部运行机制）（九）
从new一个Vue对象开始let vm = new Vue({ el: '#app', /*some options*/});很多同学好奇，在new一个Vue对象的时候，内部究竟发生了什么？究竟Vue.js是如何将data中的数据渲染到真实的宿主环境环境中的？又是如何通过“响应式”修改数据的？template是如何被编译成真实环境中可用的HTML的？Vue指令又是执行的？带着这些疑
2017-10-19 16:14:42
943
原创 Vue学习之源码分析--Vue.js异步更新DOM策略及nextTick（八）
操作DOM在使用vue.js的时候，有时候因为一些特定的业务场景，不得不去操作DOM，比如这样：<template> <div> <div ref="test">{{test}}</div> <button @click="handleClick">tet</button> </div></template>export default { data () {
2017-10-19 16:13:52
470
原创 Vue学习之源码分析--聊聊Vue.js的template编译（七）
$mount首先看一下mount的代码/*把原本不带编译的$mount方法保存下来，在最后会调用。*/const mount = Vue.prototype.$mount/*挂载组件，带模板编译*/Vue.prototype.$mount = function ( el?: string | Element, hydrating?: boolean): Component { e
2017-10-19 16:13:01
2553
1
原创 Vue学习之源码分析--Virtual DOM与diff(Vue.js实现)(六）
VNode在刀耕火种的年代，我们需要在各个事件方法中直接操作DOM来达到修改视图的目的。但是当应用一大就会变得难以维护。那我们是不是可以把真实DOM树抽象成一棵以JavaScript对象构成的抽象树，在修改抽象树数据后将抽象树转化成真实DOM重绘到页面上呢？于是虚拟DOM出现了，它是真实DOM的一层抽象，用属性描述真实DOM的各个特性。当它发生变化的时候，就会去修改视图。但是这样的JavaScrip
2017-10-19 16:10:13
515
原创 Vue学习之源码分析--VNode节点(Vue.js实现（五）
抽象DOM树在刀耕火种的年代，我们需要在各个事件方法中直接操作DOM来达到修改视图的目的。但是当应用一大就会变得难以维护。那我们是不是可以把真实DOM树抽象成一棵以JavaScript对象构成的抽象树，在修改抽象树数据后将抽象树转化成真实DOM重绘到页面上呢？于是虚拟DOM出现了，它是真实DOM的一层抽象，用属性描述真实DOM的各个特性。当它发生变化的时候，就会去修改视图。但是这样的JavaScri
2017-10-19 16:09:01
1613
原创 Vue学习之源码分析--Vue.js事件机制（四）
Vue事件API众所周知，Vue.js为我们提供了四个事件API，分别是 $on， $once， $off， $emit。初始化事件初始化事件在vm上创建一个_events对象，用来存放事件。_events的内容如下：{ eventName: [func1, func2, func3]}存放事件名以及对应执行方法。/*初始化事件*/export function initEven
2017-10-19 16:08:06
521
原创 Vue学习之源码分析--从Vue.js源码角度再看数据绑定（三）
数据绑定原理前面已经讲过Vue数据绑定的原理了，现在从源码来看一下数据绑定在Vue中是如何实现的。首先看一下Vue.js官网介绍响应式原理的这张图。这张图比较清晰地展示了整个流程，首先通过一次渲染操作触发Data的getter（这里保证只有视图中需要被用到的data才会触发getter）进行依赖收集，这时候其实Watcher与data可以看成一种被绑定的状态（实际上是data的闭包中有一个Deps订
2017-10-19 16:05:35
371
原创 Vue学习之源码分析--Vue.js依赖收集（二）
为什么要依赖收集 来自 https://github.com/answershuto/learnVue先看下面这段代码new Vue({ template: `<div> <span>text1:</span> {{text1}} <span>text2:</span> {{text2}} <div>`
2017-10-19 16:03:21
415
原创 Vue学习之源码分析--Vue.js响应式原理（一）
关于Vue.jsVue.js是一款MVVM框架，上手快速简单易用，通过响应式在修改数据的时候更新视图。Vue.js的响应式原理依赖于Object.defineProperty，尤大大在Vue.js文档中就已经提到过，这也是Vue.js不支持IE8 以及更低版本浏览器的原因。Vue通过设定对象属性的 setter/getter 方法来监听数据的变化，通过getter进行依赖收集，而每个setter方法
2017-10-19 15:59:38
587
原创 webapp开发相关jquery手势事件之jGestures
手机开发中，除了我们平时用的jquery基本事件之外，还有很多手势，今天介绍一款jquery手势插件jGestures，地址是：http://jgestures.codeplex.com/这个插件的强大之处在于它可以监听以下事件’pinch’(缩放手势), ‘rotate’(旋转手势), ‘swipe’(滑动手势), ‘tap’(轻触) 以及 ‘orientationchange’(改变设备方向)。
2017-10-17 11:17:48
495
原创 z.less
// =============================================// @des: zless// @author: Busy// @url: www.aibusy.com || www.moyu-edu.com// @time: 2013-12-08// @lastTime
2017-10-12 17:56:55
1614
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人