详情

全站展示位

JavaScript异步编程 –

前言 从我们一开始学习JavaScript的时候就听到过一段话:JS是单线程的,天生异步,适合IO密集型,不适合CPU密集型。但是,多数JavaScript开发者从来没有认真思考过自己程序中的异步到底是怎么出现的,以及为什么会出现,也没有探索过处理异步的其他方法。到目前为止,还有很多人坚持认为回调函数就完全够用了。 但是,随着JavaScript面临的需求越来越多,它可以运行在浏览器、服务器、甚至…。。。

推荐

纯 CSS 写出的层叠海浪特效 –

可交互视频教程 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 代码解读 定…

微信小程序之列表左滑删除功能 –

介绍 第一次写小程序,记录一下遇到的需求以及解决方法。可能功能不是很难,主要是做下记录。为以后遇到相同的需求做铺垫。 什么是左滑删除 用过QQ的人都知道,消息列表内,左滑单个聊天可以删除、置顶的操作。对于移动端窄小的屏幕来说,这种交互可以说是非常的节省地方。故受到了众多产品狗的喜爱。 实现原理 最外层一个view水平方向排列,里面包含一个内容区view,一个操作区view 让你要展示的布局充满屏幕…

实现一个简化版的Vue3数据侦测 –

前言 距离国庆假期尤大发布vue3前瞻版本发布已经有一个月的时间,大家都知道在vue2x版本中的响应式数据更新是用的defineProperty这个API。 在vue2中,针对Object和Array两种数据类型采用了两种不同的处理方式。 对于Object类型,通过Object.defineProperty通过getter/setter递归侦测所有对象的key,实现深度侦测 对于Array类型,通…

心灵鸡汤

  东汉时,一位叫刘宠的人任会稽太守,他改革弊政,废除苛捐杂税,为官司十分清廉。之后他被朝廷调任为大匠之职,临走,当地百姓主动凑钱来送给即将离开的刘宠,刘宠不受。

  之后实在盛情难却,就从中拿了一枚铜钱象征性地收下。他所以而被称为“一钱太守”。

列表展示

主站展示位

JavaScript设计模式之工厂模式 –

介绍 将new操作单独封装 遇到new时。考虑是否使用工厂模式 举例 去购买汉堡,直接点餐、取餐,不会自己做 商店要封装做汉堡的工作,做好直接给买着不会将面包鸡肉等给买者 UML类图 创建一个Product商品类包含name,init,fun1,fun2等属性和方法 创建一个Creator创建类 返回一个Product类,这样在new Product的时候可以考虑不直接new的形式而通过Creat…

JavaScript设计模式之代理模式 –

介绍 使用者无权直接访问目标对象 中间使用代理,通过代理的方式做授权和控制 实例 科学上网 明星经纪人 UML 代码演示 class RealImg{ constructor(fileName){ this.fileName = fileName; this.loadFromDisk() } display(){ console.log('display.....'+ this.fileName)…

设计原则与设计模式 –

设计原则 什么是设计 描述 即按照哪一种思路或者标准来实现功能 功能相同,可以有不同设计方案来实现 伴随着需求增加,设计作用才能体现出来 UNIX/LINUX设计哲学 准则1:小即使美 准则2:让每个程序只做好一件事 准则3:快速建立原型 准则4:舍弃高效率而取可移植性 准则5:采用纯文本存储数据 准则6:充分利用软件的杠杆效应(复用) 准则7:使用shell脚本来提高杠杆效应和可移植性 准则8:…

window环境下安装Redis及可视化工具Redis Desktop Manager –

安装redis 下载安装包 地址::本地数据库检查 …

uni-app textarea auto-height 文字出现上下滚动 –

前言 帮一个可爱的小姐姐改一个uni-app构建的微信小程序时,在使用textarea组件时遇到的一点小问题。 描述问题:在uni-app中,<textarea>的auto-hetght属性会出现高度不够,文字能够上下移动的问题,具体见下图: 当输入的文字过多时,textarea内的文字可以上下滚动。 这不属于产品的需求,产品要的是输入框高度随着文字的变化而变化不能出现滚动条,而在un…

react-native集成微信分享记录

前言 最近做了第一个用react-native写的app,记录下相关第三方插件的配置 关于微信分享,主要用到了这两个库 react-native-wechat-lib react-native-wechat 其中第一个是在第二个基础上优化的。更新相关微信SDK等 备注:本文使用rn版本为0.61.5 步骤 申请微信相关 去微信官方网址/,注册移动…

react-native 使用 F2实现折线图 –

前言 最近工作入坑了react-native,有实现折线图的需求,使用了阿里的antv/f2可视化库。 方案介绍: - react-native-webview - antv/f2 大概思路: 使用webview加载本地html文件,通过injectJavaScript加载js脚本 步骤 新建f2chart.html,文件较大,文件地址:f2chart.html 在ios中, 将此文件与组件放在同…

如何优雅地在JS中使用枚举定义 –

如何优雅地在JS中使用枚举 为什么使用枚举 去魔法数字 枚举语义化 定义一体化:枚举值和枚举描述写在了一起,不分散 使用方便:无需额外的过滤器 如何解释 去魔法数字 看如下代码 // bad <span v-if=

monorepo 下 vetur 提示找不到声明文件 –

问题描述 最近搞了一个 monorepo 项目 ,其中有某个 package 为 前端Vue项目。 项目大概目录结构如下: 在书写代码过程中遇到如下问题 Cannot find module '@/hooks' or its corresponding type declarations.Vetur(2307) 检查tsconfig.json配置是有 paths的 {

博客寄语:

    世俗却正义

实时播报:

博客号-学习成长

相信每一分耕耘都有每一分收获,致力帮助博客主所创作的博客能更快的被收录! 如果有其它需求,可联系下方邮箱。