自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

转载 @types

PART1 typescript介绍什么是ts?TypeScript 是微软开发一款开源的编程语言,本质上是向 JavaScript 增加静态类型系统。它是 JavaScript 的超集,所有现有的 JavaScript 都可以不加改变就在其中使用。它是为大型软件开发而设计的,它最终编译产生 JavaScript,所以可以运行在浏览器、Node.js 等等的运行时环境。...

2019-07-15 14:54:00 2944

转载 ES6 Module import & export

历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。ES6 模块的设计思想是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。ES6 模块不是对象,而是通过export命令显式指定输出的代码,再通过import命令输入。// ES6模块import { sta...

2019-06-18 16:36:00 205

转载 switch case

本次随笔由一个例子引出~例1:var num = 18;switch(true) {  case num < 0: alert('less than 0');break;  case num >= 0 && num <= 10: alert('between 0 and 10');break;  case num > 10 &...

2019-05-25 10:45:00 175

转载 python基础

基础概念:1、打印到终端/控制台 print('呵呵呵')2、注释#3、定义函数def4、:表示段落开始,缩进相同的为同一代码块例: def first_python_func(something):      print(something)      return 'yeah'5、循环 while for例: a = 0   while ...

2019-05-13 18:05:00 184

转载 react-hooks 官方文档笔记

1、useStateimport { useState } from 'react';function Example () {  const [count, setCount] = useState(0);  return (<div>      <span>{count}</span>      <button o...

2019-04-26 18:29:00 731

转载 base64编码图片

base64:是一种基于64个可打印字符来表示二进制数据的表示方法。常用于在通常处理文本数据的场合,表示、传输、存储一些二进制数据,包括MIME的电子邮件及XML的一些复杂数据。可打印字符:在显示器上输出且能够看见。ASCII 32~128。上文64个可打印字符特指:A-Z、a-z、0-9,其余两个可打印字符(不同系统不同的字符)。应用例子:<img src=...

2019-04-16 15:32:00 144

转载 fixed布局的坑

本篇试图记录所有fixed布局所带来的坑的解决方案:1、fixed布局父元素导致子元素无法滚动的问题(1)水平,给父元素样式加上  left: 0;  right: 0;  overflow-x: scroll;  overflow-y: hidden;(2)竖直,给父元素样式加上  top: 0;  bottom: 0;  o...

2019-01-23 10:22:00 712

转载 JS判断客户端是IOS还是ANDROID

//判断app是ios还是androidexport function isIosorAndroid():string{  let u = navigator.userAgent;  let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //判断是否是 android终端  le...

2018-12-07 12:08:00 112

转载 https的运行机制与配置

超文本传输安全协议(缩写:HTTPS,英语:Hypertext Transfer Protocol Secure)是超文本传输协议和SSL/TLS的组合,用以提供加密通讯及对网络服务器身份的鉴定。(1) 所有信息都是加密传播,第三方无法窃听。(2) 具有校验机制,一旦被篡改,通信双方会立刻发现。(3) 配备身份证书,防止身份被冒充。运行机制:1、协商生成对话秘钥: (...

2018-11-19 17:54:00 151

转载 async await 更简洁的异步

一个异步函数的声明:// async表示函数里有异步操作,await表示紧跟在后面的表达式需要等待结果。async 函数名 function(){  await 异步操作;// 可使用多个await执行多个异步操作  异步操作执行完后的操作;} //返回一个 Promise 对象,可以使用then方法添加回调函数注意点:1、async函数返回的 Pro...

2018-11-06 14:51:00 95

转载 linux 命令记录

ls -l :目录名/文件名 可查看该目录下的所有文件/该文件的权限chmod *** 文件名 : 可设置该文件的权限为*** 例:chmod 644 authorized_keysifconfig(interfacesconfig) : 命令用来查看和配置网络设备,当网络环境发生改变时可通过此命令对网络进行相应的配置cat主要有三大功能:1.一次显...

2018-11-06 11:51:00 91

转载 fetch 另一种ajax解决方案

AJAX即“Asynchronous JavaScript and XML”(异步的JavaScript与XML技术),指的是一套综合了多项技术的浏览器端网页开发技术。传统的ajax:XMLHttpRequest(XHR),配置麻烦,写起来不好看。非传统ajax: Fetch,基于promise,配置方便,简单明了。fetch最简单的用法就是fetch(...

2018-11-06 11:29:00 140

转载 ssh免密登录

在计算器领域,SSH文件传输协议(英语:SSH File Transfer Protocol,也称Secret File Transfer Protocol,中文:安全文件传送协议,英文:Secure FTP或字母缩写:SFTP)是一数据流连线,提供文件访问、传输和管理功能的网上传输协议。要做到前端自动部署比如说要拷贝项目到另一台服务器在自动执行命令时是没办法去输入...

2018-10-31 17:47:00 117

转载 前端自动打包部署上线记录

思路:1、从github上拉取代码到服务器指定目录(git clone 代码仓库地址),2、进入到 服务器指定目录/仓库目录 执行依赖安装(例 npm install),3、根据安装依赖的结果,成功则执行打包编译(例 npm run build),4、根据编译结果,执行部署的操作(例 scp myfile username@192.168.1.100:/home)...

2018-10-26 15:38:00 376

转载 React の 图片路径问题

踩坑小记录( • ̀ω•́ )✧在刚接触React时就觉得她是一个傲娇的小姐姐想不到图片插入的方式也是那么特别呢 (ฅωฅ*)首先,用create-react-app搭建的react项目会以public文件夹为根目录~Withcreate-react-appthere ispublicfolder (withindex.html...). If yo...

2018-10-16 11:52:00 1149

转载 词法作用域 & 动态作用域

JavaScript 采用的是词法作用域,函数的作用域在函数定义的时候就决定了。JavaScript除了this(动态作用域)之外,其他,都是根据词法作用域查找.词法作用域的函数中遇到既不是形参也不是函数内部定义的局部变量的变量时,去函数定义时的环境中查询。动态域的函数中遇到既不是形参也不是函数内部定义的局部变量的变量时,到函数调用时的环境中查。附上两...

2018-10-09 14:43:00 118

转载 react の 官方文档小记录

1、State is similar to props, but it is private and fully controlled by the component.2、class name extends React.Component3、Therendermethod will be called each time an update happens,...

2018-10-09 11:10:00 93

转载 继承 & 原型链

function Father(name){this.name = name || 'jjjj';}Father.prototype.sayName = function(){ console.log(this.name);}function Child(name){ Father.call(this,name);} Child.prototype = new Fat...

2018-08-08 11:55:00 103

转载 ES6 の 块级作用域

let实际上为 JavaScript 新增了块级作用域。function f1() { let n = 5; if (true) { let n = 10; } console.log(n); // 5}上面的函数有两个代码块,都声明了变量n,运行后输出 5。这表示外层代码块不受内层代码块的影响。如果两次都使用var定义变量n,最后输出的...

2018-07-26 13:30:00 104

转载 javascript中this的指向分析

1、this的意义(this是什么?):http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.htmlthis是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。https://zhuanlan.zhihu.com/p/2...

2017-12-17 21:18:00 161

转载 let & var 的区别

在讲let命令之前,先来回顾一下var的一些特性和用法。var:用于声明变量的命令1、作用域:(ES5中仅有函数作用域&全局作用域)(1)如果在一个函数之内用var声明变量,则其在该函数内有效,其外部环境无法访问到这个变量,且该变量在函数内会覆盖全局变量的声明。var a = 6;function hh(){var a = 4;alert(a)...

2017-12-02 10:31:00 81

转载 npm 全局安装环境配置

BEGIN第一步,你首先得下个nodejs第二步,在nodejs目录下新建两个文件夹,node_cache&node_global(如果本来用过之后已经有node_cache就不用再新建node_cache了)第三步,以管理员身份运行cmd(这一步很关键!请以管理员身份运行!我就栽在了这里!) (1)输入npm config set pre...

2017-11-26 10:57:00 693

转载 visibilitychange => 获取页面的可见性

今天在写一个轮播时,一切功能都完好,但就是切换页面或者是最小化窗口之后一段时间再次打开页面时,发现轮播图一片空白。心想着大概是浏览器的处理方式的问题,在搜索资料过后得到了处理方法。通过为document添加visibilityChange事件即可获取页面的可见性。可通过可见性不同执行一些操作或行为。例如:标签页隐藏的时候停止播放音乐视频、停止一些不必要的轮询,还有停止一些...

2017-11-25 16:41:00 156

转载 typeof & instanceof 的用法

1、typeof操作符返回一个字符串,指示未经计算的操作数的类型。【检测不出是否为Array】alert(typeof null); // "object"alert(typeof function () {return 1;}); // "function"alert(typeof 'hhh'); // "string"alert(typeof 1); // "numbe...

2017-11-21 16:16:00 173

转载 如何在多次触发事件时只执行一次?(函数防抖)

如何让滚轮滑动一次只执行一次事件。同样的问题,就是窗口多次调整后只允许触发一次事件,且延迟一段时间执行,如何解决。只需要在事件开头加上clearTimeout即可,每次滑动时都清除排队执行的前面等候事件,以最后一次添加的事件为主。var scrollEle = document.getElementById("inner"); var time; ...

2017-11-20 16:49:00 1275

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除