- 博客(54)
- 收藏
- 关注
RSS订阅原创 vue构建项目使用vue create project过程中加载太慢或不动
修改vueclie构建的npm源：打开C:\Users\admin.vuerc文件{ "useTaobaoRegistry": false,//打开关闭淘宝npm源 "packageManager": "npm", "presets": { "vue setting": { "useConfigFiles": false, "plugins": {...
2019-08-15 16:09:51
3723
原创 mysql8使用group报错（Expression #1 of SELECT list is not in GROUP BY clause ）
首先网上查了一下，室友解决方案的，主要原因是MySQL 5.7.5和up实现了对功能依赖的检测。如果启用了only_full_group_by SQL模式(在默认情况下是这样)，那么MySQL就会拒绝选择列表、条件或顺序列表引用的查询，这些查询将引用组中未命名的非聚合列，而不是在功能上依赖于它们。简单说就是要修改MySQL的SQL模式配置，好的然后修改命令是：set session s...
2019-07-31 15:46:42
1247
原创 Egg.js修改代码无法自动编译，无法热加载自动重启服务问题
解决是解决了，具体原因不明，可能是webstorm在识别webpack-dev-server时设置了ide缓存打开webstorm的设置界面（ctrl+alt+s）选择外观行为 -> 系统设置 -> 取消safe write勾选...
2019-07-30 16:33:14
2082
原创 jeecg-boot源码下的vuex模块化设计分析
用jeecg-boot做了2个项目，这2天特地研究了一下源码，主要研究里面对vuex的模块化设计，差不多基本分析出了整个框架的vuex设计，整理成了一个xmind文件做记录。感兴趣的或者用这个框架的可以看一下：xmind文件（里面有具体的文件代码示例笔记）：添加链接描述提取码：evps...
2019-07-19 17:56:33
1141
原创 发布一个vue封装的组件npm包，vue天气组件
构建一个 Vue 组件项目开发vue组件使用webpack-simplevue init webpack-simple free-time-ui项目目录结构：.├── src/ // 源码目录│ ├── packages/ // 组件目录 │ │ ├──avatar.vue ...
2019-07-17 15:38:38
1143
转载 前端Vue-CLI配置scp2进行服务器自动部署
话不多说安装scp2npm install scp2 --save-dev配置服务器文件项目根目录创建文件 .env.dev 文件 (测试环境变量)
2019-06-21 18:12:23
3577
原创 npm login命令输入不了密码
最近写npm，注册完npm账号之后再本地进行登录，登录方式很简单，命令行：npm login然后一次需要输入用户名，密码，邮箱，都是注册npm时候的信息，后来到输入密码是发现怎么都输入不上，一番搞，发现是密码被隐藏了输入密码时在password：后正常输入密码回车即可，可以正常登陆。此处导致我一直疑问的原因是输入密码时虽然被隐藏了，但是鼠标占位符没有随着输入字符儿移动，给人感觉没输入上...
2019-06-17 11:22:01
12740
原创 vue前端Cli配置解决跨域
主要通过Cli里面的devServer选项进行配置：devServer.proxy如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。module.exports = { devServer: { proxy: '...
2019-05-30 13:46:24
4372
原创 GitFlow工作流和git命令你看不懂？
先放一个gitflow的流程图：Master分支，这个分支最近发布到生产环境的代码，最近发布的Release（新功能）， 这个分支只能从其他分支合并，不能在这个分支直接修改，该分支代表着线上最新代码。Develop 分支，这个分支是我们的主开发分支，包含所有要发布到下一个Release的代码，这个主要合并与其他分支，比如Feature分支，所有要发布的功能完成后将该分支合并到Master分支...
2019-05-28 11:40:52
345
原创 G2环形图legend图例使用滚动条可滑动
先看效果：this.chart.legend({ // marker: 'square', position: 'right-center', // textStyle: { fill: '#a3a9c1' }, // offsetX: 20, itemFormatter(val) { ...
2019-05-24 16:46:37
5687
1
原创 G2实现南丁格尔图添加中心文字以及legend百分比
先看效果：中心文字设置this.chart.guide().html({ position: ['50%', '50%'], html: `<div style="color:#fff;font-size: 25px;text-align: center;width: 10em;">${total}<br><div s...
2019-05-24 16:40:44
1754
原创 es6的各种小红书
find方法用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。 let arr =[1, 4, -5, 10] arr.find((v) => v < 0) // -5遍历数组查找到第一个符合的值就return该值，可能不会循环完...
2019-05-24 16:28:13
233
转载 vue监听子组件生命周期
偶尔看到的，觉得很好玩：比如有父组件Parent和子组件Child，如果父组件监听到子组件挂载mounted就做一些逻辑处理，常规的写法可能如下：// Parent.vue<Child @mounted="doSomething"/>// Child.vuemounted() { this.$emit("mounted");}这里提供一种特别简单的方式，子组件不...
2019-05-23 14:15:54
2096
原创 G2封装图形组件在vue中进行数据更新，组件重载问题
先看一下官方文档更新数据G2 更新数据的方式主要有三种：仅仅是更新图表的数据清理所有，重新绘制使用 DataView 时的更新更新数据如果需要马上更新图表，使用 chart.changeData(data) 即可chart.changeData(newData);view 也支持 view.changeData(data)如果仅仅是更新数据，而不需要马上...
2019-05-10 17:07:31
10592
5
原创 vue ant design 的日期组件range-picker表单中进行moment赋值问题
官方文档这样写参数说明类型showTime.defaultValue设置用户选择日期时默认的时分秒moment[]之前进行过普通票哪个的datepicker赋值区别是range-picker是将两个日期存成了moment[]类型的数组这个就比较操蛋了，后台不想拆成2个字段，只好把它转成字符串formData.showDate = formData.showD...
2019-05-08 15:11:01
15532
6
原创 vue复用封装的G2组件图形被绘制在同一个div中的问题（echarts同样原理）
距离发现原因是查找渲染完的do时，发现第一个col的div里面渲染了2个canvas，而第2个col里面只绘制了一个空的div，里面没有包有canvas，原理就是g2根据div的id去查找绘制在那个div里面，所以组件内不能写固定id，解决方法：意思就是很简单：在组件内动态生成一个字符串来做id...
2019-05-06 11:37:58
1351
原创 Ant Design of Vue的input-number设置正整数
属性说明类型decimalSeparator小数点stringprecision数值精度number实际使用方式<a-input-number :min="0" :max="100000" :precision="0.1"/>
2019-04-26 15:16:43
14997
4
原创 Jeecg-Boot非菜单页面路由跳转
首先设置同级菜单路由，然后后跳转方式：通过菜单URL，生成路由name（去掉URL前缀斜杠，替换内容中的斜杠‘/’为-）举例： URL = /account/settings/base RouteName = account-settings-base //跳转剧目数据 toOpreaList: function() { this.$r...
2019-04-26 12:06:28
9448
4
原创 小程序多行文本溢出显示省略号
这个问题，其实问题不大，但是解决了一会，主要原因有2个：1、一开始考虑使用单行超出省略号的方式来做：{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; //尤其注意3个样式顺序上下不能乱写，会不生效， 先不换行，然后超出隐藏，超出隐藏显示省略号}这是单行文本的方式，一开始想着加...
2019-01-04 18:00:51
1296
3
原创 egg.js的基本使用和调用数据库
首先，整个项目的创建命令：npm i egg-init -g //安装eggegg-init egg-example --type=simple //初始化一个egg模板例子 后面的type跟的是模板类型这里是简单的cd egg-example//进入例子npm i //安装依赖可以去官方教程查看基本配置的讲解。直接说使用，简单看过Egg的文档，官方文档对于入门还是很实用的，再配...
2019-01-02 16:07:30
5151
原创 Vue持续更新烂摊子集……
加载页面刷新页面闪烁问题vue的数据双向绑定，在页面加载时有时候会造成一定程度的页面闪烁，首先要排产代码问题和网络延迟造成的渲染问题，然后来说一下v-cloak，v-cloak的使用方式很简单：&lt;div id="app" v-cloak&gt; &lt;p&gt;{{title}}&lt;/p&gt;&lt;/div&gt;
2018-12-24 11:07:12
184
原创 小程序构建npm失败（解决方法）
小程序的官方文档真的是 **关于小程序的构建，官方文档上是这样说的：我相信无数个人，尤其是在小程序上第一次使用npm的人都发现，执行地2不你会发现他提示你没有找到 node_modules 目录。别看文档了 我告诉你为啥,因为你第一步就被它引导错了！你要执行的命令是npm install --production @antv/f2-canvasnpm install --prod...
2018-12-10 15:43:53
10048
原创 css文字竖向排列writing-mode属性IE11下高度问题
先看效果对比Chrome下：IE11下：再看代码html<div class="data-center__stats--title"> <span></span> <p class="windows__name"></p> <p class="dayType">&
2018-12-07 11:57:47
1721
原创 小程序使用表单验证（使用WxValidate）记录
还是废话不多说，解决问题先看表单：业务中写了一个预约表单，本来还是先自己写验证，之前自己封装过登录注册的验证，先上一下自己登录注册的写的验证：login.jsconst check = require('../../utils/validate.js')checkForm() { const that = this; let loginData = { log...
2018-11-22 15:31:28
3147
原创 云服务器安装node
周日从买了腾讯云买了一台1C1G的服务器，75一年……迫不及待要开始收拾自己的服务器，第一反应先装个node，奈何以前从没操作过服务器也没接触过linux，只好边查边操作……现下载了Xshell，以前一直在用winscp，过程就不说了，最终折腾了2,3次终于还是装上了，过程：1、登录，使用Xshell创建一个链接，登录成功，2、命令输入，简单说就是找个文件夹cd /usr/local/...
2018-11-22 15:31:11
897
原创 iview-weapp的radio出现横线
写了一个注册页面写了一个横向的radio，没有出现问题，使用的方法是在i-radio标签加了i-class 样式设置float:left；但是放到真机上之后发现每个radio列有一个横线，之后室友微信开发者工具的iphone7p和Nexus6发现都存在横线（查找思路艰辛，一开始因为是我真机是安卓原因，后来模拟器挨个切换了一下，发现大屏都会出现）then开始了检查……把i-radio...
2018-11-14 15:54:23
943
1
原创 小程序按钮点击css效果（你很需要！)
小程序自带的button组件是有点急效果的，但是一旦自定义了class你发现 他就是一个方块，点了也是那样静静的呆在那里，没有视觉点击感……往往大多熟悉情况下，我们都要自己定义按钮样式于是自己写了一套通用的小程序点击按钮效果app.sxss.btn-hover{ position: relative; top: 3rpx; box-shadow:0px 0px 8px #999 ...
2018-11-08 11:54:59
19073
4
原创 第4个小程序之旅的第一个问题：小程序页面设置页面高度100%
放代码：<view class='login-container'> <view class='form-container'> </view></view>wxss.login-container{ position: fixed; height: 100%; width: 100%; display:flex;...
2018-11-07 17:55:14
4651
原创 iview-admin中使用组件报错TypeError: Cannot read property '_t' of undefined
打算用iview-admin做一个后台管理开发，结果写第一个页面中使用iview的table组件，报错，第一反应先去检查了package.json，里面的iview版本是iview2里面的最后一个版本"iview": "^2.14.3"iview已经更新到3，但是仔细比对 table部分应该是没变化的，阿原因是iView-admin2.0中配置了国际化useI18n是否使用国际化，默认为...
2018-10-26 15:53:52
12422
3
转载 小程序列表拖拽排序
吃人嘴短，不能先上代码，一定要先上原作者地址：作者：HoPGoldy链接：https://www.jianshu.com/p/d965c80fe901來源：简书简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。然后我也懒得说了，作者的源代码直接全部粘贴复制就直接可以用，一点都不用改，拖拽之后数组排序也会跟着变，没发现太大问题：最终效果（没错！就是你要的那种竖向列表进...
2018-10-24 16:03:18
6953
1
转载 前端命名规范
一、命名规则（英文-直译）1、文件命名文件夹/文件的命名统一用小写保证项目有良好的可移植性，可跨平台 2、文件引用路径因为文件命名统一小写，引用也需要注意大小写问题3、js变量3.1 变量命名方式：小驼峰命名规范：前缀名词命名建议：语义化案例：// 友好let maxCount = 10; let tableTitle = 'LoginTable';// 不友...
2018-09-29 16:41:19
2271
原创 小程序点击事件阻止冒泡处理
代码：<view id='5' class='home-menu' bindtap='toRouter'> <image id='5' bindtap='toRouter' src='../../assets/icon/m3.png'></image> <view class='t-c'>时间</view></v...
2018-09-14 16:39:58
11640
原创 小程序map组件不显示坐标，且出现了bing地图的标识，解决。
map地图组件使用<map id="map" longitude="{{lng}}" latitude="{{lat}}" scale="14" ></map>使用map的过程中出现一个问题，在onload方法中调用接口，对data中的lng和lat进行赋值，然后发现，map实际显示地图为空，没有坐标，而且下方出现了bing地图的标志，顿时懵逼，难道map组件使
2018-09-06 17:35:11
2303
原创 小程序获取授权信息wx.getUserInfo改版解决方案
因为最近微信的wx.getUserInfo接口进行了修改，在开发版本和体验版本中无法自动拉起获取授权信息的提示，官方文档中推荐的方式为使用按钮，让用户主动授权：wx.getUserInfo接口此接口有调整，使用该接口将不再出现授权弹窗，请使用 <button open-type="getUserInfo"></button> 引导用户主动进行授权操作据说是小程序...
2018-09-03 17:56:33
3782
原创 wx.getLocation没有弹出直接返回fail:invalid data
昨天小程序遇到了一个坑，坑的我浪费了2个小时加班也没查出来，百度，google都没有，社区提问今天反馈也没出来结果，代码很简单，几乎是微信官方文档源代码，没对api进行从任何操作 场景：老板的mate10在应该触发wx.getLocation接口弹出请求允许获取对话框的情况下没有成功，直接fail，返回信息fail:invalid data 代码： onShow: function(...
2018-08-22 16:56:31
6174
2
原创 小程序使用iView Weapp组件传值问题
首先，简单说一下，iview使用方式（官方文档很明确了），首先下载iview提供的压缩包，把里面的dist文件夹解压到项目目录中 然后要在哪个页面使用哪个组件，就在该页面的json文件中{ "usingComponents": { "i-tabs": "../../dist/tabs/index", "i-tab": "../../dist/tab/index",...
2018-08-17 10:27:34
7615
转载 去除小程序swiper组件的滚动条
.tab-swiper ::-webkit-scrollbar { width: 0; height: 0; color: transparent;}
2018-08-15 17:19:10
2021
原创 小程序class中使用三元表达式
<view class="type-bottom {{changeType==0?'type-none':'type-block'}}"></view>关键：注意条件后面的class名加单引号，否则无效。
2018-08-14 18:31:22
22159
1
原创 研究了一下mpvue和原生小程序的差别
结论是果断放弃了mpvue，至少在现阶段。 其实2个框架的对比不用多少，vue之前写过，花了一个多月熟悉原生小程序之后，去看用mpvue来写小程序的方式，发现虽然符合vue的写法，但是有一些别扭，甚至于在小程序出了小程序插件功能之后，npm的优势也不是很大（只是现阶段开发者的开发的小程序插件有限） 在我了看来mpvvue日常最实用的情况就是，当你一个写过vue的人短时间内要写一个小程序项目的情...
2018-08-13 18:52:22
6609
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人