工具人小胡-CSDN博客

原创 JavaScript浅谈事件循环--宏任务、微任务

1.JS分为同步任务和异步任务2.同步任务都在主线程上执行，形成一个执行栈3.主线程之外，事件触发线程管理着一个任务队列，只要异步任务有了运行结果，就在任务队列之中放置一个事件。4.一旦执行栈中的所有同步任务执行完毕（此时JS引擎空闲），系统就会读取任务队列，将可运行的异步任务添加到可执行栈中，开始执行。根据规范，事件循环是通过任务队列的机制来进行协调的。一个 Event Loop 中，可以有一个或者多个任务队列(task queue)，一个任务队列便是一系列有序任务(task)的集合；每个任务都有

2022-01-10 17:00:45 195

原创小程序自定义头部，返回按钮，指定返回某页面

function _navback(backUrl) { if(Taro.getCurrentPages().length <=1){ Taro.switchTab({ url: "/pages/home/home" }) return } if(backUrl){ let Pages = Taro.getCurrentPages(); // 获取当前的页面栈 let list = .

2021-12-11 19:15:16 1666

原创微信小程序---手写签名（签字版）

公司近期有个需要用户签名的功能，就用小程序canvas写了个，wxml<view class="sign"> <view class="paper"> <canvas class="handWriting" disable-scroll="true" bindtouchstart="touchstart1" bindtouchmove="touchmove1" canvas-id="handWriting1"> </canvas>

2021-11-08 13:56:58 7564

原创 TaroUI去除组件中的滚动条

::-webkit-scrollbar { width: 0; height: 0; color: transparent}

2021-10-28 17:55:03 766

原创 javascript Object方法

create 创建一个对象 Object.create()//第一个参数为对象，对象为函数调用之后返回新对象的原型对象，第二个参数为对象本身的实例方法（默认不能修改,不能枚举） const obj1 = Object.create({a:1},{b:{value:2}}); console.log(obj1.__proto__.a); // 1 console.log(obj1.b); // 2 const obj2 = Object.create({}, { p: {

2021-10-22 18:46:57 137

原创使用box-shadow设置边框

box-shadow 的最低要求属性是 x 和 y 轴的值以及颜色：box-shadow: 5px 8px black;可以选择添加第三个参数 blur 来制造模糊，第四个参数 spread 来添加模糊扩散程度。要使用它来创建边框，我们将 x 轴和 y 轴的值以及 blur 都设置为 0 ，然后为spread设置一个正数。box-shadow: 0 0 0 3px blue;这将在元素周围创建边框的外观，甚至可以遵循所应用的 border-radius：何时使用box-shadow您可能

2021-10-15 13:40:30 1160

原创 vue资源路径转换

1.如果路径是绝对路径 (例如 /images/foo.png)，会原样保留。2.如果路径以 . 开头，将会被看作相对的模块依赖，并按照你的本地文件系统上的目录结构进行解析。3.如果路径以 ~ 开头，其后的部分将会被看作模块依赖。这意味着你可以用该特性来引用一个 Node 依赖中的资源：<img src="~some-npm-package/foo.png">4.如果路径以 @ 开头，也会被看作模块依赖。如果你的 webpack 配置中给 @ 配置了 alias，这就很有用了。所有 v

2021-10-14 16:18:36 466

原创前端实用工具记录

1、印记中文 - 深入挖掘国外前端新领域，为中国 Web 前端开发人员提供优质文档！链接: 印记中文2、草料二维码链接: 草料二维码3、CSS-doodle–css-doodle 是一个基于 Web-Component 的库。允许我们快速的创建基于 CSS Grid 布局的页面，以实现各种 CSS 效果（或许可以称之为 CSS 艺术链接: CSS-doodle4、TinyPNG–图片压缩网站链接: TinyPNG5、JSON–json格式转换链接: JSON6、蓝湖链接: 蓝湖7、R

2021-08-31 16:05:35 3149 2

原创小程序瀑布流-----动态加载

最近业务需要做一个商城列表，就自己写了一个瀑布流来加载列表。这个列表在很多地方都需要用到，就给写成组件，方便使用。1、goodsBox.js代码想法很简单，就是判断两列的高度，将数据插入低的一列。let leftHeight = 0, rightHeight = 0; //分别定义左右两边的高度let query;Component({ /** * 组件的属性列表 */ properties: { goodsList: { type: Array,

2021-04-13 15:09:44 253

原创微信小程序吸顶效果简单方法实现

position：sticky 粘性定位是结合了position:relative和position:fixed两个功能为一体的组合定位，不再用监听scroll事件，即可实现导航栏滚动绝对定位的效果。使用该属性有几个必要条件：1、父级元素不能有任何overflow:visible以外的overflow设置，否则没有粘滞效果。因为改变了滚动容器（即使没有出现滚动条）。因此，如果你的position:sticky无效，看看是不是某一个祖先元素设置了overflow:hidden，移除之即可。2、父级元素

2020-12-07 16:18:49 1456

原创小程序更改数组中对象的某个值（变量下标）

小程序中直接使用setData更改数组中对象的某个值是报语法错误的（变量下标），这时候就需要一些简单的方法。 // 查看更多 changeMore(e) { let index = e.currentTarget.dataset.index let item = 'useList[' + index + '].more' this.setData({ [item]: !this.data.useList[index].more }) },其中ind

2020-11-30 16:32:34 823

原创前端实用方法记录---未完待续

1、前端图片懒加载掘金文章2、微信小程序----绘制海报CSDN3、前端性能优化掘金文章

2020-11-30 15:45:37 69

原创微信小程序wxss中--自定义属性和var用法

在微信小程序开发中，每个小程序一般都有一个主题色，为了方便开发，我们可以在app.wxss中初始化一下，或者在app.wxss中引用一下公共的样式文件，将主题色声明一下。（前面的–是不能省略的）page{ --bg:#04bcc8}在需要调用的地方.tag{background-color: var(--bg);}...

2020-09-22 14:03:12 1890

原创 npm install报错Unhandled rejection RangeError: Maximum call stack size exceededill install loadIdealTr

npm install报错Unhandled rejection RangeError: Maximum call stack size exceededill install loadIdealTree在使用npm install下载依赖的时候报错Unhandled rejection RangeError: Maximum call stack size exceededill install loadIdealTree是因为新版本node.js与npm最新版本出现不兼容。解决变更npm版本

2020-08-25 11:14:50 1531 1

原创微信小程序生成海报

微信小程序生成海报小程序生成海报实用的开源组件painter简单的demo引入组件在页面引入组件json文件wxml文件js文件效果展示painter视化编辑代码工具小程序生成海报因为公司小程序开发需要涉及到分享海报，小程序现在并没有生成海报的API，只能靠前端用canvas去设计，而对之前没有接触过canvas的人，可能会花费一定的时间去摸索canvas，而且在绘制分享图的时候难免会踩到canvas的各种坑。设计海报主要是由于我们无法将小程序直接分享到朋友圈，但分享到朋友圈的需求又很多，业界目前的做

2020-08-05 17:36:29 3664

qq_39272523的博客