03 2017 档案
摘要：css超出一行添加省略号属性:text-overflow和white-space A-A+ 前端博客•前端开发•CSS•14994View1 css超出一行添加省略号属性:text-overflow和white-space A-A+ 前端博客•前端开发•CSS•14994View1 A-A+ 文章目
阅读全文
摘要：VS Code 使用小技巧 所有插件查找地址（https://marketplace.visualstudio.com/） 编码快捷方式（http://docs.emmet.io/cheat-sheet/） 安装插件出现 错误unable to verify the first certificat
阅读全文
摘要：$('#Text').find('br').remove();//移除br标签 let content = $('#smsText').html().replace(/ /g, ' ').replace(/&/g, '&') .replace(/]*>/g,'')//过滤html的标签 .replace(/</g, '')
阅读全文
摘要：HTML: 项目中碰到一个小bug，就是创建一个弹窗，然后点击时候触发，然后多次点击弹窗多次出现；需求是多次点击按钮只是显示最后一次的弹窗；以上使用的就是 jQuery里的stop方法解决的；淡入淡出； 2.弹窗的另一个方法；
阅读全文
摘要：认识HTML5的WebSocket 在HTML5规范中，我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HT
阅读全文
摘要：angular.module('indexdb', []) .factory('indexDbJs', [function() { const CurDBVersion = 10000; window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB...
阅读全文
摘要：nodejs生成UID（唯一标识符）——node-uuid模块 unique identifier 惟一标识符 -->> uid 在项目开发中我们常需要给某些数据定义一个唯一标识符，便于寻找，关联。 node-uuid模块很好的提供了这个功能。 https://github.com/broofa/n
阅读全文
摘要：CSS3 Flex布局（伸缩布局盒模型）学习 转自：http://www.xifengxx.com/web-front-end/1408.html CSS3 Flex布局（伸缩布局盒模型）学习 转自：http://www.xifengxx.com/web-front-end/1408.html CS
阅读全文
摘要：菜鸟教程(runoob.com) 点击太阳或其他行星，注意变化：
阅读全文
摘要：CSS3 伸缩布局盒模型 CSS3 伸缩布局盒模型 CSS3-">CSS3 伸缩布局盒模型 CSS3引入的布局模式Flexbox布局，主要思想是让容器有能力让其子项目能够改变其宽度，高度，以最佳方式填充可用空间。Flex容器使用Flex项目可以自动放大与收缩，用来填补可用的空闲空间。 更重要的是，F
阅读全文
摘要：http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。meat标签的http-equiv属性语法格式是：＜meta http-equiv="参数"
阅读全文
摘要：meta name="viewport" content="width=device-width,initial-scale=1.0" 解释 <meta name="viewport" content="width=device-width,initial-scale=1.0"> content属性
阅读全文
摘要：转自：http://blog.csdn.net/xiaozhuxmen/article 面试的时候经常会被问到这样一个题目：让一个元素中内容垂直居中怎么做。其实之前，我就会两种，line-height和table-cell，今天做项目，遇到了这个问题，就系统的查了一下，总结一下方法： 1、line-
阅读全文
摘要：window.location.Reload()和window.location.href 区别 http://www.cnblogs.com/tearer/archive/2013/03/16/2963438.html 首先介绍两个方法的语法： reload 方法，该方法强迫浏览器刷新当前页面。语
阅读全文
摘要：angularJs 页面定时刷新 页面定时刷新并在页面离开时停止自动刷新 .state('test', { url: '/test', cache:'false', templateUrl: 'templates/test.html', controller: 'testCtrl' }) $stat
阅读全文
摘要：Angular+Electron+VSCode的桌面应用 转自：http://blog.csdn.net/yr7942793/article/details/50986696 第一部分 Electron开发入门笔记 GitHub 的 Electron 框架（以前叫做 Atom Shell）允许你使用
阅读全文
摘要：Vs code 通用插件 转自：https://segmentfault.com/a/1190000006697219 HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式 JavaScr
阅读全文
摘要：VS Code 使用小技巧 https://zhuanlan.zhihu.com/p/22880087 相关文档 官方文档（英文版）：Documentation for Visual Studio Code 中文文档（未完成）：GitHub - jeasonstudio/CN-VScode-Docs
阅读全文
摘要：Visual Studio Code是个牛逼的编辑器，启动非常快，完全可以用来代替其他文本文件编辑工具。又可以用来做开发，支持各种语言，相比其他IDE，轻量级完全可配置还集成Git感觉非常的适合前端开发。 所以我仔细研究了一下文档未来可能会作为主力工具使用。 主命令框 最重要的功能就是F1或Ctrl
阅读全文
摘要：认识HTML5的WebSocket 在HTML5规范中，我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HT
阅读全文
摘要：译】使用 AngularJS 和 Electron 构建桌面应用 原文： Creating Desktop Applications With AngularJS and GitHub Electron GitHub 的 Electron 框架（以前叫做 Atom Shell）允许你使用 HTML,
阅读全文
摘要：翻译：深入 AngularUI Router 原文地址：http://www.ng-newsletter.com/posts/angular-ui-router.html ui-router: https://angular-ui.github.io/ui-router/site/#/api/ui.
阅读全文
摘要：Karma：1. 集成 Karma 和 Jasmine 进行单元测试 来源：http://www.cnblogs.com/haogj/p/5204126.html 关于 Karma 会是一个系列，讨论在各种环境下，使用 Karma 进行单元测试。 本文讨论 karma 集成 Jasmine 进行单元
阅读全文
摘要：Karma 4 - Karma 集成 Webpack 进行单元测试 来源：http://www.cnblogs.com/haogj/p/5209743.html 可以将 karma 与 webpack 结合起来，自动化整个单元测试过程。 配置环境 1. 首先根据 1 完成基本的 karma 测试环境
阅读全文
摘要：在 Angular 中实现搜索关键字高亮 在 Angular 中，我们不应该试图直接修改 DOM 的内容，当需要更新 DOM 内容的时候，应该修改的其实是我们的数据模型，也就是 $scope 中的数据，Angular 会帮助我们将修改之后的数据展示在页面中。 但是，在有些情况下，比如我们有一个搜索框
阅读全文
摘要：聊一聊HTML <pre>标签 我们经常会在要保持文本格式的时候使用pre标签，比如当我们要展示源代码的时候，只要放一个pre标签，然后把源代码直接复制，粘贴，然后在页面上就可以保持好格式。不会像放在其它标签里那样，把换行和空格都自动折叠了。这里看一下pre是如何工作的呢？ pre标签 HTML里的
阅读全文
摘要：function html2Escape(sHtml){ return sHtml.replace(/[&"]/g,function(c){ return{'':'>','&':'&','"':'"'}[c];}); } function escape2Html(str){ var arrEntities = ...
阅读全文
摘要：[转]AngularJS ui-router (嵌套路由) 本文转自：http://www.oschina.net/translate/angularjs-ui-router-nested-routes http://www.codeproject.com/Articles/842880/Angul
阅读全文
摘要：来源：http://www.cnblogs.com/Niccky/p/4164761.html /** * @license AngularJS v1.3.0-beta.15 * (c) 2010-2014 Google, Inc. http://angularjs.org * License: M
阅读全文
摘要：[转]window.location方法获取URL及window.location.assign(url)和replace(url)区别 本文转自：http://blog.csdn.net/chendi1985/article/details/5291773 window.location方法获取U
阅读全文
摘要：//下拉菜单样式 /*查找全部select的下拉菜单*/ function getElemsById(cot_val){ return document.getElementById(cot_val); } var sel= getElemsById("c_select"); var wra...
阅读全文
摘要：//下拉菜单样式 /*查找全部select的下拉菜单*/ function getElemsById(cot_val){ return document.getElementById(cot_val); } var sel= getElemsById("c_select"); var wra...
阅读全文
摘要：1.首先我们最常使用的一个绑定表达式的指令是ngBind，比如在一个div标签中我们可以这样使用： 这样就把控制器中的vm.info的值绑定到这个div标签里面了，使用这个指令还有一个好处就是在页面还没有完全渲染好的情况下，是不会出现Angular的{{}}解析符号的，它隐藏了Angular解析表达式的过程。如果你使用了下面的方法， {{vm.info}} 在网速不是很好的情况下，就会...
阅读全文
摘要：前几天的晚上较全面的去看了下css的一些文档和资料，大部分的样式运用都没什么大问题了，只是有些许较陌生，但是也知道他们的存在和实现的是什么样式。今天主要想在这篇学习笔记中写的也不多，主要是针对:before和:after写一些内容，还有几个小样式略微带过的介绍下。什么是:before和:after？
阅读全文
摘要：滚屏加载 另外一种可行的性能解决方案就是滚屏加载，又称”Endless Scrolling,“ “unpagination”，这是用于大量数据集显示的时候，又不想表格分页，所以一般放在页面最底部，当滚动屏幕到达页面底部的时候，就会尝试加载一个序列的数据集，追加在页面底部。在Angular社区有开源组件ngInfiniteScroll http://binarymuse.github.io/ng...
阅读全文
摘要：1、 2、 3、 4、 标签的位置 5、为了避免这个问题，现代 Web 应用程序一般都把全部 JavaScript 引用放在 <body> 元素中页面内容的后面； 6、ECMAScript 的语法大量借鉴了 C 及其他类 C 语言（如 Java 和 Perl）的语法。因此，熟悉这些语言的开发人员在接
阅读全文
摘要：从构建负责管理主屏幕的 MainController 开始。在这个 MainController 控制器内，只需设置一个每秒运转一次，同时更新一个局部作用域变量的延时 MainController 内的 updateTime() 函数每秒都会运行，以便更新 $scope.date.raw 时间戳，同
阅读全文
摘要：在层次数据结构展示中，树是一种极其常见的展现方式。比如系统中目录结构、企业组织结构、电子商务产品分类都是常见的树形结构数据。 这里我们采用Angular的方式来实现这类常见的tree view结构。 首先我们定义数据结构，采用以children属性来挂接子节点方式来展现树层次结构，示例如下： [ {
阅读全文
摘要：JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度 alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.body).outerH...
阅读全文
摘要：2、jQuery 3、添加点击样式 //点击右键消息添加删除样式 $scope.historyNewsRightClick = function (event) { var Div = angular.element(document.getElementsByClassName('p11'));
阅读全文
摘要：点击事件，输入一个url地址；
阅读全文
摘要：css中单位em和rem 一、介绍 1、em w3cschool中给出css中尺寸单位如下： 单位描述 % 百分比 in 英寸 cm 厘米 mm 毫米 em 1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。 例如，如果某元素以 12pt 显示，那么 2em 是24pt。 在 CSS 中
阅读全文
摘要：当前位置：懒人建站 > javascript > 网页特效 > css强制pre标签换行 css强制pre标签换行，pre标签的功能就是保留文本源格式，将会保留文本的长度，空格 空行等。我们可以使用如下css实现pre标签强制换行,css如下： css强制pre标签换行， pre标签的功能就是保留文
阅读全文
摘要：前些日子一同事问了我一个关于code标签和pre标签的问题，嗯，是的，这两个标签凑到一块，便出现了问题。于是总结了一下。此文就重点谈一下code标签和pre标签喽，谈谈他们的定义，区别，应用以及这两个家伙凑到一块应该怎么使用。以及当这两个标签嵌套使用时，不同的浏览器对这个嵌套的解析是什么。 一、嵌套
阅读全文
摘要：一、问题 默认情况下，angularJS绑定的数据为字符串文本，不会对其中包含的html标签进行转义生成格式化的文本。在实际工作时碰到接口返回的数据带有html格式时该如何处理。 二、解决办法 1、引入angular-sanitize.js文件，并在module定义时注入服务ngSanitize。（为了能使用ng-bind-html属性） var myApp = angular.modul...
阅读全文
摘要：一、问题 默认情况下，angularJS绑定的数据为字符串文本，不会对其中包含的html标签进行转义生成格式化的文本。在实际工作时碰到接口返回的数据带有html格式时该如何处理。 二、解决办法 1、引入angular-sanitize.js文件，并在module定义时注入服务ngSanitize。（
阅读全文
摘要：html中经常会用到一些特殊符号，例如箭头，雪花，心形等等，这些符号就不用css样式或者图片来写了，直接用html特殊符号可以实现。 例如，如下html代码： 在网页中显示如下 使用方法： 这些字符属于unicode字符集，所以，你的文档需要声明为UTF-8； 下面符号列表的后面有两列编号，它们并不
阅读全文
摘要：语法 switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: n 与 case 1 和 case 2 不同时执行的代码 } 工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 brea...
阅读全文
摘要：function removeHtmlTab(tab) { return tab.replace(/<[^<>]+?>/g,'');//删除所有HTML标签 } function removeHtmlTab(tab) { return tab.replace(/<[^<>]+?>/g,'');//删
阅读全文
摘要：MVC，MVP 和 MVVM 的图示 作者： 阮一峰 作者： 阮一峰 复杂的软件必须有清晰合理的架构，否则无法开发和维护。 MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容
阅读全文
摘要：ngReadonly 该指令将input，textarea等文本输入设置为只读。 HTML规范不允许浏览器保存类似readonly的布尔值属性。如果我们将一个Angular的插入值表达式转换为这样的属性，那么当浏览器删除该属性时，绑定信息就会丢失。这个指令不被浏览器删除，并且提供了一个永久性的可靠的
阅读全文
摘要：回到顶部按钮 图片预加载 判断图片是否加载完 自动修补破损图像 Hover切换class类 禁用输入 停止正在加载的链接 toggle fade/slide 简单的手风琴 使两个DIV同等高度 在浏览器标签/新窗口打开外部链接 根据文本获取元素 可见变化的触发 Ajax调用错误处理 ...
阅读全文
摘要：随着对JavaScript学习的深入和实践经验的积累，一些原理和底层的东西也开始逐渐了解。早先也看过一些关于js单线程和事件循环的文章，不过当时看的似懂非懂，只留了一个大概的印象：浏览器中的js程序时是单线程的。嗯，就这么点印象。当时也有些疑问：既然是单线程的，那异步调用是怎么实现的？计时器是靠谁来
阅读全文
摘要：$interval window.setInterval的Angular包装形式。Fn是每次延迟时间后被执行的函数。 间隔函数的返回值是一个承诺。这个承诺将在每个间隔刻度被通知，并且到达规定迭代次数后被取消，如果迭代次数未定义，则无限制的执行。通知的值将是运行的迭代次数。取消一个间隔，调用$intr
阅读全文
摘要：常用的调试工具有Chrome浏览器的调试工具，火狐浏览器的Firebug插件调试工具，IE的开发人员工具等。它们的功能与使用方法大致相似。Chrome浏览器简洁快速，功能强大这里主要介绍Chrome浏览器的调试工具。 打开 Google Chrome 浏览器，通过下面任何一种方式进入开发人员工具：
阅读全文
摘要：1、jquery插件库 HTML5制作3D樱花漫天飞舞 http://www.jq22.com/jquery-info3547 2、17素材网 http://www.17sucai.com/pins/tag/532.html 3、jquery之家 http://www.htmleaf.com/htm
阅读全文
摘要：当窗口被定义了大小，我们也就是在自定义这个窗口，使得它不可拉伸没有框架，让它看起来就像一个真正的声效器浮在桌面上。 现在问题来了 – 要如何移动或者关闭一个没有标题栏的窗口。 很快我就会说到自定义窗口（和应用）的关闭动作，还会谈到如何在主进程和渲染器进程中通信。不过现在让我们先把目光聚焦到“拖拽效果
阅读全文
摘要：AngularJS现在非常热门，是Google推出的一款非常优秀的前端JS框架。AngularJS最核心的概念是MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。目前AngularJS扩展还比较少，本文就向各位分享6个实用强大的AngularJS扩展应用。 1、AngularJS 认证模块
阅读全文
摘要：AngularJS是那些渴望以动态方式来设计web app的web开发人员最偏爱的框架之一。如果你是一个希望启动AngularJS项目的开发人员，那么你可能需要帮助来挑选出趁手的工具…… 在ValueCoders中，我们做了一番研究以缓和用AngularJS开发的负担。下面是20个最新的用于测试、前
阅读全文
