- 博客(14)
- 资源 (2)
- 收藏
- 关注
原创 vue踩坑
刚做完前后端分离的一个项目,将遇到的vue问题,一一罗列,以绝后患。路由变化页面数据不刷新问题场景:比如文章详情数据,依赖路由的params参数获取的(ajax写在created生命周期里面),因为路由懒加载的关系,退出页面再进入另一个文章页面并不会运行created组件生命周期,导致文章数据还是上一个文章的数据。解决方法:watch监听路由是否变化 wat
2018-02-08 13:45:21
415
原创 移动端开发基本知识点总结
一. 使用rem作为单位html { font-size: 100px; }@media(min-width: 320px) { html { font-size: 100px; } }@media(min-width: 360px) { html { font-size: 112.5px; } }@media(min-width: 400px) { html { font-size
2017-01-19 19:28:22
6464
1
原创 window.print的使用(含打印网页指定区域)
第一种方法:指定不打印区域使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内。细如下:?123<style media=printtype="text/css">.noprint{visibility:hidden}
2016-10-13 11:22:55
5312
原创 for in ,for-of,for-each联系与区别
JavaScript诞生已经有20多年了,我们一直使用的用来循环一个数组的方法是这样的:for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]);}自从JavaScript5起,我们开始可以使用内置的forEach方法:myArray.forEach(function
2016-09-25 10:40:53
10145
原创 js实现textarea高度根据内容自适应
.input_textarea为textarea的class名$(".input_textarea").each(function(){ this.style.height=this.scrollHeight+'px'; }); $(".input_textarea").bind({ input:function
2016-07-27 11:54:11
1025
原创 js实现textarea高度根据内容自适应
.input_textarea为textarea的class名。$(".input_textarea").each(function(){ this.style.height=this.scrollHeight+'px'; }); $(".input_textarea").bind({ input:function(){
2016-07-27 11:51:44
370
原创 seajs常用API
1.seajs.config seajs.config({ // 设置路径,方便跨项目调用 paths: { 'path1': '....', 'path2': '....' }, // 设置别名,方便调用 alias: { 'class1': '...',
2016-07-24 12:48:54
310
原创 HTML5+CSS3 最酷的 loading 效果汇总
用 gif 图片来做 loading 的时代已经过去了,它显得太 low 了,而用 HTML5/CSS3 以及 SVG 和 canvas 来做加载动画显得既炫酷又逼格十足。这已经成为一种趋势。这里收集了几十个用 html5 和 css3 实现的 loading 效果,以供学习参考。01. CSS Rainbow Loader演示 下载02. Single e
2016-07-11 17:40:41
960
原创 淘*rem自适应各种屏幕
直接代码: script> (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 're
2016-06-30 15:51:56
293
转载 前端移动端页面开发
一. viewport什么是viewport简单来讲,viewport就是浏览器上,用来显示网页的那一部分区域了,也就是说,浏览器的实际宽度,是和我们手机的宽度不一样的,无论你的手机宽度是320px,还是640px,在手机浏览器内部的宽度,始终会是浏览器本身的viewport。如今的浏览器,都会给自己的本身提供一个viewport的默认值,可能是980px,或者是其他值。就
2016-06-30 15:20:10
1311
原创 js获取loacation中参数的方法
一.urlinfo=window.location.href; //获取当前页面的urllen=urlinfo.length;//获取url的长度offset=urlinfo.indexOf("?");//设置参数字符串开始的位置newsidinfo=urlinfo.substr(offset,len)//取出参数字符串 这里会获得类似“id=1”这样的字符串newsids=n
2016-06-30 13:49:56
1187
转载 如何用QUnit来测试JavaScript代码
QUnit是一套由jQuery团队开发的,非常强大的用于对JavaScript进行单元测试的框架。本文将介绍什么是QUnit,以及为何要关心代码测试。什么是QUnitQunit是一款强大的用于帮助调试代码的,JavaScript单元测试框架。QUnit由jQuery团队成员编写,是jQuery的官方测试套件,不仅如此,QUnit还可以测试任何常规JavaScript代码,甚至可以通
2016-06-19 11:12:05
305
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人