周清城的博客

#使用props传递数据html:传递普通的字符串h3>#使用props传递数据h3>div id="dr01"> div>组件实例的作用域是孤立的。这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。可以使用 props 把数据传给子组件。div> br /> child msg="hello, vue.js!">child>div>

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀这时候javascript作为嵌入式的脚本语言的定位动摇了，JavaScript却没有为组织代码提供任何明显帮助，甚至没有类的概念，更

有时候指令太多会造成记错、记混的问题，所以本文在记忆的时候会采用穿插记忆的方式，交叉比对，不易出错。本文主要讲了一下六个指令：v-if//v-show//v-else//v-for//v-bind//v-on1. v-if 条件渲染指令，根据其后表达式的bool值进行判断是否渲染该元素；eg: HTML:?1

转载链接：http://www.zhugao.net/today/2012/1649.html1、Git Gui 的中文乱码进入“编辑 -> 选项”，把 Default File Contents Encoding 改为 utf-8.改完后在 C:\Users\Administrator\.gitconfig 可以看到修改结果。这样使用 Git Gui 和 Git

版权声明：本文为博主原创文章，未经博主允许不得转载。来自：http://blog.youkuaiyun.com/qxs965266509用过HTML5 LocalStorage本地存储和sessionStorage的，你就感觉html5很强大，比cookie和session好用很多，下面让我们来学习这个知识吧... 最早的Cookies自然是大家都知道，问题主要就是太小，大概也

try{ //正常执行 }catch(e/*你感觉会出错的 错误类型*/){ // 可能出现的意外 eg:用户自己操作失误 或者 函数少条件 不影响下面的函数执行 // 有时也会用在 比如 focus() 但可恶的ie有可能会第一次没有focus事件 再让他执行一次 // 有时一些不是bug的bug 在ie上 他要求必须加上 catch 哪怕就一个空catch 以前在ie8上遇到过这个操蛋的j

今天面试的两个公司都有问到这个，不过我虽然没有对这两个东西达到精通的程度，但还是记得定义的：Ajax：页面异步刷新方式，在更新页面内容时，不用跳转到另外一个页面就可以实现数据的更新，可以提升页面的友好度Json：数据交换方式，它把页面的数组转化为字符串，然后再把字符串以某种方式转化为数据传给页面显示以上就是我答的所有了，只怪自己在实际项目应用中没有去过多的关注它们的原理，所以只

我们知道，父组件是使用 props 传递数据给子组件，但如果子组件要把数据传递回去，应该怎样做？那就是自定义事件！每个 Vue 实例都实现了事件接口(Events interface)，即：使用 $on(eventName) 监听事件使用 $emit(eventName)触发事件Vue.component('button-counter', { template: ` {{

WebStorm是一个捷克公司开发的，功能虽然很强大，但UI貌似一直不是东欧人的强项。WebStorm默认的编辑器颜色搭配不算讲究，我看习惯了VS2012的Dark Theme，再看这个顿觉由奢入俭难，非得改改颜色才行。 新建Scheme + 修改字体ctrl+alt+s打开Settings界面，Editor > Colors&Fonts > Font。Defaul

表达式全集字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\\”匹配“\”而“\(”则匹配“(”。^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“\n”或“\r”之后的位置。

绑定表单控件和绑定普通控件并无二致。但是因为控件绑定常常涉及到双向绑定，此时使用v-model让它更加简单。比如checkbox：script src="https://unpkg.com/vue/dist/vue.js">script>div id="app"> input type="checkbox" v-bind:checked="checked">v-bindinput>br/

转载自：https://segmentfault.com/a/1190000002723469最近在找暑期实习，其中百度、网易游戏、阿里的面试都问到一些关于HTML5的东西，问题大多是这样开头的：“你用过什么HTML5的技术呀？” 而后，每次都能扯到 Cookie 和 localStorage 有啥差别。这篇文章就旨在详细地阐述这部分内容，而具体 Web Storage API 的使用可以

转载链接：http://www.cnblogs.com/lhb25/archive/2013/01/30/css3-linear-gradient.html　CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient，我们需要先了解

转载链接：http://blog.youkuaiyun.com/u011526234/article/details/72667620今天朋友推荐了一款git图形化客户端, sourcetree,免费的, 不过需要注册账号,得翻墙, 装了之后发现描述乱码在网上搜了一下, 有的说是改字体, 有的说是git bash的问题, 然后自己在git bash中试了一下, 发现确实乱码, 就按照网上的说改

查看、添加、提交、删除、找回，重置修改文件git help # 显示command的helpgit show # 显示某次提交的内容 git show $idgit co -- # 抛弃工作区修改git co . # 抛弃工作区修改git add # 将工作文件修改提交到本地暂存区git add . # 将所有修改过的工作文件提交暂存区

带名函数是指函数显示地给出了一个名字的函数，function abs(x){}。匿名函数是指函数只带有function这个关键字，而没有像abs这种函数名称的函数，如function(){}。ES6标准新增了一种新的函数：Arrow Function（箭头函数）箭头函数表面上相当于匿名函数，并且简化了函数定义。它们各自的区别是什么呢？ 1.带名和匿名函数的区别 区别：匿名函数需要讲地址赋值

JavaScript的优势之一是其如何处理异步代码。异步代码会被放入一个事件队列，等到所有其他代码执行后才进行，而不会阻塞线程。然而，对于初学者来说，书写异步代码可能会比较困难。而在这篇文章里，我将会消除你可能会有的任何困惑。理解异步代码JavaScript最基础的异步函数是setTimeout和setInterval。setTimeout会在一定时间后执行给定的函数。它接受一个回调函

jsonp详解json相信大家都用的多，jsonp我就一直没有机会用到，但也经常看到，只知道是“用来跨域的”，一直不知道具体是个什么东西。今天总算搞明白了。下面一步步来搞清楚jsonp是个什么玩意。同源策略首先基于安全的原因，浏览器是存在同源策略这个机制的，同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。看起来不知道什么意思，实践一下就知道了。

定义和用法encodeURI() 函数可把字符串作为 URI 进行编码。语法encodeURI(URIstring)参数描述URIstring必需。一个字符串，含有 URI 或其他要编码的文本。返回值URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。说明该方法不会对 AS

原文：http://blog.youkuaiyun.com/koffuxu/article/details/6731876git revert 是生成一个新的提交来撤销某次提交，此次提交之前的commit都会被保留git reset 是回到某次提交，提交及之前的commit都会被保留，但是此次之后的修改都会被退回到暂存区具体一个例子，假设有三个commit， git st:commit3:

使用v-on:click绑定的事件如何移除？？？现在我的处理方式是:"flag && clickEvent()">p>加上一个标志位来控制点击事件是否能触发.也可以这样解决：采用v-if解决：点击点击然后在data里添加unbind=false属性，需要解绑的时候将其设置为true

>  html lang="en">  head>    meta charset="UTF-8">    title>Vue.js小demotitle>    style>   .static{    width: 100px;    height: 60px;    margin:30px auto;    display: inline-block; 

前几天的晚上较全面的去看了下css的一些文档和资料，大部分的样式运用都没什么大问题了，只是有些许较陌生，但是也知道他们的存在和实现的是什么样式。今天主要想在这篇学习笔记中写的也不多，主要是针对:before和:after写一些内容，还有几个小样式略微带过的介绍下。什么是:before和:after？ 该如何使用他们？:before是css中的一种伪元素，可用于在某个元素之前插入某些内容。

var o={flag:true}; var test=!!o.flag;//等效于var test=o.flag||false; alert(test);由于对null与undefined用!操作符时都会产生true的结果，所以用两个感叹号的作用就在于，如果明确设置了o中flag的值（非 null/undefined/0""/等值），自然test就会取跟o.flag一样的值；如果没

通常是用在立即调用之前。但是并不是因为他是立即调用函数，而是为了文件合并的安全。比如你有两个文件，a.js 和 b.js，里面都是一个立即调用函数：12// a.js( function() {} )()12// b.js( funct

转载链接：http://www.cnblogs.com/inns/p/5586358.html1、时间戳显示经常可以看到论坛或者新闻上，时间戳为刚刚，xx分钟前，xx小时前等字样，前端如何实现呢？ 2、时间戳实现这个功能比较简单，直接上函数，time_str是时间戳的字符串结果，转换成Date对象，Date对象可以获取年月日等信息，new一个Date表示当前时间，相关信

转载链接：http://blog.youkuaiyun.com/qq_27093465/article/details/50731087用该属性获取页面 URL 地址：window.location 对象所包含的属性属性描述hash从井号 (#) 开始的 URL（锚）host主机名和当前 URL 的端口号

转载链接：http://www.cnblogs.com/diantao/p/5848618.htmlvue.js组件的作用域是独立，可以从以下三个方面理解：1、父组件模板在父组件作用域内编译，父组件模板的数据用父组件内data数据；2、子组件模板在子组件作用域内编译，子组件模板的数据用子组件内data数据，如果要用父组件的必须用props传递；3、子组件标签的数据，使用父组

起因：1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的；2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考；概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们

for(var i = 0 ; i < 5 ; i++){ var j = 0; var arr= [1,2,5,7,8];　　setTimeout(function(){　　　　console.log(arr[j ++]);　　},i*3000);}  这里源于一道面试题，当时给紧张没有写出来，特此明智！完美执行~

转自：http://www.cnblogs.com/shizhouyu/p/4975409.html1、什么是WebSocketWebSocket 是一种自然的全双工、双向、单套接字连接。使用WebSocket，你的HTTP 请求变成打开WebSocket 连接（WebSocket 或者WebSocket over TLS（TransportLayer Security

正则表达式基本语法转载自：http://www.cnblogs.com/ldq2016/p/5528177.html（博主名：一点点征服）1.正则表达式基本语法两个特殊的符号'^'和'$'。他们的作用是分别指出一个字符串的开始和结束。例子如下："^The"：表示所有以"The"开始的字符串（"There"，"The cat"等）；"of despai

Document 对象每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。Document 对象集合集合描述

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

有时候我们在前端开发过程中，会遇到一些需求：用户要求首页的很多个模块内容描述文字太多的情况下只显示：“XXXXX...”在css中有很方便的标签可以使用，但前提是针对div块级元素，对span和a这些不起作用，但我们在实际应用中可以在标签外面再嵌套一个div，这样其实也不难div{ white-space:nowrap;//强制不换行，所有内容一行显示 overflow:hidd

前一段重新安装了Sublime Text3，不过一直不在右键菜单中，所以决定添加，有如下2种方法。前一段重新安装了Sublime Text3，不过一直不在右键菜单中，所以决定添加，有如下2种方法。方法一（推荐）、把以下代码，复制到SublimeText3的安装目录，然后重命名为：sublime_addright.inf，然后右击安装就可以了。PS：重命名文件之前，需要先

原文地址：https://github.com/alsotang/node-lessons/tree/master/lesson11理解 js 中 var 的作用域了解闭包的概念理解 this 的指向                                                                                         v

使用Package Control组件安装也可以安装package control组件，然后直接在线安装：按Ctrl+` 调出console粘贴以下代码到底部命令行并回车：import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_pat

学过C语言的我太耿直一般这种情况下我会直接var arr = new Array[10][10];但是不出意外的话这样是会报错的，因为在js中根本没有这样的语法在这之前，让我们先来回顾一下js中是怎么样创建一维数组的：使用数组直接量，这个是最简单的，在方括号内将数组元素用逗号隔开即可：var arr = [ ]; //空数组var s = [1,2,3,4]; /

原文链接：http://blog.youkuaiyun.com/offbye/article/details/48826277这篇文章是千米网移动团队半年多时间使用微信平台开发多租户微店系统相关经验的分享与记录，涉及微信JSSDK，消息推送，微店支付等方面，微信开发的坑实在太多了，早期的时候官方文档也有不少问题，网上相关的资料很多都比较旧。 文章后面还会持续更新修正， 希望能对想了解使用微信平台的小伙伴们