前端开发-网址备忘录 常用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...
Http基础 【http缓存机制】客户端请求数据 先向浏览器缓存数据库请求是否可以用缓存缓存机制未命中时 客户端向服务器请求数据返回后 需要将新的数据和缓存规则存入缓存系统中强缓存 浏览器缓存数据库通过 http头信息判断是否是强缓存 1.Expires服务端返回的到期时间 2.cache-control max-age缓存内容将多久后失效(http1.1后采用)协商缓存 未命中强缓存 则向服务器发送请求 服务器根据header参数中的If-None-Match中的Etag...
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
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文件的
好用的第三方库async 我的理解:解决异步编程,减少回调的嵌套 目前较好用的库async引入:import * as async from 'async';//多个函数依次执行,之间没有数据交换,简版的async.waterfallasync.series( [ (next: Function) => { console.log('series1'); next(); }, (next: Function) =
好用的第三方库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) => { //... });/
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();})..
TypeScript实现一个有限状态机 开放封闭原则:开发过程中,因为变化、升级和维护等原因需要对原有逻辑进行修改时,很有可能会给旧代码中引入错误,也可能会使我们不得不对整个功能进行重构,并且需要原有功能新测试。我们应该尽量通过扩展实体的行为来实现变化,而不是通过修改已有的代码来实现变化具体一点呢 —— 类、模块和函数应该对扩展开放,对修改关闭。模块应该尽量在不修改原代码的情况下进行扩展。核心 —— 用抽象构建框架,用实现扩展细节。总结一下 —— 开发人员应该对程序中呈现的频繁变化的那些部分作出抽象,然后从抽象派生的实现类来
在VSCode中直接运行ts js代码 1.首先需要安装ts-nodenpm install -g ts-node2.环境下载并安装VSCode,已安装的请跳过。3.安装Code Runner插件在插件中心搜索并安装Code Runner插件4.编写完代码后,点击右上角的运行按钮5.终端即可输出结果...
强大的async.auto工作流 利用async.auto实现 可配置同步异步嵌套方法调用工作流首先了解async.auto原理1.async.auto普通版用法:下面的oneLoad twoLoad threeLoad方法会同步执行 但是会等所有方法的回调回来后,才会到async.auto complete方法async.auto( { oneLoad: (oneLoadFinish) => { this.func1(oneLoadFinish); }
Git 常用 小白进 1.要把本地的两个提交合并成一个在sourceTree 选中两个提交的下面的父节点提交 右键 交互式变基的子提交用以前的提交来squash 全选后 可编辑提交信息 然后点击确定这时 本地仓库已经合并为一个分支 但是远端还没有pushgit status 可以看到本地仓库和远端仓库有different所以要在项目终端 git push -f 强制让本地仓库覆盖远端仓库 保持本地和远端一致2.本地提交并且 push到远端添加全部修改 终端git add . 带备注提交..
TypeScript设计模式浅谈 1.工厂模式通常用于创建对象。使用一个共同的接口来指向新创建的对象定义一个创建对象的接口,通过接口调用并传递类型来决定去实例化哪一个工厂类。//工厂模式创建对象类型枚举export enum DisplayType { ONE = 'ONE', TWO = "TWO"}export class BaseDisplay { baseInit() { } } //工厂对象实例基类export class GemDisplayOne extends BaseDisplay {
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
JS基础整合 【js书写位置】1.内嵌式:可写在页面的任何位置,建议写在HTML结束标签后面<script src="text/javascript"></script>2.外链式写法:<script src="1.js"></script>写js代码时分号不能省略。【输出信息的5种方式】1. alert(""); 在页面弹出一个对话框,早期js调试
CSS基础整合5 【定位的盒子居中】 margin:0 auto;只能让标准流的盒子居中对齐 定位的盒子居中:先向右走父元素盒子的一半50%,再向左走子盒子的一半 left:50%; magin-left:-480px;...
CSS基础整合2 【三种样式表书写位置】内嵌式写法(只作用于当前文件,没有真正实现结构表现分离):<head><style type="text/css">样式表内容</style></head>外链式写法(作用范围是当前站点,范围广,实现结构表现分离)<head><link rel="stylesheet" href="
CSS基础整合1 与html相比,css支持更丰富的文档外观css指层叠样式表(级联样式表),用来美化html标签,相当于给页面化妆。样式表位置写在<head>里面:<style type="text/css">样式表内容</style>选择器(选择标签的过程)写法: 选择器{属性:值;}属性:值width:20px; 宽度height:20px; 高度backgr...