前端
藏红
不要担心自己走错路误了终身,坚持并保持进步才是正道。
展开
-
前端测试环境Karma简介
转:http://www.wonsikin.com/2014/11/26/%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E7%8E%AF%E5%A2%83Karma%E7%AE%80%E4%BB%8B/在开发软件的过程中,进行单元测试是非常不错的工作,也是有必要的工作。它帮助你觉得你的代码是无懈可击的,确保产品的可靠性。作为一名追求进步的的前端码农,学习前端的测转载 2015-11-19 11:29:20 · 1543 阅读 · 0 评论 -
Grunt 入门
最近在项目中使用grunt,但是一直感觉很别扭,不得要领,直到看见这篇文章。原文地址:http://yujiangshui.com/grunt-basic-tutorial/ --------------------------------------当时学习 Grunt 的时候,真是很头疼。分了两个时间段,学习了两次才硬啃下来,之后才能用在项目中。主要原因我认为是学习资料和文转载 2015-11-26 13:37:52 · 727 阅读 · 0 评论 -
Grunt搭建AngularJS项目
开始之前,确保环境已经安装了 node 和 grunt 。通过在命令行输入 grunt 查看是否正确安装了grunt 。通过在命令行输入 node 查看是否正确安装了node 。生成 package.json 文件这个 package.json 文件其实是 Node.js 来描述一个项目的文件,JSON 格式。生成这个文件超级简单,推荐用命令行交互式的生成一下:原创 2015-12-17 13:35:57 · 5506 阅读 · 0 评论 -
AngularJS- Grunt Wiredep无法自动转入bootstrap.css
在使用grunt构建工具构建AngularJS项目时,使用了Wiredep来自动注入css和js。但是用bower安装bootstrap后,发现bootstrap.js可以成功自动注入,但是bootstrap.css无法自动注入。根据 http://stackoverflow.com/questions/31015812/grunt-wiredep-not-injecting-boots翻译 2016-02-19 09:32:44 · 1137 阅读 · 0 评论 -
纯CSS实现Tooltip
在编写HTML时,使用a标签的title属性浏览器会默认地实现Tooltip的功能。 <a href="" title="Example of Tooltip">Tooltip</a>该代码的效果: Tooltip 这样的实现存在两个问题:title里的内容显示有延迟(不同的浏览器延迟时间不同)title的内容无法风格化(确切的说,要自定义风格也是可以的,使用css和js)我主要是为原创 2016-08-16 10:38:43 · 4031 阅读 · 1 评论 -
Webpack中的query: { presets: ['es2015','react'] }
问题最近检查配置的时候,发现在webpack中有一段配置 module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015','react'] } }]...原创 2018-11-05 20:12:15 · 3662 阅读 · 0 评论 -
Javascript防止按钮多次点击的节流函数throttle
问题:一个按钮点击后执行的异步操作,返回时间不一定,可能会导致多次重复点击。 例:<!DOCTYPE html><html><body > <button onclick="test()" >点击</button></body><script>function test原创 2018-11-21 13:04:03 · 5522 阅读 · 0 评论 -
javascript如何处理字符串中的\u
问题: 字符串在页面显示的时候,有\u,如:Tesla\u8fc1\u79fb ,想要显示它的原文let a = 'Tesla\u8fc1\u79fb'//显示 Tesla迁移alert( unescape(text.replace(/\\/g,'%')) ) ...原创 2019-05-06 11:22:12 · 4240 阅读 · 1 评论