笔记
搬砖鱼哥
一个资深的前端开发工程师,每天分享各类前端干货
展开
-
利用set对象,简易完成对两个数组去重
1.对于两个数组合并去重我们可以利用Set对象唯一性的特点const a=[1,2,3,4]const b=[2,4,5,6]const mySet=new Set([…a,…b])console.log([…mySet])打印输出:[ 1, 2, 3, 4, 5, 6 ]原创 2021-07-10 18:51:13 · 265 阅读 · 0 评论 -
get和post的区别
GET - 从指定的资源请求数据。而且是在URL上,不怎么安全POST - 向指定的资源提交要被处理的数据。是发送在请求体里GET:不同的浏览器和服务器不同,一般限制在2~8K之间,更加常见的是1k以内。GET和POST的底层也是TCP/IP,GET/POST都是TCP链接。GET产生一个TCP数据包;POST产生两个TCP数据包。对于GET方式的请求,浏览器会把http header和data一并发送出去,服务器响应200(返回数据);而对于POST,浏览器先发送header,服务器响应100原创 2020-06-12 11:03:14 · 113 阅读 · 0 评论 -
对Cookie和Session的异同点,Cookie有哪些限制?
cookie数据存放在客户的浏览器上,session数据放在服务器上。cookie不是很安全,别人可以分析存放在本地的COOKIE并进行COOKIE欺骗考虑到安全应当使用session。session会在一定时间内保存在服务器上。当访问增多,会比较占用你服务器的性能考虑到减轻服务器性能方面,应当使用COOKIE。单个cookie保存的数据不能超过4K,很多浏览器都限制一个站点最多保存20个cookie。...原创 2020-06-12 10:59:23 · 167 阅读 · 0 评论 -
输入URL到页面加载显示完成发生了什么?
输入URL到页面加载显示完成发生了什么?DNS解析TCP连接发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面连接结束原创 2020-06-12 10:56:58 · 157 阅读 · 0 评论 -
本地存储cookies,sessionStorage 和 localStorage 的区别
cookie: cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。 cookie数据始终在同源的http请求中携带(即使不需要),记会在浏览器和服务器间来回传递。 sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。 存储大小: cookie数据大小不能超过4k。 sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。原创 2020-06-02 09:31:39 · 166 阅读 · 0 评论 -
vue项目优化,路由懒加载
当打包项目时,js包会变得非常的大影响页面加载,影响页面加载,如果我们把不同路由对应的组件分割成不同的代码块,当路由被访问时才加载对应的组件,这样就更加高效了。1.安装 @babel/plugin-syntax-dynamic-import2.配置babel-plugins在babel.config.js里的plugins引入包"plugins": [ "@babel/plugin-syntax-dynamic-import" ]3.修改引入方式按功能模块打包到一块.原创 2020-05-29 22:31:33 · 166 阅读 · 0 评论 -
带你轻松掌握mockjs,结合vue-cli高效开发企业项目
为什么使用mockJs在工作开发中,如果后端接口还未开发完成,难道我们就只能写静态页面了吗?所以前端为了不影响工作效率,我们自己手动模拟后端接口返回随机数据。采用json数据模拟,生成数据比较繁琐,也比较有局限性,没办法达到增删改查采用mockJs进行模拟数据,可以模拟各种场景(get、post)生成接口,并且随机生成所需数据,还可以对数据进行增删改查使用mockjs1.首先我们通过vue-cli搭建基本项目2.在项目中安装mocknpm i mockjs3.新建mock.js在项目中引入原创 2020-05-28 00:19:31 · 139 阅读 · 0 评论 -
带全面解析路由勾子,让轻松上手使用
路由勾子1.全局勾子:会对所有路由进行拦截,beforeEach进入前进行拦截,afterEach已经进入了(一般不用)2.路由独享勾子:可以在路由配置规则上直接定义 beforeEnter守卫,可以针对某一路由进行拦截,如下只拦截home路由const routes=[{path:'/home',component:Home,beforeEnter(to,from,next){}},{path:'/index',component:Home}]3.组件内的守卫只针对组件进行拦截原创 2020-05-16 14:19:19 · 206 阅读 · 0 评论 -
带你轻松了解使用Vue路由导航守卫的方法
首先你要创建一个路由实例const router=new Router({routers:[//这里配置路由规则]})接着挂载路由导航守卫router.beforeEach((to,from,next)=>{//to表示将要访问的路径//fron表示从哪个路径跳转而来//next一个函数代表什么情况放行next()直放行,next(跳转路径)//如果是登录页面直接放行if(to.path==='/login')return next()//获取tokenconst token原创 2020-05-15 10:50:03 · 191 阅读 · 0 评论 -
vue简易全局配置axios
1.在入口文件main.js里首先引入这个包import axios from "axios"2.把这个方法挂载在vue的原形对象上Vue.prototype.$axios=axios//这样每个组件都可以通过this.$axios直接发送ajax请求3.设置请求的根路径axios.defaults.baseURL="这里填请求根路径"...原创 2020-05-14 20:53:23 · 1018 阅读 · 0 评论 -
一招带你了解vue项目登录,退出功能-token原理分析
客户端在登录页面输入用户名和密码进行登录,服务器验证通过之后生成该用户的token值并返回,每个用户拿到的token值都是不一样的,客户端拿到token值以后需要存储该token,后续的所有请求都要需要携带该token,服务器验证token是否通过,并返回不同的数据,完成退出功能只需要清楚本地的token即可。...原创 2020-05-13 23:22:25 · 1088 阅读 · 1 评论 -
一招教你轻松上手vue项目,webpack打包的基本使用
如何在项目安装配置webpack1.运行 npm i webpack webpack-cli -D 命令安装相关的包2.在项目根目录中,创建名为webpack.config.js的webpack配置文件3.在webpack的配置文件中,初始化如下基本配置:module.exports={mode:'development'//用来指定构建模式}4.在package.json配置文件中的script节点下新增dev脚本:“script”:{“dev”:“webpack”}5.在终端运营原创 2020-05-11 23:58:47 · 143 阅读 · 0 评论 -
按需导出与默认导出
默认导出export default只能使用一次按需导入import 默认导入的成员 文件路径import m from "./m.js"按需导出export 可以和默认导出一起存在使用按需导入import {按需倒入成员} 文件路径可以和默入一起使用import {m} from "./m.js...原创 2020-05-11 22:09:35 · 1076 阅读 · 0 评论 -
一招教你如何通过uniapp打包各版本发布到不同平台
想把自己写的小程序制作成各种版本,并发布到各个平台,其实用uniapp就可以轻松实现:1.需要使用编辑器HBuilder X,和掌握uniapp语法来编写2.写完以后如何打包上线先要点击util文件夹下的manifest.json文件完成项目配置然后点击发行就可以打包成各种类型的版本了...原创 2020-05-11 21:25:54 · 5020 阅读 · 2 评论 -
一招轻松搞定路由vue-router的使用
vue-router的基本使用1.首先引入vue-router.js2.用route-link创建对应的路由链接3.在页面添加路由占位符4.创建路由规则const router=new VueRter(routes:[{path:"",component:User}])5.创建对应的组件const User={template:""}6.挂载路由实例对象到vue的实例对象里...原创 2020-05-10 09:04:59 · 106 阅读 · 0 评论 -
vue如何设置路由重定向
vue路由重定向路由重定向指的是,用户访问地址A的时候,强制用户跳转到地址B从而展示特定的组件页面;可以通过路由规则里的redirect属性,指定一个新的路由地址,可以很方便的设置路由重定向,具体代码演示{path:"/",redirect:'/hone'}...原创 2020-05-08 07:53:03 · 1551 阅读 · 0 评论 -
2020最新前端面试vue知识点集锦
1.VUE的两个核心组件系统,数据驱动2.什么是双向数据绑定v-model,数据发生变化,同步视图,视图发生变化,同步数据原创 2020-05-05 00:26:58 · 171 阅读 · 0 评论 -
90%以上的人都要看的,前端开发工程师vue面试题干货集锦,轻松搞定HR,拿到高薪酬
小编在这里总结一些vue常见的面试题,希望能够帮助到你们的面试1.你对vue中mvvm的模式设计有什么感想?mvvm设计模式采用的双向绑定,当view发生变化,model会跟着变化,model发生变化,view也会同步,这样的话,我们就可以更多的关注逻辑,从而减少dom的操作,代码的耦合性也更好2.vue中利用索引修改数组的时候,页面会跟着同步吗?利用索引修改数组的时候,页面不会进行同步,...原创 2020-04-18 22:42:00 · 216 阅读 · 0 评论