- 博客(12)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 实用css集合
实用css集合样式清空 @charset "utf-8"; /* CSS Document */ body, div { font-family:"Microsoft YaHei", "微软雅黑"; color: #666; margin: 0 auto; padding: 0; text-align: center;..
2018-11-26 12:00:53
159
转载 js优化
js优化1.减少全局对象的访问，减少dom访问2.减少循环次数，尽量一次循环多次操作3.条件分支，按可能性从高到低的顺序写，三目运算符>switch>if4.定时器使用setInterval(只初始化一个定时器)而非setTimeout5.尽量用布尔值做标记6.ajax优化、、、减少请求数，可以通过合并JavaScript和CSS文件，或者使用MXHR。、、、缩小页面的...
2018-11-26 10:15:03
279
原创 js判断客户端类型
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){alert（‘非ie9以下浏览器’）;};
2018-11-23 16:50:44
542
原创 一篇文章告诉你什么是节流和防抖
简析节流和防抖节流（throttle）和防抖（debounce）是JS中的两个概念，听上去挺高大上的，很多同学也望而却步了，加上这俩概念还很类似，所以也就更加懵了。接下来我们以实际的例子作为突破口，讲解一下这俩究竟有何用途以及区别。节流一个文章页面，左侧是文章各级标题的导航，当滚动的时候需要高亮显示对应的标题菜单，这个时候我们就需要监听页面的滚动事件，我们会顺手写下这样的代码window....
2018-11-23 16:04:06
194
原创 动画效果
1.页面滚动到元素位置，元素执行进场动画，可用wow.js，兼容ie10+教程：http://www.dowebok.com/131.html2.自定义动画效果，jq的animate方法，或者Velocity.js插件教程：http://www.mrfront.com/docs/velocity.js/index.html...
2018-11-22 16:32:27
85
原创 移动端loading效果实现
css:.my-toast { position: fixed; z-index: 5000; width: 7.6em; min-height: 7.6em; top: 180px; left: 50%; margin-left: -3.8em; background: hsla(0, 0%, 7%, .7); text-align: center; border-radi...
2018-11-16 10:24:15
1763
转载 vue组件传值
一、父组件向子组件传递数据在 Vue 中，可以使用props向子组件传递数据。二、子组件向父组件传递数据子组件主要通过事件传递数据给父组件三、子组件向子组件传递数据Vue 没有直接子对子传参的方法，建议将需要传递数据的子组件，都合并为一个组件。如果一定需要子对子传参，可以先从传到父组件，再传到子组件。四、通过路由带参数传值① A组件通过query把id传给B组件this.$rout...
2018-11-13 18:20:33
136
原创 vue导航栏的控制
代码： <router-link to="/shouye"><li :class="{leftLi:true,active:$route.path=='/shouye'}">首页</li></router-link> <router-link to="/shouye/bangdan"><li
2018-11-13 15:50:40
753
原创 vue二级路由的设计
直接上代码1.router/index.jsimport Vue from 'vue'import Router from 'vue-router'import index from '@/components/index'import header from '@/components/header'import shouye from '@/components/shouye'i...
2018-11-13 15:43:43
1931
转载 vue前端书写规范
vue前端书写规范1.组件名为多个单词组件名应该始终是多个单词的，根组件 App 除外。 这样做可以避免跟现有的以及未来的 HTML 元素相冲突，因为所有的 HTML元素名称都是单个单词的。如：Vue.component('todo-item', { // ...})---------------------------------------------export de...
2018-11-13 14:27:11
1229
原创 常用降低兼容性问题的公共css
@charset "utf-8";/* CSS Document */body, div { font-family:"Microsoft YaHei", "微软雅黑"; color: #666; margin: 0 auto; padding: 0; text-align: center; font-size: 12px;}dd, dl, ...
2018-11-13 09:08:46
187
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人