- 博客(33)
- 收藏
- 关注
RSS订阅原创 express的路由匹配规则
（1）没有嵌套路由的时候，截取出来的字符串模糊匹配，从开头开始匹配，匹配紧跟着端口后的/.../之间的一截就行了。（2）use用正则的时候，前面必须要有\/，不然一个都匹配不上，而且最后相当于默认带了个$。（3）use用正则的时候，前面必须要有\/，不然一个都匹配不上，而且最后相当于默认带了个$。匹配到一个，后面的路由都不会匹配了，除非写了next()，就会往后匹配。（1）没传嵌套路由的时候，模糊匹配，传了，就是精确的匹配。path的匹配都是从端口后的/开始截取，然后匹配的。
2024-03-12 15:15:49
769
原创 js各种各样的距离：scrollWidth、scrollTop等等等等
（2）在内容区发生了溢出，并且设置了 overflow-scroll 之类的属性的情况下，clientWidth 代表dom 当前状态下，实际上展示在可视区域的 内容区（content) 的宽度,而 scrollWidth 则代表了真实的内容区的宽度，包括了那些没有展现在用户面前的，需要滚动才可以看到的内容的宽度。而offsetwidth则会一直等于width。经过测试不是很好用，父容器不是document，而是自定义元素的时候，有溢出的元素滚动了的同时，最外层的父容器也一起滚动了。
2024-01-18 20:11:38
1167
原创 世界时间、时区
计算机中的UNIX时间戳，是以GMT/UTC时间「1970-01-01T00:00:00」为起点，到当前具体时间的秒数(不考虑闰秒)。注2：目前UTC与GMT 相差为0.9秒，故二者可以基本视为一致。我们一般认为GMT和UTC是一样的，都与英国伦敦的本地时相同。即：世界协调时（Universal Time Coordinated的缩写）美国冬令时Standard Time,简称EST。即：格林尼治时间（另有格林威治时间一说）需要注意，默认为世界标准时区，其中。注1：UTC时间就是0时区的时间。
2023-08-24 15:53:51
558
原创 typescript实用工具类
属性后构造一个类型。key of type，key必须是type里面的。key of type，key必须是type里面的。type1类型里面的value值都是type2类型的时候适用。（1）含义：用来将某个类型的属性映射到另一个类型上。（1）含义：将type的所有类型设置为可选。（1）含义：类型里面的属性都无法再被赋值。（1）含义：构建一个类型，使类型。使用的频率较低，待有空时补充。的属性，然后构造一个类型。的类型，然后构造一个类型。（1）含义：非空的，从类型。中剔除所有可以赋值给。，然后构造一个类型。
2023-05-12 11:41:05
636
原创 来点小技巧，Array.filter(Boolean)、 [].slice.call(this)等等
Array.filter(Boolean)、 [].slice.call(this)
2022-11-11 09:22:19
392
原创 css基础过渡与动画与应用于vue、react
1、解释：使用该属性后变化不会在一瞬间完成，会有一个连续的变化效果。第一个参数设置哪些属性变化时需要有连续的效果。不论用什么方式使属性的值发生变化，transition都会生效。2、语法：transition: property duration timing-function delay;transition-property: none|all| property;transition-timing-function: linear|ease|ease-in|ease-out|ease-in-out|c
2022-11-11 09:21:38
297
原创 encodeURIComponent的使用
语义字符：a-z，A-Z，0-9，连词号（-），下划线（_），点（.），感叹号（!），波浪线（~），星号（*），单引号（'），圆括号（()）URL 元字符：分号（;），逗号（,），斜杠（/），问号（?），冒号（:），at（@），&，等号（=），加号（+），美元符号（$），井号（#）这样query参数中有& 空格等字符也不会影响对整个url的参数解析，因为它们都被转码了。的，会转码除了语义字符之外的所有字符，即。不会对URL 元字符以及语义字符进行转码。
2022-10-28 15:59:42
1679
原创 各种边距clientWidth、offsetWidth、scrollWidth、clientLeft、getBoundingClientRect详解
clientWidth、offsetWidth、scrollWidth、clientLeft、getBoundingClientRect
2022-07-11 18:11:12
421
1
原创 Diff 算法核心原理
什么是虚拟DOM讲Diff算法前，我先给大家讲一讲什么是虚拟DOM吧。这有利于后面大家对Diff算法的理解加深。虚拟DOM是一个对象，一个什么样的对象呢？一个用来表示真实DOM的对象，要记住这句话。我举个例子，请看以下真实DOM：<ul id="list"> <li class="item">哈哈</li> <li class="item">呵呵</li> <li class="item">嘿嘿&l
2022-04-22 11:22:45
143
原创 vue实战
带领大家熟悉 系统管理-字典配置 页面开发的全流程。1、 创建页面在views目录下新建system文件夹，在system下新建 dict.vue文件，并进行页面ui布局开发。2、 配置路由在router配置文件中加入所需页面的路由映射地址。在router文件下的module中加入system.js文件，所有系统管理下的路由都放在这个文件下管理。在router 中的index文件中引入该模块。运行项目如果路由是history模式，可通过 http://local
2022-04-22 11:05:36
377
原创 vue进阶
1、vue-cli 使用在开发中，需要打包的东西不止是js、css、html。还有更多的东西要处理，这些插件和加载器如果我们一一去添加就会比较麻烦，vue官方提供了一个快速搭建vue项目的脚手架，使用它能快速的构建一个web工程模板。官网： Vue CLI安装vue-cli3命令：npm install -g @vue/cli@3.x创建项目：vue create my-project运行项目npm run serve2、vue组件化及其通信单文件组件什么是
2022-04-22 10:58:16
181
原创 前端导入导出文件
一、导出1、返回值是url：创建个a标签即可 printRecord(params).then((response) => { if (response.success) { let a = document.createElement('a');//创建a标签 //从新页面打开，下载的话不需要这个，打开一个图片需要从新页面打开 a.setAttribute("target", "_blank"); a.hre
2022-04-19 15:52:10
2154
原创 react常用知识点总结
1、什么是jsxJSX是JavaScript的扩展语法,这种<></>标签的写法就是 JSX。JSX 编写的组件通过预处理器 babel 解析后,再交给 React 库渲染到指定父容器下,形成最终html页面,供浏览器解析和显示。JSX会被babel编译为：React.createElement()，React.createElement()将返回一个叫作“ReactElement”的JS对象。const element = React.createElement(
2022-03-11 11:25:51
1409
原创 小程序引入百度地图与uni.getLocation的使用
一、小程序引入百度地图1、当你不需要引入整个地图展示，只需要引入某些功能的时候，可以直接调用服务端api。2、访问百度地图的任何api都需要密钥。流程：3、在小程序端配置请求合法域名：https://api.map.baidu.com4、直接使用api举列：使用逆地理编码这个api时需要注意逆地理编码 rgc 反geo检索 | 百度地图API SDK（1）坐标转换地址：Web服务API | 百度地图API SDK（2）百度地图的逆地址编码输...
2021-12-02 14:33:17
1808
原创 uniapp踩坑指南之坑多到写不完
1、sticky:到达指定位置时，就停留在那里不动了。当发现可以走时，立马就走了。如果走不了就不会动了，就会一直在那里。https://www.cnblogs.com/byeyear/p/11999334.html设置了sticky定位的元素相对于第一个定位不为static的父级元素的位置，sticky的作用区域也是在该父级元素的内。也就是说粘性布局的效果只在该父元素内表现出来。使用条件：1、父元素不能overflow:hidden或者overflow:auto属性。2、必须指定top、bott
2021-11-26 01:12:20
3713
原创 处理网络请求qs、图片转base64的优劣
一、引入qs这个库，更好的处理网络请求传参。qs.parselet url = 'http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e';let data = qs.parse(url.split('?')[1]);// data的结果是{ a: 1, b: 2, c: '', d: xxx, e: ''}qs.stringify二、图片..
2021-11-15 14:35:26
456
原创 是否打印日志
以下是思路，可以在代码自行判断在什么端什么环境是否打印日志。使用npm的插件也能实现相同功能。微信小程序提供了console向调试面板中打印日志。console 是一个全局对象，可以直接访问。在微信客户端中，向 vConsole 中输出日志。提供了以下方法：console.debug()向调试面板中打印 debug 日志 console.log()向调试面板中打印 log 日志 console.info()向调试面板中打印 info 日志 console.warn()向.
2021-11-15 11:06:39
158
原创 try catch finally的用法
1、不使用try...catch出现异常后，后面的代码都不会运行了 login() { console.log(b); console.log('hhhhhhhh'); },2、使用了try...catch出现异常后，try...catch后的代码还会继续运行 login() { try{ console.log(b); }catch (e){ console.log(e); .
2021-11-15 10:51:47
8428
原创 小程序分包
一、小程序分包微信文档写的够清楚了使用分包 | 微信开放文档（1）常规分包注意点：每个分包只能引用主包和自己的资源（2) 独立分包注意点：特别麻烦 懒得用了吧独立分包中不能依赖主包和其他分包中的内容(3)分包预加载注意点：提示进入分包页面的速度（4）分包异步化：懒得看了二、截图...
2021-11-12 17:24:16
378
原创 前端常见的加密算法介绍
一、前言在信息安全越来越受重视的今天，前端的各种加密也变得更加重要。通常跟服务器的交互中，为保障数据传输的安全性，避免被人抓包篡改数据，除了 https 的应用，还需要对传输数据进行加解密。目前常见的加密算法可以分成三类对称加密算法：AES、... 非对称加密算法：RSA、... Hash 算法：MD5、...二、对称加密算法对称加密(也叫私钥加密)指加密和解密使用相同密钥的加密算法。它要求发送方和接收方在安全通信之前，商定一个密钥。对称算法的安全性依赖于密钥，泄漏密钥就意味着任何人都
2021-11-10 20:44:12
540
原创 js检测数组对象中是否有重复值
判断数组对象里的某个值是否都是同一个值 isRepeat=(arr)=> { var hash = {}; for(let i=0;i<arr.length;i++){ if (!hash[arr[i].loanManager]) { hash[arr[i].loanManager] = true; } } if(Object.keys(hash).length>1){ return fals.
2021-11-10 20:40:57
7459
原创 js编码解码decodeURI()与decodeURIComponent()的区别
区别：encodeURIComponent()对/?:@&=+$,#进行编码，encodeURI()不会如果url的query和path传参中含有这些字符会被不正确的截断，拿到的参数会是错误的，一般都会用encodeURIComponent()进行编码、decodeURIComponent进行解码encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _
2021-11-08 14:44:35
351
原创 Date对象
1.全局scss $:考虑引入2.decode encode stringify 的意义3.图片文件转为base644.@import url 引入css 的区别5.uniapp 中不需要scope 页面样式也不会相互影响？6.文件上传 oss?1、Date对象(1)getTime和valueOf的返回值是一样的getTime() 返回 1970 年 1 月 1 日至今的毫秒数。 valueOf() 返回 Date 对象的原始值 （2）toTimeString
2021-11-02 11:19:22
421
原创 webpack入门
遇到问题首先到github项目的Issues中，检索一下相关问题，比在百度谷歌上直接搜索非官方解决方案好得多。1、npm init 生成 package.json2、npm i-D webpack 生成# npm i -D 是 npm install --save-dev 的简写，是指安装模块并保存到 package.json 的 devDependencies3、运行（1）https://blog.youkuaiyun.com/weixin_38606332/article/det.
2021-01-27 10:52:25
127
原创 JS提升（hoisting）
近期在学习js，了解到js的一个名词，就是hoisting，进而了解了下js的解析机制详情可参考：http://www.runoob.com/js/js-hoisting.htmljs的解析过程分为两个阶段：编译阶段和执行阶段编译阶段：即我们常说的预处理阶段，javascript解析器把js脚本代码转换为字节码在这个阶段，解析器所做的事有：将所有变量和函数进行预处理，hoist...
2019-11-25 19:33:39
106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人