2017年08月_周清城

原创 JavaScript encodeURI() 函数

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

2017-08-25 14:39:56 343

转载【网页前端】JS呈现时间戳为与当前时间比较结果

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

2017-08-24 17:59:53 1715

转载 vue嵌套路由-query传递参数（三）

转载链接：http://blog.csdn.net/k491022087/article/details/70214664在嵌套路由中我们经常会遇到父路由向子路由里面传递参数，传递参数有两种方法，通过 query 或者 paramsindex.html[html] view plain copydiv id="app">

2017-08-22 17:54:04 2487

转载 git revert和git reset的区别

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

2017-08-22 16:26:18 308

原创 js中变量前两个叹号(!!)作用

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一样的值；如果没

2017-08-22 09:53:28 1905 1

原创 javascript 中，function 方法前面一个分号是啥意思

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

2017-08-22 09:49:30 928

转载 js中window.location.search的用法和作用。

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

2017-08-21 15:32:45 780

转载 Git常用命令

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

2017-08-21 13:44:08 294

转载 windows 下 sourceTree 乱码问题

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

2017-08-21 10:21:52 2972 1

转载 vue组件之emit

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

2017-08-16 16:37:05 1208

转载 WebStorm 自定义字体+颜色+语法高亮+导入导出用户设置

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

2017-08-16 16:05:57 2132

原创正则表达式全集&&常用正则表达式

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

2017-08-16 15:54:31 2046

转载如何理解v-model就是语法糖？

绑定表单控件和绑定普通控件并无二致。但是因为控件绑定常常涉及到双向绑定，此时使用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/

2017-08-16 15:27:42 3638

转载如何理解vue.js组件的作用域是独立的

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

2017-08-16 11:22:40 778

原创 js中的事件委托或是事件代理详解

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

2017-08-16 11:05:06 333

原创 vue.js怎样移除绑定的点击事件？

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

2017-08-15 16:07:11 23584 3

原创 vuejs点击class变化

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

2017-08-15 15:09:39 394

原创 CSS 巧用 :before和:after

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

2017-08-15 10:46:30 590

转载 RegExp对象

链接：http://javascript.ruanyifeng.com/stdlib/regexp.html#toc2概述正则表达式（regular expression）是一种表达文本模式（即字符串结构）的方法，有点像字符串的模板，常常用作按照“给定模式”匹配文本的工具。比如，正则表达式给出一个 Email 地址的模式，然后用它来确定一个字符串是否为 Email 地址。Jav

2017-08-08 14:18:31 582

原创 Vue.js常用指令汇总（v-if、v-for等）

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

2017-08-03 14:14:20 838

转载 HTML5 LocalStorage本地存储和sessionStorage使用

2017-08-02 20:12:26 355

转载 JS的 try catch使用心得

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

2017-08-02 20:01:30 3458

原创 Vue 实例--属性、方法、生命周期

构造器每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例启动的：var vm = new Vue({ // 选项})虽然没有完全遵循 MVVM 模式， Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的简称) 这个变量名表示 Vue 实例。在实例化 Vue 时，需要传

2017-08-01 19:02:56 655

转载前端埋点你知多少

和大数据的联系--埋点正文前言很多人还没搞清楚PC互联网的时候，移动互联来了；我们还没搞清移动互联的时候，大数据时代又来了。伴随大数据时代的到来，我们生活中产生的数据呈现出巨大的增长，互联网每2天产生的数据相当于2003年之前产生的数据一样多。马云说过，大数据就是未来的石油。越来越多的互联网公司开始重视数据的应用。数据应用的一个过程是：数据收集——数

2017-08-01 11:04:40 1249

周清城的博客