- 博客(22)
- 收藏
- 关注
原创 前端开发-网址备忘录
常用CDN引入 BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务 elementUI Element - The world's most popular Vue UI framework echarts Apache ECharts Highcharts 通过 npm 安装 | Highcharts 使用教程 vue官网 安装 — Vue.js vue-cli脚手架 介绍 | Vue CLI vue-router vue-router (v2.8...
2021-09-13 20:16:53
135
原创 Http基础
【http缓存机制】客户端请求数据 先向浏览器缓存数据库请求是否可以用缓存缓存机制未命中时 客户端向服务器请求数据返回后 需要将新的数据和缓存规则存入缓存系统中强缓存 浏览器缓存数据库通过 http头信息判断是否是强缓存 1.Expires服务端返回的到期时间 2.cache-control max-age缓存内容将多久后失效(http1.1后采用)协商缓存 未命中强缓存 则向服务器发送请求 服务器根据header参数中的If-None-Match中的Etag...
2021-09-13 20:15:33
127
原创 JQuery常用
通过 CDN(内容分发网络) 引用jquery库https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js 一般用这个https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.jshttps://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.jsJquery常用方法1.动画效果$("#id").hide("slow", call
2021-08-19 19:03:51
106
原创 nodejs
V8:Chrome浏览器是跨Windows和Mac平台的,并且,Google认为要运行现代Web应用,浏览器必须有一个性能非常强劲的JavaScript引擎,于是Google自己开发了一个高性能JavaScript引擎,名字叫V8,以BSD许可证开源。Node.js:基于JavaScript语言和V8引擎的开源Web服务器项目npm:Node.js的包管理工具npm可以直接运行node hello.js,原理是启动了Node解释器,然后一次性把hello.js文件的
2021-08-09 18:40:39
49
原创 好用的第三方库async
我的理解:解决异步编程,减少回调的嵌套 目前较好用的库async引入:import * as async from 'async';//多个函数依次执行,之间没有数据交换,简版的async.waterfallasync.series( [ (next: Function) => { console.log('series1'); next(); }, (next: Function) =
2021-08-09 16:47:09
434
原创 好用的第三方库lodash
我的理解:lodash是js集Array/Object/String/Function于一身的Utillodash中文文档:https://www.lodashjs.com/lodash引入:import * as lodash from 'lodash';一些常用的lodash代码://遍历列表或数组的每一项let list = [];lodash.forEach( list, (data: any) => { //... });/
2021-08-09 15:51:40
412
原创 async,await,promise,setTimeout的执行顺序
//题1setTimeout(function () { console.log(1);}, 1000);setTimeout(function () { console.log(2);}, 0);//所有setTimeout定义的操作都会放在一个队列中,等待函数调用栈(所有可执行代码)执行完毕后才会执行new Promise(function (resolve, reject) { console.log(3);//立即触发1 resolve();})..
2021-08-09 15:48:46
124
原创 TypeScript实现一个有限状态机
开放封闭原则:开发过程中,因为变化、升级和维护等原因需要对原有逻辑进行修改时,很有可能会给旧代码中引入错误,也可能会使我们不得不对整个功能进行重构,并且需要原有功能新测试。我们应该尽量通过扩展实体的行为来实现变化,而不是通过修改已有的代码来实现变化具体一点呢 —— 类、模块和函数应该对扩展开放,对修改关闭。模块应该尽量在不修改原代码的情况下进行扩展。核心 —— 用抽象构建框架,用实现扩展细节。总结一下 —— 开发人员应该对程序中呈现的频繁变化的那些部分作出抽象,然后从抽象派生的实现类来
2021-08-06 17:25:54
1225
原创 在VSCode中直接运行ts js代码
1.首先需要安装ts-nodenpm install -g ts-node2.环境下载并安装VSCode,已安装的请跳过。3.安装Code Runner插件在插件中心搜索并安装Code Runner插件4.编写完代码后,点击右上角的运行按钮5.终端即可输出结果...
2021-08-06 13:32:39
875
原创 强大的async.auto工作流
利用async.auto实现 可配置同步异步嵌套方法调用工作流首先了解async.auto原理1.async.auto普通版用法:下面的oneLoad twoLoad threeLoad方法会同步执行 但是会等所有方法的回调回来后,才会到async.auto complete方法async.auto( { oneLoad: (oneLoadFinish) => { this.func1(oneLoadFinish); }
2021-08-05 16:55:05
402
原创 Git 常用 小白进
1.要把本地的两个提交合并成一个在sourceTree 选中两个提交的下面的父节点提交 右键 交互式变基的子提交用以前的提交来squash 全选后 可编辑提交信息 然后点击确定这时 本地仓库已经合并为一个分支 但是远端还没有pushgit status 可以看到本地仓库和远端仓库有different所以要在项目终端 git push -f 强制让本地仓库覆盖远端仓库 保持本地和远端一致2.本地提交并且 push到远端添加全部修改 终端git add . 带备注提交..
2021-08-05 11:29:03
123
原创 TypeScript设计模式浅谈
1.工厂模式通常用于创建对象。使用一个共同的接口来指向新创建的对象定义一个创建对象的接口,通过接口调用并传递类型来决定去实例化哪一个工厂类。//工厂模式创建对象类型枚举export enum DisplayType { ONE = 'ONE', TWO = "TWO"}export class BaseDisplay { baseInit() { } } //工厂对象实例基类export class GemDisplayOne extends BaseDisplay {
2021-08-04 17:05:07
165
原创 TypeScript LeetCode 简单题解
1. 两数之和 https://leetcode-cn.com/problems/two-sum/给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标function twoSum(nums: number[], target: number): number[] { let hashmap = new Map(); hashmap.set(nums[0], 0); for (let
2021-08-04 10:46:08
178
原创 JS基础整合
【js书写位置】1.内嵌式:可写在页面的任何位置,建议写在HTML结束标签后面<script src="text/javascript"></script>2.外链式写法:<script src="1.js"></script>写js代码时分号不能省略。【输出信息的5种方式】1. alert(""); 在页面弹出一个对话框,早期js调试
2018-06-19 23:19:26
248
原创 CSS基础整合5
【定位的盒子居中】 margin:0 auto;只能让标准流的盒子居中对齐 定位的盒子居中:先向右走父元素盒子的一半50%,再向左走子盒子的一半 left:50%; magin-left:-480px;...
2018-06-07 23:54:02
374
原创 CSS基础整合2
【三种样式表书写位置】内嵌式写法(只作用于当前文件,没有真正实现结构表现分离):<head><style type="text/css">样式表内容</style></head>外链式写法(作用范围是当前站点,范围广,实现结构表现分离)<head><link rel="stylesheet" href="
2018-06-03 18:43:59
93
原创 CSS基础整合1
与html相比,css支持更丰富的文档外观css指层叠样式表(级联样式表),用来美化html标签,相当于给页面化妆。样式表位置写在<head>里面:<style type="text/css">样式表内容</style>选择器(选择标签的过程)写法: 选择器{属性:值;}属性:值width:20px; 宽度height:20px; 高度backgr...
2018-05-31 23:31:31
105
原创 HTML基础知识整合2
meta标签<meta charset="utf-8">编码字符集<meta name="keywords" content="关键字内容,给搜索引擎看的"><meta name="description" content="网页描述内容"><meta http-equiv="refresh"
2018-05-31 19:44:43
196
原创 HTML基础知识整合1
单标签注释标签: ctrl+/水平线标签:<hr>换行标签:<br>双标签段落标签:<p></p>标题标签:h1-h6文本标签:<font></font>图片标签:<img src="图片的来源" alt="替换文本" title="提示文本" width="
2018-05-29 22:38:25
96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人