Q仔_-优快云博客

转载揭秘 Vue 中的 Virtual Dom

前言Vue.js 2.0引入Virtual DOM,比Vue.js 1.0的初始渲染速度提升了2-4倍，并大大降低了内存消耗。那什么是Virtual DOM？为什么需要Virtual DOM？它是通过什么方式去提升页面渲染效率的呢？这是本文所要探讨的问题。模板转换成视图的过程在正式介绍 Virtual Dom之前，我们有必要先了解下模板转换成视图的过程整个过程（如下图参考《深入浅...

2019-07-24 16:32:11 247

vi有两个模式：一个是编辑一个是命令。我们从命令进入编辑为：i，o，a。一般使用的是i：因为这个我是最熟悉的。退出点击esc键，就进入命令模式。我们需要删除文件的当前行和后一行，命令为：2dd，一般我们使用的是单个字符的删除为：x。我们一般进入编辑模式，来进行添加，修改，删除。但是当我们删除和修改的内容过多的时候，我们使用命令行模式，进行修改，这样方便，快捷，而命令行中，最常用到的是x，dd，u，...

2018-06-05 10:05:30 32594 1

原创 vue+webpack+vue-router+vuex+vue-resource简单实例

vue+webpack+vue-router+vuex+vue-resource简单实例github地址 https://github.com/JohnnyZhangQiao/vue-family如果对您有帮助，您可以点右上角 "Star" 支持一下谢谢！ ^_^另外说明下：这个demo目前只做首页，但是该用上的技术都用上了，简单易懂。VuexVu

2017-11-02 09:12:10 1044

原创【sublime】sublime Text3常用插件

首先，安装sublime Text的组件控制器：Package Control1. 按Ctrl+`调出console（注：避免热键冲突）2. 粘贴以下代码到命令行并回车：import urllib.request,os; pf = 'PackageControl.sublime-package'; ipp = sublime.installed_packages_path();

2017-10-24 17:36:50 440

原创【gulp】gulp安装及使用初探

gulp安装步骤：安装nodejs -> 全局安装gulp -> 新建package.json文件->项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务1.1安装nodejs 说明：gulp是基于nodejs，理所当然需要安装nodejs；安装：进入nodejs官网（https://nodejs.org/en/）下载安装。1.2全

2017-10-18 13:51:37 317

转载前端框架天下三分：Angular React 和 Vue的比较

前端这几年的技术发展很快，细分下来，主要可以分成四个方面：1.开发语言技术，主要是ES6&7，coffeescript，typescript等； 2.开发框架，如Angular，React,Vue.js，Angular2等； 3.开发工具的丰富和前端工程化，像Grunt，Gulp，Webpack，npm，eslint，mocha这些技术； 4.前端开发范围的扩展，如服务端的no

2017-05-09 14:40:58 4308

转载【H5】HTML5本地存储之Web Storage篇

Web Storage是HTML5引入的一个非常重要的功能，在前端开发中经常用到，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。Web Storage又分为两种： sessionStorage localStorage从字面意思就可以很清楚的看

2017-02-20 09:41:39 727

转载最全免费CDN公共库——网站提速 .

转载自 http://blog.赵阳.cn/cdnjs.htmlI. 开源静态文件 CDN我们的目标是提供这样一个仓库，让它尽可能全面收录优秀的开源库，并免费为之提供 CDN 加速服务，使之有更好的访问速度和稳定的环境。同时，我们也提供开源库源接入的入口，让所有人都可以提交开源库，包括 JS、CSS、image 和 swf 等静态文件。（staticfile介绍）下面是

2017-02-06 14:37:05 3052

转载【JavaScript】深入理解JavaScript系列（3）：全面解析Module模式

简介Module模式是JavaScript编程中一个非常通用的模式，一般情况下，大家都知道基本用法，本文尝试着给大家更多该模式的高级使用方式。首先我们来看看Module模式的基本特征：模块化，可重用封装了变量和function，和全局的namaspace不接触，松耦合只暴露可用public的方法，其它私有方法全部隐藏关于Module模式，最早是由YUI的成员Eric

2017-01-05 10:54:06 256

转载【Bootstrap】响应式实用工具

Bootstrap 响应式实用工具Bootstrap 提供了一些辅助类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。需要谨慎使用这些工具，避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。超小屏幕手机 (小屏幕平板 (≥768px)中等

2017-01-04 14:44:44 540

转载【jQuery】jQuery.ajaxSetup()使用方法

jQuery.ajaxSetup( options )返回:描述: 为以后要用到的Ajax请求设置默认的值添加的版本: 1.1jQuery.ajaxSetup( options )options类型: PlainObject一个用来配置Ajax请求的"{键:值}"对，所有的选项都是可选的。用于设置$.ajaxSet

2016-12-27 09:18:13 1898

转载【js】JavaScript手动回收垃圾

如何手动触发 JavaScript 垃圾回收行为？垃圾回收，即 garbage collect，简称 “GC”。这里的 “手动” 指有效地、显式地、可控地触发浏览器 JavaScript 引擎的垃圾回收行为，比如通过点击页面中的按钮来调用 JS 方法，或使用浏览器提供的功能。IEIE 实际上提供了一个未公开的 JS 方法 CollectGarbage()。至少在 I

2016-12-08 16:54:33 16106

原创【js】js数组操作

创建数组var name= new Array();　//创建一个数组var arrayObj = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度var name=["1","2"]; //创建一个数组并赋值var name=new Array("1","2");要说明的是，虽然第二种方法创建数组指定了长度，但实际

2016-12-08 16:51:47 339

转载【浏览器】众浏览器内核区别

浏览器是我们每天几乎都必须使用的软件产品，可是对于自己每天都接触的浏览器，很多同学其实对其一无所知。今天异次元就跟大家说说关于浏览器内核的一些事儿吧，好让你了解多一点稍微内在的东西。在下面的文章中主要介绍一些常见的浏览器内核和JavaScript引擎，部分内容来自于我在网上找到的资料，还有一些是我自己的理解，不保证完全正确，但是大致应该是没错的。如果有误，请指正……[本文原作者为武

2016-11-08 17:39:33 632

转载【html】各种浏览器内核的比较

转自：http://blog.youkuaiyun.com/anddy926/article/details/7442369一、浏览器内核 Rending Engine, 顾名思义，称之为渲染网页内容的，将网页的代码转换为你看得见的页面，因为是排版，所以排版，所以肯定会有排版错误等问题。为什么会有排版错误呢，一部分是由于网站本身编写不规范，另一方面是浏览器本身的不规范

2016-09-09 11:39:02 2537

原创【jQuery】为动态生成的元素添加时间监听

一、 $. live () 方法根据jQuery的官方描述，live方法在1.7中已经不建议使用，在1.9中删除了这个方法。并建议在以后的代码中使用on方法来替代。返回值:jQuery live(type, [data], fn)概述作用：对指定元素添加相应事件，即使这个元素是后来页面动态生成的，依旧有用。如： id为“newDiv”的一个di

2016-08-19 10:07:17 5637

原创【jQuery】jQuery获取视窗、页面高度宽度

alert($(window).height());//浏览器时下窗口可视区域高度alert($(document).height());//浏览器时下窗口文档的高度alert($(document.body).height());//浏览器时下窗口文档body的高度alert($(document.body).outerHeight(true));//浏览器时下窗

2016-07-05 09:36:44 680

转载【H5】Canvas 如何自适应屏幕大小

最简单使用Canvas元素：这样就创建出一个空白画布。但是这样创建出的画布不能随着浏览器窗口大小的改变而动态的改变画布的大小。而这一点往往又非常重要，因为我们会经常改变浏览器窗口大小，不会一直保持某个固定的大小。首先可以先准备一个canvas.css 放到html文件的同一目录下，css内容： Javascript代码 * { mar

2016-07-04 19:07:32 12511

原创【js】window.addEventListener介绍说明

原型public override function addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void作用　　侦听事件并处理相应的函数。[1]参数

2016-06-29 11:03:02 66662 1

原创【html】表单控件禁用属性：readonly VS disabled

在html中有两种禁用表单提交的方法，他们分别是： 1.给控件标签加上readonly='readonly'属性 2.给控件标签加上disabled='disabled'属性例如: 举例中的两个控件都是不可修改的。但是他们也有一些区别！从字面意思我们可以知道，试用readonly属性的控件是"只读"的,而试用disabled是"被禁用"的。那么他们

2016-06-20 17:57:49 1871

转载【jQuery】jQuery修改class属性和CSS样式

jQuery修改class属性和CSS样式class属性修改　　类属性即class属性,规定类名.　　用类选择器规定样式的时候,需要为元素指定类名,即class属性的值.　　注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔.　　具体使用方法见:http://www.w3school.co

2016-06-15 19:21:22 2522

原创【h5】 h5标签及结构定义

结构定义：结构标签：标记定义一篇文章标记定义一个页面或一个区域的头部标记定义导航链接标记定义一个区域标记定义页面内容部分的侧边栏标记定义文件中一个区块的相关信息标记定义一组媒体内容以及它们的标题标签定义 figure 元素的标题。标记定义一个页面或一个区域的

2016-05-28 23:59:49 6155

原创【jQuery】鼠标进入\离开操作实现div显示\隐藏

$(element).hover(function(){//移上去逻辑},function(){//移出逻辑});js包引入：jquery.js

2016-05-23 10:08:20 4081

原创【JavaScript】jQuery+ajax传递json数组（局部响应处理）

首先Json对象定义格式：var json = {"key1" : "value1", "key2" : "value2"};而json数组定义格式：var json_array = [ {"key1" : "key_value1", "id1" : "id_value1"},{"key2" : "key_value2", "id2" : "id_value2"}];整体采用"[]

2016-05-22 21:44:41 2452

原创【php】json对象解码为array数组

函数功能：json对象解码为array数组参数：json对象/*被调用方法*/function object_array($array){ if(is_object($array)){ $array = (array)$array; } if(is_array($array)){ foreach($array as $key=>$value){ $array[$key

2016-05-22 21:24:52 388

Q仔的博客