南离99-优快云博客

原创前端面试--最新整理

CSS回流和重绘回流：布局引擎会根据各种样式计算每个盒子在页面上的大小与位置。在页面初始渲染阶段，回流不可避免的触发，可以理解成页面一开始是空白的元素，后面添加了新的元素使页面布局发生改变。当渲染树的一部分因为元素的规模尺寸、布局、隐藏等改变需要重新构建的操作，会影响布局的操作。重绘：当计算好盒模型的位置、大小及其他属性后，浏览器根据每个盒子特性进行绘制。当渲染树的一些元素只需更新属性，而这些属性只会影响元素的外观，而不影响布局的操作。浏览器不需重新计算元素的几何属性、直接为该元素绘制新的样式，

2022-04-14 18:20:49 202

原创从零搭建vue框架

框架搭建vue-cli创建项目命令：vue create newnft根据需要回车选择打包路径配置1.router.js配置const router = new VueRouter({ mode: 'history', base: 'mobile',//路径配置 routes})2.vue.config.js配置publicPath: "/mobile/",// 与router.js一致服务器环境区分1.建立.env系列文件根据项目需求，在根目录新建3个文件，.en

2021-10-11 16:57:10 266

转载 vue——导航守卫

今天根据vue-router官网，重新系统的学习了导航守卫全局/路由独享守卫/组件内1.全局前置守卫注册方式：router.beforeEach((to,from,next)=>{})参数：to:即将进入的目标路由from:当前导航正要离开的路由next:是一个function，一定要调用此方法来resolve这个钩子。 next调用方式： 1) next() 进行下一个钩子 2) next(false) 中断当前导航，阻止进入 3) next(’/

2021-03-12 11:36:51 153

原创 vue使用微信SDK实现微信二次分享信息不丢失

1)下载微信sdkyarn add weixin-js-sdk2)调用后端接口，获取需要公众号配置的信息appId,timestamp,nonceStr,signature,ticket3）配置wx let wx = {} const that = this wx = require('weixin-js-sdk') wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客

2020-11-10 15:23:26 360

原创 Vue使用过滤器对时间戳进行处理

// 处理时间 filters: { uptime(val) { let oldDate = new Date(val*1000); console.log(oldDate.toTimeString().split(' ')[0].slice(0,5)); let nowDate = new Date(); let time = nowDate.getTime(); let difference = (time - val*1000);

2020-11-09 19:42:20 510

原创 vue使用过滤器filters将秒数转成00:00:00格式

filters: { TotalTimeFilter (val) { let seconds = val % 60 > 10 ? val % 60 : '0' + val % 60 // let minute ='' let minutes = Math.floor((val - seconds) / 60 % 60) > 10 ? Math.floor((val - seconds) / 60 % 60) : '0' + Math.floor((v

2020-11-09 19:40:42 429

原创 nuxt框架搭建

路由登录/注册/首页/头条/视频/直播/中国体育制造/图集/赛事专题/事件专题框架搭建1.创建nuxt项目npx create-nuxt-app 项目名2.less预处理器npm i less less-loader --save-dev3.自动适配px和remnpm install postcss-px2rem –save 原理1.在plugin里面的js会执行两次因为使用的SSR技术, 前端分成了前端客户端和前端服务端，默认情况下，客服端和服务端都执行，可以设置mode属性

2020-11-09 19:32:44 560

原创面试题——HTTP/HTTPS(待续)

说一下http协议（详细）1.http协议的主要特点简单快速每个资源（比如图片、页面）都通过 url 来定位。这都是固定的，在http协议中，处理起来也比较简单，想访问什么资源，直接输入url即可。灵活http协议的头部有一个数据类型，通过http协议，就可以完成不同数据类型的传输。无连接连接一次，就会断开，不会继续保持连接。无连接的含义是限制每次连接只处理一个请求。服务器处理完客...

2020-02-26 22:03:47 632

原创前端学习——Mobx

webpack环境搭建npm init -ynpm i webpack webpack-cli webpack-dev-server -Dnpm i html-webpack-plugin -Dnpm i babel-loader @babel/core @babel/preset-env -Dnpm i @babel/plugin-proposal-decorators @ba...

2020-02-20 23:06:10 389

qq_40588166的博客