奋斗中的橘子-优快云博客

原创 node.js常用工具函数

node 中使用import export 只需把 js 文件后缀改成 .mjs 就能使用import export写法。复制文件夹目录以及里面的文件。删除指定路径下的所有文件夹和文件、压缩文件、睡眠

2022-08-29 19:08:49 550

原创项目优化措施全面总结

体积层面 1、图片压缩、2倍图、按需引入组件、tree shaking、项目启动优化、memoizeOne、tree shaking、缓存

2022-08-25 18:29:48 1591

原创 cnpm下载依赖包速度快的原理探究

源国内服务器gzip压缩支持解析依赖包之间依赖的算法（本人猜测）欢迎评论交流❤️更多前端知识欢迎关注公众号交流❤️这里有你想知道的web前端知识httpshttpshttpshttpshttps。

2022-07-21 21:02:58 995

原创桌面应用开发，electron学习笔记

项目创建mkdir my-electron-app && cd my-electron-appnpm init -ynpm i --save-dev electron打包并发布应用程序1、导入 Electron Forge 到您的应用文件夹：npx @electron-forge/cli import2、创建一个分发版本：npm run make...

2021-02-26 14:21:20 174

原创 promise封装

function request({ url, method = "get", data, headers = {}, }) { return new Promise((resolve,reject)=> { const xhr = new XMLHttpRequest(); xhr.open(method, ...

2020-01-14 12:32:30 138

翻译观察者模式实现

/** * 发布订阅模式(观察者模式) * handles: 事件处理函数集合 * on: 订阅事件 * emit: 发布事件 * off: 删除事件**/class PubSub { constructor() { this.handles = {}; } // 订阅事件 on(eventType, handle) { if (!this.ha...

2020-01-10 18:20:09 124

原创 js 实现双向绑定

双向绑定：视图更新时，数据会自动更新；数据更新时，也会触发视图更新。下面这个例子参考了这篇博客：https://blog.youkuaiyun.com/q857637472/article/details/83060573<!DOCTYPE html><html><head> <meta charset="UTF-8"> <m...

2020-01-10 17:29:39 244

转载解决移动端IOS：input框输入完成，键盘关闭后位置上移问题

/** * 解决IOS：input框输入完成，键盘关闭后位置上移问题 */function fitIos() { var u = navigator.userAgent; var flag; var myFunction; var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if(isIO...

2019-12-31 11:43:00 1580

原创 canvas函数封装（画圆形图片、文字换行）

1、画圆形图片/** * 画圆形图片 * @param {object} ctx canvas * @param {number} width 图像宽度 * @param {number} height 图像高度 * @param {number} x 开始位置 * @param {number} y 结束位置 * @param {string} url 图片地址 */fu...

2019-12-31 11:32:27 300

原创前端将html导出为word文档（原生js篇）

1、对jquery.wordexport.js进行改装实现2、下载的文档包含图片，文档类型可为doc、wps3、结果预览4、demo源码<!doctype html><html><head> <title>搞笑哲理故事</title></head><style> .do......

2019-11-27 16:19:36 6975 4

原创过滤用户输入恶意代码

let userInput = filterHTML('\<script\>alert("abc")\</script\>'); // 恶意代码function filterHTML(string) { let s = ''; for (let i = 0; i < string.length; i++) { let arg = ...

2019-11-13 12:19:38 379

转载防抖与节流

防抖：每次触发事件时都取消之前的延时调用方法<buttonid="btn">测试</button><script> function debounce(fn) {let timeout = null; // 创建一个标记用来存放定时器的返回值return function () {clearTi...

2019-11-13 12:14:03 190

原创微信小程序canvas在其他图片上画圆形图片

wx.downloadFile({ url: app.globalData.imgUrl2 + self.data.imgNumber+'.png', success(res0) { if (res0.statusCode === 200) { console.log(res0) var card=res0.tem...

2018-12-17 11:21:37 838

原创小程序图片使用filter后，设置border-radius失效

在设置image的父元素使用border-radius、overflow:hidden属性

2018-11-09 11:05:41 1204

转载微信小程序缓存（本地缓存，同步缓存，异步缓存）

关于本地缓存1.wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB2.localStorage 是永久存储一、异步缓存wx.setStorage(OBJECT)将数据存...

2018-11-08 18:03:36 348

qq_41248310的博客