- 博客(16)
- 收藏
- 关注
RSS订阅原创 hash路由实现微信登陆后的重定向
最近项目需要，用微信登录，获取到用户的openid 实现微信支付的鉴权。梳理下大概的流程。1.微信登录实现：在需要登录的地方之前将页面跳转至https://open.weixin.qq.com/connect/qrconnect?appid=aaa&redirect_uri=bbb&response_type=code&scope=snsapi_login&state=1111#wechat_redirect其中：appid是公众号的appid；redirect_u
2021-11-13 21:51:02
2316
原创 ‘vue‘ 不是内部或外部命令、可运行的程序
笔记本，win10系统，先安装 node ，在安装 vue 后发现命令出错：'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件。解决：npm config list 查看 npm 的配置：根据自己的 prefix 后的路径，查看两个地方：一、电脑的环境变量 Path 里面有没有这一项，没有的话添加进去。二、当前路径下是否有 vue.cmd 文件，没有的话自己创建一个，内容为：@ECHO offSETLOCALCALL :find_dp0IF EXIST
2020-08-20 14:05:22
646
原创 vue组织结构插件 vue2-org-tree 样式
近期在实现组织结构树这一功能，用echarts的树形图表实现之后，觉得样式不能调整为自己想要的，且偏差较大。于是，在了解了相关的插件后，使用vue2-org-tree 这一插件实现这一功能，对其中的坑有点体会。1.安装 vue2-org-tree npm ivue2-org-tree --save-dev2.安装 loader npm install -D less-loader less *：官方文档引入样式的时候是导入的 less 文件3.项目中导入vu...
2020-07-03 16:45:00
8425
4
原创 vue-seamless-scroll插件无法滚动
近日，业务需要实现公告消息一直无缝滚动，我借助了vue-seamless-scroll插件，效果还不错，今天复盘一下。一、安装npminstallvue-seamless-scroll--save二、vue页面引用import vueSeamlessScroll from 'vue-seamless-scroll'三、注册组件componentsvueSeamlessScroll}基本引入都完成，然后，开始我们的结构（HTML）：data 为绑定的数...
2020-07-01 20:28:09
5373
1
原创 vue-cli 4 打包静态资源到指定目录
在最近开发工作中，我打包的 dist 文件夹下，vue-cli4 打包（npm run build）的静态资源全部都平铺展开在该文件夹下，看着很别扭，于是想打包到 static 文件夹下。vue-cli4执行打包命令时，默认打包的位置是dist文件夹下，不会自动打包为一个模块（文件夹）。解决：在 vue.config.js 文件中设置 assetsDir指定打包的目录为根目录下的 static文件夹，就会在 dist文件夹下自动生成一个新的文件夹static来存放打包的静态资源。...
2020-07-01 20:02:34
6742
5
原创 typescript 自动编译
由于 typescript 是一门编译型的语言，所以代码不能直接执行，需要编译。但是每一次编写完成 ts 文件，做了一些修改之后，都需要我们执行一下命令去编译它，才会生成一个js文件。这给我们的开发工作带来了很多不便，所以可以用自动编译来监听每一次变化去自动编译 ts 文件执行 tsc --init这个命令会在当前项目目录里生成tsc目录下的配置文件 : tsconfig.json修改配置文件的outDir 和 rootDir 配置项outDir 是指 ts 文件编译的 js 文
2020-07-01 19:51:49
919
1
原创 TypeScript入门（一）
TypeScript是由微软开发的 JavaScript的超集，它可以编译成纯 JavaScript 。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的。它是一种可将javascript代码以面向对象方式编程的技术。安装TypeScript获得TypeScript工具的主要方法有两种： 通过npm（Node.js程序包管理器） 通过安装TypeScript的Visual Studio插件 在这里我使用了 npm 安装types...
2020-07-01 19:44:22
162
原创 组件的 name 值
上一篇说道设置组件的 name 值的时候如果和 HTML 标签一样的话会有报错。今天来说一说组件的 name 值的作用：当项目使用keep-alive时，可搭配组件name进行缓存过滤，可以优化性能。 DOM做递归组件时，递归迭代时需要调用自身 name 。在此需要保证每个 name 是项目中唯一的，否则递归会出错。 （vue组件在全局用 Vue.component() 注册时，全局ID自动作为组件的 name ） vue-devtools 调试工具里显示的组件名称是由vue中组件...
2020-07-01 15:54:42
232
原创 vue报错 ： [Vue warn]: Do not use built-in or reserved HTML elements as component id: xx
在项目开发中，为了优化性能，需要给每一个组件一个 name 值，当我给某个组件写了 name 值为title 之后，控制台打印错误信息如下：因为 html 标签已经有了 title 这一标签，所以报错。把写的 name 重新给个值就可以解决。...
2020-07-01 15:35:32
719
原创 百度地图的使用
百度地图踩坑// 创建Map实例(根据id名或class名创建实例）var map = new BMap.Map("map");//设置地图中心点，可根据地名和经纬度来设置var point = new BMap.Point("上海")//初始化地图,用城市名设置地图中心点map.centerAndZoom(point,15);// 创建标注var marker = new BMap.Marker(point);//利用城市名称去创建标注，无法准确显示标注的位置（如...
2020-06-28 21:18:13
289
原创 echarts树状图报错option
近段时间由于开发需要，在开发时候遇到了echarts矩形树状图的需求：官方文档写的也很清楚：官方文档图中的 data 数据需要从本地的静态资源请求：在vue-cli 3.0之后搭建的项目， 存放静态资源的目录为public，所以我在 public 文件夹下新建了json文件夹，里面的level.json是我所需要请求的静态资源，静态资源具体格式为：{ "name": "县人民政府", "children": [{ "name": "县政府工作部门", ..
2020-06-28 21:09:45
1331
原创 elementUI框架弹窗bug之按钮的定位
elementUI框架dialog的bug之按钮的定位Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，是一款网站快速成型工具。在开发中比较容易上手，安装及引入使用在这里我不多叙述，具体可以参考官方文档：elementUI官方网站在本文，我要说的是在之前的开发过程中发现的一个bug：bug描述：elementUI在弹出表单（或者表格）的时候，点击按钮弹出dialog弹出框的时候，底部的按钮布局会飞到顶部，刷新页面可能才会解决这个bug。bug思考：之前
2020-06-20 15:45:03
2409
原创 运算符…
...扩展运算符...可以作为扩展运算符使用，又称展开运算符（spread），具体用法如下情况：1. 将类数组转化为数组var arr = [1,2,3,4,1,2,3];var set = new Set(arr);var res = [...set];console.log(res);//打印结果为 [1,2,3,4];2. 复制数组承上例:var arr2...
2019-10-22 20:33:13
224
原创 flex布局实现类似双飞翼（圣杯）效果
利用flex布局实现双飞翼（圣杯）效果双飞翼布局是一种比较灵活的布局，始于淘宝UED，实现要求：主间部分内容的宽度是要自适应的。标题中提到的圣杯布局和双飞翼布局基本上是一致的，都是两边固定内容宽度，中间自适应的三栏布局，其中，中间栏放到文档流前面，保证最先渲染。也就是:<div id="center">center</div><div id="l...
2019-10-17 18:52:03
1078
原创 ES6解构赋值
ES6☞解构赋值概述解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。解构模型在解构中，有下面两部分参与：解构的源，解构赋值表达式的右边部分解构的目标，解构赋值表达式的左边部分数组模型的解构（Array）基本模型:let [a, b, c...
2019-10-14 20:34:09
136
原创 ES6小白述
ES6简述ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。关键字-let-ES6新增加了 JavaScr...
2019-10-11 21:03:15
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人