- 博客(202)
- 资源 (5)
- 收藏
- 关注
原创 低代码前端框架研究
框架底层框架UI组件数画布通信原理AmisReact114在同一个Document中TinyEngineVue51iframeReact84iframePagePlugReact47在同一个Document中。
2025-03-06 15:40:21
1100
原创 Git提交规范:Husky、Commitlint、Lint-staged笔记
- husky:拦截 Git hooks 的工具,强制执行提交规范。- commitlint:用于检查提交信息是否符合预定的规范。- lint-staged:只检查本次git提交所修改的文件,对其进行lint校验。
2025-01-03 16:53:00
1838
原创 # JS this关键字笔记
面向对象语言中 this 关键字 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变:如果单独使用,this 表示全局对象。在严格模式下也是表示全局对象。在web浏览器中全局对象是浏览器窗口Window对象。在函数中,this表示全局对象,但在严格模式下, this 是未定义的(undefined)。在对象方法中,this 表示该方法所属的对象。在事件中,this 表示接收事件的元素。
2024-12-28 08:22:13
763
原创 JS数据类型笔记
因此,instanceof 在查找的过程中会遍历左边变量的原型链,直到找到右边变量的 prototype,如果查找失败,则会返回 false,告诉我们左边变量并非是右边变量的实例。在JavaScript中,函数是一个极容易引起误解或引发歧义的数据类型,它可以是独立的函数类型,又可以作为对象的方法,也可以被称为类或构造器,还可以作为函数对象而存在等。主要用于对象属性的标识符,避免属性名冲突(ES5的对象属性名都是字符串,容易造成属性名的冲突)。Symbol 可以确保属性名的唯一性,避免属性名冲突的问题。
2024-12-24 21:35:26
609
原创 CSS3全局属性关键字笔记
在CSS中,initial、inherit、unset、revert、revert-layer是用于设置属性值的关键字,可以实现重置样式属性到默认状态,或在自定义样式和浏览器默认样式之间切换。
2024-12-23 21:11:45
400
原创 CSS3选择器笔记
伪类选择器用来选择DOM元素在特定状态下的样式.这些特定状态并不是由文档结构决定的,而是由用户行为(如点击、悬停)或元素的状态(如被访问、被禁用)来定义的。伪元素由于代表了元素内部的特定部分或生成的新内容,一般不能在同一选择器中重复出现,一个元素在同一时刻只能有一个::before或::after伪元素生效,即。伪类选择器作用于实际存在的元素,不直接改变元素的结构,而是影响元素在特定条件下的表现样式。大幅度缩减了选择器列表的字符数,简化了选择器列表的复杂度,降低了书写选择器列表出错的概率。
2024-12-23 20:53:32
630
原创 CSS3动画笔记
最直接的理解是,将以一条直线放在范围只有 1 的坐标轴中,并从中间拿出两个点来拉扯(X 轴的取值区间是 [0, 1],Y 轴任意),最后形成的曲线就是动画的速度曲线。steps(n)函数中的n,并不是keyframe的个数,而是keyframe个数减1,keyframe相当于状态点,n相当于中间态的个数。阶梯函数不像其他定时函数那样,平滑的过渡,而是以帧的方式过渡,即实现关键帧之间的跳跃。规定动画是否正在运行或暂停。规定当动画不播放时(当动画完成时,或当动画有一个延迟未开始播放时),要应用到元素的样式。
2024-12-22 22:25:01
968
原创 CSS3弹性盒子笔记
弹性盒子(Flex Box)由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。
2024-12-21 17:05:34
609
原创 压力测试研究
压力测试是每一个Web应用程序上线之前都需要做的一个测试,他可以帮助我们发现系统中的瓶颈问题,减少发布到生产环境后出问题的几率;预估系统的承载能力,使我们能根据其做出一些应对措施。运行压力测试时需监测系统资源,监测的对象有:网络阻塞情况、主机CPU使用情况、内存使用情况、缓存使用情况、数据库系统中的数据锁、回滚段、重做日志缓冲区等。监测的结果包括图像与数据文件,并且图像可以实时显示,也可运行结束后分析。压力测试一般规定:CPU不能超过80%,内存不能超过80%。响应时间越短、承受的并发数越多、吞吐...
2022-06-08 11:36:32
1376
原创 angular10预渲染实践笔记
基于Angular的服务端渲染和预渲染功能来生成多页静态页面。Angular Universal 会在服务端通过一个被称为服务端渲染(server-side rendering - SSR)的过程生成静态的应用页面。
2022-06-07 10:34:40
1050
原创 RxJS笔记
RxJS笔记参考资料:RxJS文档RxJS 快速入门RxJS v6 学习指南Rxjs知识整理RxJS的入门指引和初步应用Rxjs6学习概述简介RxJS 是用于 JavaScript 的 ReactiveX 库。ReactiveX是一种针对异步数据流的编程。简单来说,它将一切数据,包括HTTP请求,DOM事件或者普通数据等包装成流的形式,然后用强大丰富的操作符对流进行处理,使你能以同步编程的方式处理异步数据,并组合不同的操作符来轻松优雅的实现你所需要的功能。ReactiveX 结合了
2020-10-28 14:28:49
633
原创 Redux-saga笔记
Redux-saga笔记参考资料:redux-saga文档Redux-saga彻彻底底教会你使用Redux-saga(包含样例代码) 一篇文章介绍redux、react-redux、redux-saga总结前端技术栈(三):redux-saga,化异步为同步1. redux-thunk处理副作用的缺点(1)redux的副作用处理redux中的数据流大致是:UI—————>action(plain)—————>reducer——————>state——————>
2020-10-28 14:28:14
437
原创 react笔记
react笔记state和propsstate 和 props 主要的区别在于 props 是不可变的,而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。而子组件只能通过 props 来传递数据。React 非常灵活,但它也有一个严格的规则:所有 React 组件都必须像纯函数一样保护它们的 props 不被更改。任何的 state 总是所属于特定的组件,而且从该 state 派生的任何数据或 UI 只能影响树中“低于”它们的组件。关于 s
2020-10-28 14:27:47
433
原创 现代前端技术解析读书笔记
思维导图链接:http://v3.processon.com/view/link/5f7ec592762131119546c899取材自《现代前端技术解析》本文只是个人读书笔记,更多详细内容请查看原书。前端技术解析Web前端技术基础 用户界面包括浏览器可见的地址输入框、浏览器前进返回按钮、打开书签、打开历史记录等用户可操作的功能选项。 浏览器引擎可以在用户界面和渲染引擎之间传送指令或在客户端本地缓存中读写数据等,是浏览器中各个部分间相互通信的核心。 浏览器渲..
2020-10-08 16:14:26
574
原创 高性能网站建设指南读书笔记
思维导图链接:http://v3.processon.com/view/link/5f7ec46b762131119546c87d取材自《高性能网站建设指南》及《高性能网站建设进阶指南》》本文只是个人读书笔记,更多详细内容请查看原书。高性能网站建设指南1. 减少HTTP请求 CSS Sprites:干净的标签,很少的图片和很短的响应时间 Inline Images:data:[<mediatype>][;base64],<data> 由于data:U.
2020-10-08 15:53:20
473
原创 前端技能图谱笔记
思维导图链接:http://v3.processon.com/view/link/5c5c2794e4b056ae2a04a78e前端体系前端架构项 开发规范 目录规范、编码规范、按内容命名规范 开发模型 模块化方案,优化在模型中实现 开发体系 构建工具和组件化设计 项目部署 开发与部署打通 前端统计 性能统计、访问统计、用户行为统计、错误统计、安全监控 安全测试 安全意识和自动化高效开发测试等 部署流.
2020-10-08 15:48:25
641
1
原创 css实现椭圆、半椭圆
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css实现椭圆、半椭圆</title> <style> .ellipse { width: 250px; height: 150px; margin: 50px;
2020-10-08 13:37:38
3409
转载 HMTL5离线存储
HMTL5离线存储转载自有趣的HTML5:离线存储随着Web App的发展,越来越多的移动端App使用HTML5的方式来开发,除了一些HybridApp以外,其他一部分Web App还是通过浏览器来访问的,通过浏览器访问就需要联网发送请求,这样就使得用户在离线的状态下无法使用App,同时Web App中一部分资源并不是经常改变,并不需要每次都向服务器发出请求,出于这些原因,HTML5提出的一个新的特性:离线存储。通过离线存储,我们可以通过把需要离线存储在本地的文件列在一个manifest配置文件中,这样
2020-10-08 13:08:39
231
原创 数据库笔试题
数据库笔试题以下题目来源于阿里云大学的数据库学习路线自测题,我只记录自己做错的和有一定难度的题目。加粗的题目答案不一定正确,解析是我自己分析的。知道正确答案和原因的欢迎在评论中答复。初级难度1、什么是1NF?(B)A. 表的某一列是不可分割的基本数据项B. 表的每一列都是不可分割的基本数据项C. 表的每一列是可分割的基本数据项D. 表的某一列是可分割的基本数据项2、什么是3NF?(...
2020-01-07 21:40:38
1218
原创 MySQL数据库思维导图
MySQL数据库思维导图看完了阿里云大学的SQL基础系列视频,制作了份思维导图,希望帮助大家一起学习数据库知识。思维导图分享链接:https://www.processon.com/view/link/5e14896de4b0698ded31bb92...
2020-01-07 21:39:58
1114
原创 数据库中字符串连接
数据库中字符串连接参考资料:MySQL、SQL Server中字符串拼接SQLite 连接两个字符串一.MySQL中字符串拼接1.使用加号”+”实现在Java、C#等编程语言中字符串的拼接可以通过加号“+”来实现,在MySQL中也可以使用加号”+”来连接两个字符串。例如:SELECT '123'+'123' AS result1;SELECT '123'+'abc' as r...
2020-01-07 21:01:13
3735
原创 Linux思维导图汇总
Linux思维导图汇总收集了下Linux相关的思维导图和知识图片,主要是方便自己找常用的命令,希望对大家也能有用。思维导图浏览链接:https://www.processon.com/view/link/5df0977de4b0e2c298adf2ec...
2019-12-11 15:15:55
1196
原创 微服务笔记
微服务笔记参考资料:漫画:什么是微服务?微服务架构什么是微服务微服务架构设计微服务简介单体架构(Monolithic)的痛点传统的MVC架构,所有业务子模块都集成在一个很重的JVM进程当中。所有的功能打包在一个 WAR包里,基本没有外部依赖(除了容器),部署在一个JEE容器(Tomcat,JBoss,WebLogic)里,包含了 DO/DAO,Service,UI等所有逻辑。...
2019-08-20 15:32:29
1501
2
原创 百度天工笔记
百度天工笔记参考资料:初识百度天工百度产品文档简介百度天工是融合了百度ABC(AI、Big Data、Cloud)的“一站式、全托管”智能物联网平台。 从端到云,从数据采集、传输、计算、存储、展现到分析,天工提供了全面的基础产品和服务。赋能物联网应用开发商和生态合作伙伴从”连接”、”理解”到”唤醒“的各项关键能力,从而轻松构建各类智能物联网应用,促进行业变革。连接:互联互通,让...
2019-08-05 18:04:35
1196
原创 人脸识别笔记
人脸识别笔记参考资料:人脸识别技术看这一篇就够了(附国内人脸识别20强公司)人脸识别的十个关键技术组成及原理人脸识别技术百度百科人脸识别技术及应用,了解一下深度干货!一文读懂人脸识别技术(建议收藏)人脸识别技术及应用概览 全在这里人脸识别 :也叫面部识别,是一种基于人的脸部特征信息进行身份识别的生物识别技术。它用摄像机或摄像头采集含有人脸的图像或视频流,并自动在图像中检测和跟踪...
2019-07-01 16:03:43
8755
1
原创 前端书籍分享
前端书籍分享整理了前端的学习书籍,对前端感兴趣的小伙伴可以下载来看。内容包括下载地址链接:https://pan.baidu.com/s/1Mlni6hxX_bEZWOE8JEMH5g
2019-06-28 14:00:49
773
2
原创 LiquiBase笔记
LiquiBase笔记参考资料:LiquibaseLiquibase的简单使用Spring Boot使用Liquibase最佳实践liquibase使用LiquiBase概述及(spring boot 入门配置)Liquibase小知识简介LiquiBase是一个用于数据库重构和迁移的开源工具,通过日志文件的形式记录数据库的变更,然后执行日志文件中的修改,将数据库更新或回滚到...
2019-06-10 09:55:17
1063
转载 从Java字节码到ASM实践
从Java字节码到ASM实践参考资料:从 Java 字节码到 ASM 实践Java字节码ASM 库的介绍和使用访问者模式和 ASM关于java字节码框架ASM的学习ASM 3.0 实现javaAOP编程Java 字节码 & 虚拟机1. Java 字节码就像C或C++编译器将源码编译为汇编码,Java编译器会将Java源码编译成字节码。使用 javac 可以将 .ja...
2019-06-02 14:55:05
912
原创 基于selenium+scrapy爬取复仇者联盟4豆瓣影评数据
基于selenium+scrapy爬取复仇者联盟4豆瓣影评数据参考资料:黑马程序员爬虫教程静觅爬虫教程mac下anaconda安装selenium+PhantomJSscrapy下载中间件结合selenium抓取全国空气质量检测数据使用xpath的轴(Axis)进行元素定位以下内容只用于学习使用,请勿用于商业用途.五一放假看了《复仇者联盟4》,对影片内容不是很懂,所以写个爬虫,...
2019-05-03 12:57:30
2132
原创 Kafka笔记
Kafka笔记参考资料:百度百科Apache Kafka 教程Kafka【第一篇】Kafka集群搭建震惊了!原来这才是kafka!Kafka史上最详细原理总结 ----看完绝对不后悔kafka入门:简介、使用场景、设计原理、主要配置及集群搭建(转)简介Kafka是一种 高吞吐量 的 分布式 发布-订阅 消息系统,具有高性能、持久化、多副本备份、横向扩展能力。生产者往队列里写消...
2019-05-03 11:53:43
3802
原创 RabbitMQ笔记
RabbitMQ笔记参考资料:Spring Boot(八):RabbitMQ 详解我为什么要选择RabbitMQ ,RabbitMQ简介,各种MQ选型对比RabbitMQ技术详解RabbitMQ 中文文档rabbitmq消息队列的简单入门RabbitMQ教程RabbitMQ核心概念篇前言在大多应用中,我们系统之间需要进行异步通信,即异步消息。异步消息中两个重要概念:消息代理...
2019-05-03 11:49:30
324
原创 MQTT笔记
MQTT笔记参考资料:百度百科MQTT 入门MQTT介绍与使用MQTT协议中文版MQTT(Message Queuing Telemetry Transport, 消息队列遥测传输)是一种基于发布/订阅(publish/subscribe)模式的"轻量级"通讯协议,工作在 TCP/IP协议族上。MQTT最大优点在于,可以以极少的代码和有限的带宽,为连接远程设备提供实时可靠的消息服务...
2019-05-03 11:46:59
1890
原创 神经网络实战
神经网络实战参考资料:TensorFlow中文社区教程TensorFlow学习 Mnist示例程序完整代码+注释解析机器学习入门MNIST(代码)TensorFlow 从入门到精通TensorFlow——MNIST手写数字识别TensorFlow入门之MNIST样例代码分析TENSORFLOW系列专题(九):常用RNN网络结构及依赖优化问题说明:以下代码示例基于Python3...
2019-04-23 10:11:19
2942
1
原创 神经网络
神经网络参考资料:TENSORFLOW系列专题TensorFlow 从入门到精通深度学习的概念是从人工神经网络的研究中发展而来的,早期的感知器模型只能解决简单的线性分类问题,后来发现通过增加网络的层数可以解决类似于“异或问题”的线性不可分问题,这种多层的神经网络又被称为多层感知器。对于多层感知器,我们使用BP算法进行模型的训练,但是我们发现BP算法有着收敛速度慢,以及容易陷入局部最优...
2019-04-23 10:10:34
2014
原创 TensorFlow入门
TensorFlow入门参考资料:TensorFlow中文社区教程TENSORFLOW从入门到精通之——TENSORFLOW基本操作TensorFlow升级到1.0版本的问题Tensorflow save&restore遇到问题及解决应对 NotFoundError: Key Variable_10 not found in checkpointTensorFlow的变量管理...
2019-04-23 10:09:29
8747
原创 机器学习基础
机器学习基础参考资料:小象学院机器学习课程TENSORFLOW系列专题TensorFlow 从入门到精通机器学习模型评估方法机器学习简介机器学习是一门致力于研究如何通过计算的手段,利用经验来改善系统自身的性能的学科。机器学习要研究的就是一个学习算法,这个学习算法能够从数据中产生模型(model),而模型能够给我们提供相应的判断。机器学习通过大量数据进行训练,从数据学习中推论...
2019-04-23 10:08:10
788
转载 Akka框架学习
Akka框架学习转载自Spark修炼之道一、并发编程简介多核处理器的出现使并发编程(Concurrent Programming)成为开发人员必备的一项技能,许多现代编程语言都致力于解决并发编程问题。并发编程虽然能够提高程序的性能,但传统并发编程的共享内存通信机制对开发人员的编程技能要求很高,需要开发人员通过自身的专业编程技能去避免死锁、互斥等待及竞争条件(Race Condition)等,...
2019-03-22 16:42:47
1794
转载 Spark Streaming笔记
Spark Streaming笔记转载自Spark修炼之道1. Spark流式计算简介Hadoop的MapReduce及Spark SQL等只能进行离线计算,无法满足实时性要求较高的业务需求,例如实时推荐、实时网站性能分析等,流式计算可以解决这些问题。目前有三种比较常用的流式计算框架,它们分别是Storm,Spark Streaming和Samza,各个框架的比较及使用情况,可以参见:htt...
2019-03-22 16:42:03
418
转载 Spark SQL笔记
Spark SQL笔记转载自Spark修炼之道1. Spark SQL简介Spark SQL是Spark的五大核心模块之一,用于在Spark平台之上处理结构化数据,利用Spark SQL可以构建大数据平台上的数据仓库,它具有如下特点:(1)能够无缝地将SQL语句集成到Spark应用程序当中(2)统一的数据访问方式DataFrames and SQL provide a common ...
2019-03-22 16:41:13
543
mongo-java-driver-3.0.2.jar
2016-03-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人