![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
小胖龙
仅仅只是接受不了那些人只粘贴复制的东西,所以把经过自己亲手实践的问题记录下来……
展开
-
小程序修改单页面的背景颜色
设置小程序的页面背景颜色,一开始设置了一个全局的背景颜色,在app.json的widows对象中进行设置 "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "backgroundColor": "#f6f6f8",原创 2018-07-20 15:02:09 · 25757 阅读 · 7 评论 -
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 · 1731 阅读 · 0 评论 -
小程序构建npm失败(解决方法)
小程序的官方文档真的是 **关于小程序的构建,官方文档上是这样说的:我相信无数个人,尤其是在小程序上第一次使用npm的人都发现,执行地2不你会发现他提示你没有找到 node_modules 目录。别看文档了 我告诉你为啥,因为你第一步就被它引导错了!你要执行的命令是npm install --production @antv/f2-canvasnpm install --prod...原创 2018-12-10 15:43:53 · 10071 阅读 · 0 评论 -
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 · 189 阅读 · 0 评论 -
vue ant design 的日期组件range-picker表单中进行moment赋值问题
官方文档这样写参数说明类型showTime.defaultValue设置用户选择日期时默认的时分秒moment[]之前进行过普通票哪个的datepicker赋值区别是range-picker是将两个日期存成了moment[]类型的数组这个就比较操蛋了,后台不想拆成2个字段,只好把它转成字符串formData.showDate = formData.showD...原创 2019-05-08 15:11:01 · 15547 阅读 · 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 · 1355 阅读 · 0 评论 -
G2封装图形组件在vue中进行数据更新,组件重载问题
先看一下官方文档更新数据G2 更新数据的方式主要有三种:仅仅是更新图表的数据清理所有,重新绘制使用 DataView 时的更新更新数据如果需要马上更新图表,使用 chart.changeData(data) 即可chart.changeData(newData);view 也支持 view.changeData(data)如果仅仅是更新数据,而不需要马上...原创 2019-05-10 17:07:31 · 10628 阅读 · 5 评论 -
es6的各种小红书
find方法用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。 let arr =[1, 4, -5, 10] arr.find((v) => v < 0) // -5遍历数组查找到第一个符合的值就return该值,可能不会循环完...原创 2019-05-24 16:28:13 · 242 阅读 · 0 评论 -
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 · 1766 阅读 · 0 评论 -
vue前端Cli配置解决跨域
主要通过Cli里面的devServer选项进行配置:devServer.proxy如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。module.exports = { devServer: { proxy: '...原创 2019-05-30 13:46:24 · 4380 阅读 · 0 评论 -
GitFlow工作流和git命令你看不懂?
先放一个gitflow的流程图:Master分支,这个分支最近发布到生产环境的代码,最近发布的Release(新功能), 这个分支只能从其他分支合并,不能在这个分支直接修改,该分支代表着线上最新代码。Develop 分支,这个分支是我们的主开发分支,包含所有要发布到下一个Release的代码,这个主要合并与其他分支,比如Feature分支,所有要发布的功能完成后将该分支合并到Master分支...原创 2019-05-28 11:40:52 · 346 阅读 · 0 评论 -
前端Vue-CLI配置scp2进行服务器自动部署
话不多说安装scp2npm install scp2 --save-dev配置服务器文件项目根目录创建文件 .env.dev 文件 (测试环境变量)转载 2019-06-21 18:12:23 · 3585 阅读 · 0 评论 -
发布一个vue封装的组件npm包,vue天气组件
构建一个 Vue 组件项目开发vue组件使用webpack-simplevue init webpack-simple free-time-ui项目目录结构:.├── src/ // 源码目录│ ├── packages/ // 组件目录 │ │ ├──avatar.vue ...原创 2019-07-17 15:38:38 · 1153 阅读 · 0 评论 -
小程序使用表单验证(使用WxValidate)记录
还是废话不多说,解决问题先看表单:业务中写了一个预约表单,本来还是先自己写验证,之前自己封装过登录注册的验证,先上一下自己登录注册的写的验证:login.jsconst check = require('../../utils/validate.js')checkForm() { const that = this; let loginData = { log...原创 2018-11-22 15:31:28 · 3155 阅读 · 0 评论 -
iview-weapp的radio出现横线
写了一个注册页面写了一个横向的radio,没有出现问题,使用的方法是在i-radio标签加了i-class 样式设置float:left;但是放到真机上之后发现每个radio列有一个横线,之后室友微信开发者工具的iphone7p和Nexus6发现都存在横线(查找思路艰辛,一开始因为是我真机是安卓原因,后来模拟器挨个切换了一下,发现大屏都会出现)then开始了检查……把i-radio...原创 2018-11-14 15:54:23 · 951 阅读 · 1 评论 -
小程序接口加密时去除昵称数据含有的reshuffle表情(例如emoji)
最近写的小程序,因为每次接口都要经过MD5加密,需要将获取的用户昵称一起加密发送到后台,开始自己做的时候顺其自让,毫无知觉拿过来直接扔进去加密,直到用后台人员的微信测试,中文验签失败,几周前已经调整过中文验签的签名算法,后来发现…… 他的微信昵称里有3个屁…… 具体是什么屁…… 你打开你的输入法的emoji你会发现,里面有各种表情,其中就有一个屁…… 于是想到的方法,将特殊符号先去除,替换...原创 2018-07-30 16:34:07 · 810 阅读 · 0 评论 -
js常用数组函数整理(不定时更新)
1.构造数组//构造器创建数组let a = 1;b = 2;c = 3;abc = Array(a,b,c); // [ 1,2,3 ]2.排序数组// 英文字母排序let a = [&amp;quot;blue&amp;quot;, &amp;quot;orange&amp;quot;, &amp;quot;red&amp;quot;, &amp;quot;black原创 2018-07-30 17:45:28 · 238 阅读 · 0 评论 -
小程序超出文字显示为省略号(代码简单的无话可说)
width:400rpx;text-overflow: ellipsis;white-space: nowrap;还是说一句,其实和Web端css一样,通用。原创 2018-07-31 16:02:00 · 5988 阅读 · 0 评论 -
微信开发者管理工具上线内测版,增加了内置的git管理和支持npm安装,6666666……
做这个小程序项目起始都一直在用git命令行进行git版本管理,后来从后台同学那里安装了小乌龟,用了几天,起始发现和之前webstorm自带的VCS里面集成的git命令菜单差不多,都是将git命令行的操作方式转成了快捷菜单和图形化展示,起始git也自带有一个图形化界面就是右键菜单的Git GUI Here命令 但是一直没用过,之前接触过的也就是小乌龟和SourceTree用的多吧,之前开发习惯...原创 2018-08-02 11:28:39 · 1393 阅读 · 2 评论 -
小程序class中使用三元表达式
<view class="type-bottom {{changeType==0?'type-none':'type-block'}}"></view>关键:注意条件后面的class名加单引号,否则无效。原创 2018-08-14 18:31:22 · 22189 阅读 · 1 评论 -
研究了一下mpvue和原生小程序的差别
结论是果断放弃了mpvue,至少在现阶段。 其实2个框架的对比不用多少,vue之前写过,花了一个多月熟悉原生小程序之后,去看用mpvue来写小程序的方式,发现虽然符合vue的写法,但是有一些别扭,甚至于在小程序出了小程序插件功能之后,npm的优势也不是很大(只是现阶段开发者的开发的小程序插件有限) 在我了看来mpvvue日常最实用的情况就是,当你一个写过vue的人短时间内要写一个小程序项目的情...原创 2018-08-13 18:52:22 · 6618 阅读 · 4 评论 -
小程序使用iView Weapp组件传值问题
首先,简单说一下,iview使用方式(官方文档很明确了),首先下载iview提供的压缩包,把里面的dist文件夹解压到项目目录中 然后要在哪个页面使用哪个组件,就在该页面的json文件中{ "usingComponents": { "i-tabs": "../../dist/tabs/index", "i-tab": "../../dist/tab/index",...原创 2018-08-17 10:27:34 · 7620 阅读 · 0 评论 -
小程序获取授权信息wx.getUserInfo改版解决方案
因为最近微信的wx.getUserInfo接口进行了修改,在开发版本和体验版本中无法自动拉起获取授权信息的提示,官方文档中推荐的方式为使用按钮,让用户主动授权:wx.getUserInfo接口此接口有调整,使用该接口将不再出现授权弹窗,请使用 <button open-type="getUserInfo"></button> 引导用户主动进行授权操作据说是小程序...原创 2018-09-03 17:56:33 · 3788 阅读 · 0 评论 -
小程序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 · 2313 阅读 · 0 评论 -
前端命名规范
一、命名规则(英文-直译)1、文件命名文件夹/文件的命名统一用小写保证项目有良好的可移植性,可跨平台 2、文件引用路径因为文件命名统一小写,引用也需要注意大小写问题3、js变量3.1 变量命名方式:小驼峰命名规范:前缀名词命名建议:语义化案例:// 友好let maxCount = 10; let tableTitle = 'LoginTable';// 不友...转载 2018-09-29 16:41:19 · 2279 阅读 · 0 评论 -
小程序列表拖拽排序
吃人嘴短,不能先上代码,一定要先上原作者地址:作者:HoPGoldy链接:https://www.jianshu.com/p/d965c80fe901來源:简书简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。然后我也懒得说了,作者的源代码直接全部粘贴复制就直接可以用,一点都不用改,拖拽之后数组排序也会跟着变,没发现太大问题:最终效果(没错!就是你要的那种竖向列表进...转载 2018-10-24 16:03:18 · 6971 阅读 · 1 评论 -
第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 · 4656 阅读 · 0 评论 -
jeecg-boot源码下的vuex模块化设计分析
用jeecg-boot做了2个项目,这2天特地研究了一下源码,主要研究里面对vuex的模块化设计,差不多基本分析出了整个框架的vuex设计,整理成了一个xmind文件做记录。感兴趣的或者用这个框架的可以看一下:xmind文件(里面有具体的文件代码示例笔记):添加链接描述提取码:evps...原创 2019-07-19 17:56:33 · 1149 阅读 · 0 评论