- 博客(25)
- 收藏
- 关注
RSS订阅原创 【vue-i18n踩坑】The message format compilation is not supported in this build.
"[intlify] The message format compilation is not supported in this build. Because message compiler isn't included. You need to pre-compilation all message format. So translate function return 'book.genderOptionWomen'."
2023-06-01 17:35:53
816
原创 【微信小程序】安卓兼容问题，scroll-view上拉导致input输入框上移
安卓兼容问题，scroll-view上拉导致input输入框上移
2022-10-24 14:56:37
1065
2
原创 uniCloud初体验
本文章主要分为3个部分的内容，从而从3个角度了解uniCloud的简单应用云函数实现hello world云数据库实现联系人demoschema2code快速产出进阶联系人demo1、云函数实现hello world创建云服务-创建服务空间uniCloud提供30天免费的云服务专属服务器，在到期之前可在该服务器上创建服务空间列表，只需要注册Dcloud账号并且进行开发者认证即可申领。创建好云服务空间后，下一步就可以创建本地项目，选择默认模板，并且勾选中启用uniCloud，选择对应申请的
2022-01-18 17:37:38
3023
原创 H5项目友盟埋点上报实践
使用友盟平台做H5统计分析的话可以使用小程序统计下的H5统计分析使用步骤：1、注册/登录平台2、创建H5应用3、集成SDK4、查看统计数据这里主要需要开发支持的步骤是集成SDK这一步骤，下面来具体讲一下这一步首先在我们创建平台应用成功后，可以拿到该应用生成的AppKey，然后就可以进行集成SDK的操作在项目的最外层（文档上是在页面head标签内）加入集成代码，确保aplus_queue不被污染 // 友盟统计初始化 (function(w, d, s, q, i) {
2022-01-12 19:07:43
3579
9
原创 js获取视窗大小，屏幕大小，滚动距离，页面宽高等
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：document.body.scr
2021-12-23 15:28:07
512
原创 使用css实现工单处理进度流程图
效果图下面是项目代码 <div class="box7"> <div class="title">处理进度</div> <div class="box7-content"> <div class="line-box"> <div class="line1"> <div :class="bo
2021-08-03 09:10:44
1508
原创 （移动端）手动封装表单校验方法
首先是封装的方法// 策略封装（表单验证）const strategys = { isNotEmpty: function (value, errorMsg) { if (value === '') { return errorMsg } }, // 限制最小长度 minLength: function (value, length, errorMsg) { if (value.length < length) { return.
2021-07-02 08:53:03
571
原创 如何删除数组中指定的某一项或几项
var arr1 = [ {a: "111", b:"222"}, {c:"333", d:"444"}, {e:"555", f: "666"}, {g: "777", h:"888"}, {i:"999", j:"000"}, {k:"111", l: "222"} ] var arr2 = [ {a: "111", b:"222"}, {i:"999", j:"000"} ]...
2021-04-22 14:29:32
12757
1
原创 elementUI的upload组件上传.rar文件时before-upload返回的file.type为空
可以看到，上传.zip压缩文件时候是没问题的但是，上传.rar文件的时候type这个字段却会返回空这时候在before-upload的钩子里面通过file.type来校验文件类型就行不通了，这时候可以采用正则的方法把扩展名截出来，然后进行校验，例如beforeAvatarUpload(file){ var FileExt = file.name.replace(/.+\./, ""); if (['zip', 'rar','gz',".apk"].indexOf(FileExt.to
2021-04-14 16:23:30
2176
3
原创 CSS实现立方体
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>perspective</title><style>.wrapper{width: 50%;float: left;}.cube{font-size: 4em;width: 2em;margin: 1.5em auto;transform-style:preserve
2021-04-08 10:18:16
170
原创 dom相关操作
请使用JS代码获得<h1标签里面的文字内容;请使用JS代码获得类名为.active元素的accesskey属性值;请使用JS代码获得元素的高度（包括border大小）;请使用JS代码获得<h1元素的背景图片;请使用JS判断元素是否在浏览器窗口内;请使用JS在<nav元素后面插入<a href accesskey="4"导航4结构;请使用JS删除.logo类名对应的DOM元素;请使用JS实现点击页面上任意链接都不刷新;<style>a { displa.
2021-03-08 10:58:51
163
原创 请实现，如果数组中有id值是‘233‘的数据项，则将此数组项在数组中置顶（数组第1位），如果没有匹配的数组项，则数组顺序不变。
请实现，如果数组中有id值是’233’的数据项，则将此数组项在数组中置顶（数组第1位），如果没有匹配的数组项，则数组顺序不变。已知有一串用户数据是这样的：let data = [{id: ‘1’,username: ‘张三’}, {id: ‘2’,username: ‘李四’}, {id: ‘3’,username: ‘王二’},…];请实现，如果数组中有id值是’233’的数据项，则将此数组项在数组中置顶（数组第1位），如果没有匹配的数组项，则数组顺序不变。let data2
2021-03-05 16:20:44
115
原创 请实现数组按照数组项中userName中的姓名拼音排序
请实现数组按照数组项中userName中的姓名拼音排序已知一段表示用户信息的数组数据，结构如下所示：let data = [{userId: ‘001’,userName: ‘张三(zhangsan)’}, {userId: ‘002’,userName: ‘李四(lisi)’}, {userId: ‘003’,userName: ‘王二(wanger)’}, {userId: ‘004’,userName: ‘麻子(mazi)’}];请实现数组按照数组项中userName中的
2021-03-05 16:11:00
295
原创 请实现，无论变量tel使用什么字符分隔，无论分隔位置在哪里，都过滤成连续的11位数字，类似‘13208033621‘。
请实现，无论变量tel使用什么字符分隔，无论分隔位置在哪里，都过滤成连续的11位数字，类似’13208033621’。已知用户输入手机号的时候可能是通过粘贴输入，此时就会带上不需要的信息，例如：let tel =‘132 0803 3621’;或者是短横线：let tel =‘132-0803-3621’;或是其他的连接字符。然后空格或短横线的位置也不固定，例如可能是下面这样：let tel =‘132 080 33621’;if (tel.match(/\d/g) && t
2021-03-05 10:57:50
191
1
原创 请手写一个SVG效果，SVG大小是300*150，具体要求如下
请手写一个SVG效果，SVG大小是300*150，具体要求如下已SVG元素的中心为圆心绘制出一个圆形，圆形的半径是60px，填充色是deepskyblue;在圆形的中心位置绘制文字“阅文集团”，字号大小是14px，文字颜色是白色；<svg> <circle cx="150" cy="75" r="60" fill="deepskyblue"></circle> <text x="50%" y="50%" font-size="14" fill="w
2021-03-05 09:35:19
498
1
原创 请使用纯CSS实现下图所示的布局效果（手写HTML代码和CSS代码），不考虑兼容性
请使用纯CSS实现下图所示的布局效果（手写HTML代码和CSS代码），不考虑兼容性：绿色色值是：#00BC9B，灰色色值是：#BCBCBC注意HTML的语义化、内容的扩展性以及尺寸的自适应性。<div class="main-box"> <div class="active item"> <div class="item-icon"> <div class="item-icon-2">1</div> </
2021-03-05 09:28:15
624
1
原创 写一个名为toBetterUrl的方法，实现把类似‘CSS value type‘转换成‘css-value-type‘（只需考虑空格和大小写处理）。
写一个名为toBetterUrl的方法，实现把类似’CSS value type’转换成’css-value-type’（只需考虑空格和大小写处理）。 let str = 'CSS Value type' function toBetterUrl(STR) { let arr = STR.split('') let arr2 = [] // 新字符串数组 let reg = /^[A-Z]+$/; arr.forEach((ele, index
2021-03-05 08:41:14
64
1
原创 写一个名为toCapitalize的方法，实现首字母大写功能（原来字母就是大写的不处理），如‘i like css‘转换成‘I Like Css‘。
写一个名为toCapitalize的方法，实现首字母大写功能（原来字母就是大写的不处理），如’i like css’转换成’I Like Css’。let str = 'i like css' function toCapitalize(lowStr) { let arr = lowStr.split('') let arr2 = [] // 新字符串数组 let toUpIndex = null // 存一下要变成大写的index arr.forE
2021-03-04 17:42:13
91
1
原创 写一个名为toDashJoin的方法，实现把驼峰形式字符串‘abcDefGhi‘转换成‘abc-def-ghi‘
手动实现小驼峰字符串转BBQ字符串写一个名为toDashJoin的方法，实现把驼峰形式字符串’abcDefGhi’转换成’abc-def-ghi’let str = 'abcDefGhi' function toDashJoin(camelStr) { let arr = str.split('') let arr2 = [] // 新字符串数组 let reg = /^[A-Z]+$/; arr.forEach((ele, index) =>
2021-03-04 17:09:42
147
2
原创 写一个名为toCamelCase的方法，实现把类似‘abc-def-ghi‘的字符转换成‘abcDefGhi‘
不使用正则实现BBQ字符串转小驼峰写法写一个名为toCamelCase的方法，实现把类似’abc-def-ghi’的字符转换成’abcDefGhi’。 let str = 'abc-def-ghi' function toCamelCase(bbqStr) { let arr1 = bbqStr.split('') let arr2 = [] let upperIndex = null arr1.forEach((ele, index) => {
2021-03-04 16:52:37
736
1
原创 webpack 性能调优与 Gzip 原理
我们从输入 URL 到显示页面这个过程中，涉及到网络层面的，有三个主要过程：DNS 解析TCP 连接HTTP 请求/响应对于 DNS 解析和 TCP 连接两个步骤，我们前端可以做的努力非常有限。相比之下，HTTP 连接这一层面的优化才是我们网络优化的核心。因此我们开门见山，抓主要矛盾，直接从 HTTP 开始讲起。HTTP 优化有两个大的方向：减少请求次数减少单次请求所花费的时间...
2020-02-26 22:50:48
471
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人