chpswg的专栏

vscode 开发vue时，以前为了懒，直接利用浏览器的F12来进行调试，但每次找代码的具体位置比较繁琐，还是要遵循标准的调试方式。 1、首先安装vscode的扩展控件Debugger for Chrome2、配置调试参数 在vscode左侧的目录树中打开调试窗口，在打开的窗口中点击 小齿轮样式的设置 按钮，然后选择chrome, 然后选择要调试的项目，我这里选择hy3d，VSCode将会在工作区hy3d根目录生成.vscode目录，里面会有一个l...

vue在本地跨域通过配置proxy没有问题，但是发布到正式环境后仍然存在跨域问题，只有通过跨域1、在vue.config.js文件中devServer下的proxy子节点添加正式环境跨域参数，这里在正式环境的跨域为api3s2、配置正式环境参数2.1 配置基于axios的请求跨域，新建axois的基础配置文件https.js，配置axios的默认url ，这样在正式环境，a...

因为项目是对旧项目的重构，旧项目有用到jsonp格式，直接用axios调用会出现null字符串，而且返回的格式也不是json形式所以需要增加对jsonp的使用，具体如下：1、添加jsonp依赖npmijsonp--save-dev2、在页面中引用jsonpimport jsonp from "jsonp";3、在页面中使用用jsonp ...

1、首先要在桌面端安装svn的客户端TortoiseSVN，注意在安装的时候要选择Command line tools，否则，在vscode中安装后会报错“SVN not found”2、如果已经安装了客户端还是报Command line tools错误，说明在安装的时候没有选择Command line tools（默认是不红色的叉叉，代表不安装Command line tools），这时...

之前有说过vue 添加全局变量和全局函数，但有时并不需要在全局中用到，有时某个vue组件需要用到某个局部变量针对这种情况，可以将变量放在一个js文件中，如focused.js文件const focused = 1;const S = "dd"export { focused, S}在页面中有两种方式调用方式1：import { focused,S ...

在vue-cli项目中的的配置文件vue.config.js中添加路径引用别名1、引入路径const path = require('path')2、添加函数function resolve(dir) { return path.join(__dirname, dir)}3、添加别名 resolve: { alias: { ...

之前有写过用vue.config.js中的pages节点配置多页，但是这样，每个页面都要有一个入口文件和入口vue（如app.js 和app.vue），对于多个同样的项目，尤其是要利用到共同的通用配置，其实只需要写一个入口文件，入口vue，每个页面个性化写自己的页面，可以充分做到既通用又模块化1、在src目录下新建router文件夹，文件夹下新建index.js，index.js中写每个页...

1、在vue-cli3中静态资源目录为public，而不是static，所以如果静态资源，可以放在public中 比如map.html 放在public下，运行npm run serve 后用http://localhost:8004/map.html可以访问得到，反之，放在static下则访问不到2、组件中调用方法奥，为了更好的组织，将方法放进某个文件然后暴露出来，供组件调用，不...

1、安装jquery 依赖npminstalljquery–S2、在配置文件vue.config.js中添加jquery 配置在文件头部 添加定义const webpack = require('webpack')在配置中添加引用configureWebpack: {plugins: [new webpack.ProvidePlugin({jQuery: ...

1、在阿里的iconfont 页面(https://www.iconfont.cn)注册账号，新建项目，添加感兴趣的图标到自己新建的项目，修改图标的类名，下载项目到本地，解压2、在asset下的lib目录下新建iconfont目录，将步骤1中的文件拷贝到这个目录3、修改iconfont.css文件，修改引用文件的目录结构,主要是添加头部及修改默认的iconfont类的样式（下次下载...