前端学习
Rich$kr
这个作者很懒,什么都没留下…
展开
-
前端学习之VueRouter
Vue.use 用来注册组件动态路由传参在router里面配置props: true,就可以在路由对应的组件里的props接收到其他路由跳转过来传递的参数router.js{ path: "/dynamic/:id/:age", component: DynamicView, props:true}跳转路由vm.$router.push({path: "/dynamic/1/20"})DynamicView.vueprops: ["id", "age"] // 1, 20原创 2020-08-17 03:07:51 · 200 阅读 · 0 评论 -
前端学习之nuxtjs
路由Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置路由导航a标签:会刷新整个页面,不要使用nuxt-link组件:https://router.vuejs.org/zh/api/#router-link-props编程式导航:https://router.vuejs.org/zh/guide/essentials/navigation.html动态路由以_为开头的文件会自动归为动态路由...原创 2020-11-16 01:53:05 · 320 阅读 · 0 评论 -
前端学习之模块化开发
前端开发规范在node中遵循CommonJS,浏览器中遵循ES ModulesES Modules基本特性通过给 script 添加 type = module 的属性,就可以以ES Module的标准执行其中的 JS 代码了自动采用严格模式(严格模式代表就是不能在全局范围使用this)每个 ES Module 都是运行在单独的私有作用域中ESM 是通过 CORS 的方式请求外部 JS 模块的,需要服务端的头部允许CORS请求才行ESM 的 script 标签会延迟执行脚本,在网页渲染完成之后原创 2020-07-28 01:44:11 · 244 阅读 · 0 评论 -
前端学习之webpack
yarn webpack --mode 模式可以切换webpack的打包模式,也可以在配置文件中设置production模式会优化打包的结果development**模式会优化打包的速度none模式会运行最原始的webpack配置,不做任何额外的处理loaderwebpack内部的loader只能处理js文件,其它的资源文件需要加载其它loaderloader分类编译转换类文件操作类代码检查类css-loader将css文件转换为js文件style-loader将css-loade原创 2020-07-28 01:43:48 · 193 阅读 · 0 评论 -
前端学习之脚手架
yeoman是一款通用脚手架创建平台,可以通过不同的Generator生成更加定制化的脚手架基础使用流程在全局范围安装yonpm install yo --global / yarn global add yo安装对应的Generatornpm install generator-node --global / yarn global add generator-node通过yo运行Generatoryo node通过命令行交互填写选项生成所需的项目结构Gener原创 2020-07-18 09:59:50 · 323 阅读 · 0 评论 -
前端学习之TypeScript
弱类型语言存在的问题调用不存在的变量不会立即报错,只有程序运行时才会发现错误函数的传入参数类型不明确,可能会导致函数功能发生变化对象索引器的错误调用强类型语言的优势错误更早暴露代码更智能,编码更准确重构更牢靠减少不必要的类型判断...原创 2020-07-04 10:56:07 · 235 阅读 · 0 评论 -
前端学习之Js性能优化
可达对象可以访问到的对象就是可达对象(引用、作用域链)可达的标准就是从根*(全局对象,即全局执行上下文)*出发是否能够被找到function objGroup(obj1, obj2) { obj1.next = obj2 obj2.prev = obj1 return { o1: obj1, o2: obj2 }}let obj = objGroup({name: 'obj1'}, {name: 'obj2'})console.log(obj)上面这段代码原创 2020-07-04 10:55:01 · 220 阅读 · 0 评论 -
Redux状态管理
传统MVC框架的缺陷:FLUX是一种架构的思想redux与react无关,是基于flux和函数式编程的原创 2019-06-17 00:10:37 · 236 阅读 · 0 评论 -
Vuex
概念Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。使用步骤1.npm i vuex -S2.在src里新建store目录,在里面新建index.js3.index.js内容:import Vue from 'vue'import Vuex from 'vuex'Vue...原创 2019-06-14 09:57:20 · 105 阅读 · 0 评论 -
webpack
经过babel.js转换的才能export default,否则只能用module.export打包工具:webpack、rollup、parcel、FLS安装命令:npm i webpack -Dnpm i webpack-cli -Dwebpack会自动将src目录下的index.js文件压缩到dist目录的main.js里注development不会压缩,production会压...原创 2019-06-13 23:40:46 · 192 阅读 · 0 评论 -
express生成器&MongoDB&fetch&mvc&bcrypt
查看全局安装 npm list -g --depth=0临时使用包,结束之后就会自动删除 npxxx中间件 所有xx运行中都会经过中间件的处理cookie-parse express的cookie处理中间件app.use express实例上的方法,表示应用中间件npm i 安装依赖运行步骤 新建路由->引入路由->浏览器打开注 api的本质就是路由module.ex...原创 2019-04-20 10:36:36 · 201 阅读 · 0 评论 -
form-data&mock&跨域
form-data文件处理formidable 处理文件上传的库form.keepExtensions = true 保持文件扩展名const avatar原创 2019-06-13 23:08:36 · 964 阅读 · 0 评论