04 2017 档案

vuex入门
摘要：背景：小型应用里的每个组件维护着自有的状态，即当前应用的状态的一部分，所以整个应用的状态被分散在了各个角落，但是我们经常遇到要把状态的一部分共享给多个组件的情况。状态其实可以形象地想成我们的 data 里面的各个属性。Vuex 使用了单状态树（single state tree），一个 store 阅读全文
posted @ 2017-04-21 17:00 随任而行 阅读(1740) 评论(0) 推荐(0)
vue v-on命令
摘要：<!-- 阻止单击事件冒泡 --> <a v-on:click.stop="doThis"></a> <!-- 提交事件不再重载页面 --> <form v-on:submit.prevent="onSubmit"></form> <!-- 修饰符可以串联 --> <a v-on:click.sto 阅读全文
posted @ 2017-04-21 16:59 随任而行 阅读(627) 评论(0) 推荐(0)
$.ajaxSetup
摘要：jQuery.ajaxSetup()函数没有返回值，或者说其返回值为undefined。 示例&说明 以下是与jQuery.ajaxSetup()函数相关的jQuery示例代码，以演示jQuery.ajaxSetup()函数的具体用法： 阅读全文
posted @ 2017-04-21 14:26 随任而行 阅读(282) 评论(0) 推荐(0)
Vue1.0常用语法
摘要：摘要： var vm = new Vue({ el: "选择器", 挂载到页面的那个元素里，即确定vue的作用范围 外部可通过vm.$el访问，得到的是一个原生dom元素，可进行对应操作 a: '', //自定义属性 外部可通过vm.$options访问 data: { var vm = new V 阅读全文
posted @ 2017-04-21 13:40 随任而行 阅读(1816) 评论(0) 推荐(0)
详解Vue 实例中的生命周期钩子
摘要：Vue 框架的入口就是 Vue 实例，其实就是框架中的 view model ，它包含页面中的业务处理逻辑、数据模型等，它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。 Vue 实例 在文档中经常会使用 vm 这个变量名表示 Vue 实例，在实例化 Vue 时，需 阅读全文
posted @ 2017-04-19 18:24 随任而行 阅读(437) 评论(0) 推荐(0)
webpack + vue最佳实践
摘要：webpack 常用命令 1 2 3 4 5 6 7 8 9 10 11 $ webpack --display-error-details //方便出错时能查阅更详尽的信息 $ webpack --config XXX.js //使用另一份配置文件（比如webpack.config2.js）来打包 阅读全文
posted @ 2017-04-15 21:35 随任而行 阅读(396) 评论(0) 推荐(0)
vue+vuex构建单页应用
摘要：基本 构建工具： webpack 语言： ES6 分号：行首分号规则（行尾不加分好， [ , ( , / , + , - 开头时在行首加分号） 配套设施： webpack 全家桶， vue 全家桶 构建工具： webpack 语言： ES6 分号：行首分号规则（行尾不加分好， [ , ( , / , 阅读全文
posted @ 2017-04-15 16:30 随任而行 阅读(341) 评论(0) 推荐(0)
vue如何做分页？
摘要：原创作品转载请注明出处 先来看一下效果图： 功能描述： 1. 点击页面序号跳转到相应页面； 2. 点击单左/单右，向后/向前跳转一个页面； 3. 点击双左/双右，直接跳转到最后一页/第一页； 3. 一次显示当前页面的前三个与后三个页面； 4. 始终显示最后一个页面； HTML： 1 2 3 4 5 阅读全文
posted @ 2017-04-14 17:09 随任而行 阅读(1065) 评论(0) 推荐(0)
cookie和session的原理机制
摘要：会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。 本章将系统地讲述Cookie与Session机制，并比较说明什么时候不能用C 阅读全文
posted @ 2017-04-13 11:15 随任而行 阅读(809) 评论(0) 推荐(0)
经常遇到js的面试题
摘要：大家都知道在面试的时候,很多前端的必须要问的就是js的问题,最近我们公司也有很多这样的面试,我提了一些个问题,还有我面试的时候面试官面试我的问题汇总,也有百度的别人的,希望对那些刚进入这个行业的有一些帮助!!!1.javascript的typeof返回哪些数据类型Object number func 阅读全文
posted @ 2017-04-11 23:02 随任而行 阅读(1335) 评论(0) 推荐(0)
CSS浏览器兼容性问题解决方法总结
摘要：CSS浏览器兼容解决总结如下： 1. CSS中几种浏览器对不同关键字的支持，可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别 区别IE6与FF： background:orange;*backgro 阅读全文
posted @ 2017-04-10 23:17 随任而行 阅读(263) 评论(0) 推荐(0)
前端性能优化----yahoo前端性能团队总结的35条黄金定律
摘要：：1. 减少http请求，2.压缩并优化js/css/image 3.尽量静态页面，从简原则 4.代码规范(详见：个人知识体系思维导图) 从yahoo 新学到的： 网页内容 减少http请求次数 80%的响应时间花在下载网页内容(images, stylesheets, javascripts, s 阅读全文
posted @ 2017-04-10 21:57 随任而行 阅读(312) 评论(0) 推荐(0)
bom对象
摘要：1.BOM的常用对象： window navigator history location dicument screen event navigator:保存浏览器配置信息的对象 cookicEnablcd:判断是否启用cookic userAgent:判断浏览器的名称和版本号 plugins:保 阅读全文
posted @ 2017-04-10 20:50 随任而行 阅读(203) 评论(0) 推荐(0)
react遇到的各种坑
摘要：标签里用到<label for>的，for 要写成htmlFor 标签里的class要写成className 组件首字母一定要大写 单标签最后一定要闭合 如果html里要空格转义，&nbsp;注意不要漏了分号; style要写成style={{clear: 'both',backgroundColo 阅读全文
posted @ 2017-04-10 20:42 随任而行 阅读(1998) 评论(0) 推荐(0)
混合开发
摘要：1、混合开发概述 Hybrid App主要以JS+Native两者相互调用为主，从开发层面实现“一次开发，多处运行”的机制，成为真正适合跨平台的开发。Hybrid App兼具了Native App良好用户体验的优势，也兼具了Web App使用HTML5跨平台开发低成本的优势。 目前已经有众多Hybr 阅读全文
posted @ 2017-04-09 22:57 随任而行 阅读(840) 评论(0) 推荐(0)
组件的详细说明和生命周期ComponentSpecs and Lifecycle
摘要：render ReactComponent render() render() 方法是必须的。 当调用的时候，会检测 this.props 和 this.state，返回一个单子级组件。该子级组件可以是虚拟的本地DOM 组件（比如 <div /> 或者 React.DOM.div()），也可以是自定 阅读全文
posted @ 2017-04-09 22:47 随任而行 阅读(372) 评论(0) 推荐(0)
对于js里的闭包的理解
摘要：Ali的回答： 当function里嵌套function时，内部的function可以访问外部function里的变量。 function foo(x) { var tmp = 3; function bar(y) { alert(x + y + (++tmp)); } bar(10);}foo(2 阅读全文
posted @ 2017-04-09 18:58 随任而行 阅读(166) 评论(0) 推荐(0)
JavaScript中const、var和let区别浅析
摘要：let是修复了var的作用域的一些bug，变的更加好用。let是更好的var。var的作用于是函数作用于，而let是块级别（大括号括起来的内容）const声明的变量只可以在声明时赋值，不可随意修改，这是最大的特点。 使用var声明的变量，其作用域为该语句所在的函数内，且存在变量提升现象；使用let声 阅读全文
posted @ 2017-04-08 14:57 随任而行 阅读(248) 评论(0) 推荐(0)
MVC，MVP 和 MVVM
摘要：复杂的软件必须有清晰合理的架构，否则无法开发和维护。 MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容易了。 昨天晚上，我读了《Scaling Isomorphic Jav 阅读全文
posted @ 2017-04-07 20:33 随任而行 阅读(129) 评论(0) 推荐(0)
LESS和sa
摘要：一. Sass/Scss、Less是什么? Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。 Sass与Scss是什么关 阅读全文
posted @ 2017-04-06 15:26 随任而行 阅读(270) 评论(0) 推荐(0)
理解 React，但不理解 Redux，该如何通俗易懂的理解 Redux？
摘要：作者：Wang Namelos链接：https://www.zhihu.com/question/41312576/answer/90782136来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 . React有props和state: props意味着父级分发下来的属 阅读全文
posted @ 2017-04-04 21:11 随任而行 阅读(177) 评论(0) 推荐(0)
React深入源码--了解Redux用法之Provider
摘要：在Redux中最核心的自然是组件，以及组件相关的事件与数据流方式。但是我们在Redux中并没有采用传统的方式在getInitialState()中去初始化数据，而是采用Provider统一处理，省去了开发者不少工作，但是Redux到底如何将state中的数据传递给各组件的呢？还得看看Provider 阅读全文
posted @ 2017-04-04 18:23 随任而行 阅读(247) 评论(0) 推荐(0)