02 2017 档案
摘要：ng-bind-html 的使用 AngualrJS 提供了指令ng-bind-html 用于绑定包含HTML标签的文档，使用方式： 测试案例： index.html index.js 浏览器输出下面错误: 查阅官方文档要使用：$sanitize服务 在angular.module中配置saniti
阅读全文
摘要：不知道大家有没有发现在用AngularJS作为前端搭建个人博客的时候，发现用AngularJs输出html的时候，浏览器并不解析这些html标签，这里我们需要其显示angular输出的html能被浏览器解析怎么办呢？不知道Angularjs如何实现这种功能的通过这篇文章来看看吧。 AngularJS
阅读全文
摘要：本篇主要讲解angular中的$sanitize这个服务.此服务依赖于ngSanitize模块. 要学习这个服务,先要了解另一个指令: ng-bing-html. 顾名思义,ng-bind-html和ng-bind的区别就是,ng-bind把值作为字符串,和元素的内容进行绑定,但是ng-bind-h
阅读全文
摘要：你会用AngularJS，但你会写AngularJS文档么？ 你会用AngularJS，但你会写AngularJS文档么？ 涉及知识：gulp javascript 我们经常在写代码的时候要求写好注释，方便日后维护。但其实注释还有一个重要的用途：生成API文档。 文档意义 API文档有什么用？避免多
阅读全文
摘要：在模板中直接： 在ionic中直接使用： //转译了html 默认情况下，AngularJS对会对插值指令求职表达式（模型）中的任何HTML标记都进行转义，例如以下模型： $scope.msg = “hello,world!” {{msg}} 渲染过程会对b标签进行转义，他们会议纯文本显示而非标记; 插值指令会对模型中任意html内容进行转义，这是为了防止html注入攻击。...
阅读全文
摘要：JavaScript三元运算符的多种使用技巧 JavaScript三元运算符的多种使用技巧 发现代码慢慢写多了的时候会不自觉的将if else 用 三元来替代，仅仅是未了让代码更简洁精辟，当然也有人说用三元可以让你有高潮的感觉。最近在写js 的时候也有这样的感觉，并且收集了一些小技巧，分享分享。 大
阅读全文
摘要：AngularJS1.3一些技巧 前言 框架选择。在上一篇文章评论中，有人说angular1.3是个过时的东西，建议使用angular2。其实这种说法很像拿jQuery1.x和jQuery2.x做比较，新的版本当然会有优化优势的地方，但并不一定是最适合你项目的。当你项目必须支持IE6/7/8时，那又
阅读全文
摘要：关于angularJS绑定数据时自动转义html标签 折磨了两天，最后发现答案竟如此简单，不过辛苦还是值得的，毕竟为了弄明白这一点又学习了更多代码。 angularJS在进行数据绑定时默认是会以文本的形式输出，也就是对你数据中的html标签不进行转义照单全收，这样提高了安全性，防止了html标签中的注入攻击，但有些时候还是需要的，特别是从数据库读取带格式的文本时，...
阅读全文
摘要：1、将此过滤器添加到ng-bind-html所绑定的数据中，便实现了在数据加载时对于html标签的自动转义。 2.项目中如果ng-repeat = “item in list”
阅读全文
摘要：一、问题 默认情况下，angularJS绑定的数据为字符串文本，不会对其中包含的html标签进行转义生成格式化的文本。在实际工作时碰到接口返回的数据带有html格式时该如何处理。 二、解决办法 1、引入angular-sanitize.js文件，并在module定义时注入服务ngSanitize。（为了能使用ng-bind-html属性） var myApp = angular.modu...
阅读全文
摘要：JavaScript单元测试框架-Jasmine Jasmine的开发团队来自PivotalLabs，他们一开始开发的JavaScript测试框架是JsUnit，来源于著名的JAVA测试框架JUnit。JsUnit是xUnit的JavaScript实现。但是JsUnit在2009年后就已经停止维护了，他们推出了一个新的BDD框架Jasmine。Jasmine不依赖于任何框架，所以适用于所有的...
阅读全文
摘要：function set_focus(el) { el = el[0]; // jquery 对象转dom对象 el.focus(); if ($.browser.msie) { var rng; el.focus(); rng = document.selection.createRange();
阅读全文
摘要：by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1058 原文地址：http://net…html5-features-tips-and-techniques…/ 原文作者：Jeffrey Way 翻译小编：张鑫旭 //zxx:以下为翻译全文，本着语言生动和本土化之...
阅读全文
摘要：客户端JavaScript程序采用了异步事件驱动编程模型。 一、相关术语 事件就是Web浏览器通知应用程序发生了什么事情。 事件类型（event type）是一个用来说明发生什么类型事件的字符串。例如，“mousemove”表示用户移动鼠标，“keydown”表示键盘上某个键被按下等等。 事件目标（
阅读全文
摘要：今天项目中碰到了两个难以解决的问题，一个是ctrl + enter键换行，enter键发送和支持html特殊字符的发送，二人会话和群会话都必须支持，发送短信的模块也必须支持特殊的字符，但是现在碰到的问题< 和 > 被转义了 < 和 >如何让发送的html特殊的字符不被强制转义； 一下解决
阅读全文
摘要：// var str1 = str.replace(/[\'\"\\\/\b\f\n\r\t]/g, '');// 去掉转义字符 // var str2= str.replace(/[\-\_\,\!\|\~\`\(\)\#\$\%\^\&\*\{\}\:\;\"\L\<\>\?]/g, '');/
阅读全文
摘要：JS不推荐《高三》么JQ入门个人推荐《锋利的JQuery》
阅读全文
摘要：众所周知，eq()方法返回的是一个JQuery对象，也就是[object Object]; get()方法返回的是DOM对象组成的数组，也就是[object HTMLLIElement]; 我们用一个例子说明一下： 首先引入JQuery库文件， html js 此时，点击按钮第二个li，即item2
阅读全文
摘要：//回车发消息 $scope.keyDownSend = function ($event) { var keycode = window.event?$event.keyCode:$event.which; var evt = $event || window.event; var inputTx...
阅读全文
摘要：/** * @license AngularJS v1.3.0-beta.15 * (c) 2010-2014 Google, Inc. http://angularjs.org * License: MIT */(function(window, document, undefined) {'us
阅读全文
摘要：一、温故而知新 很多年以前，稍等，让我搜一下contenteditable（右上角），哈，是2010年的时候，写了篇文章“div模拟textarea文本域轻松实现高度自适应”，就是说的contenteditable的应用。 虽然说，利用全浏览器都支持的contenteditable模拟文本域可以实现
阅读全文
摘要：有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。 方法1: onfocus=this.blur() 当鼠标放不上就离开焦点 方法2:readonly 方法3: disabled 完整的例子: disabled="true" 此果文字会变成灰色，不可编辑。 readOnly="true"...
阅读全文
摘要：最近的业务处理上，要使用cookie缓存储一下数据，公司的cookie还搞出点问题。而用户的浏览器都是利用微信的内置，普遍支持h5的本地存储。于是利用了这个... 现代浏览器普遍开始支持H5本地存储，localStorage、sessionStorage。可以用来代替cookie的一部分存储功能，他
阅读全文
摘要：data.sort(function(a,b){return a.time>b.time?1:-1}); http://www.w3school.com.cn/jsref/jsref_obj_array.asp 若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
阅读全文
摘要：需要转码是由于解码的内容中有特殊符号，如“&”，传不到后台去，所以需要转码处理。 前台转码 XXX.action?model.projectCode='+encodeURIComponent(encodeURIComponent(code的值])) +'&model.projectName='+en
阅读全文
摘要：nrm -- NPM registry 管理工具 开发的npm registry 管理工具 nrm, 能够查看和切换当前使用的registry, 最近NPM经常 down 掉, 这个还是很有用的哈哈 Install $ npm install -g nrm Example $ nrm ls * np
阅读全文
摘要：sass初学入门笔记（一） 我本身是个新手，一边学sass一边记下的笔记，可能有点罗嗦，但是复习起来的话还是比较全面直观的。当然，最重要的还是去实践，实践得真理 其它 CSS 预处理器语言： CSS 预处理器技术已经非常的成熟，而且也涌现出了很多种不同的 CSS 预处理器语言，比如说： Sass（S
阅读全文
摘要：《JavaScript高级编程》：可以作为入门书籍，但同时也是高级书籍，可以快速吸收基础，等到提升再回来重新看 《JavaScript权威指南》：不太适合入门，但是必备，不理解的地方就去查阅一下，很有帮助 《编写可维护的JavaScript》和： 《Node.js开发指南》：不错的Nodejs入门书
阅读全文
摘要：最近在网上看了一个非常好的帖子《程序员一生必读的书》（我的腾讯微博上有分享该贴子链接，有兴趣就点击进去看看吧），该贴的第一个张图片是一个雷达图， 这张图是由ThoughtWorks（全球软件设计与定制领域的领袖级企业）的资深人士提供的，它将程序员要读的书分为四个类别，每个类别又分为初级、进阶和高级读
阅读全文
摘要：HTML5定义了FileReader作为文件API的重要成员用于读取文件，根据W3C的定义，FileReader接口提供了读取文件的方法和包含读取结果的事件模型。 FileReader的使用方式非常简单，可以按照如下步骤创建FileReader对象并调用其方法： 1.检测浏览器对FileReader的支持 [javascript] view plain copy if(wind...
阅读全文
摘要：定义和用法 remove() 方法移除被选元素，包括所有文本和子节点。
阅读全文
摘要：jQuery是一款同prototype一样优秀js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优 秀的js效果，jQuery可以帮你达到目的！ 下载地址：Starterkit （http://jquery.bassistance.de/jquer
阅读全文
摘要：contenteditable,Ctrl+Enter换行，Enter发送 在这里输入，按Enter发出。Ctrl+Enter换行。
阅读全文
摘要：document 对象中有innerHTML和innerText 两个属性， 这两个属性都是获取document对象的文本内容的，这两个属性间有哪些区别呢？通过几个例子来看一下。 示例1 [html] view plain copy <html> <head><title>innerHTML</ti
阅读全文
摘要：innerHTML属性用来读取或设置某个节点内的HTML代码。 outerHTML属性用来读取或设置HTML代码时，会把节点本身包括在内。 textContent属性用来读取或设置节点包含的文本内容。 innerText属性和outerText属性在读取元素节点的文本内容时，得到的值是不一样的。它们
阅读全文
摘要：1、https://github.com/windiest/Front-end-tutorial 2、http://www.w3school.com.cn/tags/html_ref_eventattributes.asp
阅读全文
摘要：在项目中遇到一个问题，就是点击任意键关闭弹窗的处理；出现了一个bug；就是在angularjs项目中两个controller之间的事件跳转，使用的ng-show =“iscontext” ； 如所示； 定义和用法 onmousedown 属性在鼠标按钮在元素上按下时触发。 提示：相对于 onmous
阅读全文
摘要：打开 保存 //点击任意出关闭右键弹窗 ...
阅读全文
摘要：首先本质区别是： event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 🙋🌰举个例子： 1 <ul id="ul">ul 2 <li>li<a href="">a</a></li> 3 <li>li<a href="">a</a></li> 4 <
阅读全文
摘要：[plain] view plain copy npm install --save-dev gulp [plain] view plain copy [plain] view plain copy [plain] view plain copy npm install --save-dev gul
阅读全文
摘要：addClass()-为每个匹配的元素添加指定的样式类名 after()-在匹配元素集合中的每个元素后面插入参数所指定的内容，作为其兄弟节点 append()-在每个匹配元素里面的末尾处插入参数内容 attr() - 获取匹配的元素集合中的第一个元素的属性的值 bind() - 为一个元素绑定一个事
阅读全文
摘要：前端构建工具gulpjs的使用介绍及技巧 gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得grunt
阅读全文
摘要：1) 远程仓库相关命令 检出仓库：$ git clone git://github.com/jquery/jquery.git查看远程仓库：$ git remote -v添加远程仓库：$ git remote add [name] [url]删除远程仓库：$ git remote rm [name]
阅读全文
摘要：loading 搜索中...
阅读全文
摘要：content字符生成配合CSS3 animation的点点点loading效果实例 代码： CSS代码： dot { display: inline-block; height: 1em; line-height: 1; vertical-align: -.25em; overflow: hidden; } dot::before { displ...
阅读全文
摘要：var gulp = require('gulp'), uglify = require('gulp-uglify'), concat = require('gulp-concat'); var pump = require('pump'); var minifycss = require('gulp-minify-css'); var htmlmin = require(...
阅读全文
摘要：1.AngularJS官网seed目录结构 css/ img/ js/ app.js controllers.js directives.js filters.js services.js lib/ partials/ 或者可以是这样的： 2.按照业务逻辑划分 上面的这种结构对于一个简单的单页 ap
阅读全文
摘要：一、之前我的字符loading实现 关于字符打点动画实现，我之前使用过box-shadow模拟，还有border+background模拟，还有使用text-shadow实现，以及今年自认为是最好的实现的利用CSS3 ch单位的实现，在“等宽字体在web布局中应用以及CSS3 ch单位”这篇文章有介
阅读全文
摘要：这里是gulp入门的一些操作，实现了编译sass文件、压缩、合并、添加版本号等基本功能。 友情提示，如果npm出现无法下载可以安装 cnpm。在安装完Nodejs 后 [html] view plain copy npm install cnpm -g --registry=https://regi
阅读全文
摘要：.person-loading .loading-icon{position: absolute;top: 14px;} i.loading-icon{width: 15px;height: 15px;background-position: 0 -90px;-webkit-animation: loading 1s linear infinite;} @-webkit-keyframes lo...
阅读全文
摘要：1.从一个git路径下，下载代码到本地，选择VCS->Checkout from Version Control ->GitHub. 2.可能会弹出需要设置上传代码的密码，这个是配置git的时候，你自己设置的。 3.贴上你git路径，其中Directory Name会自动填上。 4.下载完了代码了，
阅读全文
摘要：LiveReload可以理解为即时刷新，在前端开发中，开发者在编写或调试html/js/css代码后需要从编辑器切换到浏览器，再刷新浏览器才能看到页面变化，这种频繁的操作在一定程度上影响了工作效率，而LiveReload可以帮助我们解决了这个问题。 实现原理：通过在本地开启一个websocket服务
阅读全文
摘要：gulp教程之gulp-uglify 简介： 使用gulp-uglify压缩javascript文件，减小文件大小。 1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件 1.1、gulp基本使用还未掌握？请参看： gulp详细入门教程
阅读全文
摘要：#gulp ##1 什么是gulp、为什么使用gulp Gulp是一个**构建系统**，它能通过自动执行常见任务，比如编译预处理CSS，压缩JavaScript，来改进网站开发的过程。 将less文件编译到css文件，讲coffee script、Typescript编译到JavaScript，将ES6的代码编译到ES5的代码，将css和JavaScript压缩混淆合并等等……这些都是相当...
阅读全文
摘要：Gulp新手入门教程 原文 http://w3ctrain.com/2015/12/22/gulp-for-beginners/ 原文 http://w3ctrain.com/2015/12/22/gulp-for-beginners/ Gulp 是一个自动化工具，前端开发者可以使用它来处理常见任务
阅读全文
摘要：跨域，前端开发中经常遇到的问题，AngularJS实现跨域方式类似于Ajax，使用CORS机制。 下面阐述一下AngularJS中使用$http实现跨域请求数据。 AngularJS XMLHttpRequest：$http用于读取远程服务器的数据 一、$http.jsonp【实现跨域】 1. 指定
阅读全文
摘要：有三种方法： 1、通过$scope绑定（不推荐） 2、通过对象数组绑定 3、通过key/value键值对绑定 实现方法： 1、通过$scope绑定（不推荐）： [javascript] view plain copy 在CODE上查看代码片派生到我的代码片 function ctrl($scope) { $scope.className = "sel...
阅读全文
摘要：一、AngularJS 初始化加载流程 1、浏览器载入HTML，然后把它解析成DOM。2、浏览器载入angular.js脚本。3、AngularJS等到DOMContentLoaded事件触发。4、AngularJS寻找ng-app指令，这个指令指示了应用的边界。5、使用ng-app中指定的模块来配
阅读全文
摘要：引言 今天调bug的时候遇到了一个问题，就是有的时候加载出来的数据没有数据的时候出现的是{{TeacherName}}，一看这个不是我在页面上绑的值吗？怎么这样就显示出来了呢…… 针对这个问题，想起来了AngularJS中的单向绑定，所以本文简单介绍一下{{}}插值法和ng-bind指令的绑定方法。
阅读全文
摘要：引言 上一篇博客写到了使用ng-bind指令解决页面显示{{express}}问题，这次我们来使用另一种方法解决一下。 在使用AngularJS开发评教移动端的时候，我们经常会看见在Chrome这类快速解析的浏览器上会闪过{{express}}。这是由于JavaScript去操作DOM，都会等待DO
阅读全文
摘要：花括号最后会转换成ng-bind，在一次加载数据的时候，显示花括号，所以使用ng-bind 或者ng-bind-html
阅读全文
摘要：var str = '{"name":"huangxiaojian","age":"23"}' 结果： JSON.parse(str) Object age: "23" name: "huangxiaojian" __proto__: Object 注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。 stringify()用于从一个对象解析出字符串，...
阅读全文
