weixin_44269412的博客

格式化日期

文件下载实现

JSreplace()方法替换变量（可以通过变量进行全文替换）

vue项目引入新字体

前端实现分页

表格操作行高亮显示

iview 日期组件表单验证

默认插槽和具名插槽

模块化导入导出

el-table动态合并数据相同的列

Echarts绘图

1、利用:render-header="renderHeader"表头渲染复选框<el-table ref="multipleTable" :data="pointdevData" tooltip-effect="dark" v-loading="tableLoading" size="mini" style="width:98%"

剩余参数1、eg：//args是一个数组sum(first,...args)｛console.log(first); // 10console.log(args); // [20,30]｝sum(10,20,30)2、与解构共同使用let stu=['wangwu','zhangsan','lisi']let [s1,...s2]=studentsconsole.log(s1); // wangwuconsole.log(s2); //['zhangsan','lisi']3

1.先执行同步任务，再行异步任务（函数作为参数传递的）2.有多个同步任务时根据具体事件处理如以上示例代码执行机制：主线程同步任务有打印1、打印2，click是回调函数、定时器函数提交给异步进程处理每次触发点击异步进程会把点击函数放进异步队列，3秒后把定时器函数放进异步队列一直触发一直循环执行，这样就叫时间循环。结果：打印1、打印2。接下来若在三秒前点击则先执行点击函数。三秒之后则先执行定时器...

变量的作用域定义在函数外的变量就是全部变量JS中，var声明的变量是有作用域的在函数体内声明，函数体外不可以使用（闭包可实现）function fun(){ var x=1; x=x+1}x=x+2 // x is not defined如果两个函数使用了相同的变量名，只要在函数内部，就不冲突function fun1(){ var x=1; x=x+1}function fun2(){ var x=‘A’; x=x+1}内部函数可以访问外部函数定义的

函数和方法长得一样方法：对象（属性，方法）函数：函数放在对象里面就变成了方法1 函数1.1 定义函数定义方式一：绝对值函数function abs(x)｛ if (x>=0){ return x; }ekse{ return -x; } ｝一旦执行到return代表函数结束，返回结果如果没有执行return ，函数执行完也会返回结果，结果就是undefined定义方式二：var abs=function (x)｛ if (x>=0){ retur

1.数据类型简介数值、文本、图片、音频…numberjs不区分小数和证书123 //整数123123.1 //浮点数NaN //not a numberInfinity //表示无限大布尔值true false逻辑运算&& 和，两个都为真|| 或，一个真、一个假！ 非，真即假，假即真比较运算符=== 等于（类型不一样，值一样，结果为true）=== 绝对等于（类型、值都一样）须知:NaN与所有数值都不等，包括自己通过is

1.在封装好的组件中，给不需要显示的表单加v-if，如:<el-form-item v-if="showGrouping" label="设备分组：" prop="deviceSubId"> </el-form-item>2.在data中初始化定义数据，为trueexport default {name: “”,props: {showGrouping: {// 设备分组显示type: Boolean,default: true,},3.在需

1.安装go环境安装包下载地址为：https://golang.org/dl/Windows 下可以使用 .msi 后缀(在下载列表中可以找到该文件，如go1.4.2.windows-amd64.msi)的安装包来安装。默认情况下 .msi 文件会安装在 c:\Go 目录下。你可以将 c:\Go\bin 目录添加到 Path 环境变量中。添加后你需要重启命令窗口才能生效。安装测试创建test.go 文件test.go 文件代码：package mainimport "fmt"func

1.在文本框设置数据双向绑定文本框与data中的搜索关键字query绑定<el-input placeholder="请输入内容" v-model="queryInfo.query">export default { // 当前组件私有数据 data() { return { // 获取用户列表的参数对象 queryInfo: { //搜索关键字 query: "", //当前的页数

第一步：监听switch开关的change事件<el-switch v-model="scope.row.mg_state" @change="userStateChanged(scope.row)"> </el-switch>第二步：拿到最新状态发起请求，调用接口把状态同步到服务器中 //监听switch开关状态的改变 async userStateChanged(userinfo) { const { data: res } = aw

用作用域插槽渲染状态列<el-table-column label="状态"> <!-- 作用域插槽 ,通过slot-scope接受当前作用域的数据,通过scope.row拿到对应该行的数据,el-switch通过v-model绑定在数据mg_state属性上,有作用域插槽可以去掉prop属性--> <template slot-scope="scope"> <el-switch v-model="scope.ro

获取用户列表数据创建用户列表组件时就获取数据，在create中定义getUserList，method中实现方法，获取用户列表的参数对象在data中定义，将获取的数据保存在data定义的userlist和total中export default { // 当前组件私有数据 data() { return { // 获取用户列表的参数对象 queryInfo: { query: "", pagenum: "1", pa

点击用户列表打开新的组件页面1.在components添加user文件夹下新建Users.vue组件2.在页面右侧主题区域展示User组件（1）在router.js中导入组件 import User from './components/user/Users.vue'（2）在home路由中新增一个子路由const router = new Router({ routes: [ { path: '/', redirect: '/login' }, { pa

菜单栏折叠与收起在页面菜单侧边栏上方加一个div。并添加点击事件 <div class="toggle-button" @click="toggleCollapse">|||</div>侧边栏菜单启用collapse属性，是否水平折叠收起菜单，collapse-transition取消折叠动画， <el-menu background-color="#333744" text-color="#fff"

菜单栏结构和数据是通过v-for循环实现的，但图表不能一致，解决办法如下：采用第三方自定义图标库1.在data中定义图表对象data() { return { // 左侧菜单数据 menulist: [], //前面125等key值是item.id，icondont是基类， iconobj: { 125: "iconfont icon-user", 103: "iconfont icon-tijikongjian

获取后台数据，以菜单数据为例页面刚加载就获取数据，在script中定义生命周期函数 created() { this.getMenuList(); },在script的methods中实现getMenuList方法sync getMenuList() { //请求menus路径并解构返回数据，重命名weires const { data: res } = await this.$http.get("menus"); if (res.meta.

通过axios请求拦截器添加token，保证拥有获取数据的权限对每次请求进预处理// 请求拦截器，对请求进行预处理，获取数据权限axios.interceptors.request.use(config => { // 添加Authorization属性，值等于token值 config.headers.Authorization = window.sessionStorage.getItem('token') return config})...

##vue项目退出功能实现原理基于 token的方式实现退出比较简单，只需要销毁本地的 token即可。这样，后续的请求就不会携带token，必须重新登录生成一个新的 token,之后才可以访问页面 // 清空token window.sessionStorage.clear(); //跳转到登录页 this.$router.push("/login");...

路由导航守卫控制访问权限如果用户没有登录，但是直接通过URL访问特定页面，需要重新导航到登录页面。// 挂载路由导航守卫router.beforeEach((to, from, next) => { // to 将要访问的路径 // from 代表从哪个路径跳转而来 // next是一个函数 next()放行 next('login')强制跳转 if (to.path === '/login') return next(); // 获取token

首先确保安装了node环境新建项目npm install -g create-react-appcreate-react-app reactApp //项目名新建成功vscode目录如下：打开终端，启动项目

● 说一下http和httpshttps的SSL加密是在传输层实现的。(1)http和https的基本概念http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。https: 是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。https协议的主要作用是：建