自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 jupyter环境搭建与简单配置

安装Python3。需注意mac自带Python2.设置 python 环境变量为 python3安装 jupyter 默认安装有可能存在镜像无法安装。可使用其他代理进行安装另外需要注意pip 与 pip3 指向的python版本中国科技大学 https://pypi.mirrors.ustc.edu.cn/simple/清华大学 https://pypi.tuna.tsi...

2020-04-22 14:29:31 700

原创 react hooks 霓虹灯文子特效

import React, { memo } from 'react'import './index.less'export interface TextTexiaoIF {text: string}function TextTexiao (props: TextTexiaoIF) {const { text } = propsconst textHtml:...

2020-04-11 14:21:51 177

转载 React 实现点击拖拽功能onDrag

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://unpkg.com/react@16/umd/react.development.j...

2019-05-14 14:09:09 5717

原创 vue 中监听监听按键

按键修饰在监听键盘事件时,我们经常需要检查详细的按键.vue允许为v-on在监听键盘事件时添加按键修饰符:<!-- 只有在 `key` 是 `Enter` 时调用 `vm.submit()` --><input v-on:keyup.enter="submit">按键码使用keyCode的特性也是允许的:<input v-on:keyup.1...

2019-04-23 20:40:42 3280

转载 js 继承的几种方式

1.原型链继承:将父类的实例做为子类的原型,子类可通过原型链访问父类属性或方法2.构造继承:使用父类的构造函数来增强类实例,也就是复制父类的实例属性给子类,实例并非是父类的,不能访问父类原型属性或方法3.实例继承:为父类实例添加新特性,做为子实例返回。实例是父的实例,子类得到的只是返回实例...

2019-04-19 10:34:17 69

原创 vue 节流throttling防抖debounce

节流和防抖常用与监听滚动事件,移动事件,窗口改变大小事件,输入事件等高频触发事件,当事件处理函数较为复杂时,将导致无法实时响应,降低用户体验度,影响效率,出现页面卡顿,假死等现象。debounce周期内有新事件触发,清除旧定时器,重置新定时器;这种方法,需要高频的创建定时器。throttling周期内有新事件触发时,重置定时器开始时间撮,定时器执行时,判断开始时间撮,若开始时间撮被推后...

2019-04-17 22:50:28 1031 1

原创 get和post的区别

GET 请求可被缓存 GET 请求保留在浏览器历史记录中 GET 请求可被收藏为书签 GET 请求不应在处理敏感数据时使用 GET 请求有长度限制 GET 请求只应当用于取回数据POST 请求不会被缓存 POST 请求不会保留在浏览器历史记录中 POST 不能被收藏为书签 POST 请求对数据长度没有要求...

2019-04-13 22:16:33 53

转载 深拷贝与浅拷贝

1、数据类型: * 数据分为基本的数据类型(String, Number, boolean, Null, Undefined)和对象数据类型 - 基本数据类型: 特点: 存储的是该对象的实际数据 - 对象数据类型: 特点: 存储的是该对象在栈中引用,真实的数据存放在堆内存里 2、复制数据 - 基本数据类型存放的就是实际的数据,可直接复...

2019-04-13 16:13:22 73

原创 ES6 Promise对象的理解与使用

1. 理解: * Promise对象: 代表了未来某个将要发生的事件(通常是一个异步操作) * 有了promise对象, 可以将异步操作以同步的流程表达出来, 避免了层层嵌套的回调函数(俗称'回调地狱') * ES6的Promise是一个构造函数, 用来生成promise实例2. 使用promise基本步骤(2步): * 创建promise对象 let promis...

2019-04-12 21:47:28 107

转载 HTTP与HTTPS的区别

超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息,HTTP协议以明文方式发送内容,不提供任何方式的数据加密,如果攻击者截取了Web浏览器和网站服务器之间的传输报文,就可以直接读懂其中的信息,因此,HTTP协议不适合传输一些敏感信息,比如:信用卡号、密码等支付信息。  为了解决HTTP协议的这一缺陷,需要使用另一种协议:安全套接字层超文本传输协议HTTPS,为了数据传输的安...

2019-04-10 16:37:01 71

转载 web前端常见的几种优化方式

1、从DOM结构和标签上来优化·使用语义化的标签,代码清晰简洁;·减少Dom节点,增加渲染速度;·使用W3C标准书写闭合小写的标签;·给图片和table指定宽高,避免缩放;·防止src和href值为空,当为空时,浏览器会把当前页面当做属性值重新加载;·css在头部位置,js在body底部位置;2、从CSS样式上来优化·使用link加载样式而不是@import(...

2019-04-10 15:01:48 113

转载 防止表单重复提交的八种简单有效的策略

表单重复提交是在多用户Web应用中最常见、带来很多麻烦的一个问题。有很多的应用场景都会遇到重复提交问题,比如:点击提交按钮两次。点击刷新按钮。使用浏览器后退按钮重复之前的操作,导致重复提交表单。使用浏览器历史记录重复提交表单。浏览器重复的HTTP请求。用户提交表单时可能因为网速的原因,或者网页被恶意刷新,致使同一条记录重复插入到数据库中,这是一个比较棘手的问题。我们可以从客户端和服务...

2019-04-08 21:44:38 505

原创 深拷贝与浅拷贝

深拷贝与浅拷贝的区别js中有六种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object)。复杂数据类型又分为Object类型,Array类型,function类型。深拷贝和浅拷贝都是针对与复杂数据类型的。基本数据类型是没有深浅拷贝之分的。浅拷贝仅是复制了引用地址,复制之后原来的变量和新的变量指向同...

2019-04-07 16:23:44 81

转载 ES6

1.es6熟悉吗,说几个es6的新增方法(1)新增声明命令let和const在es6中通常用let和const来声明,let表示变量、const表示常量。特点:let和const都是块级作用域。以{}代码块作为作用域范围 只能在代码块里面使用。不存在变量提升,只能先声明再使用,否则会报错。在代码块内,在声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死...

2019-04-07 15:53:21 56

转载 H5新特性总结

1.h5新语义元素 header标签包含引导和导航等,通常包含h1~h6、搜索框、logo等。 footer标签一般配合address标签(显示地址),包含作者信息、相关链接等。 nav标签一般包含多个a标签,构建导航组件。 aside标签主要装载广告、侧边栏。 article标签包含文章,一般内嵌header、footer、h1、p标签。 section标签可以用在以上任一一个标签中...

2018-07-25 23:07:06 463

空空如也

空空如也

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

TA关注的人

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