张旭超-web前端开发工程师

0

vue2.x安装sass常见问题

• 张旭超   1月4日发布
• 收藏

1、安装 {代码...} 2、使用 {代码...} 3、使用 {代码...} 4、常见问题，由于node版本不断更新，vue2.x的webpack的版本是3，所以报错大多数原因是按照版本过高，所以作如下修改。 {代码...}

5

vue-draggable实现模板自定义编辑器

• 张旭超   2020-05-20 发布
• 3 收藏

若是真感情，天天520一、效果这封装成一个组件，在需要使用的地方引入即可，完整代码上传到git上面了，地址：[链接]二、基本配置（左边公共组件)如果您对vue-draggable的基本用法还不熟悉可以看看我之前写的一篇...

0

css animate属性参数说明

• 张旭超   2020-03-27 发布
• 收藏

css3 animation 属性详细说明 {代码...}

0

vue二次封装axios

• 张旭超   2020-03-26 发布
• 收藏

成功者心中容得下世界，失败者眼里只有对方 vue开发中为了统一管理接口，我们需要对axios进行二次封装，配置一些东西 一、创建目录和文件 在src目录下面创建request目录，并创建api.js和http.js文件 二、配置http...

1

vue axios封装之取消请求

• 张旭超   2020-03-26 发布
• 1 收藏

应用环境，当我们项目中使用模糊匹配查询列表的时候，输入框中输入关键字，我们就会根据关键字调接口查询数据，如果输入的很快，接口反应不是很快，那么就会出现搜索出来的数据和输入的关键字不匹配的情况。这时...

0

Chrome/Firefox浏览器跨域模式

• 张旭超   2020-03-19 发布
• 收藏

有时候本地调试代码的时候，代码没有设置跨域，这时候浏览器设置一下就可以实现跨域。mac下 chrome 1、关闭chrome，在程序坞中右击彻底关闭 2、打开终端 3、输入一下指令 {代码...} Firefox 使用firefo打开如下链...

2

sourceTree回滚代码到指定版本

• 张旭超   2020-03-17 发布
• 1 收藏

愿你走过的所有弯路，最后都成为美丽的彩虹 1、打开sourceTree，选中分支，找到需要回滚的版本，右击选择“将xx重置到此次提交” 2、选择强行合并 3、找到最新的版本，右击，选择“将xx重置到此这提交”选择“软合并” ...

0

手把手教你做一个完美的鸡蛋羹

• 张旭超   2020-03-06 发布
• 收藏

疫情期间都是大厨 1、材料 鸡蛋，少许盐，凉白开 划重点了，烧开的凉水，这是我试验了无数鸡蛋得到的真理，一定要烧开的凉水（凉白开） 2、搅拌 鸡蛋占二分之一，凉白开占二分之一，加少许食用盐，搅拌。 3、去掉...

4

vue打印 vue-print.js 打印多页、打印预览样式修改

• 张旭超   2020-03-04 发布
• 2 收藏

由于打印插件存在问题，如果打印文件超出一页，只显示一页，所以我们需要修改print.js源文件，所以只能手动下载vue-print.js到本地，做一些修改，然后引入到项目中，不能使用npm安装

7

vue实现websocket之vue-socket.io插件

• 张旭超   2020-03-02 发布
• 6 收藏

吾乃世间远行客，幸得风雨同舟人 安装插件 {代码...} main.js中引入插件 {代码...} 创建一个.vue文件发送，接收消息，发送消息，注销。 {代码...} 待续...(在vuex中使用）

5

vscode同步扩展设置（Settings Sync）

• 张旭超   2020-02-14 发布
• 3 收藏

Settings Sync是vscode的一个插件，可以同步当前vscode的配置环境。当你换电脑了，你想用之前vscode的配置，因为好多插件、配置都是一点点安装和配置的，这个时候就需要同步原来vscode的配置，不需要您重头再配置...

1

vue-quill-editor 图片上传，拖拽，粘贴，调整尺寸，清除复制粘贴样式。

• 张旭超   2020-01-17 发布
• 1 收藏

vue使用quill上传图片的基本配置我在前面文字中详细介绍过（[链接]）这里主要介绍上传图片，拖拽上传，截图粘贴，调整图片大小的使用。一、下载安装 {代码...} 二、这些插件需要配置webpack支持，webpack.dev.con...

0

vue2+项目中使用typescript入门

• 张旭超   2020-01-16 发布
• 收藏

一、创建vue项目 {代码...} 二、安装typecript以及解析器 {代码...} 注意：这两个是配置typescript必须的文件，后面一步一步深入我们会安装更多插件。 三、配置webpack 打开build/webpack.base.config.js {代码.....

0

vue中使用指令，列表数据发生变化指令没有更新

• 张旭超   2020-01-15 发布
• 收藏

问题描述，在vue的for循环中使用了指令，然后对数据进行筛选的时候，发现指令没有起作用。 如图前面的图标是根据文件名的后缀名，返回响应图标的，通过指令实现的。然后我们在搜索框中删选以后，数据更新了，但是...

0

vue hash模式实现微信扫码分享

• 张旭超   2020-01-10 发布
• 收藏

我们系统中使用的路由跳转，都做了权限控制，配置路由的时候如果没有登录就会跳转到登录界面，或者请求接口的时候后台做了token验证，这些都会影响分享界面，所以配置分享界面路由是和login同级别的（即外层），...

0

vue 生成二维码插件 vue-qrcode

• 张旭超   2020-01-07 发布
• 收藏

链接地址生成二维码 安装 [链接] {代码...} 在组件中引入 {代码...} 属性详解 {代码...}

2

vue 微信扫码登录，自定义样式

• 张旭超   2020-01-06 发布
• 1 收藏

这个很简单，只需要把自定义的css文件上传到服务器，然后使用服务器上的css文件即可（缺点：如果网络比较慢，首先加载默认样式，然后才回使用自定义样式，有一个闪烁的过程）

8

vue-draggable配置从入门到精通

• 张旭超   2019-12-23 发布
• 5 收藏

以上是实现项目结果，难点在于二级的拖动不会影响三级，就是二级领导可以随便换，三级员工保持不变，一二三级可以随便拖拽，还有一些新建和条件弹窗等功能。vue-draggable是数据驱动的，实现以上效果，而且布局要...

1

vue中使用骨架 vue-skeleton-webpack-plugin

• 张旭超   2019-12-13 发布
• 1 收藏

项目中大多使用的loading动画，手机端使用的骨架比较多，今日头条，淘宝等等，我们PC端项目有这样的需求，所以做一下记录，大家有用到的可以参考

0

vue 使用iconfont彩色图标

• 张旭超   2019-12-13 发布
• 收藏

1、在iconfront下载相应的文件（symbol -> 下载到本地)2、在main.js中导入 {代码...} 注意iconfont.css中需要根据下载的字体文件修改一下路径 3、彩色图标的使用g {代码...}