- 博客(73)
- 资源 (5)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 自定义小程序组件发布到npm
按照要求输入账号，密码。完毕后会提示登录成功。根目录.，所有的组件都放在这个文件夹下面。按照提示输入对应的信息，最终得到一个。同时给该文件加上微信官方的根目录指向。确保自己的源在官方npm上。cd 到文件执行初始化。没有账号的，需要自行在。
2023-03-01 17:47:05
326
1
原创 也许你并不需要mathjs
mathjs我们都知道js浮点运算的bug0.1 + 0.2 = 0.30000000000000004为了解决精度计算的问题，我们可能需要手动tofixed但是对于一些需要高精度计算的业务来说，这显然是不够的，因此mathjs应运而生。mathjs提供了很多常用的方法以及各种计算，正常情况都能满足项目的需要。但是，它的体积也是非常感人，math.min.js的体积高达恐怖的650k ！但是mathjs的体积...
2022-02-24 15:45:17
1011
原创 windows键位更换神器
AutoHotKeyAutoHotKey是一款 windows 更换键位神器，官网地址使用它，我们可以更换 windows 的任意键位。替换 win 键位因为 windows 上的 win键位和 mac 的command是相反的，因此习惯 mac 键位后再切换成 win键位风格有时候难免按错，很麻烦。开始替换先在官网下载AutoHotKey，官网的配置和文档比较多，可以跳过。右键选择AutoHotKey Scrpit随便取一个名字后 右键编辑贴入配置 ;无环境变量#NoEnv#s
2021-12-24 15:49:35
5289
原创 git仓库快速迁移
git 仓库迁移需要保留所有的历史记录1.先克隆老项目的镜像git clone --bare old.git (old.git 为老项目的git地址)2.进入老项目的目录cd old.git3.移除老项目的地址替换成新项目git remote set-url --push origin new.git (new.git 为新项目的git地址)4.将镜像推到远程git push --mirror new.git (new.git 为新项目的git地址)...
2021-06-08 16:14:45
147
原创 img标签渲染图片流
图片流有时候服务端返回的一张图片是一串文件流，而文件流无法直接加在 img 标签上进行渲染，如下：哦豁，有点蛋疼了吧。这时候请求的链接其实就是当前图片的路径。但是我们的图片路径往往是通过网络请求出来的，它是动态的。这时候可以试试这个。axios 解决通过在 axios 添加responseType: "blob",将当前的请求变成blob这时候就能得到如下然而由于是 blob格式的 我们依然无法直接将返回结果直接放在img标签进行展示。这时候我们还需要window.URL.create
2021-04-08 15:12:57
5126
原创 微信小程序引入 lodash
lodash 作为一个 JavaScript 的实用工具库, 具有表现一致性, 模块化, 高性能, 以及可扩展性在我们项目中广泛使用。但是在引入微信小程序后出现一些不能用的情况。fix it！我们需要再新建一个文件 比如 fix.jsglobal.Object = Objectglobal.Array = Array// global.Buffer = Bufferglobal.DataView = DataViewglobal.Date = Dateglobal.Error = Err
2021-03-31 00:17:50
2908
4
原创 有意思的小程序索引栏
需求一句话需求左边内容区域与右边 index bar 联动，index bar 支持触摸滑动。如图。这是一个非常常见的索引页面的需求，本来想偷个懒找个现成的组件，奈何找到的都是不太符合需求的版本，算了还是自己手撸一个吧。先来造点数据interface IState { navList: Array<any> mainList: Array<any> navIndex: number mainIndex: number navTop: number}state
2021-02-20 10:47:48
555
原创 手摸手从零搭建 jenkins 前端工作流 3
实现自动化构建前面的步骤搞完以后，接下来就是要进行自动化构建了，不然前面的工作几乎没啥意义????我们在平时前端开发的时候经常会用到几个命令npm isntall npm run dev npm run build。 那在 jenkins 里面需要装一个插件来使用这个 node 命令。打开 jenkins 系统管理->插件管理，搜索 nvm wrapper安装。然后打开 jenkins 工程列表，选择一个工程，打开它的配置。点击构建环境 选中 Run the build in an NVM
2020-11-25 16:45:46
306
原创 手摸手从零搭建 jenkins 前端工作流 2
必要配置本文是基于 git 流配置，所以需要在服务器上安装 git。使用命令行yum install git安装。完成之后可以使用git version如果能正常展示 git 版本号即为安装成功。创建一个新任务点击继续，选择源码管理选项，勾选 git。在Repository URL中输入 git 仓库的地址，最好使用https的协议，不要用[email protected]:xxxx,不然会发现出现神奇的错误：另外如果出现无法连接仓库： Failed to connect to reposito
2020-11-25 11:48:55
154
原创 手摸手从零搭建 jenkins 前端工作流 1
安装 jdk由于jenkins基于java 编写，因此依赖 java 环境。因此需要先安装 java 包。默认使用yum安装，没有的话可以自行百度，也可以用其他的命令安装。yum install -y java-1.8.0-openjdk-devel.x86_64安装后可以使用 java -version查看java版本。使用yum安装的jdk目录地址为usr/lib/jvmyum安装jenkins由于 yum的repos中默认是没有Jenkins的，需要先将Jenkins存储库添加到yum r
2020-11-24 17:55:01
119
原创 微信小程序中使用 npm 包
背景最近在一个微信小程序项目中需要用到基于npm构建的组件，官方文档写的比较模糊，导致经常构建失败，一番采坑后，终于搞懂了，特此留文????????????。官方文档从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始，小程序支持使用 npm 安装第三方包。在小程序 package.json 所在的目录中执行命令安装 npm 包npm install此处要求参与构建 npm 的 package.json 需要在 project.config.js 定义的
2020-10-13 11:36:12
1577
4
原创 解决 ReferenceError: primordials is not defined
踩坑最近换了一台电脑，在使用gulp进行编译的时候，总是提示编译失败。 ReferenceError: primordials is not defined经研究发现，我本地安装的node版本是 12+而我安装的gulp是 13+而这两个版本是相互冲突的。解决弄清楚问题后，就比较好解决了。首先使用node -v 查看node版本，gulp -v查看gulp版本如果发现满足以上情况，即node >=12 && gulp <= 3，那么现在有两种解决方案。降级
2020-07-22 10:57:00
47186
4
原创 删除VSCode 中自定义的snippets
snippets在vscode中的自定义一个snippets是一个非常睿智的选择，可以帮我们节省大量的时间。具体操作非常简单，随意百度即可。这边记录一下如何删除的问题。删除自定义的snippets当我们新建一个snippets后，它就会一直保存在你的电脑里，而且你无法直接在vscode中删除他们。因此，我们需要手动删除它。具体路径存在这边 /Users/jed/Library/ApplicationSupport/Code/User/snippets这个mac的路径，windows的路径可以参考
2020-05-22 14:32:32
2328
原创 解决macOs 升级 Catalina后，MAMP本地环境 403 Forbidden
最近手贱，将 mac 系统升级到了最新的Catalina然后起本地 Apache 的时候提示 403 Forbidden…终于在一顿操作后解决了。解决方案将本地服务器加载的文件路径替换到除了 「下载」「桌面」这类文件夹就行了。比如打开 /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf 找到以下配置文件<Virtua...
2019-11-07 16:16:33
1331
原创 uni-app permission 添加失败解决方案
踩坑微信小程序现在需要手动在 app.json中设置premission才可以授权获取位置信息。"permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } }在uni-app中发现在app.json中设置无效，经研究发现必须要在uni-app项目中mainfest.j...
2019-08-27 09:43:26
9869
原创 解决mac版SourceTree卡顿
mac下的SourceTree，蛮好用的，但是最近发现，打开超级卡，切换分支的时候跟食s了一样，最后发现这样解决其实就好多了。话不多说，直接上图。亲测有效，如果有更好的方法，欢迎留言沟通~...
2019-06-03 10:58:08
2134
原创 基于pick-view时间组件
做一个时间选择器最近需要做一个小程序项目的时候，遇到一个需要将时间选择器暴露在页面的需求。如图：pick view微信小程序提供了一些非常常见的pick组件，但是直接暴露在页面上的，只有pick view组件。因此这边只能使用这个了。
2019-01-04 14:03:20
580
原创 css实现标题左右横线
直接上代码&lt;div class='title'&gt;快来设置吧&lt;/div&gt;.title { position: relative; font-size: 32px; color: #fff; height: 45px; line-height: 45px; text-align: center; top: 60px;}.title:befo...
2018-12-25 11:16:01
4731
原创 小程序保存图片到本地授权问题
项目需求最近做一个小程序项目的时候遇到了保存图片到手机相册的一个功能。就像这样：需要通过点击【保存按钮】进行授权保存到本地官方神坑因为海报图是后台接口给出的一个url，所以需要使用wx.downloadFile进行赋值操作，然后使用wx.saveImageToPhotosAlbum保存本地图片。在执行wx.saveImageToPhotosAlbum操作的时候需要用户授权操作。但是很...
2018-12-05 10:17:42
7249
1
原创 小程序分享参数问题
小程序分享微信小程序分享主要是使用自带的onShareAppMessage方法调起分享组件。主要写法就是onShareAppMessage:function(res){ if(res.from == 'button'){ //按钮授权 调用share } return { title: shareTitle, path: sh...
2018-11-07 14:14:29
3780
原创 vue 报错-- xxx is not a valid attribute name
问题最近在修改一个项目的bug的时候发现一个神奇的bug，点击一个按钮的时候提示 Error in nextTick: "InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': '`' is not a valid attribute name."如图： 擦咧，从来没遇到过啊 ￣□￣｜｜ G...
2018-07-19 16:30:46
19869
5
原创 微信小程序scroll-x失效的解决方法
失效的scroll-x在微信小程序的文档中，使用scroll-view标签，然后给它设置一个scroll-x就可以实现元素，横向排列，可以左右滑动。。。。 然而，在实际开发中，发现并不是这么简单。。。贴上部分wxml和wxss代码… <!-- 横向滚动商品 --> <scroll-view class='scroll-box' scroll-x >...
2018-07-16 21:19:40
10261
2
原创 vue-cli 3.x & vue-cli 4.x修改dist路径
一些牢骚前端的世界真的太奇妙，更新速度真的跟火箭一样。没有一颗真正热爱它的心，真的很难继续走下去。前段时间 Node 之父 Ryan Dahl 发布新的开源项目 deno，受到了大量的关注。Ryan Dahl直言node是一个失败品，充斥很多bug和设计上的不合理，导致他也无力回天。。。。。天啦撸，可怜我们这种小前端，node还没开始，马上就要结束了。。。。 好的吧，牢骚归牢骚，生活还得...
2018-07-04 18:10:50
19872
11
原创 使用css3 var变量 实现酷炫button效果
css3 var 变量定义无意中发现 css3的拥有一个自定义属性的功能，利用这个功能，我们可以实现灰常牛逼的功能。如图： css自定义变量的语法是 --* 取名规则也很广，除了$、[、^、(、%都可以取，甚至可以取中文名。。 举个栗子:p { --牛逼颜色: #ff4400; color: var(--牛逼颜色);}咋一看，跟sass 、less变量差不多...
2018-06-29 14:09:51
2621
原创 mac下的改名操作
不合理改名导致的问题在不安分基因的驱动下，突然想改用了好几年的mac的用户名字。于是在系统偏好设置->用户与群组->右击当前的账号->高级设置->一顿改名操作后。。。 发现原来的管理权限没有了！！！改完名字之后变成了普通权限。再点解锁的时候。发现需要输入用户名，密码。。。是的，账号被锁住了。。。解决办法一顿搜索之后，发现这个操作比较完美，现在贴出来，留作纪...
2018-06-22 10:19:13
5069
原创 input验证只能输入一个保留两位小数的数字
在input验证的时候，由于一些兼容性的问题，很少会使用h5自带的 input 【type=number】 和 pattern属性。这边有两个现成的方法，来验证input 只能输入整数和可以输入小数，但保留两位小数的方法。/** * 验证input只能输入一个小数点,s首个字符不能为点 * @param {[type]} val input 传入的值 * @return {[ty
2018-06-08 13:45:16
12204
原创 ajax 请求后台跨域
坑爹的问题最近在项目中遇到一个跨域问题，坑了好久，查阅了很多资料终于解决了，特此记录。问题描述前端库我这边用的axios。后台是java。前台请求方法是post。token验证放在header里面传到后台。 前端代码如下：axios.defaults.baseURL = getAppParams().host;axios.defaults.headers.comm...
2018-06-05 11:20:03
621
原创 css文本溢出裁剪
单行文本超出<p class="single"> 我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多 我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多</p>.single { width: 100%; overflow: hidden...
2018-04-20 14:02:01
3135
原创 vue 2.0渲染html
使用vue添加文本的时候，我们再也不用像jq一样使用append方法插入后台传过来的标签或者数据了。使用v-text和v-html我们可以轻松搞定一切。 最近在使用vue渲染一段来自后台文本编译器传过来的数据的时候，发现v-html不好用了。代码和图示如下： <div class="protocol-content" v-html="content"></html> new Vue({
2017-11-16 14:23:42
3856
原创 js获取html标签
很多时候我们会用到这样的样式html,body{height:100%;overflow:hidden;}如果要用到js的话我们可以这样写： document.documentElement.style.overflow = "hidden"; document.body.style.overflow = "hidden";是的，只要用 document.documentElement就
2017-10-25 11:29:55
6134
原创 让video在div中铺满全屏
需求不废话，直接上需求。需要实现在一个5500*500的div中，让div中的video自动铺满，显示全屏。如图1： 坑爹当你尝试这么写的话：.video { width: 500px; height: 500px; background-color: #bbc13d; margin: 50px auto; }.video
2017-10-18 11:54:34
39157
7
转载 9月14日更新的sublime激活码
分享一枚 9月14日更新的sublime激活码 亲测可用—– BEGIN LICENSE —– TwitterInc 200 User License EA7E-890007 1D77F72E 390CDD93 4DCBA022 FAF60790 61AA12C0 A37081C5 D0316412 4584D136 94D7F7D4 95BC8C1C 527DA828 560BB037
2017-09-15 10:00:57
5513
2
原创 hexo多终端搭建
hexo用过hexo搭建博客的同学都知道，hexo是一个非常轻量高效的博客搭建工具。配合强大的makrdown文件，分分钟编译出漂亮牛逼的页面，瞬间发布，省时省心。一些问题然而它也并不是完美的。比如我在公司电脑上，辛辛苦苦搭建了博客，写入文章且正常发布了。但是回到家，突然又想写一篇文章。这时候就显得非常蛋疼。如果重新安装的话，之前写的好多配置就没有了。。。在网上找了好多文章，有说把整个项目拷贝到百度
2017-09-12 23:52:30
1036
原创 vue mock小记
关于mockjsmockjs真的是一款数据生成神器，可以帮助我们生成一堆我们想要的数据。在前后端分离的工作模式下，前端的苦逼们再也无需等待后台大哥们的接口了。想要数据？自己mock一下就搞定。用法官网对于mockjs，只是简单介绍了一下它的安装方式，以及引入方式。对于实际在项目中的使用，则直接抛了几个demo，感觉让人很扫兴。 最近在一个vue项目中需要用到mock，在网上找了很多文章，感觉都非常
2017-09-11 15:37:34
6757
原创 微信小程序
从微信小程序发布以来就一直关注着。也玩了几个小程序的demo，感觉很流畅，用着很舒服。最近趁着有点时间，打算自己写个小程序练练手，会把踩过的一些坑留在这边。。。小程序小程序用到了和目前很火的前端框架一样的双向数据绑定。它集成很多自己带的api，比如它可以很简单获取用户信息，获取设备信息，指南针等等，感觉很友好。具体的就不描述了，文档上面都有。 事件先吐槽一下文档。它把事件直接归纳到了视图层>WXM
2017-09-05 10:18:36
435
原创 放大镜插件
需求电商网站上最常见，最常用的插件莫过于放大镜特效了。为了避免重复造轮子，我这边整理了一个蛮好用的jquery放大镜插件。开箱即用，很便捷。 插件核心代码//**************************************************************// jQZoom allows you to realize a small magnifier window,c
2017-08-31 11:12:05
734
转载 前端知识库
天啦撸 前端福利偶然间发现了这么前端知识库，涵盖了几乎所有的前端学习的资料链接。。。太全了，让我自己也吓一跳，拷贝过来，做个备份，有时间的时候挨个学习一下~浩浩荡荡的传送门核心 Core HTML5 W3C http://www.w3school.com.cn/html5/ W3C https://www.w3.org/html/ig/zh/wiki/HTML5 菜鸟教程 http://ww
2017-08-29 14:33:31
999
如何获取闭包的内部变量？
2016-11-09
关于jquery 获取data属性值的问题
2016-03-08
b页面有个按钮 点击后怎么跳转至a页面的某个tab对应的内容上？
2016-01-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人