- 博客(15)
- 收藏
- 关注
RSS订阅原创 一个实现打字机输入文本效果的js库 — typer-text
目录一、简介二、项目架构三、目录结构一、简介typer-text是本人实现的一个简单模拟打字机输入文本效果的js库，目前功能逻辑较为简单，后续大家可以在issue提出需求或者通过pr来一起完善它。github仓库地址：https://github.com/zhanjinfeng/typer-text效果演示：Live Demo二、项目架构构建工具 - rollup 代码格式规范 - eslint + prettier 编程语言 - typescript 测.
2022-03-18 10:31:18
1193
原创 关于canvas绘制内容的宽高以及面积限制
场景：使用canvas绘制流程树，需导出图片格式进行下载。此时canvas的绘制不再被屏幕的大小所限制。按实际使用场景可能会是无限大。当绘制内容的宽高达到浏览器的限制时，则会出现绘制失败，且无报错提示。限制：浏览器 最大宽度(px) 最大高度(px) 最大面积 Chrome 32767 32767 268435456（16384* 16384） Firefox 32767 32767 472907776（22528 * 20.
2021-01-11 13:00:50
3398
原创 使用mpvue框架开发微信小程序教程
一、所需环境node环境，vue-cli脚手架，微信小程序开发工具（用来展示页面效果）二、安装1. nodenode官网进入官网下载，直接安装即可。安装后打开cmd，运行查看版本命令。如下图所示2. vue-cli脚手架// 全局安装vue-clinpm install vue-cli -g安装完毕后，运行查看版本，如下图所示3. 微信小程序开发工具微信小程序官网下载地址点击进入微信公众平台官网进行下载即可三、使用脚手架创建项目项目目录如...
2020-06-23 22:14:35
454
原创 有关node版本管理与npm源地址管理
本章内容1. 如何使用nvm进行node多版本下切换使用2. 如何使用nrm进行npm源地址切换使用一、安装nvm工具（win环境）点击github下载地址，进入页面后选择下载文件nvm-setup.zip（tips: 绿色安装版。一键安装无需手动配置）。下载后进行解压，解压后双击安装文件 nvm-setup.exe，进行安装即可安装完成后。打开cmd，输入nvm输出如下图则说明安装成功。常用命令：## 安装版本10.17.5的nodenvm ins...
2020-06-06 20:32:08
346
原创 vue-cli2配置less，全局引入
1.安装依赖// 使用lessnpm i less less-loader -S// 全局引入lessnpm i sass-resources-loader -D2.项目根目录/build/webpack.base.conf.js, module变量中的rules添加{ test: /\.less$/, loader: "style-loader!css-l...
2020-02-04 11:01:48
1459
1
原创 搭建私服npm仓库——verdaccio
一、简介 选择verdaccio而不选择sinopia的原因是，sinopia已经停止维护了（最新的一次commit在4年前），继续使用的话必定是会存在许多坑，好在热心群众fork了sinopia继续维护，才产生了verdaccio(最新一次commit在12小时前，赞~~)。二、主要流程环境：node、npm 安装：verdaccio、pm2（非必须，用于优雅管理verdac...
2019-11-09 14:29:21
400
原创 vue-cli应用 run build 打包后静态资源无法访问出现页面空白情况解决方法
1.项目根目录build/utils.js文件 generateLoaders函数中新增属性publicPath: '../../' // 新增2.项目根目录下config/index.jsbuild对象中修改属性assetsPublicPath: './' // 修改...
2019-04-25 18:44:38
2996
原创 微信小程序——转盘抽奖
如题，该小程序为一款利用canvas实现的转盘抽奖效果，今天我就来总结一下转盘旋转具体实现原理，首先还是上图上代码(一下代码为转盘部分代码，想要查看完整代码，请移步支我的github，飞机票，点击跳转)wxml代码（中间转盘部分代码）<view class="canvas-container" style='margin:0 auto;'> <view ...
2018-12-08 15:20:41
19587
2
原创 小程序--民宿（首页（房屋列表、房屋详情）、订单（订单列表、详情）、个人中心（登录、优惠券））
本人最近完成了一个关于线上查看、预订民宿的小程序。现进行总结。需要看源码的朋友可以移步github（if（有一点点帮到您） { 请留下您的小star。我哭了，你呢？？？}）地址：https://github.com/zhanjinfeng/minsu1. 首页首页功能包括① 获取用户定位详细信息（地理位置授权，利用第三方地图sdk进行获取详细位置信息）；②...
2018-11-14 11:34:16
17194
45
原创 JS实现将一串数字每四位数字用空格隔开（显示银行卡号等）
var num1 = '82452365122547854'var num2 = num1.replace(/(.{4})/g, "$1 ")console.log('正常显示：',num1)console.log('每四位数用空格隔开：',num2)控制台输出为：
2018-09-06 14:14:58
9226
3
原创 小程序slider实现双向滑动（价格区间选择）
本人最近在写一个关于民宿的小程序，有个需求是，用户可以选择价格区间进行房屋的搜索，首先想到的是可以用微信小程序自己的组件slider滑块来实现，但是slider只支持单向滑动，上网查询大量资料发现还没有人实现小程序支持的双向滑动，于是便自己瞎捉摸了一下。将2个slider的position设置为absolute，看起来就像是一个slider，实际上则为2个。好了不废话了，上图上代码！w...
2018-09-05 13:54:49
8655
14
原创 CSS实现实心三角形箭头
wxss代码：.arrow{ width: 0; height: 0; border-width: 50rpx; border-style: solid; border-color: red blue black bisque}wxml代码：<view class='arrow'></view>需要箭头指向哪个方向，只需将其余三...
2018-08-24 13:50:58
2205
原创 小程序之显示全部城市列表界面
界面设计对wx小程序索引列表组件进行引用github地址：https://github.com/mehaotian/wx-list-index上图：js文件：所有的城市信息可用ajax获取，在这我从allCity.js文件中获取var city = [ { title: "热门城市", type: 'hot', item: [ ...
2018-07-29 14:21:49
4438
2
原创 小程序登录/注册页面设计
界面设计页面引用了youzan组件进行设计，包括icon,button,tag,toast以及布局github地址：https://github.com/youzan/zanui-weapp 实现的功能1.对用户输入的手机号码进行验证，利用正则表达式：var reg = /^1[3|4|5|7|8][0-9]{9}$/验证函数：用户输入错误的手机号码时将会调用...
2018-07-24 17:22:19
21765
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人