Nuxt vue服务端渲染

随着现在vue和react的流行，许多网站都做成了SPA，确实提升了用户体验，但SPA也有两个弱点，就是SEO和首屏渲染速度。为了解决单页应用的痛点，基于vue和react的服务端渲染应运而生。由于公司的框架采用的是vue，所以就简单的研究了一下基于vue的服务端渲染框架——NUXT。在vue的官网有关...

双向绑定和 vuex 是否冲突

当在严格模式中使用 Vuex 时，在属于 Vuex 的 state 上使用 v-model 会比较棘手： < input v-model = "obj.message" > 复制代码 假设这里的 obj 是在计算属性中返回的一个属于 Vuex store 的对象，在用户输入时， v-model 会试图直...

vue 动态路由的实现

与后端同学定制路由结构 (以下为json) 后端会根据当前用户权限动态返回路由结构 前端不再需要考虑权限问题 [{ "id" : 1 ， "name" : "Nested" ， "code" : null ， "description" : null ， "url" : "/nested" ， "gen...

sql时间戳按月份聚合

create_time为时间格式(字段名create_time 根据自己表字段修改,数据库中存为201610071202） SELECT DATE_FORMAT(create_time, ' %Y%u ' ) weeks, COUNT (id) COUNT FROM role GROUP BY week...

ES6 React 组件引用本地图片问题

最近在用create-react-app 脚手架自己写一个小项目，遇到了很多坑，其中有一个就是React 引用本地图片的问题，我的需求是，图片的路径写在json文件里，需要从后台读取json文件，然后读取到图片的路径，在前端渲染。那么问题来了，es6不支持在<img />标签内直接写图片的路径，即： <...

js封装

/* * 2、闭包的封装方式，在这个封装方法中，所有的实例成员都共享属性和方法 * 使得所有得方法和属性都私有且对象间共享 * */ var Person=(function(){ /*共享函数*/ let checkNo=function(no){ if(!no.constructor=="strin...

axios拦截添加功能

import axios from 'axios' import { Message , MessageBox } from 'element-ui' import store from '../store' import { getToken } from '@/utils/auth' // 创建ax...

centos7设置时区

# timedatectl list-timezones # 列出所有时区 # timedatectl set-local-rtc 1 # 将硬件时钟调整为与本地时钟一致, 0 为设置为 UTC 时间 # timedatectl set-timezone Asia/Shanghai # 设置系统时区为上...