- 博客(16)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 前端面试题
Vue1watch：采用deep进行深度监听2混入：原组件优先3Vuex数据刷新：4hash和history具体实现5Vue权限管理创建路由表（无权限和有权限）（mate） 请求后台拿到了权限数据，并将数据存放到了vuex 利用返回数据匹配之前写的异步路由表，将匹配结果和静态路由表结合，开成最终的实际路由表【核心】【router.addRoutes(routes)】6原型链：【vue.Exdent】7rem原理非父子组件...
2020-06-05 22:11:04
179
原创 模块发开发：（将代码独立出来，再用东西）
《一》学习目标es6模块发开发默认（import form，export default）按需导入导出直接导入webpack（将依赖通过webpack打包成静态资源）
2020-05-15 18:05:49
304
原创 web前端性能优化
深入理解http请求是web性能优化的核心《1》资源压缩与合并一概念html压缩 ，css压缩，js的压缩与混乱【对前端项目代码的保护，代码可读性查，别人不好看】文件合并：缺点：首屏渲染问题，缓存失效问题----》业务，公共库分别合并开启gzip二方法：在线网站压缩fis3，webpack自动化构建《2》图片相关性能优化{jpg 不透明（图片小） png 透明（大） webp 安卓全部（兼容性问题）（小） svg简单的图片（小）}压缩处...
2020-05-14 01:00:50
218
原创 组件（封装可重用的代码）
《1》简述（1）使用importheaderFlexfrom"../components/headerFlex";components:{headerFlex},<headerFlex /> 或 <div is="headerFlex"></div>（2）组件声明（main.js 局部 自动注册全局组件）（3）规则// 在组件定义中components: { // 使用 camelCase 形式注...
2020-05-09 11:57:12
1016
原创 git知识点总结
https://blog.csdn.net/qq_41961239/article/details/103935110拉取他人代码git clone http://10.1.1.11/service/tmall-service.git（默认master）git clone -b dev http://10.1.1.11/service/tmall-service.git（指定d...
2020-02-07 00:30:36
196
原创 跨域问题总结
什么是跨域一般来说，当一个请求url的协议、域名、端口三者之间任意一个与当前页面地址不同即为跨域。最常见的就是在一个域名下的网页中，调用另一个域名中的资源。当浏览器报这样的错的时候，就是跨域请求出问题了为啥要跨域主要是为了安全，浏览器采用同源策略，对js进行限制，防止恶意用户获取非法数据，同时还防止了大部分XSS攻击（就是向用户界面注入js脚本）。如何解决跨域问题1.JS...
2019-11-14 10:39:43
69
原创 判断对象，数组，字符串为空，未定义的几种方法
1：判断数组为空var array=[];array.length==0JSON.stringify(array) === '[]'2:判断对象和字符串JSON.stringify(obj) === '{}';if(A==null||A==undefined||A==""){ console.log("对象为空");}3:判断nullvar a...
2019-11-07 12:04:25
1692
翻译 前端小小注意事项
1:本地开发环境请求服务器接口跨域的问题proxyTable: { // 用‘/api’开头，代理所有请求到目标服务器 '/api': { target: 'http://jsonplaceholder.typicode.com', // 接口域名 changeOrigin: true, // 是否启用跨域 pathRe...
2019-11-06 19:24:20
110
原创 vue外部字体引入方式
一：写下public中1：导入文件1：css@font-face { font-family: pf; src: url("pf4.ttf"); font-weight: normal; font-style: normal;}2：index.htm<linkrel="stylesheet"href="pf.css"/>2：...
2019-11-05 11:08:16
576
原创 vue组件传参，调用方法的几种方式
1：vue 父组件向子组件传值——props方法重点：父：<app-son :dataList="appData"></app-son>子：props: { dataList: {type: [Object] } }//父组件 App.vue<template> <div id="app"> <ap...
2019-11-04 11:24:59
972
原创 ES7，ES8详解
1.查找一个值是否在数组里['a', 'b', 'c'].includes('a') 查找一个值在不在数组里,若是存在则返回true,不存在返回false.方法：['a', 'b', 'c'].includes('a') //true-------->es7['a', 'b', 'c'].indexOf('a') > -1 //true--...
2019-11-04 10:02:59
540
原创 vue-router传递参数的几种方式
1：js点击跳转传参参数在链接上显示this.$router.push({path: '/details', query: {id: 666}});this.$route.query.id;参数不在链接上显示this.$router.push({ name: 'details', params: { userId: 123 }});{{this.$route.params.use...
2019-11-02 21:55:11
1330
原创 vuex状态管理模式简介
一：简介1：vuex中，有默认的五种基本的对象：state：存储状态（变量）。 getters：state的计算属性。 $sotre.getters.fun()。 mutations：修改状态，同步的，类似自定义事件。$store.commit('',params)。 actions：异步操作。$store.dispath('')。 modules：store的子模块，为了开发大型...
2019-10-31 15:31:26
542
原创 vue全局变量存储的几种方式
只可读的1、全局变量专用模块（vue调用时要导入，不用this）1：新建一个global.js，声明变量，采用export将其暴露出来。如const mobileReg = /(^1[0|1|2|3|4|5|6|7|8|9]\d{9}$)|(^09\d{8}$)/ //手机号，11位纯数字const passwordReg = /^(?=.*[A-Za-z])(?=.*\d)[A-...
2019-10-31 14:19:42
11697
1
原创 详解vue-router中的导航钩子
一：概念作用：拦截导航，让他完成跳转或取消。const router = new VueRouter({ ... });router.beforeEach((to, from, next) => { // do someting});to: 要进入的目标，路由对象 from: 要离开的路由，路由对象 next: 一个必须需要调用的方法，而具体的执行效果则...
2019-10-30 19:44:30
585
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人