随笔分类 - Web前端
摘要:最近在使用Cookies加密保存数据的时候,接触到crypto,使用还算简单,在这里记录一下。 可以在这个GitHub的https://github.com/brix/crypto-js上下载该js,它可以单独引入所需要加密方式的js;也可以引入一个crypto-js.js 这个文件,它相当于引入了
阅读全文
摘要:Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有then、catch等同样很眼熟的方法。 那就new一个 Promise的构造函数接收一个参数,是函数,并且传入两个参数:resolve,reject,分别表示异步操作执行成功后的回调函数和异步操作
阅读全文
摘要:初探Promise https://segmentfault.com/a/1190000007032448 javascript es6 promise 33.5k 次阅读 · 读完需要 65 分钟 初探Promise https://segmentfault.com/a/1190000007032
阅读全文
摘要:在JavaScript的世界中,所有代码都是单线程执行的。 由于这个“缺陷”,导致JavaScript的所有网络操作,浏览器事件,都必须是异步执行。异步执行可以用回调函数实现: function callback() { console.log('Done'); } console.log('bef
阅读全文
摘要:1.什么是Polyfill? Polyfill是一个js库,主要抚平不同浏览器之间对js实现的差异。比如,html5的storage(session,local), 不同浏览器,不同版本,有些支持,有些不支持。Polyfill(Polyfill有很多,在GitHub上https://github.c
阅读全文
摘要:本文转载自 Pascal Klau,他是一名来自德国南部的实习生,他讨厌不必要的 HTTP 请求,也不爱吃西兰花。Pascal 将说明使用 polyfill 服务的一种方式,在这种方式下你可能可以完全不必使用它。 现状 我们想要用 ES6 语法来写 JavaScript。然而由于我们需要兼容老版本的
阅读全文
摘要:var users = [{name:”zhangsan”,age:18},{name:”jack”,age:20}]; 这是一个对象数组。如果我们要查询名字为”jack”用户的年龄、常用的办法是什么? 很多同学会想到遍历这个数组。 我们来看看新的语法: var getUser = users.fi
阅读全文
摘要:Jquery遍历之获取子级元素、同级元素和父级元素 Jquery的遍历,其实就当前位置的元素相对于其他元素的位置的关系进行查找或选取HTML元素。以某项选择开始,并沿着这条线进行移动,或向上(父级)、或向下(子级)、或水平(同级),直到找到目标元素为止,这种移动也被成为对DOM进行遍历。 其实对于D
阅读全文
摘要:$.each()是对数组,json和dom结构等的遍历,说一下他的使用方法吧。 1、遍历一维数组 var arr1=['aa','bb','cc','dd']; $.each(arr1,function(i,val){ //两个参数,第一个参数表示遍历的数组的下标,第二个参数表示下标对应的值 con
阅读全文
摘要:1、选择器+遍历 $('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象 }); 2、选择器+遍历 $('div').each(function (index,domEle){ index就是索引值 domEle 表示获取遍历每一个dom对象 }
阅读全文
摘要:在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。 $().each,对于这个方法,在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,对于这时用$().each
阅读全文
摘要:html中: <div class="containerA"> 这是AAAAAAAAAAAAAAAAAAAAAAA样式 <div class="containerB"> 这是BBBBBBBBBBBBBBBBBBBBBB样式 </div> </div> css中: .containerA .conta
阅读全文
摘要:CSS一个元素同时使用多个类选择器(class selector) CSS类选择器参考手册 一个元素同时使用多个类选择器 CSS中类选择器用点号表示。实际项目中一个div元素为了能被多个样式表匹配到(样式复用),通常div的class中由好几段组成,如<div class="user login">
阅读全文
摘要:HTML DOM querySelector() 方法 Document 对象 实例 获取文档中 id="demo" 的元素: document.querySelector("#demo"); 尝试一下 » 实例 获取文档中 id="demo" 的元素: document.querySelector
阅读全文
摘要:uicer是一个javascript轻量级模板引擎。 使用方法 编译模板并根据数据立即渲染出结果 仅编译模板暂不渲染,返回一个可重用的编译后的函数 根据给定的数据对之前编译好的模板进行渲染 注册/注销自定义函数(对象) 默认参数配置 修改默认配置,逐条修改 修改默认配置,批量修改 Juicer 默认
阅读全文
摘要:art-template javascript 模板引擎,官网:https://github.com/aui/art-template 分为原生语法和简洁语法,本文主要是讲简洁语法 基础数据渲染 输出HTML 流程控制 遍历 调用自定义函数方法 子模板引入 基础数据渲染 一、引入art-templa
阅读全文
摘要:art-template简介 artTemplate(后文简称aT)才是模板引擎,而TmodJS(后文简称TJ,曾用名atc)则是依赖于前者的一款模板预编译器。两者都是由腾讯开发。其实aT完全可以独立使用,而TJ存在的意义是提供了一个对模板进行预编译的环境(基于NodeJS和模块化)。有了TJ,aT
阅读全文
摘要:一、概述 Zepto.js是一个轻量的js库,它与jQuery有类似的API。 zepto的设计目的是不到10K的通用库,快速下载,有一个熟悉的api-->精力专注在开发上。 流行起来的原因:轻量;只支持现代浏览器;非常方便的搭配其他框架(phoneGap)来编写代码;优秀的源代码,性能良好。 ze
阅读全文
摘要:H-ui 前端框架 架起设计与后端的桥梁轻量级前端框架,简单免费,兼容性好,服务中国网站。 首个付费版产品 H-ui.admin.Pro,盘他!
阅读全文
摘要:1.parse 用于从一个字符串中解析出json 对象。例如 var str='{"name":"cpf","age":"23"}' 经 JSON.parse(str) 得到: Object: age:"23" name:"cpf" _proto_:Object ps:单引号写在{}外,每个属性都必
阅读全文

浙公网安备 33010602011771号