当在严格模式中使用 Vuex 时,在属于 Vuex 的 state 上使用 v-model 会比较棘手:
<input v-model="obj.message"> 复制代码
假设这里的 obj 是在计算属性中返回的一个属于 Vuex store 的对象,在用户输入时,v-model 会试图直接修改 obj.message。在严格模式中,由于这个修改不是在 mutation 函数中执行的, 这里会抛出一个错误。
用“Vuex 的思维”去解决这个问题的方法是:给 <input> 中绑定 value,然后侦听 input 或者 chan...阅读全文>>
与后端同学定制路由结构 (以下为json)
后端会根据当前用户权限动态返回路由结构 前端不再需要考虑权限问题
[{ "id": 1, "name": "Nested", "code": null, "description": null, "url": "/nested", "generatemenu": 0, "sort": 0, "parentId": null, "permName": null, "redirect": "/nested/menu1", "title": "Nested", "icon": "nested", "c...阅读全文>>
function setChart(cdata) {
var data = [];
var color = '#14B4C2'; //填充颜色
var emphasisColor = '#1AF4B8'; //鼠标滑入颜色
for (var i = 0; i < cdata.length; i++) {
data.push({
...阅读全文>>
简单介绍
React--Facebook创建的JavaScript UI框架。它支撑着包括Instagram在内的大多数Facebook网站。React与当时流行的jQuery,Backbone.js和Angular 1等框架不同,它的诞生改变了JavaScript的世界。其中最大的变化是React推广了Virtual DOM(虚拟DOM)并创造了新的语法——JSX,JSX允许开发者在JavaScript中书写HTML(译者注:即HTML in JavaScript)。
Vue致力解决的问题与React一致,但却提供了另外一套解决方案。Vue使用模板系统(弱...阅读全文>>
所谓原型链,指的就是图中的proto这一条指针链!
原型链的顶层就是Object.prototype,而这个对象的是没有原型对象的。
可在chrome的控制台里面输入:
Object.__proto__
输出是:
function Empty() {}
原型链,如此而已。
对于新人来说,JavaScript的原型是一个很让人头疼的事情,一来proto...阅读全文>>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
html{
height: 100%;
}
body{
background:burlywood;
height: 100%;
}
#table{
width: 500px;
}
.jqgfirstrow{
height: auto;
}
.ui-jqgrid-pager {
&nb...阅读全文>>
series : [
{
name:'直接访问',
type:'bar',
barWidth: '60%',
stack:"空压机",
&nb...阅读全文>>
网络模型数据处理过程
域名的空间结构:
由于IP地址不方便记忆,所以同样用具有层次和唯一性的域名和IP一一映射
DNS查找过程
客户端向本地域名服务器发出请求,请求www.baidu.com的IP地址
本地DNS服务器向DNS根服务器发出请求,根DNS服务器会告诉本地服务器(.com)的服务器地址
本地DNS服务器会向(.com域)发请求,会得到(baidu.com)的服务器地址
本地DNS服务器会向(baidu.com)发请求,会得到(www.baidu.com)的IP地址61.135.16...阅读全文>>
函数库
Lodash(推荐):github.com/lodash/loda…
Underscore:underscorejs.org/
Ramda:github.com/ramda/ramda
outils:github.com/proYang/out…
30-seconds-of-code:github.com/Chalarangel…
动画库
Animate.css
CSS3 动画库,也是目前最通用的动画库。
da...阅读全文>>
这篇文章写一下前后端分离下的登录解决方案,目前大多数都采用请求头携带 Token 的形式。
开写之前先捋一下整理思路:
首次登录时,后端服务器判断用户账号密码正确之后,根据用户id、用户名、定义好的秘钥、过期时间生成 token ,返回给前端;
前端拿到后端返回的 token ,存储在 localStroage 和 Vuex 里;
前端每次路由跳转,判断 localStroage 有无 token ,没有则跳转到登录页,有则请求获取用户信息,改变登录状态;
每次请求接口,在 A...阅读全文>>