赵江龙

Hi Girl

  • 主页
  • 教程
所有文章 友链 关于我

赵江龙

Hi Girl

  • 主页
  • 教程

前端路漫漫

2018-12-10

前端知识点:

前端路漫漫,戒骄戒躁。Just do it。

VUE:

生命周期
所以Props,methods,data和computed的初始化都是在beforeCreated和created之间完成的。

router导航守卫
登录权限
vuex
权限管理Promiss
vue axios全攻略

webpack

package.json,这篇最后点睛说了使用cross-env
vue 不同环境打包,这篇看前半部分即可,实践步骤如下
核心内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
1.安装cross-env,在你项目根目录下执行。
cnpm install cross-env
2.package.json 增加build:sit等命令
"scripts": {
"dev": "node build/dev-server.js",
"build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js",
"build:ppe": "cross-env NODE_ENV=ppeEnvironment env_config=ppe node build/build.js",
"build:sit": "cross-env NODE_ENV=sitEnvironment env_config=sit node build/build.js",
"e2e": "node test/e2e/runner.js",
"test": "npm run e2e"
}
3.增加sit.env.js文件,并修改dev.env.js和prod.env.js
sit.env.js:
'use strict'
module.exports = {
NODE_ENV: '"production"',
ENV_CONFIG: '"sit"',
BASE_API: '"http://api-sit"'
}
4.webpack.prod.conf中,修改如下片段,来达到加载不同配置文件的目的
const env = require('../config/' + process.env.env_config + '.env')

svg-cion
SVGICON的使用:https://blog.csdn.net/shentibeitaokong/article/details/83039021

ES2016:

箭头函数

1
2
3
4
5
if (perms.some(p => p.val == "*")) {
}
children.filter(item => {
return !item.hidden
});

神奇公式

…mapGetters
[Promise];

JS

数组位置调整

VUE-IE兼容性适配

IE报错:Vuex requires a Promise polyfill in this browser
教程一
教程二
Windows下的Nginx

后记

前端就是太百家争鸣了,不像后台C,C++,Java,PHP,Python,学会一门语言,这门语言就是你吃饭的家伙了。前端你吃饭需要用到的东西太多了,前端负责的事情越来越多,以前是后端主导,什么都是后台处理,前台仅仅是展示数据。现在变成前端做尽量多的事情,后台仅仅做必要的权限控制,以及封装数据。
前端统一后,会不会真的要被AI干死了。哎,转行吧,Coding,打不过机器人的。me(p => p.val == “*”)) {
}
children.filter(item => {
return !item.hidden
});
`

神奇公式

…mapGetters
[Promise];

JS

数组位置调整

VUE-IE兼容性适配

IE报错:Vuex requires a Promise polyfill in this browser
教程一
教程二
Windows下的Nginx

后记

前端就是太百家争鸣了,不像后台C,C++,Java,PHP,Python,学会一门语言,这门语言就是你吃饭的家伙了。前端你吃饭需要用到的东西太多了,前端负责的事情越来越多,以前是后端主导,什么都是后台处理,前台仅仅是展示数据。现在变成前端做尽量多的事情,后台仅仅做必要的权限控制,以及封装数据。
前端统一后,会不会真的要被AI干死了。哎�

赏

谢谢你请我吃糖果

微信
  • 前端笔记
  • 光鲜的前端
  • 学习笔记

扫一扫,分享到微信

微信分享二维码
JAVA路漫漫
SASS简介
© 2019 赵江龙
Hexo Theme Yilia by Litten
  • 所有文章
  • 友链
  • 关于我

tag:

  • VUE传值
  • VUE通信
  • VUE共享数据
  • Kafa
  • ZooKeeper
  • HEXO
  • 博客
  • 产品设计规范
  • 前端CAKE
  • 前端笔记
  • 后端笔记
  • JAVA笔记
  • SpringBoot
  • VUE
  • TOMCAT
  • 域名
  • HTTPS
  • 响应式布局
  • 记录日志
  • AOP
  • 重装
  • Win10
  • 总结
  • 开发规范
  • Java多线程
  • 我的小站
  • JSX
  • MySql
  • webpack3
  • js格式化
  • Maven
  • MyBatis
  • Quartz
  • js计算
  • 官方教程
  • 河西走廊
  • 丝绸之路
  • 动态组件
  • 工厂函数
  • 正则表达式
  • GitHub
  • 开发总结
  • 网站开发规范
  • Slf4j
  • SEO优化
  • 生产环境
  • 优化
  • loading
  • 计算缩写
  • Excel
  • Excel公式
  • 读书
  • 后端渲染
  • 电影
  • github
  • 项目收集
  • JVM
  • mysql安装
  • webpack
  • 字符格式
  • 千分符
  • 生活
  • 衣服
  • 阿里云
  • web环境
  • 黑苹果
  • 教程
  • 离骚
  • SASS
  • MarkDown
  • Echart

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录(注意不是yilia根目录)执行以下命令:
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置:

      jsonContent:
        meta: false
        pages: false
        posts:
          title: true
          date: true
          path: true
          text: false
          raw: false
          content: false
          slug: false
          updated: false
          comments: false
          link: false
          permalink: false
          excerpt: false
          categories: false
          tags: true
    

  • 源起
  • 为什么写博客
  • yilia主题
  • 关于我
  • 真的我
喜欢玩,喜欢分享。
享受互联网的便利,也想分享些自己的东西。
希望在互联网的浪潮上,留下我的名字。