weixin_43806733的博客

原创 vue实现刷新整个页面无空白

我们需要刷新整个页面，可以使用this.$router.go(0) 和 location.reload()，这两种方法都可以实现整个页面的刷新，但是他有一个弊端，就是会造成页面有短暂的空白的现象，所以基于需求可以通过vue中的方法实现无空白的刷新。首先在App.vue里面去配置router-view的相关操作，如下：利用provide inject的属性，在需要的地方调用这个方法即可。<template> <div id="app"> <router-vi

转载 前端登录的加密和解密

关于在做vue项目时的前端登录的加密和解密介绍一种经常使用的crypto-js加密方法本文章这里介绍一篇AES加密算法，如果对这个算法不熟悉的可以查看一篇AES加密算法的详细介绍与实现的一篇文章，还有一篇理解AES加密解密的使用方法。使用方法首先要引入 crypto-js ，crypto-js 是一个纯 javascript 写的加密算法类库 ，可以非常方便地在 javascript 进行 MD5、SHA1、SHA2、SHA3、RIPEMD-160 哈希散列，进行 AES、DES、Rabbit、RC

转载 JSON.stringify的三个参数

JSON.stringify的三个参数看大佬写的代码，有看到JSON.stringify传递了三个参数，对这个不熟，就上网查找了一下，刷新的了我的认知，后来查到文档才发现还真的是支持三个参数的。参考资料：stringifystringify方法顾名思义，就是把JSON序列换，其语法如下：JSON.stringify(value[, replacer [, space]])注意到它接收三个参数，后面2个参数是可选的。只传一个参数var data = {name:"niuzai",info:{a

转载 部署vue+Springboot前后端分离项目

[https://blog.csdn.net/WXZCYQ/article/details/106353406?utm_medium=distribute.pc_feed.292201.nonecase&depth_1-utm_source=distribute.pc_feed.292201.nonecase](https://blog.csdn.net/WXZCYQ/article/details/106353406?utm_medium=distribute.pc_feed.292201.n

原创 Git命令的简单使用

许多人认为Git太混乱，或认为它是一种复杂的版本控制系统，其实不然，在之前对git的使用也比较乱，今天整理一下。入门使用Git前，需要先建立一个仓库(repository)。您可以使用一个已经存在的目录作为Git仓库或创建一个空目录。使用您当前目录作为Git仓库，我们只需使它初始化。git init使用我们指定目录作为Git仓库。git init newrepo从现在开始，我们将假设您在Git仓库根目录下，除非另有说明。添加新文件我们有一个仓库，但什么也没有，可以使用add命令添加文件

转载 WebView与 JS 交互方式总结

网址：https://blog.csdn.net/carson_ho/article/details/64904691

转载 前端适配之vw兼容方案（Vue版 支持设备的等比自动缩放）

前端适配可以说是前端工程师一个永恒的话题，而解决方案也是层出不穷，其目的都是为了在各个分辨率中最大程度还原设计稿。今天给大家介绍的是vw兼容方案，其原理就是根据视口宽度自动计算页面上的尺寸，无论高度、宽度，还是字体。第一步：用vue-cli快速构建出一个项目通过脚手架生成的项目应该是如下结构：第二步：安装插件为了实现vw兼容方案，我们需要安装如下插件：postcss-import 相关...

转载 CSRF攻击与防御

CSRF概念：CSRF跨站点请求伪造(Cross—Site Request Forgery)，跟XSS攻击一样，存在巨大的危害性，你可以这样来理解：攻击者盗用了你的身份，以你的名义发送恶意请求，对服务器来说这个请求是完全合法的，但是却完成了攻击者所期望的一个操作，比如以你的名义发送邮件、发消息，盗取你的账号，添加系统管理员，甚至于购买商品、虚拟货币转账等。 如下：其中Web A为存在CSRF漏...

转载 axios与ajax的区别及优缺点

区别：axios是通过Promise实现对ajax技术的一种封装，就像jquery对ajax的封装一样，简单来说就是ajax技术实现了局部数据的刷新，axios实现了对ajax的封装，axios有的ajax都有，ajax有的axios不一定有，总结一句话就是axios是ajax，ajax不止axios优缺点：ajax：1、本身是针对MVC编程，不符合前端MVVM的浪潮2、基于原生XHR开...

原创 Vue 跨域前端设置

在config->index.jsproxyTable: {//设置proxy代理 '/api': { target: 'https://cxxx.cn', changeOrigin: true, pathRewrite: { '^/api': '' //请求时当匹配到url以api开头时会自动把api替换成t...

原创 使vue-router 链接变为history模式

在vue-cli 构建的项目中 打开文件router/index.js加上：mode:"history"export default new Router({ routes: [ { path: '/', component: Index, children:[ { path:'/test', ...

原创 移动端特殊处理

1、超小字体处理transform: scale( ) //0.52、iphone及ipad下输入框默认内阴影-webkit-appearance: none;3、ios和android下触摸元素时出现半透明灰色遮罩:-webkit-tap-highlight-color: rgba(0,0,0,0)4、动画定义3D启用硬件加速5、Retina屏的1px边框 border-width:t...

原创 CSS 单行|多行文字变点状方法

一行文字变点状文字超出的部分变点状 //强制文字不换行 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;多行文字变点状方法一：（兼容性不好） display: -webkit-box; -webkit-box-orien...

原创 Express路由获取get/post参数的方法

获取get参数通过req.query获取post参数通过req.body，但需要使用bodyParser中间件，否则req.body为空。app.use(bodyParser.urlencoded({extended: true}))

原创 使用node的辅助开发工具

前言：node后台服务在修改代码后，需要重新启动 Express 应用，所做的修改才能生效。若之后的每次代码修改都要重复这样的操作，势必会影响开发效率，而使用一些辅助工具，它会监测项目中的所有文件，一旦发现文件有改动，就可以自动重启应用，这里介绍两种方法供参考。正文：1、nodemon 辅助工具使用方法：通过npm全局安装 nodemon 包npm install -g nodemon...

原创 判读Object类型

原创 js判断是否为对象

var obj = {}；1、toString（推荐）Object.prototype.toString.call(obj) === '[object Object]'2、constructorobj.constructor === Object3、instanceof 需要注意的是由于数组也是对象，因此用 arr instanceof Object 也为true。obj inst...

原创 Js中常见的报错

SyataxError 语法错误Xxx is not defined 变量未定义**Es6 cannot access xxx initaliztal 变量定义Xxx is not a function | Xxx typeerrorNot read property

原创 exports、exports.default和module.exports的使用和区别

在 JS 模块化编程的模块引入上, 主要有两种方式：Es6 模块化规范：（前端框架中的主流模块化 ）Vue、react、小程序推荐使用es6模块化CommonJS 模块标准：Node中的commonjs规范（ 后端语言中 ）后端语言，比如webpack（一些配置信息用的都是commonjs规范）Es6模块化规范1.分别暴露和引入暴露：var name = ‘zbj’var ...

转载 v-for和v-if

有时在使用 vs code 编辑器里是 eslint 插件时一直会有一个报错：大致的意思就是不建议 v-if 和 v-for 一起使用根据 eslint 指出的方法进行改进：第一种：将 v-if 和 v-for 分别放在不同标签中<ul v-if="active"> <li v-for="item in list" :key="item.id"> {{ item...

原创 最简单的一种一维转二维数组

一维转二维数组：var arr = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17] var len = Math.ceil(arr.length/4) var result= [] for(var i=1;i<=len;i++){ result.push(arr.splice(0,4)) } console....

原创 实现一个函数，判断字符串是否为回文

前言：所谓回文即相同的句子或者字母形成忽略大小写首位对称的效果，如：abcdeedcba 即回环的效果正文：所以如果检测一个字符串是否为回文，即检测首位依次对应的字母是否相同，即：i=0时，str[i]==str[str.length-1]；i=1时，str[i]==str[str.length-1-1]；i=2时，str[i]==str[str.length-1-2].规律：后面的...

原创 ejs转义小知识

<% code %>用于执行其中javascript代码；<%= code %>会对code进行html转义；<%- code %>将不会进行转义

原创 get和post的区别

get回退无害，post会再次提交get产生URl地址收藏，post不可以get请求会被浏览器主动缓存get请求需要URL编码get请求长度有限制get参数通过URL传递，post放在request body中...

原创 Vue样式穿透

前言：在Vue引入第三方组件库时，会遇到对引入的组件进行修改样式，不起作用，那是因为在style中使用了scoped属性，使得当前组件不被其他组件中的样式所污染，同时造成了修改的样式不起做用，解决方法如下：正文：stylus的样式穿透 使用： >>>外层 >>> 第三方组件 或者 父元素>>>子元素.wrapper &g...

原创 CSS权重计算

选择器类型1、ID　　#id2、class　　.class3、标签　　p4、通用　　*5、属性　　[type=“text”]6、伪类　　：hover7、伪元素　　::first-line8、子选择器、相邻选择器权重计算规则!important:权重是正无穷行内样式，如: style=””，权值为1000。ID选择器，如：#content，权值为0100。代表类，伪类和属...

原创 promise解析

定义：就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果特点：1）对象的状态不受外界的影响，Promise对象代表一个异步操作，有三种状态：pending（进行中)、fulfilled（已成功）、rejected（已失败）2）一旦状态改变，就不会再变，任何时候都可以得到结果。缺点：1）：一旦新建它就会立即执行，无法中途取消，2）如果不设置回调函数，promis...

原创 async和await

async1、async函数会返回一个promise，并且Promise对象的状态值是resolved（成功的）2、如果你没有在async函数中写return，那么Promise对象resolve的值就是undefined3、如果你写了return，那么return的值就会作为你成功的时候传入的值await1、await 不能单独使用 必须放到 async函数中，放在普通函数前面去执行 ...

转载 debounce(函数防抖)与throttle（函数节流）

概念函数防抖（debounce）：事件响应函数在一段时间后才会执行，如果在这段时间内再次调用，则重新计算执行时间；当预定时间内没有再次调用该函数，则执行响应逻辑。函数节流（throttle）：可以理解为在函数防抖上多加了一个功能：函数节流会预定一个自动执行时间，到时自动执行一次。throttle 和 debounce 是解决请求和响应速度不匹配问题的两个方案。二者的差异在于选择不同的策略...

原创 +new Data( )

前言：在学习JavaScript中new Data（）时，遇到+new Data（）的用法，在此整理记录一下正文：js在某个数据类型前使用‘+’，这个操作目的是为了将该数据类型转换为Number类型，如果转换失败，则返回NaN;例子 ：+'2'+1 // 3 +[1] // NaN+new Date() 会调用Date.prototype 上面的 valueOf...

原创 HTML中常见标签

常见标签定义：标签（标记，元素）由尖角号和关键字组成大部分是成对出现的，也有单独出现的成对出现的标签，前面的叫开始标签，后面的叫结束标签，或者开放标签和闭合标签单独出现的叫自闭合标签，或者叫空标签常用标签块标签的特点：1.单独占一行，2.宽度，高度，内边距外边距等都可以设置，3.宽度默认是容器宽度的100%，4.可以容纳其他的块标签，内联标签，内联块标签。内联标签的特点：1.在同一...