- 博客(11)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 使用ng-animate为网页增加动画效果
AngularJS 中提供了ngAnimate模块，可以为网页提供动画效果。典型的应用就是视图切换和元素添加与移除。这里以ui-view 和 ng-repeat指令作为展示。首先需要引入我们需要的js文件<script src="../angular.js"></script><script src="../angular-ui-router.js"></script><script src="
2017-07-30 23:26:25
4766
4
原创 将npm命令输出保存到文件中
严格来说这个不算是npm的特性，而应该算是控制台的重定向功能。使用方法如下（以查看npm版本为例）：npm -v > a.txt //覆盖原文件（若不存在则新建）npm -v >> a.txt //追加到文件末尾（若不存在则新建）文件还可以指定绝对路径，比如f:\dir\a.txt
2017-07-17 23:25:49
3108
1
原创 网络安全（Web-safe）字体
参考链接： http://www.coffeecup.com/help/articles/what-is-a-web-safe-font/我们可以指定文字字体，他可以存在于计算机本机中，如果不是我们可以指定字体地址，使用font-face来指定。通常情况我们无需指定特别“花哨”的字体，常见的字体即可，但是对于不同计算机他们本次存储的字体又不尽相同，不同系统之间的更是如此，比如windows和mac
2017-07-16 22:18:14
5188
原创 npm link的基本用法及实例
如果我们想自己开发一个依赖包，在多个项目中使用它，如果直接发布到官网上固然可以，但如果修改则会非常麻烦，而且不利于在多个项目中使用。npm link命令可以帮助我们实现这个事情假如我们开发一个名为allenModule95的依赖包。 首先需要在该依赖包下运行npm init命令，并编写index.js文件module.exports = { name: "allenModule95Na
2017-07-15 22:18:31
15654
原创 npm常用命令整理
nodejs版本为8.0， npm版本为5.0npm init 在此目录生成package.json文件，可以添加-y | --yes 参数则默认所有配置为默认yesnpm install <package> -g 全局安装npm install <package> 默认使用–save 参数，如果不想保存到package.json中，可以添加--no-save参数；还可以指定–save-dev
2017-07-15 20:52:02
8042
原创 window.scrollY和scrollX在IE下报错的解决方法
参考链接：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/scrollY（IE>=9）建议使用window.pageYOffset来代替window.scrollY，使用 window.pageXOffset 代替 window.scrollX
2017-07-10 23:21:07
4065
原创 使用CSS美化Chrome下的滚动条样式
浏览器原生的滚动条有时过多会影响界面美观，IE下的滚动条更是如此，有时我们需要美化一下滚动条，可以使用浏览器原生的样式，或者使用JS插件，这里介绍如何修改Chrome下的滚动条样式。主要借助伪元素实现：//index.html<body> <div class="container"> <p>Pellentesque habitant morbi tristique sen
2017-07-10 23:16:59
15346
原创 初探PostCSS
PostCSS是什么？官网如是介绍： PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more.我的理解
2017-07-08 22:59:33
3632
1
原创 初探es7中async和await方法
下一代标准es7中提供了async函数，使得异步操作变得更加方便。直观的感觉就是函数执行变得“同步”了。const f = () => { return new Promise((resolve, reject) => { setTimeout(() => { reject(234); }, 2000); });};const
2017-07-06 23:40:33
521
原创 fetch API简单使用方法
fetch 可以看做是将要代替ajax的一种方式；行为与promise类似，下面是一些简单的使用方法：<body> <img src="" alt=""> <script> myImage = document.querySelector('img'); fetch("./lenna.jpg") .then(function (
2017-07-02 23:12:51
2147
原创 js检测当前使用的浏览器
navigator.userAgent提供了一堆关于当前浏览器的信息，但是大部分是我们所不关心的，要提取出有用的信息，需要使用正则或其他的方式提取出来：参考链接： https://stackoverflow.com/questions/2400935/browser-detection-in-javascriptnavigator.sayswho= (function(){ var ua=
2017-07-02 16:53:19
1948
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人