摘要: 先安装node 安装指南:https://npm.taobao.org/ 阅读全文
posted @ 2017-11-20 00:30 QinXiao.Shou 阅读(147) 评论(0) 推荐(0) 编辑
摘要: Vue的生命周期: 在理解vue生命周期前要把握它的三个重点: 创建-> 改变 -> 销毁 创建: 1.执行beforeCreate 2.监控data 3.注册事件 4.执行create 5.执行beforeMount 6.执行Mounted 注意:将来执行异步请求时一定要 将请求数据的方法写在be 阅读全文
posted @ 2017-11-19 12:57 QinXiao.Shou 阅读(2076) 评论(0) 推荐(0) 编辑
摘要: 组件的作用:为了能够让功能与功能之间互不影响,使代码更加清晰整洁 1 2 3 4 5 6 7 Document 8 9 10 11 12 13 14 --> 15 16 17 18 用户名: 19 密码: 20 21 22 23... 阅读全文
posted @ 2017-11-19 12:46 QinXiao.Shou 阅读(620) 评论(0) 推荐(0) 编辑
摘要: 一.使用vue的transition标签结合css样式完成动画 二.利用animate.css结合transition实现动画 animate.css 演示地址 : https://daneden.github.io/animate.css/ 1 @charset "UTF-8"; 2 3 /*! 阅读全文
posted @ 2017-11-19 08:49 QinXiao.Shou 阅读(47639) 评论(0) 推荐(1) 编辑
摘要: 跨域原理: 一.使用axios发送get请求 二.使用axios发送post请求 三.使用axios发送post或get请求细节处理 四.使用axios完成品牌管理 五.使用vue-resource发送异步请求(包含get和post请求) 两个js文件一定要按照顺序加载 六.使用vue-resour 阅读全文
posted @ 2017-11-19 08:38 QinXiao.Shou 阅读(67388) 评论(0) 推荐(7) 编辑
摘要: watch与computed、filter: watch:监控已有属性,一旦属性发生了改变就去自动调用对应的方法 computed:监控已有的属性,一旦属性的依赖发生了改变,就去自动调用对应的方法 filter:js中为我们提供的一个方法,用来帮助我们对数据进行筛选 watch与computed的区 阅读全文
posted @ 2017-11-19 08:09 QinXiao.Shou 阅读(9469) 评论(0) 推荐(1) 编辑
摘要: 一.自动获取焦点的DOM实现 二.自动获取焦点vue中ref属性实现 三.自动获取焦点用Vue中使用自定义指令实现 阅读全文
posted @ 2017-11-19 07:45 QinXiao.Shou 阅读(9929) 评论(0) 推荐(0) 编辑
摘要: 一.过滤器的基本使用 二.私有过滤器使用实例 二.全局/公有过滤器 阅读全文
posted @ 2017-11-19 07:27 QinXiao.Shou 阅读(1265) 评论(0) 推荐(0) 编辑
摘要: 原理: // 根据id得到下标 // 默认去遍历list集合,将集合中的每个元素传入到function的item里, var index = this.list.findIndex(function(item){ //根据item中的id属性来判断这个item是否是上面id中 //对应的数据,如果是 阅读全文
posted @ 2017-11-19 07:17 QinXiao.Shou 阅读(14129) 评论(0) 推荐(0) 编辑
摘要: Vue概念:vue是mvvm模式的,直接操作dom开销较大,先获取dom,修改里边的内容,但是用vue的话,直接视图和模型绑定,不管是视图的数据发生改变还是模型的数据发生改变,其都是关联的,不需要直接操作dom,效率更高。 一.Vue的简单使用例子: 二.基本输出指令 1.{{}} 2.v-text 阅读全文
posted @ 2017-11-16 16:15 QinXiao.Shou 阅读(1091) 评论(0) 推荐(0) 编辑
摘要: Flex布局 display:flex 指定当前盒子为伸缩盒 flex-direction:column 把盒子内容垂直从上往下排列 row 把盒子内容垂直从左往右排列 flex-wrap: wrap; 如果内容放不下就会换行排列,类似浮动 justify-content: space-betwee 阅读全文
posted @ 2017-11-14 11:43 QinXiao.Shou 阅读(1661) 评论(0) 推荐(0) 编辑
摘要: 页面数据 test.js test.wxml 运行结果: 阅读全文
posted @ 2017-11-14 09:06 QinXiao.Shou 阅读(1681) 评论(0) 推荐(1) 编辑
摘要: app.json 配置项列表 app.json文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 window配置 用于设置小程序的状态栏、导航条、标题、窗口背景色。 注意:页面的.json只能设置 window 相关的配置项,以决定本页面的窗口表 阅读全文
posted @ 2017-11-13 19:29 QinXiao.Shou 阅读(6502) 评论(0) 推荐(0) 编辑
摘要: 小程序是什么? 微信小程序,是一种不需要下载安装即可使用的应用,用户扫一扫或搜一下即可打开应用,在微信-发现-小程序可打开应用。 一.小程序的样式编写: 目录结构: app.json 公共样式: 主页页面编写: index.wxml 主页样式:index.wxss 阅读全文
posted @ 2017-11-13 19:05 QinXiao.Shou 阅读(693) 评论(0) 推荐(0) 编辑
摘要: 一.实现原理: 二.调用天气接口: 三.手机归属地接口查询: 阅读全文
posted @ 2017-11-12 00:42 QinXiao.Shou 阅读(837) 评论(4) 推荐(1) 编辑
摘要: 什么是同源策略? 同源策略的解决方法: 跨域传输 在服务器中的cross.php 阅读全文
posted @ 2017-11-12 00:38 QinXiao.Shou 阅读(1536) 评论(0) 推荐(0) 编辑
摘要: 一.jQuery+Ajax表单数据序列化 02_JQ_AJAX_post.php 表单序列化例子: 阅读全文
posted @ 2017-11-11 23:54 QinXiao.Shou 阅读(966) 评论(0) 推荐(0) 编辑
摘要: 一.JQuery+Ajax用get、post方式提交和请求数据 知识要点: 1.GET方式请求提交数据 客户端: JQ_AJAX_get.html 服务器: JQ_AJAX.php 2.POST方式请求提交数据 客户端: JQ_AJAX_post.html 服务器端:JQ_AJAX_post 二.J 阅读全文
posted @ 2017-11-11 21:20 QinXiao.Shou 阅读(464) 评论(0) 推荐(0) 编辑
摘要: 以下是自己配置PHP+Apache的开发环境,集成环境的话要换第二种方法(看个人配置):PHPStrom 如果希望直接在编辑器打开php文件,要做以下这几步配置。 第一种:非集成环境 1 2 3 第二种:集成环境 1 2 3 4. 阅读全文
posted @ 2017-11-10 21:34 QinXiao.Shou 阅读(341) 评论(0) 推荐(0) 编辑
摘要: 一.Ajax解析JSON数据 nav.json(json数据) nav_json.php (服务器) 原生JavaScript进行Ajax的JSON解析: nav_json_HTML_JSON.html 原生JavaScript进行Ajax的XML解析: nav.xml nav_XML.php na 阅读全文
posted @ 2017-11-10 21:22 QinXiao.Shou 阅读(658) 评论(0) 推荐(0) 编辑
摘要: Ajax概述 异步:指某段程序执行时不会阻塞其它程序执行,其表现形式为程序的执行顺序不依赖程序本身的书写顺序,相反则为同步。 同步请求: 请求是由浏览器发送 页面会刷新 异步请求: 请求是由浏览器的一个js对象,XMLHTTPRquest对象发送 页面不会刷新,但是可以通过js代码得到请求的数据动态 阅读全文
posted @ 2017-11-10 20:29 QinXiao.Shou 阅读(358) 评论(0) 推荐(0) 编辑
摘要: 二.自己制作jQuery插件 1."沙箱"函数的4种写法: 3.一个简单的自定义插件案例 4.JQuery版tab栏切换封装成jQuery插件 jQ普通版 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 阅读全文
posted @ 2017-11-10 19:50 QinXiao.Shou 阅读(378) 评论(0) 推荐(0) 编辑
摘要: 示意图: demo 阅读全文
posted @ 2017-11-05 20:06 QinXiao.Shou 阅读(414) 评论(0) 推荐(0) 编辑
摘要: demo 阅读全文
posted @ 2017-11-05 19:39 QinXiao.Shou 阅读(631) 评论(0) 推荐(0) 编辑
摘要: 1 2 3 4 5 Title 6 7 26 27 28 29 30 31 普通标签 32 文字内容 33 34 列表项 35 列表项 36 列表项 37 38 39 40 阅读全文
posted @ 2017-11-05 19:33 QinXiao.Shou 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 总结: 题外: 去除空格trim的区别 一.事件注册机制 四种事件注册方式的区别: 二.事件委托(依靠冒泡实现的原理、事件委托的优点) 与快速注册事件的性能相比: 例子: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="U 阅读全文
posted @ 2017-11-05 19:26 QinXiao.Shou 阅读(247) 评论(0) 推荐(0) 编辑
摘要: jQuery的动画api animate jQuery设置动画 animate({属性集合},时间); animate({属性集合},时间,回调函数); animate({属性集合},时间,运动曲线,回调函数);使用动画需要注意的: * 动画队列* 动画队列其实JQ动画的特点,只不过有时候这特特点很 阅读全文
posted @ 2017-11-03 19:40 QinXiao.Shou 阅读(320) 评论(0) 推荐(0) 编辑
摘要: 多段动画的用法: 1.同时指向多种动画例子: 2.执行队列动画 阅读全文
posted @ 2017-11-03 19:34 QinXiao.Shou 阅读(1339) 评论(0) 推荐(0) 编辑
摘要: mouseover()与mouseout()区别 阅读全文
posted @ 2017-11-03 19:24 QinXiao.Shou 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 1 2 3 4 5 Title 6 13 14 62 63 64 变宽 65 变高 66 变色 67 三变 68 获取宽度,并弹窗 69 70 文字行号 71 72 73 阅读全文
posted @ 2017-11-02 21:33 QinXiao.Shou 阅读(369) 评论(0) 推荐(0) 编辑
摘要: 一.基础动画 二.滑动动画 三.淡入淡出动画 四.自定义动画 阅读全文
posted @ 2017-11-02 21:30 QinXiao.Shou 阅读(437) 评论(0) 推荐(0) 编辑
摘要: 1 2 3 4 5 Title 6 14 15 66 67 68 69 70 0001 71 0002 72 0003 73 0004 74 0005 75 ... 阅读全文
posted @ 2017-11-02 21:25 QinXiao.Shou 阅读(832) 评论(0) 推荐(0) 编辑
摘要: 例子: 阅读全文
posted @ 2017-11-02 21:23 QinXiao.Shou 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 常用的过滤选择器有: 上例子: 阅读全文
posted @ 2017-11-02 21:14 QinXiao.Shou 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 常用的基本选择器有 上例子: 阅读全文
posted @ 2017-11-02 21:12 QinXiao.Shou 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 推荐一本不错的数《锋利的jQuery》,还有官方jQuery的API 一.隐式迭代 与原生js相比,jQuery的隐式迭代方便很多: 二.入口函数 原生JS如果重复了window.onload = function(){} 的话,后一个会由于 = 号赋值的原因,后一个的window.onload会覆 阅读全文
posted @ 2017-11-02 21:08 QinXiao.Shou 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 一.创建正则对象的写法: 二.正则对象的test函数 例子: 三.常用正则表达式 四.replace方法、match方法操作字符串 例子: 五.分组提取例子 阅读全文
posted @ 2017-11-02 20:49 QinXiao.Shou 阅读(237) 评论(0) 推荐(0) 编辑
摘要: PHP的xdebug安装 一.首先去phpinfo()查看自己的php是32还是64位的,再根据php版本在下面的网站https://xdebug.org/download.php选择xdebug插件下载:下载线程安全的xdebug例如:我的php是5.4版本,x86位的 二.然后把该文件放在: 三 阅读全文
posted @ 2017-11-02 13:01 QinXiao.Shou 阅读(443) 评论(0) 推荐(0) 编辑
摘要: 1 2 3 4 5 Title 6 49 50 51 52 53 阅读全文
posted @ 2017-10-30 16:50 QinXiao.Shou 阅读(265) 评论(0) 推荐(0) 编辑
摘要: 一.数组与伪数组的区别例子: 从原型链上解析: 二.数组与伪数组(特殊对象)中,伪数组仿数组的过程 阅读全文
posted @ 2017-10-30 16:11 QinXiao.Shou 阅读(976) 评论(0) 推荐(0) 编辑