logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

webpack打包后图片显示问题

1、先解释一下这段配置代码的意思,test是正则匹配规则,匹配项目中所有的以正则规则结尾的格式的文件,然后通过url-loader进行处理,不大于10kb就会进行base64转码,就是将图片转为base65格式,如果超过10KB的图片就单独打包到utils.assetsPath(‘img/[name].[hash:7].[ext]’) 这个目录下,也就是static/img/图片名,2、注意相对路

vscode配置react开发环境

1、安装 ES7 React/Redux/GraphQL/React-Native snippets2、在设置-首选项下搜索Include Languages 在下面增加一项 javascript ,javascriptreact。如下图3、搜索trigger,在Trigger Expansion On Tab选项前勾选。

#vscode#react.js
vscode配置react开发环境

1、安装 ES7 React/Redux/GraphQL/React-Native snippets2、在设置-首选项下搜索Include Languages 在下面增加一项 javascript ,javascriptreact。如下图3、搜索trigger,在Trigger Expansion On Tab选项前勾选。

#vscode#react.js
npx命令讲解

1、npx是npm5.2之后发布的一个命令2、npx是为了解决什么?场景:项目中(项目内部,不是全局)安装了测试工具Mocha,想要调用之前需要再package.json的scripts字段里面添加./node_modules/.bin/mocha -v现在只需要使用npx mocha -v进行调用就行3、npx的原理是什么?npx会自动查找当前依赖包中的可执行文件,如果找不到,就会去PATH里找

#前端#node.js
vue路由传参方式 nuxt

vue路由传参常用的三种方式1、通过params来传递参数(本人常用)传递参数接收参数<li v-for="article in articles" @click="getDescribe(article.id)">2、通过path跳转getDescribe(id) {// 直接调用$router.push 实现携带参数的跳转th

vue处理ie兼容性问题

安装 babel-polyfill (cnpm install babel-polyfill --save-dev)在入口文件中引入 import "babel-polyfill" 或者 require("babel-polyfill")webpack.base.conf.js中配置entry: {app: ["babel-polyfill&quo

vue 锚点指令v-anchor

export default {inserted: function(el, binding) {el.onclick = function() {let total;if (binding.value == 0) {total = 0;} else {...

vue过滤器 正则表达式 匹配第一个字符与最后一个字符中间用***代替 防止信息泄露

1、定义过滤器exports.phoneFilter = function (params) {if(params.length >1 ){return params.replace(/^(.).*(.)$/,"$1***$2")}else{return params+'***'}} 2、解析 $1是正则里的捕获,就是前面的(.)里的东西 3、效果...

vue 拖拽(Drag and Drop)

1、拖拽:设置允许拖拽的div元素及元素拖拽的的开始事件draggable="true"@dragstart="drag(item.data)"<div draggable="true" @dragstart="dragEnterEvent($event, videoSrc.id)" @dragend="dragEnterOver"><div style="display:fle

#vue.js#elementui#javascript
到底了