JavaScript
周清城
修电脑的和写代码的
展开
-
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 · 681 阅读 · 0 评论 -
HTML5 LocalStorage本地存储和sessionStorage使用
版权声明:本文为博主原创文章,未经博主允许不得转载。来自:http://blog.csdn.net/qxs965266509用过HTML5 LocalStorage本地存储和sessionStorage的,你就感觉html5很强大,比cookie和session好用很多,下面让我们来学习这个知识吧... 最早的Cookies自然是大家都知道,问题主要就是太小,大概也转载 2017-08-02 20:12:26 · 375 阅读 · 0 评论 -
JS的 try catch使用心得
try{ //正常执行 }catch(e/*你感觉会出错的 错误类型*/){ // 可能出现的意外 eg:用户自己操作失误 或者 函数少条件 不影响下面的函数执行 // 有时也会用在 比如 focus() 但可恶的ie有可能会第一次没有focus事件 再让他执行一次 // 有时一些不是bug的bug 在ie上 他要求必须加上 catch 哪怕就一个空catch 以前在ie8上遇到过这个操蛋的j转载 2017-08-02 20:01:30 · 3479 阅读 · 0 评论 -
vue组件之emit
我们知道,父组件是使用 props 传递数据给子组件,但如果子组件要把数据传递回去,应该怎样做?那就是自定义事件!每个 Vue 实例都实现了事件接口(Events interface),即:使用 $on(eventName) 监听事件使用 $emit(eventName)触发事件Vue.component('button-counter', { template: ` {{转载 2017-08-16 16:37:05 · 1232 阅读 · 0 评论 -
正则表达式全集&&常用正则表达式
表达式全集字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如,“n”匹配字符“n”。“\n”匹配一个换行符。串行“\\”匹配“\”而“\(”则匹配“(”。^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性,^也匹配“\n”或“\r”之后的位置。原创 2017-08-16 15:54:31 · 2098 阅读 · 0 评论 -
如何理解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 · 3662 阅读 · 0 评论 -
详说 Cookie, LocalStorage 与 SessionStorage
转载自:https://segmentfault.com/a/1190000002723469最近在找暑期实习,其中百度、网易游戏、阿里的面试都问到一些关于HTML5的东西,问题大多是这样开头的:“你用过什么HTML5的技术呀?” 而后,每次都能扯到 Cookie 和 localStorage 有啥差别。这篇文章就旨在详细地阐述这部分内容,而具体 Web Storage API 的使用可以转载 2017-07-24 19:29:53 · 322 阅读 · 0 评论 -
如何理解vue.js组件的作用域是独立的
转载链接:http://www.cnblogs.com/diantao/p/5848618.htmlvue.js组件的作用域是独立,可以从以下三个方面理解:1、父组件模板在父组件作用域内编译,父组件模板的数据用父组件内data数据;2、子组件模板在子组件作用域内编译,子组件模板的数据用子组件内data数据,如果要用父组件的必须用props传递;3、子组件标签的数据,使用父组转载 2017-08-16 11:22:40 · 796 阅读 · 0 评论 -
js中的事件委托或是事件代理详解
起因:1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的;2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考;概述:那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们原创 2017-08-16 11:05:06 · 359 阅读 · 0 评论 -
let和const命令
转载自阮一峰老师的ES6博客:http://es6.ruanyifeng.com/#docs/letlet命令基本用法ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b转载 2017-04-22 17:07:15 · 849 阅读 · 0 评论 -
RegExp对象
链接:http://javascript.ruanyifeng.com/stdlib/regexp.html#toc2概述正则表达式(regular expression)是一种表达文本模式(即字符串结构)的方法,有点像字符串的模板,常常用作按照“给定模式”匹配文本的工具。比如,正则表达式给出一个 Email 地址的模式,然后用它来确定一个字符串是否为 Email 地址。Jav转载 2017-08-08 14:18:31 · 602 阅读 · 0 评论 -
前端埋点你知多少
和大数据的联系--埋点正文前言很多人还没搞清楚PC互联网的时候,移动互联来了;我们还没搞清移动互联的时候,大数据时代又来了。伴随大数据时代的到来,我们生活中产生的数据呈现出巨大的增长,互联网每2天产生的数据相当于2003年之前产生的数据一样多。马云说过,大数据就是未来的石油。越来越多的互联网公司开始重视数据的应用。数据应用的一个过程是:数据收集——数转载 2017-08-01 11:04:40 · 1270 阅读 · 0 评论 -
百度站长统计高级功能trackPageview
trackPageview说明API介绍使用场景:用于发送某个指定URL的PV统计请求AJAX页面的PV统计 (纯AJAX站点,所有页面都使用JS生成和切换)对于弹窗浮层等希望统计的模块(如,希望把对JS生成的浮动层的访问记入站点PV进行统计),可以利用trackpageview赋予URL您可以利用trackpageview改写当前页面在原创 2017-07-31 17:18:19 · 2983 阅读 · 0 评论 -
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 · 870 阅读 · 0 评论 -
前端模块化,AMD与CMD的区别
在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到了客户端(表单验证等),随着web2.0时代的到来,Ajax技术得到广泛应用,jQuery等前端库层出不穷,前端代码日益膨胀这时候javascript作为嵌入式的脚本语言的定位动摇了,JavaScript却没有为组织代码提供任何明显帮助,甚至没有类的概念,更原创 2017-07-26 11:12:45 · 477 阅读 · 0 评论 -
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
带名函数是指函数显示地给出了一个名字的函数,function abs(x){}。匿名函数是指函数只带有function这个关键字,而没有像abs这种函数名称的函数,如function(){}。ES6标准新增了一种新的函数:Arrow Function(箭头函数)箭头函数表面上相当于匿名函数,并且简化了函数定义。它们各自的区别是什么呢? 1.带名和匿名函数的区别 区别:匿名函数需要讲地址赋值转载 2017-10-12 16:30:13 · 1195 阅读 · 0 评论 -
深入理解JavaScript编程中的同步与异步机制
JavaScript的优势之一是其如何处理异步代码。异步代码会被放入一个事件队列,等到所有其他代码执行后才进行,而不会阻塞线程。然而,对于初学者来说,书写异步代码可能会比较困难。而在这篇文章里,我将会消除你可能会有的任何困惑。理解异步代码JavaScript最基础的异步函数是setTimeout和setInterval。setTimeout会在一定时间后执行给定的函数。它接受一个回调函转载 2017-10-12 16:01:13 · 422 阅读 · 0 评论 -
jsonp详解
jsonp详解json相信大家都用的多,jsonp我就一直没有机会用到,但也经常看到,只知道是“用来跨域的”,一直不知道具体是个什么东西。今天总算搞明白了。下面一步步来搞清楚jsonp是个什么玩意。同源策略首先基于安全的原因,浏览器是存在同源策略这个机制的,同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。看起来不知道什么意思,实践一下就知道了。转载 2017-10-12 15:22:37 · 419 阅读 · 0 评论 -
【原创】说说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 · 343 阅读 · 0 评论 -
js中同步与异步处理的方法和区别总结
在使用异步请求时,有时需要将异步请求的结果返回给另一个js函数,此种情况下会出现未等异步请求返回请求结果,该发送请求所在js函数已经执行完后续操作,即已经执行return ,这样会导致return的结果为空字符。 总结:若要在使用ajax请求后处理发送请求返回的结果,最好使用同步请求。 例如:以下例子会出现返回结果不正确的情况,因为ajax异步请求还未执行完,函数已经执行retur原创 2017-10-12 10:20:56 · 2105 阅读 · 0 评论 -
JavaScript encodeURI() 函数
定义和用法encodeURI() 函数可把字符串作为 URI 进行编码。语法encodeURI(URIstring)参数描述URIstring必需。一个字符串,含有 URI 或其他要编码的文本。返回值URIstring 的副本,其中的某些字符将被十六进制的转义序列进行替换。说明该方法不会对 AS原创 2017-08-25 14:39:56 · 358 阅读 · 0 评论 -
vue.js怎样移除绑定的点击事件?
使用v-on:click绑定的事件如何移除???现在我的处理方式是:"flag && clickEvent()">p>加上一个标志位来控制点击事件是否能触发.也可以这样解决:采用v-if解决:点击点击然后在data里添加unbind=false属性,需要解绑的时候将其设置为true原创 2017-08-15 16:07:11 · 23751 阅读 · 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 · 423 阅读 · 0 评论 -
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 · 1950 阅读 · 1 评论 -
javascript 中,function 方法前面一个分号是啥意思
通常是用在立即调用之前。但是并不是因为他是立即调用函数,而是为了文件合并的安全。比如你有两个文件,a.js 和 b.js,里面都是一个立即调用函数:12// a.js( function() {} )()12// b.js( funct原创 2017-08-22 09:49:30 · 947 阅读 · 0 评论 -
【网页前端】JS呈现时间戳为与当前时间比较结果
转载链接:http://www.cnblogs.com/inns/p/5586358.html1、时间戳显示经常可以看到论坛或者新闻上,时间戳为刚刚,xx分钟前,xx小时前等字样,前端如何实现呢? 2、时间戳实现这个功能比较简单,直接上函数,time_str是时间戳的字符串结果,转换成Date对象,Date对象可以获取年月日等信息,new一个Date表示当前时间,相关信转载 2017-08-24 17:59:53 · 1746 阅读 · 0 评论 -
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 · 807 阅读 · 0 评论 -
JavaScript中8个容易犯的错误
原文链接:http://caibaojian.com/8-javascript-attention.html这里我们针对JavaScript初学者给出一些技巧和列出一些陷阱。如果你已经是一个砖家,也可以读一读。1. 你是否尝试过对数组元素进行排序?JavaScript默认使用字典序(alphanumeric)来排序。因此,[1,2,5,10].sort()的结果是[1, 10, 2,转载 2017-07-18 10:35:12 · 299 阅读 · 0 评论 -
前端表单验证常用的15个JS正则表达式
转载链接:http://caibaojian.com/form-regexp.html在表单验证中,使用正则表达式来验证正确与否是一个很频繁的操作,本文收集整理了15个常用的javaScript正则表达式,其中包括用户名、密码强度、整数、数字、电子邮件地址(Email)、手机号码、身份证号、URL地址、 IPv4地址、 十六进制颜色、 日期、 QQ号码、 微信号、车牌号、中文正则。转载 2017-07-18 10:33:14 · 534 阅读 · 0 评论 -
使用对象字面量创建对象
今天在学习《js高程》时看到了使用对象字面量创建对象的表示法,了解到对象字面变量是对象定义的一种简写形式,目的在于简化创建包含大量属性的对象的过程,举一个简单的例子var person = {name : "tom",age : 21};这里,左边的花括号表示对象字面变量的开始,因为它出现在了表达式上下文中。然后我们定义了name属性,之后是一个冒号,再后面是这个属性的值。在对象字面量中,原创 2016-08-14 16:03:45 · 10326 阅读 · 3 评论 -
javascript的垃圾收集
JavaScript具有自动垃圾收集机制,也就是说,执行环境会负责管理代码执行过程中使用的内存。而在C语言和C++之类的语言中,开发人员的一项基本任务是手工跟踪内存的使用情况,这是造成许多问题的一个根源。在编写js程序时,开发人员不用再关心内存使用问题,所需内存的分配以及无用内存的回收完全实现了自动管理。这种垃圾收集机制的原理其实很简单:找出那些不再继续使用的变量,然后释放其占用的内存。为此,垃圾原创 2016-08-13 21:31:28 · 407 阅读 · 0 评论 -
javascript中如何创建二维数组
学过C语言的我太耿直一般这种情况下我会直接var arr = new Array[10][10];但是不出意外的话这样是会报错的,因为在js中根本没有这样的语法在这之前,让我们先来回顾一下js中是怎么样创建一维数组的:使用数组直接量,这个是最简单的,在方括号内将数组元素用逗号隔开即可:var arr = [ ]; //空数组var s = [1,2,3,4]; /原创 2016-09-12 22:46:50 · 30462 阅读 · 1 评论 -
关于把<script>标签放置的位置引发的关于html容错性的思考
在网上简单的学过js的教程之后,今天翻了翻犀牛书原创 2016-07-19 16:27:18 · 1456 阅读 · 1 评论 -
javascript中的闭包问题
百度了一下“官方”的解释是:所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。相信很少有人能直接看懂这句话,因为他描述的太学术。我想用如何在Javascript中创建一个闭包来告诉你什么是闭包,因为跳过闭包的创建过程直接理解闭包的定义是非常困难的。用这个集合的图可以比较轻松的理解如果写一个函数来看会更直观原创 2016-07-19 12:57:12 · 468 阅读 · 0 评论 -
怎么实现图片的圆角展示还有阴影展示
在css样式表里添加.normal {border: solid 2px grey;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} 然后直接在html文件里令img class="normal"即可以看到图片呈现圆角展示了如果想要添加阴影,则可以在样式表里添加原创 2016-07-27 17:23:17 · 514 阅读 · 0 评论 -
jquery
jQuery 库可以通过一行简单的标记被添加到网页中jQuery 库 - 特性jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性:HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilitiesjQuery 语法jQuery 语法是为 HTM原创 2016-07-14 15:25:56 · 364 阅读 · 0 评论 -
HTML DOM
之前的学习太水了就没有记录啦,今天开始学点干货啦今晚看到了神奇的内容:HTML DOM,通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。HTML DOM (文档对象模型)当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。HTML DOM 模型被构造为对象的树。HTML DOM 树原创 2016-07-04 19:33:37 · 342 阅读 · 0 评论 -
javascript的json
JavaScript Object Notation 简称JSON,它使用JavaScript对象的格式来存储数据。JSON是灵活的,因为它允许数据结构 是 字符串,数字,布尔值,字符串,和对象 的任意组合。这里是一个JSON对象的示例:var ourMusic = [{"artist": "Daft Punk","title": "Homework原创 2017-01-13 16:16:40 · 710 阅读 · 0 评论 -
js的push方法
push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。原创 2017-01-13 16:41:45 · 893 阅读 · 0 评论 -
bower--前端开发包管理工具
转载链接:http://m.blog.csdn.net/csdn_yudong/article/details/74853527Bower 是一个前端的包管理工具,用于管理项目中的需要用到的依赖包十分方便。安装 Bower全局安装 Bowernpm install -g bower1查看版本信息bower -v1使用 Bower安装完成后,可转载 2017-07-17 09:27:37 · 998 阅读 · 0 评论