日常所得 - 随笔分类 - Tsingtree

模拟 ES6 SET 数组去重

摘要：两种方法模拟 ES6 set 数组去重第一种，利用字符串 indexOf function MYSET(arr) { let str = ''; let newArr = []; if (arr.length) { newArr.push(arr[0]); str += JSON.stringif 阅读全文

posted @ 2021-01-04 21:46 Tsingtree 阅读(110) 评论(0) 推荐(0)

利用原生 js 模拟出 JSON.parse 和 JSON.stringify

摘要：最近利用原生 javascript 模仿出原生的 JSON.parse 和 JSON.stringify 的效果 (function (win) { const MOCK_JSON = { // 记录结构体的数量（结构体是指字符串格式的[]和{}） structure_len: 0, // 记录结构阅读全文

posted @ 2020-12-21 22:42 Tsingtree 阅读(318) 评论(0) 推荐(0)

前端方式导入导出xlsx

摘要：直接上代码：所需的插件(xlsx) 提取码：gfg4 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial- 阅读全文

posted @ 2020-03-09 16:22 Tsingtree 阅读(718) 评论(0) 推荐(0)

win10系统下 Yarn 安装包下载慢，用官方提供工具进行下载

摘要：在更新 Yarn 的版本是时候从官网下载最新的版本时，老是容易下载不了，在看了官方提供在 windows 下用命令行进行下载，所以尝试了一下，发现很方便好用，现在写下来方便自己后面有需要查阅。安装环境 win10 powershell 使用 Chocolatey 下载安装 yarn可以在 powe 阅读全文

posted @ 2020-02-25 16:03 Tsingtree 阅读(1520) 评论(0) 推荐(0)

利用 qrcode 在图片生成二维码

摘要：百度网盘下载： qrcode 提取码: ubax，详细文档说明：请查看对比图效果图下载下来后我把他引入下面页面--qr.html（路径记得换成你自己的） <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta n 阅读全文

posted @ 2020-02-24 16:02 Tsingtree 阅读(917) 评论(0) 推荐(0)

vscode插件 Vetur报错 2304

摘要：今天打开之前写的一个单页，发现居然报错，找来找去，后来发现是后缀名写错了，.vue 写成了 .Vue导致。阅读全文

posted @ 2019-11-01 14:31 Tsingtree 阅读(1324) 评论(2) 推荐(0)

canvas 简单的实现柱状图

摘要：效果如何，先看下图既然看到图片的效果了，那么下面我们进行代码分析 1.封装一个函数来绘画柱形条 2.这里的柱形条所用的颜色我通过下面这个随机函数进行获取 3.接下来是 canvas 的核心代码实现：由于这里我设置的 canvas 的宽度是 400px 所以这里限制产生的柱形条的多少就根据宽度进行阅读全文

posted @ 2019-08-01 18:00 Tsingtree 阅读(1574) 评论(0) 推荐(0)

用 node-xlsx 将从打卡机中导出的考勤信息处理生成考勤表

摘要：导出来的考勤信息表（只是获取打卡信息并处理成报表.xlsx , 初始的表格没了）下图是 “报表.xlsx ” 看起来乱糟糟的，虽然能看但是需要花费大量的精力去处理才能成标准表格，下面我直接上代码（代码里已有注释）这里有几个点需要说明一下，那张导出的考勤表需要处理一下成上面第一张图一样的格式，即阅读全文

posted @ 2019-07-12 17:52 Tsingtree 阅读(1998) 评论(0) 推荐(0)

Mint UI官网无法访问的解决办法（非首创）

摘要：Mint UI：饿了么官方开发的移动端组件库，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。对于常用这个组件库的我苦恼于它的时而可以访问时而又不可以，今天将它进行本地的搭建方法罗列出来--非首创（之前在其他地方看到的教程--时间有点久了忘了链接）方法一：阅读全文

posted @ 2019-07-10 16:58 Tsingtree 阅读(5489) 评论(0) 推荐(0)

Vue 3.0 yarn test 进行测试时报错

摘要：检查后发现是空间不够出错检查C盘空间。阅读全文

posted @ 2019-07-05 18:48 Tsingtree 阅读(1671) 评论(0) 推荐(0)

Yarn 无法自动生成 yarn.lock 文件

摘要：yarn 对 node 的版本要求是 6.* 或者 8.* 或者 10.*, 发现现在是9.11.2, 出现不兼容的模块。阅读全文

posted @ 2019-05-14 17:31 Tsingtree 阅读(5939) 评论(0) 推荐(0)

使用Mint-UI的Loadmore实现上拉加载更多和下拉刷新

摘要：最近用 mint-ui 实现了上拉加载更多和下拉刷新，正好今天有空就把实现过程都给记录下来，下面我准备来个小白教程。我这个利用vue单页和普通页面方式展示。 1、首先用脚手架 vue-cli 搭建环境（这里我百度找了一个算看到舒服的教程，仅供参考） 2、Mint-UI (这里官网快速上手，可以根据阅读全文

posted @ 2019-01-18 14:53 Tsingtree 阅读(1933) 评论(0) 推荐(0)

JavaScript的日常所得

摘要：1、去除字符串左右两边的空格（利用正则实现trim） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>去除字符串左右两边的空格</title> </head> <body> <input type="text 阅读全文

posted @ 2018-11-30 15:20 Tsingtree 阅读(156) 评论(0) 推荐(0)

websocket的实践

摘要：最近接触到 websocket，由于之前并没有使用过，所以网上百度一番，最后还是看了一遍 websocket的介绍上面文章原理上的都说的很明白，所以我就提取出我自己要用的小 demo 来，下面分别是属性，事件，方法的介绍，为了方便查看故将上面介绍中的顺便拿过来。属性 readyState (只读阅读全文

posted @ 2018-10-26 20:19 Tsingtree 阅读(344) 评论(0) 推荐(0)

Vue CLI 3的Vue.config.js

摘要：具体的可以去查看官网阅读全文

posted @ 2018-10-16 17:46 Tsingtree 阅读(3241) 评论(0) 推荐(0)

别人遇到的两条前端面试题

摘要：9.写出一个数组展开函数，如输入： [1,[2,[3,4,2],2],5,[6]]，输出数组： [1,2,3,4,2,2,5,6] 10. 请实现一个querystring的序列化函数，stringify() 例如： stringify({a:1, b:2}) 输出： a=1&b=2 (输入对象阅读全文

posted @ 2018-09-11 16:16 Tsingtree 阅读(175) 评论(0) 推荐(0)

在HTML打开已安装的App，未安装跳转到对应的下载链接

摘要：借鉴 HTML中判断手机是否安装某APP，跳转或下载该应用首先利用navigator.userAgent 判断出手机设备类型根据上面分别和IOS、Android约定好的 apps custom url schemes （abc://）尝试打开App（微信浏览器里面无法直接打开App，在手机浏览阅读全文

posted @ 2018-08-22 17:49 Tsingtree 阅读(1011) 评论(0) 推荐(0)

特殊的json对象转数组，最合成新的json数据

摘要：今天从后台获取到的json数据如下：这种json我们取数据十分麻烦， dataJson['0'] 才能获取到第一条数据，而且现在这个json没有长度这个属性的，所以，无法像数组那边去遍历输出处理。一般从后台拿到的数据应该是下面这样的，才方便js获取和处理数据下面我们利用 for...in 来阅读全文

posted @ 2018-07-02 15:55 Tsingtree 阅读(281) 评论(0) 推荐(0)

Rem兼容知多少？

摘要：话说，在手机端使用的单位都是rem;所以对于经常写手机页面的程序猿来说rem的使用频率很高，虽然现在有些其他好的替代方案（VW）但是我考虑到rem大家用的比较多而且兼容性会好点(后面链接可以直接查看兼容性) Can I use，所以我这里只对rem兼容进行修正。下面附上rem和vw的兼容图 rem 阅读全文

posted @ 2018-06-05 13:08 Tsingtree 阅读(6170) 评论(0) 推荐(0)

parseInt的结果看不懂，请看我分析

摘要：parseInt的使用，对于今天之前的我还是只使用用它来转换字符数字，但是今天我遇到下面三个表达式蒙圈了看到这里，突然发现我对parseInt很陌生呀，所以，我在MDN找到了parseInt的语法看到这里，我还是觉得有点懵，所以我又百度了，看到博客园上另一篇对parseInt的解释--parse 阅读全文

posted @ 2018-04-06 15:06 Tsingtree 阅读(2925) 评论(4) 推荐(1)

BetiaStar

随笔分类 - 日常所得

公告