2018年1月15日
H5C3--媒体查询（向上兼容，向下覆盖),link中引入的ont and only
摘要： 一.使用 实例： 二. link引入的时候的not 和 only a.css文件 b.css文件 media="only" 的情况： media="not" 取反，和上面的only刚好相反的情况： 阅读全文
posted @ 2018-01-15 21:12 QinXiao.Shou 阅读(1207) 评论(0) 推荐(0) 编辑
前端插件--swiper.js
摘要： 使用swiper.js还要注意引入它的同时也要引入swiper.css样式文件： swiper官方文档：http://www.swiper.com.cn/api/effects/193.html 实例： 示例代码： 阅读全文
posted @ 2018-01-15 21:05 QinXiao.Shou 阅读(395) 评论(0) 推荐(0) 编辑
前端插件--swipe.js
摘要： swipe.js的作用: 这是一个轻量级的移动滑动组件，支持触摸移动，支持响应式页面. 效果图： 代码： 阅读全文
posted @ 2018-01-15 19:52 QinXiao.Shou 阅读(2664) 评论(0) 推荐(0) 编辑
前端插件--isCroll的使用
摘要： 中文文档地址： http://wiki.jikexueyuan.com/project/iscroll-5/ 效果图： 阅读全文
posted @ 2018-01-15 19:29 QinXiao.Shou 阅读(275) 评论(0) 推荐(0) 编辑
bootstrap--响应式框架页面环境配置
摘要： 那就目录结构 页面环境代码： 测试： 添加一个响应式的导航条 1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 <head> 4 <!--默认编码--> 5 <meta charset="utf-8"> 6 <!--如果是ie，那么就会调用ie最新的标准进行页面的解 阅读全文
posted @ 2018-01-15 15:28 QinXiao.Shou 阅读(589) 评论(0) 推荐(0) 编辑
2018年1月13日
H5C3--仿京东首页（包含轮播图，倒计时）
摘要： 阅读全文
posted @ 2018-01-13 15:06 QinXiao.Shou 阅读(343) 评论(0) 推荐(0) 编辑
CSS--去除除文本基线的几种方式
摘要： 削除文本基线的几种方式：1.display:block2.vertical-align:middle3.font-size:0px 阅读全文
posted @ 2018-01-13 11:13 QinXiao.Shou 阅读(741) 评论(0) 推荐(0) 编辑
H5C3--transform实现任何元素居中对齐
摘要： 1 2 3 4 5 Title 6 29 30 31 32 33 34 35 36 阅读全文
posted @ 2018-01-13 10:46 QinXiao.Shou 阅读(1251) 评论(0) 推荐(0) 编辑
H5C3--过渡transition
摘要： 1 2 3 4 5 Title 6 47 48 49 50 51 阅读全文
posted @ 2018-01-13 10:45 QinXiao.Shou 阅读(1826) 评论(0) 推荐(0) 编辑
H5C3--background中cover，背景样式，提升响应区域+精灵图的使用
摘要： 一.cover的使用 这个用法能让图片的主体内容显示，而且不失真 二.背景样式 三.提升响应区域+精灵图的使用 提升鼠标的响应区域： 图中的绿色区域就是响应区域 阅读全文
posted @ 2018-01-13 10:15 QinXiao.Shou 阅读(3922) 评论(0) 推荐(1) 编辑
H5C3--线性渐变 linear-gradient，径向渐变radial-gradient，重复渐变radial-gradient
摘要： 一.线性渐变 二.径向渐变 三.重复渐变 阅读全文
posted @ 2018-01-13 10:01 QinXiao.Shou 阅读(2988) 评论(0) 推荐(0) 编辑
H5C3--边框阴影box-shadow
摘要： 1 2 3 4 5 Title 6 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 阅读全文
posted @ 2018-01-13 09:58 QinXiao.Shou 阅读(2675) 评论(0) 推荐(0) 编辑
H5C3--圆角
摘要： 其中，为每个角单独设置圆角：例如 一.一个值：代表四个方向 二.二个值：左上+右下 / 右上+左下 三.三个值：左上 / 右上+左下 / 右下 四.四个值：左上/ 右上 / 右下/ 左下 阅读全文
posted @ 2018-01-13 09:57 QinXiao.Shou 阅读(1977) 评论(0) 推荐(0) 编辑
H5C3--盒子模型
摘要： 从下图 可以看出这个盒子的稳固程度： 阅读全文
posted @ 2018-01-13 09:06 QinXiao.Shou 阅读(1890) 评论(0) 推荐(0) 编辑
H5C3--文本阴影text-shadow
摘要： 1 2 3 4 5 Title 6 35 36 37 我是文本阴影 38 我是文本阴影 39 我是文本阴影 40 我是文本阴影 41 42 阅读全文
posted @ 2018-01-13 08:57 QinXiao.Shou 阅读(1232) 评论(0) 推荐(0) 编辑
H5C3--设置颜色的几种方式
摘要： 设置颜色的方式： 关键字：red|blue 第一种：十六进制：#ffffff 第二种：rgb(红，绿，蓝)： rgb(ffff00) rgba(红,绿,蓝,透明度) 第三种：hsl(色相，饱和度，明度) hsla(色相，饱和度，明度，透明度) h:hue:色相，颜色的色系 s:saturation:饱和度：颜色的纯度 l:ligh... 阅读全文
posted @ 2018-01-13 08:51 QinXiao.Shou 阅读(524) 评论(0) 推荐(0) 编辑
2018年1月11日
移动web--移动屏幕适配-完整的viewport设置
摘要： 阅读全文
posted @ 2018-01-11 15:47 QinXiao.Shou 阅读(161) 评论(0) 推荐(0) 编辑
2018年1月7日
H5C3--边框图片
摘要： 类似于android的.9图片，目的是为了防止图片因为内容的扩展而导致图片拉伸失真。 实例： 阅读全文
posted @ 2018-01-07 22:02 QinXiao.Shou 阅读(751) 评论(0) 推荐(0) 编辑
2018年1月5日
H5C3--属性选择器、兄弟选择器、伪类选择器
摘要： 属性选择器 兄弟选择器： 伪类选择器： 阅读全文
posted @ 2018-01-05 09:29 QinXiao.Shou 阅读(3736) 评论(0) 推荐(0) 编辑
H5C3--视频播放器
摘要： CSS css.css font-awesome.css /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license ( 阅读全文
posted @ 2018-01-05 09:25 QinXiao.Shou 阅读(700) 评论(0) 推荐(0) 编辑
H5C3--FileReader和拖拽的应用
摘要： 1 2 3 4 5 Title 6 17 18 19 20 文件： 21 22 23 24 --> 25 26 78 79 阅读全文
posted @ 2018-01-05 09:17 QinXiao.Shou 阅读(232) 评论(0) 推荐(0) 编辑
H5C3--sessionStorage和localStorage的使用
摘要： 一.sessionStorage的使用 二.localStorage的使用 sessionStorage 、localStorage 和 cookie 之间的区别 共同点：都是保存在浏览器端，且同源的。 sessionStorage 、localStorage 和 cookie 之间的区别 共同点： 阅读全文
posted @ 2018-01-05 09:16 QinXiao.Shou 阅读(369) 评论(0) 推荐(0) 编辑
H5C3--拖拽接口的使用和实例
摘要： 针对所有元素： 阅读全文
posted @ 2018-01-05 09:13 QinXiao.Shou 阅读(547) 评论(0) 推荐(0) 编辑
2018年1月3日
H5C3--语义标签以及语义标签IE8兼容，表单元素新属性，度量器，自定义属性，dataList,网络监听，文件读取
摘要： HTML5新增标签以及HTML5新增的api 1.H5并不是新的语言，而是html语言的第五次重大修改--版本 2.支持：所有的主流浏览器都支持h5.（chrome,firefox,safari。。。）。IE9及以上支持h5(有选择的支持，并不会全部支持),但是ie8及以下不支持h5. 一.新增标签 阅读全文
posted @ 2018-01-03 07:29 QinXiao.Shou 阅读(866) 评论(0) 推荐(0) 编辑
2017年12月29日
PHP--y2k38的解决方法已经时间格式的常用转换
摘要： y2k38又名千年虫问题，又称Uinx Millennium Bug，此漏洞将会影响到所有32位系统下用Unix时间戳整数来记录时间的PHP，及其它编程语言。 一个整型的变量所能保存的最大时间为2038年01月19日03:14:07，超过这个时间后，整型数值将会溢出。 从1970年01月01日开始， 阅读全文
posted @ 2017-12-29 17:41 QinXiao.Shou 阅读(594) 评论(0) 推荐(0) 编辑
2017年12月24日
JavaScript--location.href的跳转
摘要： true 强制从服务器加载 false 优先从缓存加载 window.location.reload(true); window.location.assign(url) ： 加载URL 指定的新的 HTML 文档。就相当于一个链接，跳转到指定的url，当前页面会转为新页面内容，可以点击后退返回上一 阅读全文
posted @ 2017-12-24 15:17 QinXiao.Shou 阅读(6984) 评论(0) 推荐(0) 编辑
2017年12月22日
laravel-- 在laravel操作redis数据库的数据类型(string、哈希、无序集合、list链表、有序集合)
摘要： 安装redis和连接redis数据库 在controller头部引入 一.基本使用 效果 二.队列应用小例子 阅读全文
posted @ 2017-12-22 21:52 QinXiao.Shou 阅读(7613) 评论(0) 推荐(0) 编辑
2017年12月11日
解决安装编译工具gcc后无法连接mysql
摘要： 在安装编译工具gcc后: mysql断开了连接. 查看mysqld.log 日志： 发现是编码问题： 修改该文件： 阅读全文
posted @ 2017-12-11 10:08 QinXiao.Shou 阅读(636) 评论(0) 推荐(0) 编辑
2017年12月9日
token流程图
摘要： 阅读全文
posted @ 2017-12-09 10:04 QinXiao.Shou 阅读(746) 评论(0) 推荐(0) 编辑
2017年12月3日
微信小程序--Tab栏切换的快速实现
摘要： 上效果！ wxss样式代码： wxml的页面代码： 该页面的js代码： 阅读全文
posted @ 2017-12-03 10:55 QinXiao.Shou 阅读(20742) 评论(4) 推荐(2) 编辑
2017年12月1日
微信小程序--底部tab样式修改
摘要： tab图标个数是最少2个，最多5个 主题默认是默认的浅灰色线条 修改后（只有black和white两种样式修改） 在app.json中 阅读全文
posted @ 2017-12-01 07:00 QinXiao.Shou 阅读(12061) 评论(1) 推荐(0) 编辑
2017年11月30日
微信小程序--跳转页面常用的两种方法
摘要： 一.bindtap="onProductsItemTap"绑定点击跳转事件 在.wxml文件中绑定 在.js文件中实现绑定事件函数 二.navigator标签配合URL跳转法 在wxml的代码 目标跳转页面的js文件 阅读全文
posted @ 2017-11-30 20:47 QinXiao.Shou 阅读(16492) 评论(0) 推荐(0) 编辑
2017年11月27日
Vue--通过button跳转到其他组件并携带id参数
摘要： 一.创建vue文件 ’ 1 <template> 2 <div> 3 goodsCommon<br/> 4 goodsCommon<br/> 5 goodsCommon<br/> 6 goodsCommon<br/> 7 goodsCommon<br/> 8 goodsCommon<br/> 9 g 阅读全文
posted @ 2017-11-27 11:33 QinXiao.Shou 阅读(11802) 评论(0) 推荐(0) 编辑
VMware workstation12安装苹果虚拟机
摘要： 一.前言--准备工作 在win10上安装Mac虚拟机，既是费劲又是费内存的活儿 1.安装Vmware 2.下载MacOS的镜像：自行百度下载 3. unlocker的下载地址：http://download.csdn.net/download/u012374381/10044115 注意！ 在安装u 阅读全文
posted @ 2017-11-27 01:21 QinXiao.Shou 阅读(202) 评论(0) 推荐(0) 编辑
2017年11月26日
Vue--moment时间格式插件安装和使用
摘要： 使用链接：http://momentjs.cn/ 1.安装monent 2.导入 3.过滤器 4.template模板使用： 4.template模板使用： 阅读全文
posted @ 2017-11-26 19:22 QinXiao.Shou 阅读(19286) 评论(0) 推荐(0) 编辑
Vue-- vue-preview（图片查看器）的使用步骤：
摘要： 使用链接：https://www.npmjs.com/package/vue-preview/ vue的template代码: script代码: 效果： 阅读全文
posted @ 2017-11-26 19:14 QinXiao.Shou 阅读(34403) 评论(2) 推荐(1) 编辑
2017年11月22日
Vue--vue中常用的ECMAScript6语法
摘要： 1、对象的写法 2、在对象中的方法的写法 3、对象的导出写法 4、对象的导入 5、es6中的箭头函数的写法 阅读全文
posted @ 2017-11-22 23:46 QinXiao.Shou 阅读(1622) 评论(0) 推荐(0) 编辑
2017年11月21日
webpack--安装，使用
摘要： 1. webpack 1.1. webpack介绍 webpack是一个资源的打包工具，目前最新为webpack3，可以将 .js, .css , image等静态资源当做一个模块来进行打包，那么每一种模块都是有一个对应的 loader来实现 webpack版本官网：https://webpack. 阅读全文
posted @ 2017-11-21 00:00 QinXiao.Shou 阅读(970) 评论(0) 推荐(0) 编辑
2017年11月20日
Vue--vue-Router
摘要： 一.vue路由的基本使用 为什么需要路由? 因为我们通过component切换组件无法给组件传递参数 component切换组件 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name=" 阅读全文
posted @ 2017-11-20 08:23 QinXiao.Shou 阅读(2131) 评论(0) 推荐(0) 编辑
Vue--vue中的组件、组件绑定事件和数据、私有组件、子组件，父子组件参数互传
摘要： 一.公有组件以及组件的使用和特点 二.给组件绑定事件和数据 三.私有组件 components 四.子组件 五.使用component中的is来实现组件切换 六.父组件传值给子组件 七.子组件传值给父组件 阅读全文
posted @ 2017-11-20 07:32 QinXiao.Shou 阅读(4846) 评论(0) 推荐(0) 编辑