![](https://img-blog.csdnimg.cn/20d4966f5c514ae8b650c28dc565905f.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web三大件
Web 中的 html、css、javascript。
FlyWine
They go low, we go high!
展开
-
javascript复制到黏贴板之完美兼容
javascript复制到黏贴板之完美兼容很多时候我们需要给用户方便,提供一键复制的功能,但是在实现的过程中遇到各式各样的坑。原生解决方案document.execCommand()方法MDN上的定义:which allows one to run commands to manipulate the contents of the editable region.当一个HTML...原创 2018-12-28 09:10:47 · 537 阅读 · 0 评论 -
Rxjs的flatMap使用
Rxjs的flatMap使用flatMap是Rxjs比较绕的一个概念,这里我们只是讲解如何使用。在Rxjs 4.0版本时叫flatMap,在Rxjs 5.0时被更名为margeMap,现在flatMap作为margeMap的别名使用,这是考虑向下兼容。官方flatMap的定义: Projects each source value to an Observable which is me...原创 2018-04-18 12:37:28 · 2179 阅读 · 0 评论 -
JS事件的捕获和冒泡阶段
JS事件的捕获和冒泡阶段这里介绍两个事件模型:IE事件模型与DOM事件模型IE内核浏览器的事件模型是冒泡型事件(没有捕获事件过程),事件句柄的触发顺序是从ChildNode到ParentNode。 <div id="ancestor"> <button id="child"> child </...原创 2018-03-01 17:44:12 · 2303 阅读 · 0 评论 -
javascript编译压缩
javascript编译js是JavaScript 源码文件, .min.js是压缩版的js文件。.min.js文件经过压缩,相对编译前的js文件体积较小,传输效率快。经过编码将变量和函数原命名改为毫无意义的命名,以防止他人窥视和窃取 js 源代码在线版github安装npm install uglify-js -g编译源码uglifyjs Three.es.js -c --to...原创 2019-03-07 11:10:30 · 1671 阅读 · 0 评论 -
Nodejs,Npm,React安装教程
React安装1.下载node.js安装包下载二进制包选择比较稳定的版本进行安装,v8.92.安装直接把文件解压复制到某个目录下,sudo cp -r node-v8.9.0 /opt/node #你下载的版本sudo touch /etc/profile.d/node.sh #新建一个脚本文件sudo gedit /etc/profile.d/node.sh #打开文件在文件内写入下面代码:原创 2017-11-20 19:41:58 · 1930 阅读 · 0 评论 -
Promise.all的深入理解
异步之PromisePromise.allPromise.all接收的promise数组是按顺序执行的还是一起执行的,也就是说返回的结果是顺序固定的吗?目前有两种答案: 应该是同步执行的,但是这样就有效率问题了,如果想改成异步执行怎么办呢?有些人认为结果是按顺序执行的,有些人认为结果顺序不确定。那么我们根据实现来解密: 环境为: vscode 1.20....原创 2018-02-22 22:46:51 · 31607 阅读 · 9 评论 -
typescript或javascript深拷贝Object json
typescript或javascript深拷贝Object jsonObject的json对象很多时候我们需要深拷贝,我写了两个工具函数,供大家参考。deepCopyObject深拷贝一个Object对象,返回深复制的对象。export function deepCopyObject(source: Object): Object { const newObject = {};...原创 2018-11-29 16:55:25 · 4186 阅读 · 0 评论 -
网页滚动条上下滚动固定元素左右不固定之sticky
网页滚动条上下滚动固定元素左右不固定之sticky有时候我们需要网页中某元素在上下滚动时可以固定在某一位置,但是左右不固定,也就是会随着左右滚动条滚动。那么我们可以通过 sticky 布局来解决。position: sticky我们先看看兼容性:在使用前需要考虑好兼容性的问题。基本使用<!DOCTYPE html><html><head>&l...原创 2020-02-09 10:40:50 · 1388 阅读 · 0 评论 -
HTML meta使用
HTML meta使用meta标签是什么?meta标签是HTML语言head区的一个辅助性标签。meta标签是干什么用的?meta标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。它提供的信息虽然用户不可见,但却是文档的最基本的 元数据。常用应用1.标注作者<meta name="author"content="网站域名"/>...原创 2018-12-17 12:17:39 · 908 阅读 · 0 评论