wu_Duo-CSDN博客

原创 Vue.js知识总结——组件

组件是vue中的核心概念，几乎所有的应用都是围绕着组件来展开的。在vue的设计中将组件作为基础元素，由它组成了整个应用的布局。这更方便我们重复使用，有了组件，我们可以更高效合理地开发和维护我们的项目。用一张图片来了解什么是组件：注册要注册一个全局组件，你可以使用 Vue.component(tagName, options)。例如：Vue.component('my-component', {

2017-09-14 09:11:59 403

原创 Vue.js知识总结——指令

Vue指令（Directives）是带有 v- 前缀的特殊属性。指令属性的值预期是单个 JavaScript 表达式。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。1. v-text 指令v-text 指令用于更新标签包含的文本，它的作用跟双大括号 {{ }} 的效果一样。我们看看它的用法： <div id="app"> <p v-text="msg"><

2017-09-06 15:16:18 669

Vue实例跟动物一样，也有自己的“生命”，实例也会经历出生至死亡的各个阶段。Vue把整个生命周期划分为创建、挂载、更新、销毁等阶段，每个阶段都会给一些“钩子”让我们来做一些我们想实现的动作。学习实例的生命周期，能帮助我们理解vue实例的运作机制，更好地合理利用各个钩子来完成我们的业务代码。1. beforeCreate此阶段为实例初始化之后，此时的数据观察和事件配置都没好准备好。我们试着consol

2017-08-22 11:42:43 501

原创 Vue.js知识总结（一）

Vue.js框架是什么以及核心内容Vue.js（读音 /vjuː/，类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。Vue.js通过尽可能简单的

2017-08-16 19:46:32 874

原创开发中常用的一些JS代码片段

阻止默认行为// 原生jsdocument.getElementById('btn').addEventListener('click', function (event) { event = event || window.event； if (event.preventDefault){ // w3c 阻止默认行为 event.preventDef

2017-04-13 13:40:54 410

原创有关职场的一些个人经验

年底特别忙，有一段时间没写博客了，最近看到一篇文章介绍了一些程序员的职场经验，觉得有些还不错，总结分享一下，不喜勿喷。永远不要过于玩命的工作，身体才是革命的本钱。要注意卡位重要的项目，保持不可替代性非常重要，要让上级对你有持续的依赖。保持足够的技术底蕴和修炼，未来技术会有一次大浪淘沙，别当水货。遇到靠谱的、能力强的，或者是厚道的老板，别轻易换工作，好好跟着。珍惜每一个愿意教你知识的同行，他们

2017-01-11 17:26:20 1036

转载 JavaScript：你可以赞扬批评嘲讽它，但却无法忽略

早上看到的关于js的漫画，非常不错，推荐给大家

2016-12-01 10:15:19 361

转载详解js变量、作用域及内存

基本类型值有：undefined，NUll，Boolean，Number和String，这些类型分别在内存中占有固定的大小空间，他们的值保存在栈空间，我们通过按值来访问的。（1）值类型：数值、布尔值、null、undefined。（2）引用类型：对象、数组、函数。如果赋值的是引用类型的值，则必须在堆内存中为这个值分配空间。由于这种值的大小不固定（对象有很多属性和方法），因此不能把他们

2016-11-22 10:31:41 309

原创关于js中call、apply、bind方法的区别

call、apply、bind的作用简单来讲，这三个函数存在的意义是改变函数执行时的上下文，说的再具体一点就是改变函数运行时的this指向。例如function Person(name){ this.name = name;}Person.prototype = { constructor: Person, showName: function(){ conso

2016-10-29 20:05:41 464

转载在 2016 年学 JavaScript 是一种什么样的体验？

原文链接：https://www.v2ex.com/t/310767嘿，我最近接到一个 Web 项目，不过老实说，我这两年没怎么接触 Web 编程，听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师？准确地说，我是一名「前端工程师」。不过你算是找对人了。我对今年的技术别提多熟了，前端可视化、音乐播放器、能踢足球的无人机，你尽管问吧。我刚去 JS 大会和 Re

2016-10-09 20:56:38 1028

原创居中div的方法

水平居中：给div设置一个宽度，然后添加margin:0 auto属性div{ width:200px; margin:0 auto; }让绝对定位的div居中div { position: absolute; width: 300px; height: 300px margin: auto; top: 0; left: 0;

2016-09-30 23:39:36 640

原创关于JavaScript中this关键字的理解

关于this关键字的理解，可以用一句话概括：this指向的是当前函数所绑定的上下文对象。1、在全局作用域中访问this，它指向的是window对象。2、在一个函数里面访问this，如果函数默认被执行的情况下，它内部所访问的this仍然指的是window对象。3、有一种情况在es6里面的严格模式下，函数在它默认被执行的情况下，它内部所访问的this是undefined。4、在回调函数里面（默认被执行）

2016-09-27 21:45:39 571

原创 Ajax的工作原理

ajax 的全称是Asynchronous JavaScript and XML（异步的JavaScript 和 XML），其中，Asynchronous 是异步的意思，它有别于传统web开发中采用的同步的方式。关于同步和异步异步传输是面向字符的传输，它的单位是字符；而同步传输是面向比特的传输，它的单位是桢，它传输的时候要求接受方和发送方的时钟是保持一致的。同步的话，必须这个操作完了才会执行

2016-09-22 20:35:04 25483 2

转载全面理解面向对象的 JavaScript

JavaScript 函数式脚本语言特性以及其看似随意的编写风格，导致长期以来人们对这一门语言的误解，即认为 JavaScript 不是一门面向对象的语言，或者只是部分具备一些面向对象的特征。本文将回归面向对象本意，从对语言感悟的角度阐述为什么 JavaScript 是一门彻底的面向对象的语言，以及如何正确地使用这一特性。前言当今 JavaScript 大行其道，各种应用对其依赖日深。web 程序

2016-09-18 22:04:52 476

转载前端跨域请求原理及实践

最新在浏览博客的时候看到了这篇关于前端跨域请求原理的博文，感觉不错，推荐给大家。原文链接：tingandpeng.com/2016/09/05/前端跨域请求原理及实践/一、跨域请求的含义浏览器的同源策略，出于防范跨站脚本的攻击，禁止客户端脚本（如 JavaScript）对不同域的服务进行跨站调用。一般的，只要网站的协议名protocol、主机host、端口号port 这三个中的任意一个不

2016-09-15 22:42:20 635

原创编译 Ueditor 源码(windows平台)

前置知识UeditorUEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。 Ueditor使用Grunt做为构建工具，而Grunt运行依赖Nodejs环境，所以本文将同时介绍Nodejs与Grunt的安装。Node.jsNode.js是一个Javascript运行环境(runtime)。实际上它

2016-09-10 21:09:26 788

原创伪元素::after和::before的使用

CSS 伪元素用于向某些选择器设置特殊效果

2016-08-26 10:01:51 545

原创常用的4种js面向对象写法

//方式一(function () { function Hello() { this.sayHello = function() { console.log("Hello World"); }; } var h = new Hello(); h.sayHello();}());

2016-06-25 16:08:45 569

原创 javascript闭包理解

一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域分两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。另一方面，在函数外部自然无法读取函数内的局部变量。这里有一个地方需要注意，函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量！二、如何从外部读取局部变量？

2016-05-22 22:15:08 450

转载关于前端的思考和感悟

最近几年对于web前端的传闻很多，比如人才稀缺，简单易学，待遇丰厚，整体势头发展良好等等。遇到过一个不太熟搞后台开发的同事跑来问我学习前端需要掌握哪些内容，也听说过一个搞IOS开发准备自学前端半个月然后要去找前端工作，也曾看到过有人对前端市场人才的稀缺这样吹捧过：现在，几乎整个互联网行业都缺前端工程师，不仅在刚起步的创业公司，对上市公司乃至巨头这个问题也一样存在。没错，优秀的前端工程师简直比大熊猫

2016-05-17 13:32:22 647

原创 z-index的有关注意事项

1、z-index仅在定位元素（position不等于static）中有效。2、七阶层叠水平图。3、z-index层叠水平的比较仅限于父级层叠上下文中。4、在开发中尽量避免层叠上下文的多层嵌套，因为层叠上下文嵌套过多的话容易产生混乱，如果对层叠上下文理解不够的话是不好把控的。　　5、非浮层元素（对话框等）尽量不要用z-index（通过层叠顺序或者dom顺序或者通过层叠上下文进行处理

2016-05-17 13:20:44 1283

wu_Duo的博客