- 博客(98)
- 收藏
- 关注
原创 loader相关学习
loader本质上是一个导出内容为函数的JS模块loader默认就可以接收上游传递过来的资源文件或则结果compiler会拿到最后一个loader的产出结果,这个结果应该是string或则bufferloader的执行顺序,默认是从下到上,从右到左;loader可以通过enforce属性修改顺序:普通loader:没有任何配置 ;前置loader:enforce属性为pre后置loader:enforce属性为post行内loader:使用!进行分割顺序为:pre–>normal.
2021-08-03 17:27:17
650
原创 原型与原型链
原型:prototype原型链:__proto__prototype:函数下的一个对象属性;__proto__:为对象下的一个对象属性;某一对象的__proto__属性等于该对象构造函数的prototype属性function Test() {}var a = new Test()a.__proto__ == Test.prototype //true//prototype属性也是对象属性的话,也应该存在__proto__属性Test.prototype.__proto__ == Obj
2021-08-03 16:15:53
151
原创 pm2启动nodeJs+typescript项目
安装pm2npm i -g pm2pm2 -v //查看版本如果报错为:-bash: pm2: command not found则执行以下步骤解决:ln -s /usr/local/src/nodejs/bin/pm2 /usr/local/bin/pm2安装 ts-node,ts-node-devnpm i -g ts-node ts-node-dev出现错误的话同上安装typescriptnpm i -g typescriptpm2 install ty.
2021-08-01 15:30:58
1525
原创 axios调用接口接口失败,重试代码
先上代码import axios from 'axios';const service = axios.create({ baseURL: process.env.NODE_ENV == 'development' ? 'http://localhost:8088/node/' : 'http://xxxxxxx:xxxx/node', timeout: 50000,});service.interceptors.request.use( config => {
2021-07-15 17:47:41
944
原创 数组处理相关
数组平均分结果是多个数组的集合输入: [ { key1: 1, name1: 2 }, { key1: 3, name1: 4 }, { key1: 1, name1: 2 }, { key1: 3, name1: 4 } ]结果:[ [ { key1: 1, name1: 2 }, { key1: 3, name1: 4 } ], [ { key1: 1, name1:
2021-06-25 15:43:59
55
原创 xlsx文件上传
csv文件上传链接:https://blog.csdn.net/weixin_44481476/article/details/108296932https://blog.csdn.net/qq_36597079/article/details/86612667等等,好多链接都一样内容。。。。<el-upload ref="upload" class="upload-demo" drag action :multiple="false
2021-06-18 18:50:15
534
原创 vue-route路由相关
路由相关路由传值url上不暴露值得方式传值this.$router.push({name:'taskCenter', params:{id: 123, savePath: 123}})//获取$route: { handler(route) { console.log('route',route) const {id,savePath} = route.params } },'/home/huan?uid=1¶m=
2021-06-18 18:49:07
72
原创 实现鼠标copy功能
实现鼠标copy功能https://www.cnblogs.com/wyhlightstar/p/8950430.html1、 首先需要安装依赖 * 出现错误的话,可以试试 cnpmnpm install --save vue-clipboard22、 安装成功之后就可以开始使用了对于vue-cliimport Vue from 'vue'import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)对于常规的用法&l
2021-06-18 18:47:46
153
原创 js时间格式化
function dateFormat(fmt, date = new Date()) { var o = { "M+": date.getMonth() + 1, //月份 "d+": date.getDate(), //日 "h+": date.getHours(), //小时 "m+": date.getMinutes(),
2021-06-18 16:40:48
77
原创 git分支
创建gh-pages分支,输入git checkout --orphan gh-pagesgit add .git commit -m "name"git push -u origin gh-pages
2021-06-17 19:07:48
87
原创 通过git上传github简单记录下
命令先关git config --global user.name "username" #配置用户名 git config --global user.email "xx@gmail.com" #配置邮箱 git init #初始化生成一个本地仓库 git add . #添加到暂存区 git commit –m "message" #提交到本地仓库 git remote add origin url #关联到远程仓库 git push origin master #推送本地 ma
2021-06-17 19:04:20
194
原创 VsCode相关
vscode重启vscode设置快捷键Reload WindowC:\Users\Administrator\AppData\Roaming\Code\User\keybindings.json//添加如下// Place your key bindings in this file to override the defaultsauto[][ { "key": "ctrl+f5", "command": "workbench.action.reloadWindow",
2021-06-17 17:56:48
163
原创 echarts相关
echarts高度自适应<div :id="'myChart' + scope.row.id" :style="{ minHeight:'10px', width: '200px' }"></div>//minHeight:'10px'随意定的,主要是防止控制台出现can't get DOM heigth 等警告this.myChart = echarts.init(document.getElementById('myChart' + row.id));let autoH
2021-06-17 17:52:52
324
原创 vue相关
实现鼠标copy功能https://www.cnblogs.com/wyhlightstar/p/8950430.html1、 首先需要安装依赖 * 出现错误的话,可以试试 cnpmnpm install --save vue-clipboard22、 安装成功之后就可以开始使用了对于vue-cliimport Vue from 'vue'import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)对于常规的用法&l
2021-06-17 17:43:55
120
原创 elementUi相关
el-tableel-table嵌套表格默认展开效果如下,并且默认展开<el-table ref="elTable" :data="clickData" style="width: 100%" size="small" row-key="id" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" :row-class-name="tableRo
2021-06-17 17:43:35
647
6
原创 nodeJs相关
读取文件目录相关问题解决request entity too large错误app.use(bodyParser.json({limit: '50mb'}));app.use(bodyParser.urlencoded({limit: '50mb', extended: true}));
2021-06-17 17:43:03
74
原创 sql相关
千位分隔符pgsqlSELECT TO_CHAR(76543210.98, '999G999G999G999G999G999G990D')索引号pgsqlROW_NUMBER() OVER (PARTITION BY al_province_id ORDER BY al_rank) AS idcase whenpgsqlCASE WHEN is_npc = 1 THEN 'npc' ELSE '非npc' END 时间格式pgsqlDATE_FORMA
2021-06-17 17:42:37
109
原创 vue查缺补漏
Object.freeze()<template> <div class="hello"> {{msg.name}} <input type="text" :value="msg.name" @change="(event) => {msg.name = event.target.value}"> </div> </template><script>export default { na
2021-06-10 11:06:35
86
原创 钉钉第三方扫码登陆nodeJs+vue
准备工作你需要一个注册钉钉的账号,以获取APPID;https://oa.dingtalk.com/register.html)获取AAPID使用旧版本的页面移动接入应用 → 登陆 → 创建扫码登陆应用授权确认后前端代码相关官方文档地址:https://developers.dingtalk.com/document/app/scan-qr-code-to-log-on-to-third-party-websites?spm=a2q3p.21071111.0.0
2021-06-09 15:39:09
3603
原创 cdn引入
问题: weback打包工程后,由于初次加载页面时,页面加载时间过长;原因是:查看F12,network一栏中,会发现chunk-vendors.e852d541.js这个chunk在页面加载时,会花费大量的时间;这个chunk是element-ui全部引入或部分引入,打包后生成的,体积很大;解决方案: cdn引入配置配置详情:public/index.html文件<!DOCTYPE html><html lang="en"> <head> &.
2021-05-07 09:28:33
2555
原创 js的链式操作
function Student() {}undefinedStudent.prototype = { setName: function(name) { this.name = name return this }, setAge: function(age) { this.age = age return this }}var student = new Student(){setName: ƒ,
2021-04-09 14:41:58
472
原创 vue代码格式配置
.prettierrc{ "semi": false, //去掉代码后的分号、 "singleQuote": true, //双引号变为单引号 }
2020-10-20 20:16:04
434
原创 Java&&node.js Express框架接收req消息报unsupported content encoding “utf-8“
引用: https://my.oschina.net/zhanghaochen/blog/1551471刚开始遇到,准备加上如下代码req.setEncoding('utf-8');发现并没有生效经查,是引用的body-parser无法解析导致的,暂时没有很好的解决方法 ,可以把对应代码注释掉当前我的express版本为4.15.5,在node安装目录的node_modules/body-parser/lib/ 找到read.js找到function contentstream (req,
2020-10-20 10:18:59
769
原创 css li 动画
ul {padding: 0;li {color: white;list-style-type: none;font-family: sans-serif;text-transform: uppercase;cursor: pointer;width: 90%;height: 3em;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 0.1em;text-align: center;line-height: 3em;
2020-10-16 10:50:51
349
原创 vue隔代slot问题
组件c,内部有一个命名插槽<slot name="name"></slot>;组件b,调用组件c;组件a,调用组件b,如何在组件a中把内容插槽到组件c的<slot>中解决方案:a组件引入b组件:<b><template v-slot:psnName>222</template></b>b组件引入c组件:<c><template v-slot:psnName><slot na
2020-08-24 21:33:32
388
原创 vue工程,添加elementui
npm i element-ui -Smain.js文件下添加如下import ElementUI from 'element-ui' //新添加import 'element-ui/lib/theme-chalk/index.css' //新添加,避免后期打包样式不同,要放在import App from './App';之前Vue.use(ElementUI) //新添加...
2020-08-19 10:15:23
510
1
原创 javaScript的async异步,await使用实例
<script type="text/javascript"> async function foo(){ return new Promise(resolve =>{ setTimeout(function(){ console.log(111); resolve(); },2000); }) } async function test(){ console.log('开始',new Date(
2020-06-01 22:36:04
183
原创 javaScript的学习笔记....针对class的操作
视频:https://b23.tv/BV1YW411T7GX/p137元素.style.样式,当修改多个样式的时候性能比较差;解决方案:使用:元素.className = ‘已经定义好的css的样式’;定义addClass函数定义hasClass函数;完善addClass函数;定义removeClass函数;定义toggleClass函数;切换class...
2020-05-11 21:49:20
124
原创 javaScript的学习笔记....结合定时器,编写动画效果函数
视频地址:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <style> *{ margin: 0; padding: 0; } #box1{ width: 100px; height: 100px; background-color: red;
2020-05-10 20:30:24
126
原创 javaScript的学习笔记...查缺补漏2
事件的冒泡视频:https://b23.tv/BV1YW411T7GX/p114所谓的冒泡就是事件的向上传导,当后代元素上的事件被触发的时候,其祖先元素的同样的时间也被触发;在开发中,大部分冒泡是有用的,如果不希望发生事件冒泡,可以通过事件对象来取消冒泡;可以将事件对象的cancelBubble设置为tru,即可:event.cancelBubble =true;—————————————-绑定的第二个函数会覆盖第一个函数;解决方案为;addEventListener():通过这个方法也可以为
2020-05-08 23:52:00
103
原创 javaScript的学习笔记....浏览器兼容性汇总
事件响应函数,中的event对象视频链接:https://b23.tv/BV1YW411T7GX/p112event.clientX和event.client解决事件兼容;event = event || window.event;————————————-视频:https://b23.tv/BV1YW411T7GX/p116大部分浏览器的兼容addEventListener与只有IE8以下支持的attachEvent的使用;———————————-事件的捕获与冒泡;IE8及
2020-05-08 23:51:52
225
原创 javaScript的学习笔记....DOM
DOM是Document Object Model文档对象模型一个网页,为一个文档;网页中每个部分都是节点,常用的节点分为,文档节点,元素节点,属性节点,文本节点;浏览器已经为我们提供了文档节点对象,这个对象是window属性,可以在页面中直接使用,文档节点代表的是整个页面,document;———————-如果需要读取元素节点属性,直接使用元素.属性名,例如元素.id,元素.name...
2020-05-07 23:45:48
142
原创 JavaScript的学习笔记....函数,原型prototype,this
笔记整理于视频:https://b23.tv/BV1YW411T7GX/p70函数main(Fun())和main(fun);Fun()和Fun的区别:fun()为调用函数,相当于使用的函数的返回值,fun为函数对象,相当于直接使用对象。—立即执行函数函数定义后,立即执行,立即执行函数只执行一次。(function(){alert(“我是一个匿名函数”)})();—作用域作...
2020-05-05 15:09:05
255
原创 java项目部署到云服务器——个人简单记录
前提:已经购买了阿里云服务器!系统安装:选择市场镜像!因为市场镜像jdk,mysql,tomcat已经配置好了!当然镜像选择根据自己需要的环境,自行选择!对于新买的云服务器!好像需要重置下实例密码,也就是进入root的密码!上传java项目到服务器安装xshell:进入控制端后:yum install lrzszXshell连接属性中的设置上传协议为Zmodem和接受...
2020-04-30 09:48:51
232
原创 点击添加样式,兄弟节点失去样式
点击添加样式,兄弟节点失去样式<li :class="{'search-top-click':index==addClass}" v-for="(navData,index) in searchTopDatas" :key="navData" @click="searchTopAddClass(index)"> {{navData}} ...
2020-04-30 09:47:50
157
原创 vue-cli3打包的html显示空白
在项目根目录下,新建一个vue.config.js文件内容为:module.exports = {// 基本路径publicPath: ‘./’,// 输出文件目录outputDir: ‘dist’,configureWebpack: {externals: {}}}再npm run build一下,看是不是可以浏览器打开index.html文件啦!!如果还是不可以,...
2020-04-30 00:29:53
426
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人