liujiebahuang的博客

框架进行迁移后出现了标题的警告，但是项目是2版本并没有升级到3，本来只是警告并不影响使用，后来看着碍眼就整它，一系列操作后直接编译错误出现version mismatch错误，再也不能凑活。不能瞎机霸整啊，之前为了解决node溢出问题清除了缓存导致了以上问题，通过上面的办法解决后导致项目里出现了各种bug。把vue-template-compiler版本更改至和vue一样的版本。还原最初的配置后继续尝试安装一下插件解决node溢出问题。

调整宽度就算没有达到100%仍然把右边挤下去了，导致右上角空缺且出现滚动条。百分比布局，没有用flex。解决后的正确布局，完美贴合。

有些柱子没有值或者由于样式问题很难点击到，需要进行区域点击联动。一般的点击方法必须选中柱子。

密码，邮箱以及可能会遇到的其他情况正则校验

安装node1、官网下载对应系统的以及项目对应的nodejs；2、看bin目录下是否有node和npm文件，没有的话执行以下： tar -xvf node-v10.24.1-linux-x64.tar.gz mv node-v6.10.0-linux-x64 nodejs3、创建软连接，变为全局(指令：ln -s 文件所在目录 目标目录) ln -s /home/*****/Documents/nodejs/bin/npm /usr/local/bin/ ln -s /home/

目录VUE3基本变化VUE3基本变化源码1，源码通过monorepo的形式来管理源代码：mono:单个；repo:rebository仓库；主要是将许多项目的代码存储在一个repository中；多个包本身相互独立，可以有自己的功能逻辑、单元测试等，同时又在同一个仓库下方便管理；模块划分更加清晰，可维护性、可拓展性更强；2，源码使用ts进行重写：vue2.x,使用Flow来进行类型检测；vue3.x源码全部使用TS进行重构了性能使用proxy进行数据劫持：vue2.x时候，使用O

目录前奏简述环境准备代码执行步骤简化执行ts！！变量前奏简述ts是js的超集，给js带来类型系统，还提供了接口，泛型，枚举等高级功能，弥补了js的不足。TypeScript = Type + JavaScript (为js提供了类型系统，试问哪个前端没挨过类型错误的打呢)//TS 有明确的类型let price: number = 81//JS 无明确类型let price = 81环境准备安装node安装解析ts的工具包（nodejs/浏览器不认识ts，需要把ts转换成js）终

前人的基础上稍加修改优化了一下，解决了html2Canvas只能截取可见html部分问题以及截取全部目标内容后样式失效问题。具体问题需要具体分析。exportPDF(){//点击事件 //imageDom为pdf目标，注意imageDom的样式需要和body平级，注意不要污染全局 var width = this.$refs.imageDom.style.width var cloneDom = this.$refs.imageDom.cloneNode(true) cloneDom.s

目录官网链接引入three.js组件场景相机渲染器几何体举个栗子长方体/正方体vue中应用点线面定义一个点几何体THREE.Geometry()线材质three.js是对webGL的封装。小白不必看底层代码，底层是一个需要积累量变的过程。参考文献：webGL Three.js教程官网链接官网上有相应的一手资料及课程，各取所需。一、webGL: http://www.hewebgl.com/二、规范（小白不必）：openGL | ES https://www.opengl.org/三、gitH

目录git的工作流程git安装操作创建本地版本库向本地仓库添加文件Add添加至暂存区Commit提交至本地仓库修改提交查看本地仓库修改提交查看历史版本比较版本差异删除/还原本地仓库的文件还原真删除远程仓库简单了解SSHgitHub码云git的工作流程#mermaid-svg-CI7XcpieKSJvVmjn .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;

目录概述安装配置配置打包的入口以及出口配置自动打包功能基本使用概述web开发不友好现状：文件依赖关系错综复杂；静态资源请求效率低；模块化支持不友好；浏览器对高级js兼容性问题；…webpack解决以上的前端项目构建工具（打包工具），提供友好的模块化支持，以及代码压缩混淆，处理js兼容，优化性能。理解即可，脚手架中不需要自己搞。安装配置1、安装相关包,vue在建项目的时候就已经全套弄好了npm install webpack webpack-cli -D2、在项目根目录中，创建web

概述ES7新语法，异步操作，超强async用于函数上，其函数返回值是promise实例对象；await用于async函数中，可以得到异步结果；async function queryData(id){ const ret = await axios.get(url);//不在需要回调了then console.log(ret.data); return ret;//直接return出来}queryData().then(ret => { console.log(ret);})

概述三方调用方式js库,基于promise，强力max。基本用法axios.get(url).then(ret =>{ console.log(ret.data);//data属性固定写法})常用APIPOST / GET / PUT / DELETE一、GET//url传递参数axios.get('***?id=123').then(ret => { console.log(ret.data);})//restful方式传参,一系列传参方式改变，后台都需要改动a

目录概述基本用法基本配置响应结果概述基于promise实现，xhr升级版fetch(url).then(fn1) .then(fn2) ...... .catch(fn)基本用法fetch(url).then(data => { return data.text();//fetch API,返回promise实例对象}).then(ret => { console.log(ret);//最终真实数据在这里！！})基本配置1、method(String)

目录概述AjaxPromisepromise基本用法用promise处理一下Ajax发送多次Ajax请求then参数函数返回值Promise常用API概述Promise => ES6新语法，处理异步编程。多次异步调用其结果出现的顺序无法控制，异步调用确实存在依赖关系就需要嵌套，多层嵌套会产生回调地狱。三种异步编程：一、定时任务 setTimeout & setInterval二、Ajax三、事件函数Ajax一般的请求：$.ajax({ url:'*****',

目录需求以及背景解决：关于blob/file初始文件流file->formData说说file->blob对象需求以及背景这两天有个需求：把上传的/后台返回的图片文件加一个图片转换文字的ocr功能。目前遇到两种情况，一个是从后台接收的文件流，类似以下：一个是用elementui组件获取的file对象类型格式文件。解决：关于blob/fileblob参数要求看这个https://developer.mozilla.org/zh-CN/docs/Web/API/Blobfile

直接正文，不要使用onkeyup事件，输入中文的时候会产生bug（拼音的间隔符会占位需要再次触发onkeyup才能正常）。主要使用oninput事件。方法一 ：<textarea id="textid" placeholder="请输入诉求请求" oninput="wordLeg(this);" maxlength="500" ></textarea><div class="word"><span class="text_count">0</sp

点击icon图标，旋转一周。最先尝试的逻辑是，给一个控制参数refresh，初始false，icon绑定两个样式，类似以下：<i :class="[refresh? 'el-icon-refresh go' : 'el-icon-refresh']" @click="iconClick"></i>&emsp;el-icon-refresh是elementui自带图标.go { transform: rotate(360deg); transition: al

经过测试，方法兼容谷歌和IE，提取成公共方法如下：export function copyText(e) { let text = document.getElementById(e); let selection = window.getSelection(); let range = document.createRange(); range.selectNodeContents(text); selection.removeAllRanges(); selection.addRange(

数据在加载过程中页面显示空白会让用户感到焦虑烦躁，加一点小动态可以解决这种问题。v-if控制页面三种状态：1、加载中；2、加载无数据；3、展示数据isloading true加载icon显示, false隐藏，初始truehasdata true无数据icon显示，false隐藏，初始false#mermaid-svg-DT1Dzo5kwcKcNgaE .label{font-family:'trebuchet ms', verdana, arial;font-family:var(-