- 博客(14)
- 收藏
- 关注
原创 JS数据类型
数据类型概念基础类型存储在栈内存,被引用或拷贝时,会创建一个完全相等的变量引用类型存储在堆内存,存储的是地址,多个引用指向同一个地址,这里会涉及一个“共享”的概念instanceof底层实现function myInstanceof(left, right) { // 这里先用typeof来判断基础数据类型,如果是,直接返回false if(typeof left!=='object'||left===null) return false; // getProtypeof是Object对
2022-05-24 21:42:11 97
原创 react 项目统一代码风格的相关配置
react 项目统一代码风格的相关配置1. 相关自动化工具简介1.1 PrettierPrettier 这个工具能够格式化,规范化代码,使其更加工整。它一般不会检查我们代码具体的写法,而是在"可读性"上做文章。目前支持包括 JavaScript、JSX、Angular、Vue、Flow、TypeScript、CSS(Less、SCSS)、HTML、JSON 等多种语言。总的来说,它能够将原始代码风格移除,并替换为团队统一配置的代码风格。使用它的优点如下:构建并统一代码风格帮助团队新成员快
2022-05-24 13:34:10 368
原创 Virtualbox虚拟机配置双网卡实现固定IP
Virtualbox安装CentOS虚拟机需要分配2个CPU Core, 用于运行Kubeadm配置虚机双网卡,实现固定IP,且能访问外网网卡1:仅主机host-only网卡2:网络转换地址NAT查看虚拟机网络,点击管理 => 主机网络管理器,记住ip地址(192.168.99.1),并选择“手动配置网卡”重启虚拟机,此时在虚拟机 ping www.baidu.com 是返回成功的。设置外部网络访问虚拟机设置静态ip地址,编辑网络配置文件<&g
2022-05-20 16:56:54 1414
原创 页面安全相关处理
页面安全页面禁止复制操作1、通过 JavaScript 实现我们可以通过 JS 代码来禁用网页的复制事件、剪切事件、选择内容事件甚至是右键菜单事件。// 禁止右键菜单document.oncontextmenu = function(){ return false; };// 禁止文字选择document.onselectstart = function(){ return false; };// 禁止复制document.oncopy = function(){ return false
2022-05-12 22:08:29 85
原创 微前端——qiankun demo搭建过程
DEMO源码地址: qiankun-demo.下面介绍一下微前端——qiankun demo搭建过程创建vue主应用1.创建Vue工程 vue create qiankun-base这里安装了Babel和Router插件,接下来一路回车即可。安装 qiankunnpm i qiankun -S安装element-uielement-ui的安装和使用可参考官方文档,这里不过多介绍。配置main.jsimport Vue from 'vue'import App from
2021-04-02 05:11:47 1720 4
原创 按需引入 ECharts 图表和组件
一、安装echarts在vue项目中使用echarts首先要先安装echartsnpm install echarts --save二、按需引入需要的图表和组件2.1 template部分template部分跟标签为echarts图表的容器,id为这个容器初始化时的唯一标识。2.2 script部分这部分的代码就是按需引入的操作引入echarts全部的操作如图中代码注释的部分 let echarts = require(‘echarts’)这样引入了整个echarts,打包后体积非常大,
2021-03-22 16:51:01 8348 2
原创 Vue中data传递函数、props接收函数及slot传参的用法
Vue中data传递函数、props接收函数及slot传参的用法1. data作为转换层1.1 如下图中的代码,data作为转换成,作用为把引入的调用后端接口的方法函数传递给了子组件ac-cube1.2 调用后端接口的方法函数如下所示2. props接收传递过来的函数并把处理结果传回父组件2.1 子组件ac-cube里props接收传递过来的函数,在mounted里通过this.$props.request.then(…)把接口返回的数据传递给cubeData。2.2 子组件ac-cub
2021-03-08 16:03:38 2731
原创 compose函数分析
compose函数分析先看一下redux源码中compose的实现代码下面是改成js的写法分析实现过程 const f1=x=>x+1; const f2=x=>x*3; const f3=x=>x/2; function compose(...funcs){ if(funcs.length===0) return arg=>arg; if(funcs.length===1) return funcs[0]; return
2021-01-29 12:10:36 218
原创 Vue登录状态管理流程
用户输入用户名密码给后台发送请求<div><Button type="primary" @click="submit">登录</Button></div>methods里引入...mapActionsmethods: { ...mapActions(['handleLogin', 'getUserInfo']),登录sub...
2018-12-20 11:43:27 1708
原创 Vue中文字不规则排列
预览 templete<ul class="content"> <li :style="{ color: activeColor(), fontSize: fontSize() + 'px',top:top()+'px'}">灯光</li> <li :style="{ col...
2018-11-30 09:41:29 1286
原创 Vue ElementUI Select 选择器实现动态options
<template> <el-dialog :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false" width="80%" :visible.sync="visible"> <el-table :data="gridData&qu
2018-11-21 17:43:19 20586
原创 Vue ElementUI table通过改css样式实现斜线表头
Vue ElementUI table通过改css样式实现斜线表头效果预览实现原理通过改css样式实现去掉第一个单元格的下边框第一列第一个单元格和第二个单元格的伪元素设置绝对定位,宽度设成1px,高度根据自己表格调整通过旋转两个单元格伪元素,并设置旋转起始点,使两个伪元素旋转到重合位置,达到斜线的效果HTML代码&lt;el-table :data="tableDat...
2018-11-16 11:08:55 8684
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人