03 2018 档案

图片预加载技术
摘要：图片预加载的特点 1、提前加载所需图片 2、更好的用户体验 图片预加载分为两类 1、无序加载 (1)图片相册 (2)qq表情 2、有序加载 (3)漫画加载 实例1图片相册之使用预加载（不用插件） <!DOCTYPE html> <html lang="en"> <head> <meta charse 阅读全文
posted @ 2018-03-29 14:12 renyangli 阅读(252) 评论(0) 推荐(0)
Html和CSS布局技巧-响应式布局（五）
摘要：五、响应式布局 meta标签的实用 设置布局宽度等于设备宽度，布局viewport等于度量viewport 媒体查询 媒体查询中可用于检测的媒体特性有width、height和color（等）, 使用媒体查询, 可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果 语法 阅读全文
posted @ 2018-03-29 10:22 renyangli 阅读(119) 评论(0) 推荐(0)
Html和CSS布局技巧-全体布局（四）
摘要：top left right bottom top left right bottom 阅读全文
posted @ 2018-03-29 10:15 renyangli 阅读(173) 评论(0) 推荐(0)
Html和CSS布局技巧-九宫格布局（三）
摘要：三、九宫格布局 阅读全文
posted @ 2018-03-29 09:49 renyangli 阅读(430) 评论(0) 推荐(0)
Html和CSS布局技巧-多列布局(二)
摘要：二、多列布局 （1）左列定宽，右列自适应 该布局方式非常常见，适用于定宽的一侧常为导航，自适应的一侧为内容的布局 <!-- 利用float+margin实现 --> 注：IE6会有3px的bug <style media="screen"> .left{float: left;width: 100p 阅读全文
posted @ 2018-03-28 17:51 renyangli 阅读(256) 评论(0) 推荐(0)
Html和CSS布局技巧-单列布局（一）
摘要：git 地址： https://gitee.com/renyangli123/bokeyuan.git 一、单列布局 （1）水平居中 水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的对齐操作， 阅读全文
posted @ 2018-03-28 16:25 renyangli 阅读(334) 评论(0) 推荐(0)
chrome 小技巧 ，保持元素的hover状态
摘要：1.审查元素，选中a标签（或者需要hover的标签） 2.点击右键 3.选择 force element state 4.选择相应的 :hover :active :focus :visited 等伪类 阅读全文
posted @ 2018-03-27 10:42 renyangli 阅读(929) 评论(0) 推荐(0)
当页面滚动到一定位置之后，让元素固定在顶部，小于位置后恢复原来的位置 jquery
摘要：// jquery // js 代码 阅读全文
posted @ 2018-03-25 18:19 renyangli 阅读(1140) 评论(0) 推荐(0)
axios 配置
摘要：响应结构 阅读全文
posted @ 2018-03-15 10:32 renyangli 阅读(165) 评论(0) 推荐(0)
vue 配置App.js
摘要：//注册全局filters函数//app.js import * as filters from './filters' // 全局filter //注册全局工具过滤器 Object.keys(filters).forEach(key=>{ Vue.filter(key,filters[key]) }) //filters.js export function nF... 阅读全文
posted @ 2018-03-09 17:30 renyangli 阅读(279) 评论(0) 推荐(0)
vue 挂载方式
摘要：//1 使用一下实例 new Vue({ el: '#app', router, store, template: '', components: { App } }) // 在webpack.config.js resolve: { alias: { 'vue': 'vue/dist/vue.js' } } //2使用一下实例 ne... 阅读全文
posted @ 2018-03-09 16:57 renyangli 阅读(242) 评论(0) 推荐(0)
常用的js
摘要：滚动。 阅读全文
posted @ 2018-03-09 09:49 renyangli 阅读(72) 评论(0) 推荐(0)
vuex
摘要：https://github.com/vuejs/vuex https://vuex.vuejs.org/zh-cn/intro.html 直接下载 / CDN 引用 https://unpkg.com/vuex Unpkg.com 提供了基于 NPM 的 CDN 链接。以上的链接会一直指向 NPM 阅读全文
posted @ 2018-03-07 14:41 renyangli 阅读(83) 评论(0) 推荐(0)
vue搭建环境
摘要：vue启动 方式1 全局安装 vue-cli $ npm install --global vue-cli 创建一个基于webpack模板的新项目 $ vue init webpack my-project 安装依赖 $ cd my-project $ npm install $ npm run d 阅读全文
posted @ 2018-03-07 12:47 renyangli 阅读(61) 评论(0) 推荐(0)
vue-router
摘要：https://github.com/vuejs/vue-router/tree/next https://router.vuejs.org/zh-cn/advanced/scroll-behavior.html 阅读全文
posted @ 2018-03-06 15:15 renyangli 阅读(94) 评论(0) 推荐(0)