周清城-CSDN博客

原创编写css规则

一条css规则由应用到文档中的一个或多个元素的指令组成。它包含两个部分：选择器和声明块。h1 {font-size: 1.5em;}其中h1是选择器，花括号里面的是声明块这条规则设置了文档中的任何h1标签的内容大小都为1.5em，这条规则的选择器部分定义了规则应用的对象，它可以是任何XHTML标签，也可以是其他css元素，例如类和ID。声明块定义了规则所做的事情，它包括了花括号之间的

2016-09-29 17:13:46 1062

原创使用对象字面量创建对象

今天在学习《js高程》时看到了使用对象字面量创建对象的表示法，了解到对象字面变量是对象定义的一种简写形式，目的在于简化创建包含大量属性的对象的过程，举一个简单的例子var person = {name : "tom",age : 21};这里，左边的花括号表示对象字面变量的开始，因为它出现在了表达式上下文中。然后我们定义了name属性，之后是一个冒号，再后面是这个属性的值。在对象字面量中，

2016-08-14 16:03:45 10275 3

原创 sublime text3常见插件的安装

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

2016-08-11 21:54:03 15329

转载 Vue.js-----轻量高效的MVVM框架（九、组件利用Props传递数据）

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

2017-10-13 14:20:05 661

转载 Javascript中带名匿名箭头函数的重要区别(推荐)

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

2017-10-12 16:30:13 1153

转载深入理解JavaScript编程中的同步与异步机制

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

2017-10-12 16:01:13 396

转载 jsonp详解

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

2017-10-12 15:22:37 396

转载【原创】说说JSON和JSONP，也许你会豁然开朗，含jQuery用例

转载链接：http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html前言：说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过

2017-10-12 14:12:09 330

原创 js中同步与异步处理的方法和区别总结

在使用异步请求时，有时需要将异步请求的结果返回给另一个js函数，此种情况下会出现未等异步请求返回请求结果，该发送请求所在js函数已经执行完后续操作，即已经执行return ，这样会导致return的结果为空字符。总结：若要在使用ajax请求后处理发送请求返回的结果，最好使用同步请求。例如：以下例子会出现返回结果不正确的情况，因为ajax异步请求还未执行完，函数已经执行retur

2017-10-12 10:20:56 2083

原创 JavaScript encodeURI() 函数

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

2017-08-25 14:39:56 340

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

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

2017-08-24 17:59:53 1713

转载 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 2486

转载 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 306

原创 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 1903 1

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

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

2017-08-22 09:49:30 927

转载 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 777

转载 Git常用命令

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

2017-08-21 13:44:08 293

转载 windows 下 sourceTree 乱码问题

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

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

转载 vue组件之emit

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

2017-08-16 16:37:05 1205

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

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

2017-08-16 16:05:57 2128

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

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

2017-08-16 15:54:31 2040

转载如何理解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 3637

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

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

2017-08-16 11:22:40 777

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

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

2017-08-16 11:05:06 331

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

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

2017-08-15 16:07:11 23571 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 393

原创 CSS 巧用 :before和:after

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

2017-08-15 10:46:30 585

转载 RegExp对象

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

2017-08-08 14:18:31 581

原创 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 835

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

2017-08-02 20:12:26 354

转载 JS的 try catch使用心得

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

2017-08-02 20:01:30 3455

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

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

2017-08-01 19:02:56 654

转载前端埋点你知多少

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

2017-08-01 11:04:40 1248

原创百度站长统计高级功能trackPageview

trackPageview说明API介绍使用场景：用于发送某个指定URL的PV统计请求AJAX页面的PV统计（纯AJAX站点，所有页面都使用JS生成和切换）对于弹窗浮层等希望统计的模块（如，希望把对JS生成的浮动层的访问记入站点PV进行统计），可以利用trackpageview赋予URL您可以利用trackpageview改写当前页面在

2017-07-31 17:18:19 2938

转载 CSS3 线性渐变（linear-gradient）

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

2017-07-27 11:15:44 412

原创前端模块化，AMD与CMD的区别

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

2017-07-26 11:12:45 458

转载 Git中文乱码问题(win 7)

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

2017-07-25 17:27:09 611

转载详说 Cookie, LocalStorage 与 SessionStorage

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

2017-07-24 19:29:53 301

转载网页在Safari快速滚动和回弹的原理： -webkit-overflow-scrolling : touch;的实现

现在很多for Mobile的HTML5网页内都有快速滚动和回弹的效果，看上去和原生app的效率都有得一拼。要实现这个效果很简单，只需要加一行css代码即可：[css] view plain copy-webkit-overflow-scrolling : touch; 可用以下网页测试：[h

2017-07-20 17:12:25 584

转载什么是前端路由

转载链接：http://www.cnblogs.com/yuqing6/p/6731980.html前端路由在很多开源的js类库框架中都得到支持，如angularJS，Backbone，Reactjs等等。这篇文章主要和大家谈谈什么是前端路由，以及它的使用场景及优缺点1.什么是路由简单举例说明，假如我们有一台提供 Web 服务的服务器的网络地址是：10.0.0.1，而该 Web 服

2017-07-18 19:00:33 372

空空如也

空空如也