- 博客(32)
- 收藏
- 关注
RSS订阅原创 重学TypeScript
基础强类型语言：不允许改变数据类型，除非强制转换数据类型弱类型语言：变量允许被赋予任意类型静态类型语言：在编译阶段确定所有变量的类型动态类型语言：在执行阶段确定所有变量的类型# 创建 ts 配置文件 tsconfig.json$ tsc --init工程实战...
2021-08-11 18:36:23
283
原创 single-spa 源码学习
学习目的：qp ---基于---> qiankun ---基于---> single-spa；面向工作热爱学习简要概述：single-spa 是一个前端微服务框架，有如下特点：1. 技术栈无关2. 渐进式增加应用3. 懒加载提高首屏渲染single-spa Githubsingle-spa document...
2021-05-07 19:14:01
225
原创 UML速通笔记
UML (Unified Modeling Language) | 统一建模语言图形画的语言表示UML 的2种分类静态模型 (Static Model)创建并且记录一个系统的静态特征反映一个软件系统基础/固定的框架结构创建相关问题域主要元素视图静态模型包括：用例图 (Use Case Diagrams)类图 (Class Diagrams)对象图 (Object Diagrams)组件图 (Component Diagrams)部署图 (Deployment Diagr
2021-03-11 23:43:26
200
原创 两个 Canvas 之间有空隙
原因: HTML 页面中 回车导致的空格占位符原 HTML code<canvas id="canvas1" wdith="512" height="512"></canvas><canvas id="canvas2" wdith="512" height="512"></canvas>修改后 HTML code<!-- 利用html注释符占位 --><canvas id="canvas1" wdith="512" height
2020-12-17 19:00:48
800
1
原创 React 源码学习
将一个最简单的组件渲染到页面上，查看她的函数调用栈，可以将其划分为三个部分产生更新 —— 调度需要决定更新什么组件 —— 协调将更新的组件渲染到页面 —— 渲染React的设计理念React为了践行快速响应的设计理念,做了那些事情呢？React 解决 GPU的瓶颈主流浏览器的刷新频率为 60Hz1000ms / 60Hz = 16.6ms 浏览器刷新一次在这16.6ms中，会依次执行 JavaScript -> 样式布局 -> 样式绘制如果JS脚本执行超过了16.6m
2020-11-11 22:58:22
374
原创 nvm 常用命令
nvm —— npm 版本控制工具nvm install v12.2.0 # 安装 该(v12.2.0) 版本nvm uninstall v12.2.0 # 卸载 该(v12.2.0) 版本nvm use v12.2.0 # 使用 该(v12.2.0) 版本nvm ls # 查看所有已安装版本nvm current # 显示当前版本
2020-11-07 21:23:20
123
原创 算法之BFS完全掌握！
BFS 广度优先搜索。首先了解，队列Queue： 是一种受限制的线性结构，先进先出。创建一个队列：// Java 版本import java.util.LinkedList;import java.util.Queue; public class Main { public static void main(String[] args) { //add...
2020-11-02 19:13:34
102
原创 计算机网络《自顶向下方法》学习笔记
2. 应用层网络应用是计算机存在的理由，若我们不能构想出有意思的应用，也就失去了设计支持它们（应用）的网络协议。2.1 应用层协议原理多端通信; 只关注应用层 -> 应用程序 BOOM !!!2.1.1 网络应用程序体系结构应用程序体系结构 ！== 网络体系结构应用程序程序员视角: 网络体系结构是固定的；它（网络体系结构）为应用程序提供特定的服务集合。应用程序体系结构由应用程序研发者设计：规定如何在多端组织该应用程序应用程序的两种主流体系结构客户端 - 服务器 ： 服务器
2020-10-30 15:14:58
396
1
原创 Mysql 学习笔记
use 数据库名; // 进入数据库show tables; // 查看数据库内所有表 desc 表名; // 查看表的详细信息-- 增insert into 表名(所有非自增且不能为空的字段名) values (你要添加的内容);-- now() 获取当前时间-- 删delete from 表名 where 字段名='要匹配的内容';-- 软删除// 设置一个state字段名 1：存在 0：删除， 通过update .. set .. 设置-- 改update 表名 set 字段
2020-10-26 23:17:13
131
原创 JavaScript 设计模式
Q: 什么是设计模式？A: “软件设计模式（Design pattern）”。它！可复用；它！无人不晓；它！分类清晰；它！是经验的总结。可复用，易阅读，够强壮，跨平台是它的标签。Q: 为什么要使用设计模式？A: 易维护，好理解，通用的标准它不香吗? 项目开发往往不是单兵作战，需要小伙伴们的配合，但大家的技能点各不相同，此时！就需要一个通用的结构标准来规范代码。（屁股一翘就知道你想干嘛！OrzQ: 那么设计模式这么好，我需要获取那些技能点呢？A: 纸上设计模式，容我娓娓道来~1. 设计模式 之
2020-10-26 00:22:58
106
原创 从0开始认识Webpack
Webpack 中 一切(JS, 图片…)皆为模块。Webpack 配置灵活 & 具备强大的插件化扩展能力。Webpack 需要了解诸多概念entryoutputmodeloadersplugins热更新code splitingtree shaking…Webpack 的学习曲线Webpack 打包速度Webpack 打包体积页面加载时性能优化…本文档分为四大章节1. 基础篇掌握 Webpack 的核心概念和开发必备技巧2. 进阶篇编写 .
2020-10-25 01:08:33
165
原创 creact-react-app webpack如何添加 less
1. 安装less-loader// npm同样可以，我这里使用yarnyarn add less-loader2. 暴露(eject)出webpack配置yarn eject3. 修改webpack配置暴露webpack配置会，文件目录会多出config配置文件，进入webpack.config.js文件。找到下面四行的位置！// style files regexesconst cssRegex = /\.css$/;const cssModuleRegex =
2020-08-25 19:29:35
153
原创 git 的学习与使用
git是世界上最先进的分布式版本控制系统。我是这么理解，这里有几个概念：本地、服务器、中央服务器（远程服务器）。每一次commit是提交到本本机的服务器，这个不需要联网，正所谓的版本管理，就是要方便我们知道每一个版本，比如回到之前的某个版本（这是其一），而且回滚到某个历史版本，也是从本机的服务器拿的数据，这些都不需要联网。而 SVN 的每一次 commit 都需要联网...
2020-01-06 10:44:27
114
原创 理解JavaScript中的原型链-Prototypes
源文章来源Prototypes in JavaScript译者: LeeywPrototypes in JavaScriptJavaScript中的PrototypesWhen you define a function within JavaScript, it comes with a few pre-defined properties; one of thes...
2019-12-22 08:56:04
851
原创 CSS sprite 雪碧图，竟如此好用！
先说用处:CSS雪碧 即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像(一般来说是透明)合并到一张图片上，然后利用css的背景定位(position)来显示需要显示的图标部分。为什么这样用？制作一张网页时，会使用很多个图标。正常思路：有多少个图标我们就请求多少次，或使用替换标签<img>等，或使用属性backgro...
2019-12-19 22:07:01
223
原创 很好理解！ CSS3 3D transform 体验！
目录 preface 明明白白的rotate(X|Y|Z)变换 不可或缺的perspective 舒舒服服的translateZ 鬼鬼祟祟的perspective-origin 进阶的transform-style: preserve-3d 补充亿点细节backface-visibility 实际应用 ...
2019-12-17 21:37:20
201
原创 JavaScript 正则表达式的学习
目录 Preface 语法 正则表达式的语法 正则表达式的构建 正则表达式的修饰符 正则表达式的方法 正则表达式的元字符 正则表达式的量词 正则表达式的中括号 常用组合 Preface我受够每次进行数据匹配都重新学习正则和疯狂搜索了！！！这次一口气把正则表达式总结完毕！！然后，勤加练习！学习正则表达式，本文足以！正则表达式是用于匹配字符...
2019-12-17 00:30:48
185
原创 《ECMAScript 6 入门》学习笔记
Constconst声明一个只读的常量。一旦声明，常量的值就不能改变。const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。const foo;// SyntaxError: Missing initializer in const declarationconst的作用域与let命令相同：只在声明所在的块级作用域内有效。co...
2019-12-16 20:18:44
177
原创 蔡勒(Zeller)公式理解Get（√）
Preface偶然做到日期相关题目，了解到Zeller公式。不甘心停留在使用阶段，便想掌握其推导过程。只适用于格利戈里历法，也就是现今的公历。1. Zeller公式标准形式计算1582年10月4日或之前日期 (罗马教皇决定在1582年10月4日后使用格利戈里历法)w：星期； w对7取模得：0-星期日，1-星期一，2-星期二，3-星期三，4-星期四...
2019-12-15 21:01:39
1989
原创 (三种方式)JavaScript获取鼠标“位置”的方法
参考Document-Pos1. 相对于屏幕function getPos(event) { var e = event || window.event; console.log("相对于屏幕的绝对路径：", e.screenX, e.screenY);}2. 相对于浏览器function getPos(event) { var ...
2019-12-09 01:00:51
1113
原创 JavaScript中let，const, var的用法和区别
let作用域：块级作用域let a = 1;{ console.log(a); // 输出1 let b = 2; console.log(b); // 输出2 }console.log(a); // 输出1console.log(b); //b is not defined重新声明：否let techacademy = '初始值ok';...
2019-12-06 23:02:13
171
原创 完全理解JavaScript的立即执行函数！
立即执行函数(IIFE)出现场景：1. 声明一个匿名函数并立即执行它(function(pram){ console.log(pram);})("hello world")2. 隔离作用域。引入第三方库时(例：jQuery), 会声明大量函数和变量等对象，为了不与你的源码进行命名冲突，其解决办法就是立即执行函数！这种方法相当于建立了一个私有空间，如果想使用全局...
2019-12-06 21:53:45
99
原创 CSS中选择器用法
先明白一个概念：<div class="view"></div><ul id='parent' class="box"> <li id='child1' class="wrap"> <img src='xxxx' class="picture" /> <img src='xxxx' /...
2019-12-06 03:26:22
194
原创 Web前端命名规范大全
HTML51）、所有的命名最好都小写2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5"3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整4）、空元素要有结束的tag或于开始的tag后加上"/"5）、表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等6）、&...
2019-12-06 02:37:13
854
原创 HTML5 中 href, src, url的用法和区别
href (Hypertext Reference | 超文本引用)常用标签: <a /> <link /><link rel="stylesheet" href="./style.css" />当浏览器解析到这一句的时候会识别该文档为css文件，会下载并且不会停止对当前文档的处理，这也是为什么建议使用link方式来加载css而不是使用@im...
2019-12-06 02:34:02
1869
原创 成功运行~！apache + Server 2008 R2 + Python flask + mod_wsgi 搭建后端服务器
鬼知道我花了我多久时间，apache一定要勤看error.log博主环境：阿里云 Windows Server 2012 R2 64位python3.7 >>> flask 1.1.1apache2.4 VC15mod_wsgi‑4.6.8+ap24vc15‑cp37‑cp37m‑win_amd64.whl安装apache的链接apache安装mod_ws...
2019-11-29 23:38:23
244
原创 Vue Cli webpack打包出现Waring ：Critical dependency: the request of a dependency is an expression
错误信息:Waring 写法：let name = require(url);如下写法，错误消失：let name = require(`${url}`);
2019-11-20 20:47:38
8888
2
原创 如何在Window10安装node-sass
plan 1:在macOS或者Window已经配置了git在git bash窗口的条件下直接执行命令：//使用淘宝镜像SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass 若你的window没有git环境则依次执行：set SASS_BINARY_SITE=https://np...
2019-05-30 17:48:35
2202
原创 第一次使用GitHub怎么操作？
GitHub上操作（第一次）https://github.com/settings/keys创建New SSH Keyshttps://github.com/settings/ssh/newhttps://help.github.com/en/articles/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent执行命令（在Git...
2019-05-29 23:13:15
643
原创 HTTP状态码理解
HTTP 状态码Ｓｔａｔｕｓ－ｃｏｄｅ为服务器的返回值，是用３个数字来表示，第一个数字是作为状态码的分类，后两位数字只做类别再次细分不做大类分别1XX:信息(Informational)请求已经收到，请求过程正在继续100 ContinueClient 应当继续等待请求，这个是Server端的临时状态，用于通知服务端101 Switching Protocols...
2019-05-29 23:05:49
178
原创 清除(闭合)浮动的几种方案！快乐清除浮动~
前置知识一般我们使用那些定位？1. staic(普通定位流/默认)block || inline 从上到下 || 从左到右排列布局2. float(浮动定位)value：(none/left/right)会脱离文档流，但仍然属于父元素3. positionvalue：(relative/absolute/fixed/sticky)relative相对原位置偏移某...
2019-05-29 23:01:07
223
原创 微信小程序之set.Data()方法（笔记）
a.小程序并没有提供类似DOM的JS API来更新试图（set.Data()）b.this.setData()方法-更新数据让框架自动更新对应视图区域c.更新是增量式的tips:小程序中只能是 逻辑层--->视图层 的数据更新 属于单向 视图层的更新不会影响到数据的自动更新this.setData()可以对已有的内部变量进行数据更新this.setData()不仅可以更新一个已有的变量的...
2018-05-19 18:37:27
1593
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人