- 博客(48)
- 收藏
- 关注
RSS订阅原创 Web Worker的了解
Web WorkerWeb Worker让你可以在独立的线程运行一个JavaScript文件，使用异步事件在线程之间传递消息。它们非常适用于把长时间的或资源密集型的任务卸载到不同的线程中，以提高主UI线程的响应性。Web Worker 介绍JavaScript当前并没用任何支持多线程执行的功能，而像程序中每一个这样的独立的多线程部分被称为一个（Web）Worker， 这种类型的并行化被称为任...
2020-03-09 10:47:45
331
原创 js实现单例模式
单例模式： 保证一个类只有一个实例，一般先判断实例是否存在，如果存在直接返回，不存在则先创建再返回，这样就可以保证一个类只有一个实例对象。作用： （1）、保证某个类的对象的唯一性； （2）、模块间通信； （3）、防止变量污染应用场景：对象往往仅需要一个的时候 （1）、windows的任务管理器 （2）、多线程的线程池设计 （3）、全局缓存 （4）、浏览器的window对象...
2020-02-29 23:44:00
3877
原创 JavaScript实现继承大全
复习一下js 的继承相关的知识~~js的继承： 许多面向对象 语言都支持两种继承方式，接口继承和实现继承。 接口继承只继承方法签名，而实现继承则继承实现的方法。而由于函数没有签名，在ECMAScript 中无法实现接口继承。ECMAScript 只支持实现继承， 而且其实现继承主要是依靠原型链来实现的。场景： 创建子类Child， 继承父类People的方法，并调用say函数说...
2020-02-29 23:40:47
243
原创 你不知道的Echarts柱状图应用在React中
echarts 柱状图在React里面的运用:正常的echarts 都是竖直型的，或者一个里边包含多个的。 这次做个不同的， y轴为坐标，x轴为值，左右都为正数展开。（1）、引入相关的文件import React, { Compoent } from 'react';import { Spin } from 'antd';import echarts from 'echarts'...
2020-02-26 11:49:35
944
原创 剑指offer-JavaScript版本实现（3）--二叉树部分
一、二叉树的下一个结点题目描述： 给定一个二叉树和其中的一个结点，请找出中序遍历顺序的下一个结点并且返回。注意，树中的结点不仅包含左右子结点，同时包含指向父结点的指针。分析二叉树的下一个结点： （1）、二叉树为空，则返回空； （2）、如果结点右孩子存在，则设置一个指针从该结点的右孩子出发，一直沿着左孩子的指针找到的叶子结点即为下一个结点。 （3）、结点不是根结点， 如果该结点是其父结...
2020-02-22 23:45:42
167
原创 剑指offer-JavaScript版本实现（1）--数组部分
自己总结下刷完剑指offer，使用js的实现等。一、二维数组的查找题目描述: 在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。方法一: 把每一行看成有序递增的数组，利用二分查找，通过遍历每一行去得到是否含有该整数， 时间复杂度： O(n*...
2020-02-20 16:19:21
232
原创 剑指offer-JavaScript版本实现（2）--链表部分
题目一、从头到尾打印链表题目描述： 输入一个链表，按链表从尾到头的顺序返回一个ArrayList。创建一个空数组，将每个节点存放在数组中； 将当前节点放到数组开头，指针后移。/*function ListNode(x){ this.val = x; this.next = null;}*/function printListFromTailToHead(h...
2020-02-20 16:17:24
146
原创 npm、cnpm、yarn安装指定版本的依赖包
（1）、npm在npm install 后面加上 @以及版本号就行npm install --save [email protected]（2）、cnpm安装cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org安装指定版本 cnpm install --save [email protected]...
2020-01-18 22:20:25
31998
原创 echarts在React中使用遇到的问题
echarts在React中遇到的版本问题，4.2.2 / 4.2.6版本在React渲染地图数据的时候，地图等数据信息没有加载出来； 排查了很久的原因才发现echarts 的版本低了，类似于一些折线图，柱形图可以渲染出来； 但是在渲染地图伪3d的却一直没显示出来。 把echarts的依赖包删除后，再安装4.3.0的就可以了，/(ㄒoㄒ)/~~...
2020-01-15 16:45:33
1399
原创 Web的第四种语言WebAssembly
WebAssembly 成为连接html、css 和 JavaScript的Web 第四种语言。经过一年的时间，WebAssembly 在12月初被w3c 联盟正式收编，并推荐的web语言。自2017年发布WebAssembly以来，它已经引起了广泛关注和迅速采用。在过去的几年中，我们看到了1.0规范的创建和在所有主要浏览器中的集成。与WebAssembly相关的另一条新闻是：字节...
2019-12-15 20:22:09
1271
原创 一步步剖析浏览器缓存
一、 缓存缓存是浏览器的一种机制， 可以把请求过的web 资源（html、 css、js、 图片等）， 拷贝一份副本存储在浏览器中，并根据请求配置是否使用该副本。二、缓存分类缓存从宏观上分为私有缓存和共享缓存，共享缓存就是那些能被各级代理缓存的的缓存； 私有缓存就是用户专享的，各级代理不能缓存的缓存。缓存从微观上可以分为:1. 浏览器缓存；2. 代理服务器缓存；...
2019-12-14 17:58:56
304
原创 React Hook的了解
一、 React Hook 的 简介:Hook 是React 16.8的新增特性， 它可以让你在不编写class 的情况下使用statet 以及其他的React特性，Hook 使你在无需修改组件结构的情况下复用状态逻辑； 它将组件中相互关联的部分拆分成更小的函数（比如设置订阅或者请求数据），而非强制按照生命周期划分。二、Hook解决的问题：（1）、函数式组件，比class 更容易理解；...
2019-12-13 16:10:59
563
1
原创 Webpack
1、需要打包的原因？（1）、模块化；（2）、优化加载速度；（3）、使用新的开发模式2、webpack 有什么特点？与其它的比较：required JS 支持 AMDCommonJS => Node.js （一般是服务端）npm 成为现在最大的js 模块化管理库webpack的特点：（1）、同时支持CommonJs 与 AMD；（2）、一切都可以打包；（3）、...
2019-12-08 20:56:08
141
原创 react暴露其webpack配置，使less文件生效
在react使用中，纯原生状态下要去使用less文件比较麻烦，一般只支持.css文件；ps: 注意在修改前，要先安装好less-loader，不然会报错的（1）、使用yarn eject可以暴露其webpack的配置，让.less文件生效修改样式；使用yarn eject后，可能会报这个错误：那是因为没有初始化本地项目，git init git add ....
2019-11-27 00:03:38
832
原创 超全面深入计算机网络知识 ==》解决面试网络问题
记录下计算机网络的常见题目，以及HTTP的一系列知识和问题，方便巩固知识和回顾~~~目录1.TCP/IP协议分层管理？TCP/IP协议的分层管理：==>TCP与UDP的区别：osi七层模型2.三次握手四次挥手机制及其原因？三次握手过程理解：四次挥手过程理解：3.HTTP的常用方法？4.GET和POST的区别？5.HT...
2019-11-11 22:41:38
349
原创 git的日常使用以及相关
还没实习之前自己学习过git相关内容，但也是仅仅限制在自己创建自己玩一玩罢了， 直到前段时间实习，才真正的使用git的相关内容。 git 的安装和历史等等就不说了， 记录下自己常用的指令和相关知识。 ...
2019-09-15 21:19:04
131
原创 React学习笔记（2）
1. React 事件处理 (1) react 事件绑定属性的命名采用驼峰式写法； 如果采用JSX的语法你需要传入一个函数作为事件处理函数；如： <button onClick={handleClick} >按钮</button> (2) react 必须要用使用 preventDefault 方式去阻止默认行为。function Test()...
2019-08-25 11:48:11
189
原创 React学习笔记（1）
因为实习公司技术栈主要是React， 我只好从Vue 转向学习React了， 先深入了解和学习React吧，Vue暂时放一边了~简单了解下React2013 年 react单向数据流内存的改变影响页面改变，不管页面的改变，影响内存的改变。React 与 vue的区别：1. 自己处理页面的改变，影响内存，通过事件，调用函数，通知根据内存对象改变页面2. 没有指令。...
2019-08-18 22:07:03
221
原创 记一次ECS Linux服务器下配置tomcat的一个巨坑
由于昨天下午手贱， 把服务器上tomcat的server.xml文件改了，导致访问不了，于是我傻傻的rm -rf tomcat， 把tomcat文件删除了，然后重新安装，发现gg不行了。 之前安装过，十几分钟就可以访问tomcat了， 然后我在阿里云那边的安全组设置是没啥问题的， 感觉最大的问题就是在于删除tomcat，但是没删干净，服务器上的tomcat进程还在，新安装的和旧的有那啥冲突...
2019-08-07 15:13:01
180
原创 总结js的this面试题
一、 this 的概念 this就是指针， 指向我们调用函数的对象； this是JavaScript中的一个关键字，它是函数运行时，在函数体内自动生成的一个对象，只能在函数体内部使用。1. 全局环境中this指向全局变量（window）；2. 函数中的this，由调用函数的方式来决定， （1）如果函数是独立调用的，在严格模式下（use strict）是指向un...
2019-08-03 12:30:27
6480
11
转载 visual studio code前端插件及常用快捷键
转载，原文地址： https://blog.csdn.net/q1056843325/article/details/52928390 </div> ...
2019-08-02 17:16:10
327
原创 记录一波webpack使用的坑
最近在学习webpack的使用，遇到一个坑是： 在全局安装完webpack之后，再去创建的练习项目中，局部安装webpack。发现不关版本或者怎么试也好，都是 'webpack' 不是内部或外部命令，也不是可运行的程序或批处理文件试了两个版本， 一个是3.12版本 还有一个是4.38最新的版本， 都发现不行。后面发现：局部安装的webpack中， node_mod...
2019-07-28 16:48:29
163
原创 Vue学习记录（1）
记录下前段时间学习的vue，方便自己后面回来查看。ps： vue全家桶套餐：1. vue - router; 2. vuex; 3. vue-resource 加上构建工具： vue-cli饿了么： 组件PC端： element-ui移动端： mint-uiVue基础知识：（1）历史介绍angular 09年react 2013年，用户体验好...
2019-07-25 16:56:24
181
原创 意想不到的console.log()输出题目
一、 Number类型：console.log( Number(true), //1 Number(false), //0 Number(undefined), //NaN Number(null), //0 Number(''), /...
2019-07-23 00:18:13
2396
原创 JavaScript基础知识巩固——对象篇
一次面试，发现自己JavaScript对象知识这一块掌握的不好，一些知识点欠缺，所以特定总结一下关于JavaScript对象的相关知识。在JavaScript中几乎“所有的事物”都是对象， 除了原始值， 都是对象。一、对象的定义：JavaScript的原始值原始值指的是没有属性或方法的值，原始数据类型指的是拥有原始值的数据。定义了5种原始数据类型： 1. string ...
2019-07-18 19:53:41
267
原创 记一次面试
2019.7.16日 天气：暴热暴晒，撑着伞都顶不住... 今天去面试前端实习生，到公司后就直接开始写笔试题目，然后写完后，与面试官进行交谈，发现自己的一些不足，然后后续自己需要对这些知识进行回顾和加强。 面试的面试官非常的nice，很友好并且还会逐渐指导你，引导你去对一些题的知识进行思考以及扩展知识考查等。 总结一下，自己的js部分还是存在许多问题， 对知识点的理解不够透彻...
2019-07-17 00:42:45
225
原创 Flex布局的知识回顾 + 应用
一、 flex布局（弹性布局）的介绍： flex是Flexible Box的缩写， 意为弹性布局，用来为盒状模型提供最大的灵活性；任何一个容器都可以制定为flex布局， 行内元素也可以使用flex布局， 不过设置为flex布局之后， 子元素的float、 clear、 vertical-align 属性都将失效；//任何一个容器都可以制定为flex布局 .main{ di...
2019-07-16 22:59:00
230
原创 Visual Studio Code学习React常用插件
1. vscode-fileheader 添加文件头2. reactjs code snippets react开发的一些简写3. css-auto-prefix4. colorize5. path Autocomplete 路径提示功能...
2019-07-13 21:02:16
10215
原创 css3实现流星雨特效
用到css3知识: radial-gradient 径向渐变， filter，transform，animation以及 nth-child选择器等html代码： <div class="container"> <div class="meteor"></div> <div...
2019-07-13 14:16:25
7459
8
原创 css3实现一个有趣的海贼王人物3d旋转相册
主要用到了CSS3中的 transform-style: preserve-3d; filter滤镜效果； nth-child选择器， figure标签； transform 中的rotate（旋转）、translate（移动）等。html代码： <h2>ONE PIECE 3D Images Gallery</h...
2019-07-11 17:24:03
843
2
原创 网络知识个人收集
HTTP: 超文本传输协议是一种用于分布式、协作式和超媒体信息系统的应用层协议。HTTP是万维网的数据通信的基础。 设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。 通过HTTP或者HTTPS协议请求的资源由统一资源标识符（URL）来标识。 端口： 80HTTPS： 超文本传输安全协议，常称为HTTP over TLS，HTTO over SSL或HTTP Secur...
2019-07-10 23:40:13
208
原创 HTML5新特性知识个人记录
新特性：1. 取消了过时的显示效果标记: <font></font> 和 <center></center>2. 新表单元素引入. （calendar、date、time、email、url、search）3. 新语义标签的引入 （ article、footer、header、nav、section）4. canvas绘图（通过Jav...
2019-07-03 19:49:56
179
原创 正则表达式记录
正则表达式： 描述了一种字符串匹配的模式，可以用来检查一个串是否含有某种子串，将匹配子串替换或者从某个串中取出符合某个条件的子串等。创建的两种方式：1.第一种创建方式：var reg = /abcd/i; //i --> 忽略大小写 var str = "abcd";2.第一种创建方式： var str = "abc"; var reg = ...
2019-06-18 23:39:08
231
转载 Javascript基础总结
Javascript的历史来源94年网景公司 研发出世界上第一款浏览器。95年 sun公司 java语言诞生网景公司和sun合作。Java+script ===> javascriptJavaScript和ECMAScript的关系简单来说ECMAScript不是...
2019-05-06 20:02:40
120
原创 JavaScript解决数组去重问题
第一种方法： 使用ES6的Set数据结构解决，利用Set没有重复值的特性。 var arr = [2,5,6,7,8,7,6,9]; //（1）ES6方法 var set = new Set(); for(var i = 0; i < arr.length; i++){ ...
2019-05-06 19:34:05
164
原创 Div+Css实现经典左中右布局
三栏布局，中间自适应高度效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...
2019-04-22 23:56:56
14153
原创 微信小程序小练习——豆瓣电影小程序练习
记录下最近学习的豆瓣微信小程序：效果预览：整体代码目录布局结构：运行该小程序前，要勾选如下图所示的不校验：app.json和tabBar:封装的url请求：， 这些数据都是从豆瓣提供的API那里获取得到的网络请求的方法：部分js方法：获取网络请求url及返回相应但回调等等：榜单一栏--图片懒加载练习：其他的代码显示等等：...
2019-04-13 14:30:54
1218
1
原创 CSS实现斑马线条纹背景效果小练习~
利用html与css实现斑马线条纹背景效果：效果如图：代码如下：<!doctype html><html><head><meta charset="utf-8"><title>css实现斑马线背景效果</title> <style type="text/css"> /*第一个斜条...
2019-04-12 23:34:52
2810
原创 frappe-charts表格插件的使用
frappe-charts官方文档： https://frappe.io/charts借助frappe-charts画出一个条形图：代码如下：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charse...
2019-04-11 17:14:22
1605
原创 HTML5——canvas小练习——函数图
HTML5小练习之canvas画图练习，画一个数学sin函数：效果图如下:代码:<!DOCTYPE html><html><head> <!-- Css样式 --> <style type="text/css"> .mainone { display: inli...
2019-04-11 16:52:56
1516
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人