- 博客(24)
- 收藏
- 关注
RSS订阅原创 代码规范配置未生效，解决思路（ eslint + prettier + settings.json + editorconfig ）
介绍 eslint, prettier, settings.json, editorconfig 的关系，分析代码规范配置冲突的解决思路
2022-09-02 23:21:37
8447
1
原创 Scratch源码分析：scratch-blocks 和 scratch-vm 通信
本文仅分析 scratch-blocks 和 scratch-vm 两个库之间的通信，即：对积木block的操作（点击/拖拽/删除等）如何触发vm库相应逻辑。
2022-07-15 15:57:48
1553
原创 react-monaco-editor 属性配置
monaco-editormonaco-editor 大有来头，微软的 vs code 就脱胎于它。和 codemirror 类似，用于实现在线编辑器功能。两者的具体对比参见文章 代码编辑器对比，这里主要讲一下 react-monaco-editor 的使用。react-monaco-editorreact-monaco-editor 是对 monaco-editor 的封装，大部分 api 继承自 monaco-editor。 以下是 react-monaco-editor官方文档 给的使用示例：
2021-11-04 16:27:13
6127
原创 中级前端常见面试题（附答案），持续更新
文章目录Q：JS有哪些数据类型？7种基本类型1种引用类型Q：ES6数据结构 Set / MapSetMapQ：call, apply, bind 用法和区别call() 和 apply()bind()Q：new 的执行过程1. 在内存中创建了一个实例对象（内容为空）2. 设置该实例对象的\__proto__属性指向构造函数的prototype原型对象3. 使用该实例对象stu1调用构造函数，改变构造函数中的this指向为实例对象stu14. 返回刚刚创建好的实例对象Q：JS常见的内存泄漏1. 意外的全局变量
2021-07-05 14:29:51
10797
原创 git 创建多个ssh key（ 以 github 和 gerrit 为例）
文章目录一、创建 GitHub 的 SSH key二、创建 Gerrit 的 SSH key三、新建 config 配置文件四、完成如果你需要在同一台电脑上管理多个 git 仓库（如 github, gitlab, gitee, gerrit 等），并且配置不同的 ssh key 以增强安全性，本文应该可以帮到你。以 github 和 gerrit 为例：一、创建 GitHub 的 SSH key执行命令：ssh-keygen -t rsa -f ~/.ssh/github_id_rsa -C "
2021-05-29 01:48:55
1011
原创 svn入门，满足新手日常基本需要
把远端仓库项目下载到本地目标文件夹内右键，SVN checkout；每天开始写代码前先把本地 SVN 项目同步为远端仓库项目。本地 SVN 项目文件夹内右键，SVN Update;发现远端仓库项目已被改动在本地 SVN 项目文件夹内被改动的文件上右键，TortoiseSVN —> Show log 查看提交历史记录。恢复到历史记录中的某一版本SVN 服务端，在要恢复的版本上右键，Revert to this revision —> revert。发现远端仓库项目已被删除在本地
2020-12-22 01:41:29
196
原创 微信公众号H5开发，实现网页授权（静默登录）
文章目录业务场景附：官方文档业务场景最近有个2C的需求，要推广我司某线上活动，仅以一个链接的形式 覆盖微信、H5和PC三端。尤其要深度挖掘微信用户的分享能力，因此重在提升微信端用户体验。于是有了微信用户自动登录的需求，这就要用到微信H5的网页授权功能。微信H5网页，共有四种入口：微信公众号内打开分享链接，手机端微信内打开分享链接，手机端第三方浏览器打开分享链接，PC端浏览器打开附：官方文档微信开放文档 - 微信网页开发 - 网页授权...
2020-12-15 14:24:03
10743
原创 企业微信内嵌H5，引入 JS-SDK 调用 wx.previewFile 预览/下载文件（vue2.0适用）
文章目录业务场景使用步骤1. 引入企业微信 JS-SDK2. 配置 wx.config3. 调用 wx.previewFile附：官方文档业务场景基于vue2.0开发企业微信内嵌H5，实现文件下载功能。我司的文件存储路径是阿里云oss，使用其他开放资源也一样。使用步骤1. 引入企业微信 JS-SDK注意：引入源码必须是 "//res.wx.qq.com/open/js/jweixin-1.2.0.js"，否则 wx.previewFile 会有未知的问题；vue2.0项目，你可能在有的文章里
2020-11-17 19:00:05
15631
19
原创 elementUI 图片 image 组件，实现点击遮罩层关闭图片预览
场景使用 elementUI 的 image 图片组件，开启图片预览功能（preview-src-list）。组件库只提供了两种方式关闭图片预览：源码位置：/node_modules/element-ui/packages/image/src/image-viewer.vue点击右上角关闭icon按 ESC 键除此之外，用户点击遮罩层关闭预览大图也是习惯性的常规操作，但 elementUI 并没有支持。实现起来也很简单，两种思路：把 hide 事件绑定在遮罩层 dom直接调用
2020-09-21 17:06:23
9586
25
原创 日常开发踩坑记录：svn设置忽略（svn:ignore）无效
SVNsvn项目设置忽略：属性——svn:ignore。如果要忽略的文件已经上传过，则设置忽略无效。需要从服务端svn地址删除该文件后才能生效
2020-08-26 18:32:54
2455
1
原创 vue2.0 组件通信的三种方式（父子通信，子父通信，中央事件总线）
Vue3 正式版快要发布了，扶我起来，我还能学 /(ㄒoㄒ)/~~今天整理学习笔记，发现过去写的一篇Vue2.0组件传值文章还算工整。虽然有点过时了，但毕竟 Vue2 一时半会还是主流，组件通信也是vue2最常用的技术之一，对初学者多少有点帮助。放着也是放着，发出来刷刷存在感吧~下面开始正文。这里具体介绍三种组件通信场景：父子通信，子父通信，兄弟组件通信（中央事件总线）文章目录父子通信子父通信兄弟组件通信（中央事件总线）附注父子通信父组件里定义数据 users，并给导入的子组件绑定数据 us
2020-08-02 02:59:55
3670
原创 uni-app开发安卓APP运行到真机，未检测到手机或模拟器
本文以 EMUI10 手机系统为例（华为、荣耀手机）问题在开发安卓应用时，因为安卓模拟器性能较差，uni-app官方不推荐使用，所以选择真机运行的方式调试。上手就踩了一个小坑，在 HBuilderX 内点击 运行——运行到手机或模拟器，提示 “未检测到手机或模拟器”解决方法手机连接电脑；设置—关于手机，连续点击7次“版本号”，进入开发者模式；回退到设置界面，系统和更新—开发人员选项...
2020-04-29 14:33:31
14049
2
原创 Canvas - 帧动画
目标：用 Canvas 实现帧动画先看页面效果。下面四个按钮分别表示开始、结束、暂停、继续下面是帧动画图片素材：该功能的实现，关键点是 ctx.drawImage() 方法（9个参数）和 setInterval 定时器。设置该图片的视图窗口，每次执行定时任务位移展示下一帧动画即可。直接上代码（实现逻辑见代码注释；图片路径自定义）<!DOCTYPE html><...
2020-04-09 15:48:53
680
原创 Ant Design Vue按需加载组件报错
具体加载方式戳官方文档：antd之按需加载组件我们这里主要说说踩到的坑，报错如图：官方给的例子是Button，用同样方式，我成功加载了Table, Input, Form等组件，但FormItem 报错没有正确注册组件。通过打印 Form 找到原因：FormItem与Form等组件并非同级关系，而是Form的属性。最终修改代码如下：main.jsimport Vue from 'v...
2019-12-17 16:45:48
2285
原创 JS循环性能对比
最近在做的在线商城项目，因为数据量大，循环操作较多，所以项目性能优化先从循环开始；以下是JS几种常见遍历方式用例和性能对比：// 模拟数据let arr = [{ name: 'zs', age: '11'}, { name: 'zs', age: '11'}, { name: 'zs', age: '11'}, { name: 'zs', age: '11'}, { nam...
2019-06-21 17:49:06
1325
原创 node.js端口号被占用，修改端口号
api-server 文件夹内执行命令行 node app.js，报错 node.js 端口号 8888 被占用。Error: listen EADDRINUSE :::8888 at Server.setupListenHandle [as _listen2] (net.js:1286:14) at listenInCluster (net.js:1334:12) at...
2019-01-20 17:43:48
6171
原创 测试出select标签样式的几个特性
测试出select标签样式的几个特性：1）select标签是内联块标签；2）select标签不能继承body（父级）的任何属性;3）select标签默认样式margin:2px; font-size:13px; font-family:arial; color:black; border:1px solid darkgray;4）用复合写法设置border样式时，必须设置style属性值，...
2018-11-21 09:09:26
442
原创 jQuery - 尺寸函数和位置函数（offset、position、scrollTop）
jQueryjQuery尺寸函数height()设置或返回元素的高度（不包括内边距、边框或外边距）width()设置或返回元素的宽度（不包括内边距、边框或外边距）innerWidth()返回元素的宽度（包括内边距）innerHeight()返回元素的高度（包括内边距）outerWidth()返回元素的宽度（包括内边距和边框）outerHeight()返回元素的高度（包括内...
2018-11-16 10:08:04
353
原创 JavaScript的offset系列，client系列，page系列，scroll系列
JavaScript的offset系列，client系列，page系列，scroll系列一、offset系列offsetX，offsetY是该事件发生的盒子模型里的坐标，以盒子模型的左上角为原点，与滚动条无关。offsetLeft, offsetTop此属性可以获取元素的上外缘距离最近采用定位父元素内壁的距离，如果父元素中没有采用定位的，则是获取上外边缘距离文档内壁的距离。所谓的定位就是...
2018-11-16 10:07:51
861
原创 HTML DOM 基本操作
<div id="box" class="cla"> <ul> <li id="list1"></li> <li id="list2"></li> </ul></div>获取元素//通过i
2018-11-15 09:05:59
264
原创 jQuery - 测试三组基本动画，记录函数执行过程
测试三组jQuery基本动画，总结函数执行过程一、show(), hide() 放大缩小show() 放大hide() 缩小toggle()二、slideDown(), sildeUp() 垂直伸缩slideDown() 拉高slideUp() 缩低slideToggle()三、fadeIn(), fadeOut() 淡入淡出fadeIn() 淡入fadeOut() 淡出fadeToggle...
2018-10-11 20:43:03
172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人