- 博客(44)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 小程序URL Scheme规则调整支持方案
小程序URL Scheme规则修支持方案小程序 URL Scheme URL Link 规则调整如下：1.每个 URL Scheme 或 URL Link 有效期最长 30 天，均不再支持永久有效的链接、不再区分短期有效链接与长期有效链接；2.链接生成后，若在微信外打开，用户可以在浏览器页面点击进入小程序。每个独立的链接被用户访问后，仅此用户可以再次访问并打开对应小程序，其他用户无法再次通过相同链接打开该小程序；3.单个小程序每天生成链接数（URL Scheme 和 URL Link 总数）上限为
2022-04-10 15:30:45
6581
原创 前端跨域方式大汇总
跨域问题在几次的面试中，都被问到前端的跨域方案问题。在实际的项目中，也总是遇到。这篇文章是在看那些年，那些跨域问题 后的笔记。在这篇文章中理解什么是跨域 JavaScript跨域（1）：什么是跨域，如何跨域 具体策略限制情况可看下表 URL 说明 允许通信
2017-04-19 15:06:03
613
原创 [学习记录]Node event loop 总结流程图
node event loop为什么“在I/O事件的回调中，setImmediate方法的回调永远在timer的回调前执行详解JavaScript中的Event Loop（事件循环）机制根据内容输出的流程图遗留的问题 为什么“在I/O事件的回调中，setImmediate方法的回调永远在timer的回调前执行”？
2023-11-28 20:59:10
357
原创 promise原理:代码实现
handle逻辑未抽离：(function (window) { const PENDING = 'pending' const RESOLVED = 'resolved' const REJECTED = 'rejected' function Promise(excutor) { this._state = PENDING this._value = undefined this._callbacks = [];
2020-09-14 17:45:49
221
原创 $ 与 $$(*) 是什么？
前言今天在阅读一篇文章：小伙伴遇到这个问题说不想干前端了——一次Chrome翻译造成的玄学bug。主要内容是说翻译插件引发页面的react报错。文章中用$$('*') 去获取报错页面所有的dom标签和正常无报错页面的dom标签，再进行对比来定位问题。具体代码如下：$$('*').reduce((acc, { tagName }) => `${acc}${tagName},`, '')这篇文章看到了一个$$('*')的写法。我感到好奇，这个到底是什么？可能性 1通常来说这个$符号是jQu
2020-06-06 15:03:10
1894
原创 正则匹配emoji字符
寻找emoji的编码范围在这个网站中可以查看所有的emoji unicode:Emoji Unicode table用js代码找出这个页面所有emoji unicode 的范围：let $list = document.querySelectorAll('.category')for(let key in $list){ let text = $list[key].innerText? $list[key].innerText.replace(/(Back to top)|(
2020-06-05 19:09:51
8737
原创 微信小程序自带的referer （附：微信，头条，支付宝，百度小程序的自带referer）
背景一个获取列表信息的接口，在我在浏览器可以正常获取数据，但小程序的接口返回失败：/1invalid_request定位问题在CGI中有域名白名单校验：checkhost()函数会校验请求头中的referer字段的域名是否在白名单中。//白名单$config['whitehost'] = array( 'http://www.aa.cn', 'http://www.bbb.cn', 'https://www.ccc.cn', .....);//checkhos
2020-05-19 16:35:58
6305
2
原创 chrome 插件开发问题记录：Cannot call method setBadgeText of undefined
想要设置插件logo的bradege,报错：(TypeError): Cannot call method 'setBadgeText' of undefined//background.jschrome.browserAction.setBadgeText({text: 'new'});chrome.browserAction.setBadgeBackgroundColor({colo...
2020-04-28 11:39:14
526
原创 [Typescript学习]二叉树的Typescript实现
[typescript学习]二叉树的Typescript实现目录[typescript学习]二叉树的Typescript实现前言二叉树节点类二叉树类构建一个二叉树测试参考前言为了做个rpg小游戏，学习了typescript。人物到NPC移动打算用A*寻路算法。学习算法的时候，顺便复习了一下数据结构。要实现的二叉树：二叉树节点类class BiNode { data:any //...
2019-03-25 18:20:21
1330
原创 鼠标点击显示 冒泡文字
逛网站的时候遇到一个有趣的鼠标点击事件： 点击鼠标会有 文字不显示 ，上漂一定时间后消失。现记录作为收藏具体代码：(function() { var coreSocialistValues = ["富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", &
2018-03-19 18:00:17
2110
原创 window.open 浏览器拦截解决
需求在订单页，需要在返回下单成功信息后，新开标签页跳转支付。尝试 $.ajax({ url:'xxx', success:function(url){ window.open(url,'_blank'); } })出现问题浏览器处于安全机制，在非用户触发的打开窗口操作，会被拦截。解决在异步请求之前，新开窗口， var newWin = window.
2017-09-19 13:34:17
708
原创 文章收藏
干货文章收藏浏览器浏览器的渲染原理简介工具篇Win下必备神器之CmderSublime Text常用插件总结及Package Control安装方法
2017-06-01 15:11:25
299
原创 移动web调试工具
问题最近做的是一个app嵌h5的问题。测试环境调试，必须要在app中才行。然后定位问题的时候找不到办法，就采用alert大法，各种难受。方法先在在网上找到一个好办法: 移动WEB调试利器——Rosin. 里面方法很详细。 你只需要下载 Fiddler +rosin 亲测好用O(∩_∩)O~~
2017-05-19 15:05:09
399
原创 算法题：150盏亮着的电灯，各有一个拉线开关控制，编号为1～150 将编号为1～150倍数的灯，依次拉一下 问：拉完后亮着的灯数为几盏？ 哪盏灯被拉的最多？
同学在朋友圈分享了一个问题，我试着写了下。 问题： 150盏亮着的电灯，各有一个拉线开关控制，编号为1～150 将编号为1～150倍数的灯，依次拉一下 问：拉完后亮着的灯数为几盏？ 哪盏灯被拉的最多？”第一种：var lightBox = [];//初始化数组 偶数亮着，奇数熄灭for(var i = 0 ; i <= 150; i++){ lightBox[i] = 1; //
2017-05-12 11:27:44
2382
原创 数组求和为指定数字
给定一个升序整型数组，以及一个指定的值。打印出数组中两数之和为指定值的一个整数对，要求复杂度为O(n)方法一：计算一左一右两边计算， array[left] + array[right] 大于 num right --; array[left] + array[right] 小于num left ++； left 与 right 相等就是没有找到了。function sumArray(ar
2017-05-08 09:01:01
1508
原创 数组去重的正则表达式写法
数组去重的正则表达式写法今天做道一道笔试题，是数组去重。我当时的想法是可以用正则去重，但是想了半天，不知道如何用正则去匹配那个重复的数字。 后来我的回答是：function arrayFn(array){ for(var i = 0; i < array.length; i ++){ for(var j = i+1;j < array.length; j ++){
2017-05-03 15:28:17
2211
原创 node 学习笔记
fs.renameSync(files.upload.path, "./tmp/test.png");报错： Error: EXDEV, cross-device link not permitted 解决方案: 跨磁盘分区移动或操作文件会有权限问题未完待续
2017-04-27 16:47:41
354
原创 jquery 源码阅读笔记 大杂烩
.attr .prop参考链接：jQuery函数attr()和prop()的区别 attribute表示HTML文档节点的属性，property表示JS对象的属性。sizzle1、在从左向右的的查找过程中，每次处理块间关系符时，都需要处理未知数量的子元素或后代元素，而在从右向左的查找过程中，处理块间关系符时，只需要处理单个父元素或有限数量的祖先元素。因此，在大多是情况下，才用从左像右的查找方式其效
2017-04-26 11:14:06
418
原创 ~取反操作符
原码、反码、补码的计算方式~（取反操作符）例子1： ~5 = -6 计算公式： -（x + 1） 计算过程：5原码: 0 000 0101反码: 0 000 0101补码: 0 000 0101~5(按照5的补码取反)补码: 1 111 1010反码: 1 111 1001原码: 1 000 0110得到结果：-5例子1： ~-5 = 4 计算公式： -（x + 1） 计算过
2017-04-25 14:39:25
1416
原创 javascript 中存在哪些类型转换
在看《jQuery技术内幕》的时候，看到一句话： ……这里使用等同运算符（===）来避免类型转换。我在想javascript 中存在哪些类型转换呢？javascript 中的数据类型javascript 中的原始类型javascript 中有5种原始类型。 == 和 === 的区别
2017-04-21 10:08:07
506
原创 利用rem实现h5自适应
利用rem实现h5自适应最近做h5比较多，从老大那里学到一招，超级实用。快速h5像素级切图，不用在费力地计算rem值啦。
2017-04-18 16:57:23
4739
1
原创 2017-03-15-react-css3-transition
在汇智网学习react,今天学习，react中的CSS3 Transiton 按照例子做了一个仪表盘 知识点 CSS3 Transition需要DOM属性的变化才能触发，所以我们需要将属性改变后的React 元素重新渲染到真实DOM上，才可以触发过渡效果。
2017-04-17 16:09:10
577
原创 ruff implement a responder
前几天入了ruff的板子，今天撸了官网的官方教程SOS 求救灯 ，还有后面的课后练习-按键抢答器。 按键抢答器
2017-04-17 16:05:34
420
原创 Cannot call method 'getItem' of null
问题项目时一个APP的外壳，在WebView中嵌入html5页面。我在h5中操作localStorage 来缓存数据，但是程序一到localStorage.getItme()就报错执行不下去。寻找线索在localStorage.getItme()进行了try catch看错误信息: Cannot call method 'getItem' of null 似乎是不支持localStorage的操
2017-04-17 16:02:37
1241
原创 git-创建空白分支
git 创建空白分支今天在部署hexo的博客的时候，需要在github上创建两个分支。一个是发布分支 master 一个是开发分支dev。在我把发布内容已经提交到master分支时，我忽然想起，需要另开一个分支来把部署的代码放上去。这时我需要再开一条空白分支。
2017-04-17 16:00:06
6949
原创 React笔记-数据传递中的回调
在层级深处的表单组件需要更新上层级的state官网解释每当用户改变表单，就通过更新 state 来反映用户的输入。
2017-04-17 15:37:16
569
原创 React笔记-一些要注意的点
在React中要注意在componentWillUpadate 中不能用 this.setState() 方法。 componentWillUpadate问题的出现在学习的时候，有一个例子的要求是， 使用componentWillUpdate()方法修改示例代码，使时钟在秒为0时显示为红色字体！
2017-04-17 15:25:16
550
原创 React学习-业务中模块的拆分
[React学习] 业务中模块的拆分根据官网的例子 React编程思想 props 是一种从父级传递数据到子级的方式。
2017-04-17 15:23:28
1054
原创 复制高亮代码到印象笔记
印象笔记中自带的代码块不好看，通过下面的步骤可以将代码格式粘贴道印象笔记。 工具印象笔记，sublime印象笔记中自带的插入代码块，插入的代码是真的不好看。 像这样,不方便阅读。
2017-04-17 15:19:02
12297
4
原创 回答-const-与let-以及-this
this 的指向是由他所在函数调用的上下文决定的，而不是由它所在的函数定义的上下文决定的。 （在函数内部，this的值取决于函数是如何调用的。） 先看这篇文章:
2017-04-17 15:15:42
381
原创 项目中遇到的问题-图片未加载成功
有一个功能是，点击图片进行预览。当时在测试的时候发现新加入的图片，点击后只有一层黑的遮罩，预览图片看不见。 原因是图片未加载
2017-04-17 15:13:53
1712
原创 node 学习的一些资料收集
nodejs+express+mongodb简单的例子http://my.oschina.net/chenhao901007/blog/312367
2016-03-28 16:56:16
346
转载 前端一些好用的工具收集
10款让Web前端开发人员更轻松的实用工具Spritepad借助 SpritePad，你可以在几分钟甚至几秒钟内创建你的CSS Sprite。只需拖放您的图片，立即可以生成 PNG 精灵图片以及CSS代码。不需要在 Photoshop中操作，不需要编写任何的CSS样式。Html5test个 HTML5 测试得分能够提示您正常使用的浏览器对于 HTML5标准和相关规范的支
2016-03-18 09:08:16
475
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人