- 博客(49)
- 收藏
- 关注
RSS订阅
原创 超硬核 Web 前端学霸笔记，学完就去找工作！
文章和教程Vue 学习笔记Node 学习笔记React 学习笔记Angular 学习笔记RequireJS 学习笔记Webpack 学习笔记Gulp 学习笔记Python 学习笔记Egret 引擎学习笔记流处理，TCP 和 UDP，WebRTC 和 Blob 学习笔记博客前端回忆录 | 前端笔记本 - 一个前端博主记录的心得和总结Hasnode - Hashnode 是在您的个人域 free 上免费创建开发者博客并通过我们的全球开发者社区与读者联系的最简单方法！ ?????
2021-08-04 08:46:31
725
3
原创 174道 JavaScript 面试题，助你查漏补缺
最近在整理 JavaScript 的时候发现遇到了很多面试中常见的面试题，本部分主要是作者在 Github 等各大论坛收录的 JavaScript 相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，对大家对 JavaScript 的可以来一次全方位的检漏和排查，感谢原作者 CavsZhouyou 的付出，原文链接放在文章最下方，如果出现错误，希望大家共同指出！附笔记链接，阅读往期更多优质文章可移步查看，喜欢的可以给我点赞鼓励哦：https://github.com/Wscats/articles
2021-08-04 08:00:28
583
原创 用键盘8个键演奏一首蒲公英的约定送给自己或者一首月亮代表我的心送给她
体验地址： https://wscats.github.io/piano/build/项目地址： https://github.com/Wscats/piano用键盘8个键演奏一首蒲公英的约定送给996的自己或月亮代表我的心给七夕的她，非常简单~这个项目仅仅用了几个简单的前端技术实现，献给每一位挚爱音乐的代码家
2019-08-20 11:03:08
1632
2
原创 5 分钟教你快速掌握 GitHub Actions 自动部署博客
自从 GitHub 宣布 GitHub Actions 在平台上对所有开发人员和存储库可用以来，GitHub Actions 越来越受欢迎。很多第三方平台在生态系统中有速度等限制，将进一步推动开发人员将他们的软件自动化迁移到 GitHub Actions。
2022-04-27 07:10:38
3758
原创 在腾讯这一年，坚守初心持续单纯 | 2021年终总结
每年的 12 月总像是一场告别，2021 年从起点到终点也该时候跟你说一声再见，忙碌的一年难得周五请假搬完了家，在夕阳下写下这篇文章回忆总结这一年，这一年回望来时的路，至少有一些同事给我鼓励和安慰，至少有些事不曾莫名伤心和流泪，至少还有家人相互依偎。
2021-12-21 06:45:00
1959
3
原创 try catch引发的性能优化深度思考
关键代码拆解成如下图所示（无关部分已省略）：起初我认为可能是这个 getRowDataItemNumberFormat 函数里面某些方法执行太慢，从 formatData.replace 到 unescape（已废弃，官方建议使用 decodeURI 或者 decodeURIComponent 替代） 方法都怀疑了一遍，发现这些方法都不是该函数运行慢的原因。为了深究原因，我给 style.formatData 传入了不同的值，发现这个函数的运行效率出现不同的表现。开始有点疑惑为什么 style.form
2021-11-29 07:59:41
1377
1
原创 公开揭密团队成员开发鸿蒙 OpenHarmony 的完整过程(收获官方7k奖金和开发板等，2w字用心总结)
背景随着 OpenHarmony 组件开发大赛结果公布，我们的团队成员被告知获得了二等奖，在开心之余也想将我们这段时间宝贵的开发经验写下来与大家分享，当我们看到参赛通知的时候已经是 9 月中旬的时候，此时已经是作品可以提交的时间了，参考了一些其他作品发现，基于 Canvas 开发的组件目前还没有，那我们就开始计划写一个基于 Canvas 和通用组件一起开发的组件，在这之前由于并没有开发过 OpenHarmony 应用，我们团队成员都没有相关的经验，大家从零开始在摸索，我们首先分工合作，有的成员负责去下载
2021-11-22 06:56:38
7290
2
原创 大厂面试题分享：如何让(a===1&&a===2&&a===3)的值为true?
当我第一次看到这一题目的时候，我是比较震惊的，分析了下很不合我们编程的常理，并认为不大可能，变量a要在同一情况下要同时等于1，2和3这三个值，这是天方夜谭吧，不亚于哥德巴赫1+1=1的猜想吧，不过一切皆有可能，出于好奇心，想了许久之后我还是决定尝试解决的办法。我的思路来源于更早前遇到的另外一题相似的面试题：// 设置一个函数输出一下的值f(1) = 1;f(1)(2) = 3;f(1)(2)(3) = 6;当时的解决办法是使用toString或者valueOf实现的，那我们先回顾下toStri
2021-10-29 07:08:01
732
1
原创 给自己点时间再记记这200条Git命令
我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收录整理的常用和不常用的一些 Git 命令，希望能帮助到大家更好的掌握 Git 的使用，如果文章和笔记能带您一丝帮助或者启发，请不要吝啬你的赞和收藏，你的肯定是我前进的最大动力????附笔记链接，阅读往期更多优质文章可移步查看，喜欢的可以给我点赞鼓励哦：https://github.com/W
2021-10-16 10:30:43
102
原创 66道前端算法面试题附思路分析助你查漏补缺
本部分主要是 CavsZhouyou 在练习《剑指 Offer》时所做的笔记，主要涉及算法相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，帮助大家对算法的可以来一次全方位的检漏和排查，附笔记链接，如果对你有帮助请给我点赞鼓励哦：https://github.com/Wscats/articles1. 二维数组中的查找题目：在一个二维数组中，每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。
2021-10-12 08:53:48
1547
原创 30 个极大提高开发效率超级实用的 VSCode 插件
Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适用于任何开发环境。以下是我将介绍的 VSCode 插件：Settings SyncLive ServerRemote SSHPrettierBracket Pair ColorizerAuto Rename TagGitLensGit HistoryCSS Pee
2021-08-22 21:37:06
1391
原创 最全面鸿蒙系统开发的相关资料收录
开发本示例基于 OpenHarmony 下的 JavaScript UI 框架，进行项目目录解读，JS FA、常用和自定义组件、用户交互、JS 动画的实现，通过本示例可以基本了解和学习到 JavaScript UI 的开发模式。本项目是基于 OpenHarmony 项目而不是 HarmonyOS 项目，请注意运行环境。请参考 OpenHarmony 项目配置方法 进行项目配置和运行。如果你不熟悉 OpenHarmony 的 JS 开发，请参考该项目的 开发讲解。示例下载 awesome-har
2021-07-31 18:30:15
3999
原创 深入浅出 Jest 框架的实现原理
English Version | 中文版深入浅出 Jest 框架的实现原理https://github.com/Wscats/jest-tutorial什么是 JestJest 是 Facebook 开发的 Javascript 测试框架，用于创建、运行和编写测试的 JavaScript 库。Jest 作为 NPM 包发布，可以安装并运行在任何 JavaScript 项目中。Jest 是目前前端最流行的测试库之一。测试意味着什么在技 术术语中，测试意味着检查我们的代码是否满足某些期望。
2021-07-17 08:09:13
802
1
原创 极大提高国人开发效率超实用的 VS Code 插件
相信好多英语不好的同学在打代码的时候，经常会遇到不懂的单词，也相信好多时候同学写项目时候忘记框架的接口，需要网上翻阅文档，线上提问求助，参考其他项目的示例，那么如果你都过遇到这类问题，那么相信这款 VS Code 插件能极大的帮助到你，它能让您在代码中进行线上/线下搜索，或者翻译的。使用介绍下简单的使用过程，你可以在 VS Code 中搜索 Search/Translate Hero 然后点击安装，你也可以在这里进行下载：https://marketplace.visualstudio.com/i
2020-12-02 08:55:49
507
4
原创 大型前端如何分析用户行为和追踪函数调用链
装饰器和AST实现函数调用链追踪装饰器对类方法性能的监听在很多时候我们项目越来越大的时候，我们希望去监听局部某些类方法的性能，这个时候我们既不想影响源代码的功能，但又想借助某些方案去窥探类方法内部的运行效能，此时我们就可以考虑使用装饰器对类方法性能进行监听。装饰器相信大家都不陌生了，虽然在 Javasript 里面它仍处于提议阶段，但是我们已经可以 TypeScript 里面运用这个特性，也可以借助 babel 的语法转换在 Javasript 里面使用。那先简单讲讲什么是装饰器吧装饰器其实是对类
2020-06-19 07:45:30
1287
1
原创 36个工作中常用的JavaScript函数片段
如果文章和笔记能带您一丝帮助或者启发，请不要吝啬你的赞和收藏，你的肯定是我前进的最大动力????附笔记链接，阅读往期更多优质文章可移步查看，喜欢的可以给我点赞鼓励哦：https://github.com/Wscats/CV/issues/32数组 Array数组去重function noRepeat(arr) { return [...new Set(arr)];}查找数组最大function arrayMax(arr) { return Math.max(...arr);}
2020-05-13 08:47:20
553
转载 JavaScript工具函数大全
如果文章和笔记能带您一丝帮助或者启发，请不要吝啬你的赞和收藏，你的肯定是我前进的最大动力????附笔记链接，阅读往期更多优质文章可移步查看，喜欢的可以给我点赞鼓励哦：https://github.com/Wscats/CV/issues/27为元素添加on方法Element.prototype.on = Element.prototype.addEventListener;NodeLis...
2020-03-10 06:52:01
294
1
原创 大厂前端面试分享：如何让6000万数据包和300万数据包在仅50M内存环境中求交集
由于最近疫情的影响，相信最近很多小伙伴都忙于线上办公或者面试????，笔者这里分享一道发生在大厂前端线上编程面试中的一道题目，如何让 6000 万数据包和 300 万数据包在仅 50M 内存环境中求交集，请简单说出您解决这问题的思路我们假设现在有两份庞大的数据，而这两份数据包的数据结构均如下，仔细观察里面的数据我们不难发现，里面有 QQ 号，地址和年龄，如题目的要求我们需要是求交集，所以我们暂时...
2020-03-03 09:50:52
694
原创 Vue3.0 全面探索 - 基于 Composition Api 快速构建实战项目
Quick Start项目源码：https://github.com/Wscats/vue-cli本项目综合运用了 Vue3.0 的新特性，适合新手学习????基于 Composition API 即 Function-based AP I进行改造，配合 Vue Cli，优先体验 Vue3 特性使用单例对象模式进行组件通信使用 axios 库进行网络请求，weui 库实现 UI 界面...
2019-12-07 08:07:06
1543
原创 Vue3.0 全面探索 - 基于 Visual Studio Code 的代码片段开发插件
Vue3 Snippets for Visual Studio CodeVue3 Snippets, This extension adds Vue3 Code Snippets into Visual Studio Code.Snippets / 代码片段Including most of the API of Vue3. You can type reactive, choose rea...
2019-12-04 14:29:39
1974
2
原创 Omil开发文档
Omil文档介绍安装配合Omi Snippets插件配合React开发语言块规范JSXProps事件处理生命周期UpdateRefStoreCSS高阶组件案例演示商品列表页飞鸟动画...
2019-11-26 10:56:52
1198
原创 JS小奥秘之如何提高扩展运算符的性能
原文链接：https://dmitripavlutin.com/javascript-spread-operator-performance-optimization/在这篇文章中，我们会进行一个有趣的测试，看看我们如何提高扩展运算符的性能。让我们首先简要介绍一下扩展运算符在数组中的工作原理。扩展运算符，也就是我们常用的三个，让数组展开变成每个小块。 然后使用中括号语法[]，重新组装这些...
2019-09-06 14:38:41
1083
原创 Vue学习笔记
技术点目录认识 Vue 认识数据驱动模式 认识 MVVM 模式 模版语法 样式绑定 Vue 实例化时基本属性 修饰符 组件 指令 自定义指令 动画和过度效果 路由 Vuex 其他 Vue1.X文档 Vue代码示例...
2019-08-31 15:39:43
6507
1
原创 切图仔面试宝典
Omi体验地址： http://wscats.github.io/CV/omi/build/index.htmlVue体验地址： http://wscats.github.io/CV/vue/dist/index.html项目地址： https://github.com/Wscats/CV简历的本质在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是...
2019-08-31 15:29:50
1327
原创 iPhoneX适配方案
绝对长度单位 英寸 厘米 毫米 磅 pc inch cm mm pt pica相对长度单位是网页设计中使用最多的长度单位，包括px、em、rem等屏幕尺寸 指屏幕的对角线的长度，单位是英寸，1英寸=2.54厘米 iPhone 4/4S iPhone 5/5C/5S/SE iPhone 6/6S iPhone 6S Plus iPhone
2017-11-29 15:01:15
50306
原创 Mongodb起手式
安装配置在mongodb官网下载最新版本的Mongodb下载地址下载msi的window安装包，可以装到C盘或者D盘目录下配置由于我是安装在D盘的环境下D:\Program Files (x86)\MongoDB\Server\3.2\bin所以在bin文件夹下找到mongod.exe命令，然后通过管理员执行mongod --dbpath x路径x，路径可以是任何地方，我这里选择在D盘的MongoD
2017-10-26 09:36:18
1360
原创 如何写一份好的前端面试简历?
HBuilder 打包流程1.运行HBuilder百度搜索HBuilder，官网下载安装包，解压，运行HBuilder.exe。注册账号，并登陆 2.新建App在左边右键，选择新建APP，或者点击中间的新建app 3.填入信息在弹出的窗口，填应用名称，根据需求选择项目位置，以及模板内容，注意名字不要带有@等特殊字符，最后点击完成 4.真机调试创建好之后，选择刚刚创建好的项目，在顶部选择运行，根
2017-05-31 15:59:15
10937
3
原创 Webpack配置记录贴
1.安装webpack//全局安装npm install -g webpack//安装到你的项目目录npm install --save-dev webpack这里记得一定要全局安装webpack，不然无法在命令行执行webpack指令2.准备阶段npm init执行后会在根目录生成一个package.json的文件 文件目录结构如下： // Greeter.jsmodule.expor
2017-03-04 11:29:18
7680
2
原创 我如何用前端技术得到XXOO网站的VIP
查看作者原文讲解素材 网页如图，这里只是说明整个网站的一些技术点，所以不该看的地方我都打上马赛克了，让我们揭开这些网站的整个前端工作原理 首先刚进去的时候显示一堆乱七八糟的东西，点进去其中一个页面，下面各种虚假评论，然后每隔几秒钟弹出第几几几个会员充值成功，我们先把这个删掉 好了，我们继续研究这个网站内部结构了 正常情况每个页面的视频都是试看几十秒就会提醒你充值，当然这是这类网站的常
2016-12-27 09:45:22
89161
5
原创 Javascript面向对象编程
JS面向对象的程序设计，JS在很早以前一直被认为毫无章法的语言，大部分初学者写的时候都是运用面向过程的思维来编写JS的（一页下来就是一个function接着另一个function的写法）其实JS中function就是一个对象，如下面的代码var HelloWsscat = function(){ console.log("Autumnswind is not cat");
2016-06-21 16:10:46
11034
原创 Promise延伸启示录
.service('OrderFrom', [ function() { var OrderFrom = { browser: { versions: function() { var u = navigator.userAgent,
2016-06-15 15:07:25
12666
1
原创 Angular源码解读 - setupModuleLoader函数
setupModuleLoader其实看字面意思就可以知道它为模板加载器，就是为module设置加载器 function setupModuleLoader(window) {} 首先传入了window对象，作用为为后面ensure判断window全局对象是否含有属性angularfunction ensure(obj, name, factory) { return o
2016-05-25 18:02:56
9154
2
原创 阿里云，AWS，HTTPS和企业支付宝配置
当我们从一个页面跳进一个新页面的时候，有时候我们会需要判断是否存在上一个页面 在Javascript中有一个方法原生方法可以实现 document.referrer 定义和用法：referrer 属性可返回载入当前文档的文档的 URL。 w3school是这样说明它的：如果当前文档不是通过超级链接访问的，则为 null。这个属性允许客户端 JavaScript 访问 HTTP 引用头部。<h
2016-05-24 15:35:30
10454
2
原创 Angular学习笔记
var setCookie = function(name, value) { var Days = 30; var exp = new Date(); exp.setTime(exp.
2016-05-20 14:33:34
22689
3
原创 React虚拟DOM和DIFF算法
var $$ = ajQuery = function(selector) { return new ajQuery.fn.init(selector);}ajQuery.fn = ajQuery.prototype = { name: 'aaron', init: function(selector) { this.selector = selector
2016-05-20 11:23:35
8658
1
原创 Node学习笔记
Node.js 教程目录Node.js 基础 认识 Node.js Node.js 版本介绍 环境搭建 REPL(交互式解释器) 运行 Node.js Node.js 模块 自定义模块 npm scripts forever 部署方案 异步嵌套解决方案 Node.js API及常用第三方模块 http 模块 net 模块 url 模块...
2016-04-23 15:21:56
8500
1
原创 React学习笔记
认识 ReactReact 是 facebook 开源的一套框架，可总结为以下几个特点：基于 JSX 语法糖实现 JUST THE UI：在多层架构的设计模式中，React 并不算 MVC 的架构，它可理解为 MVC 的 V 层。 VIRTUAL DOM：虚拟DOM，是轻量的 js 对象，只保留了原生 dom 的一些常用的属性和方法。 DATA FLOW： React是单向响应的数据...
2016-03-10 20:23:13
18412
1
原创 Visual Studio Code 必备插件之 Compile Hero
今天刚好用到这个函数，写了一个日期对比的例子<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>写一个JS对比时间的例子</title></head><body></body><scrip...
2016-03-10 11:31:00
14591
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人