前端
关注
分享
扫一扫
loringray
学习到余额像手机号码那样长的时候才可以松懈 (┬＿┬)
曾子曰：“吾日三省吾身”
每天进步一点点
展开
-
Web Worker的了解
Web WorkerWeb Worker让你可以在独立的线程运行一个JavaScript文件，使用异步事件在线程之间传递消息。它们非常适用于把长时间的或资源密集型的任务卸载到不同的线程中，以提高主UI线程的响应性。Web Worker 介绍JavaScript当前并没用任何支持多线程执行的功能，而像程序中每一个这样的独立的多线程部分被称为一个（Web）Worker， 这种类型的并行化被称为任...原创 2020-03-09 10:47:45 · 387 阅读 · 0 评论 -
js实现单例模式
单例模式： 保证一个类只有一个实例，一般先判断实例是否存在，如果存在直接返回，不存在则先创建再返回，这样就可以保证一个类只有一个实例对象。作用： （1）、保证某个类的对象的唯一性； （2）、模块间通信； （3）、防止变量污染应用场景：对象往往仅需要一个的时候 （1）、windows的任务管理器 （2）、多线程的线程池设计 （3）、全局缓存 （4）、浏览器的window对象...原创 2020-02-29 23:44:00 · 3930 阅读 · 0 评论 -
JavaScript实现继承大全
复习一下js 的继承相关的知识~~js的继承： 许多面向对象 语言都支持两种继承方式，接口继承和实现继承。 接口继承只继承方法签名，而实现继承则继承实现的方法。而由于函数没有签名，在ECMAScript 中无法实现接口继承。ECMAScript 只支持实现继承， 而且其实现继承主要是依靠原型链来实现的。场景： 创建子类Child， 继承父类People的方法，并调用say函数说...原创 2020-02-29 23:40:47 · 283 阅读 · 0 评论 -
剑指offer-JavaScript版本实现（3）--二叉树部分
一、二叉树的下一个结点题目描述： 给定一个二叉树和其中的一个结点，请找出中序遍历顺序的下一个结点并且返回。注意，树中的结点不仅包含左右子结点，同时包含指向父结点的指针。分析二叉树的下一个结点： （1）、二叉树为空，则返回空； （2）、如果结点右孩子存在，则设置一个指针从该结点的右孩子出发，一直沿着左孩子的指针找到的叶子结点即为下一个结点。 （3）、结点不是根结点， 如果该结点是其父结...原创 2020-02-22 23:45:42 · 202 阅读 · 0 评论 -
剑指offer-JavaScript版本实现（1）--数组部分
自己总结下刷完剑指offer，使用js的实现等。一、二维数组的查找题目描述: 在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。方法一: 把每一行看成有序递增的数组，利用二分查找，通过遍历每一行去得到是否含有该整数， 时间复杂度： O(n*...原创 2020-02-20 16:19:21 · 291 阅读 · 0 评论 -
剑指offer-JavaScript版本实现（2）--链表部分
题目一、从头到尾打印链表题目描述： 输入一个链表，按链表从尾到头的顺序返回一个ArrayList。创建一个空数组，将每个节点存放在数组中； 将当前节点放到数组开头，指针后移。/*function ListNode(x){ this.val = x; this.next = null;}*/function printListFromTailToHead(h...原创 2020-02-20 16:17:24 · 179 阅读 · 0 评论 -
一步步剖析浏览器缓存
一、 缓存缓存是浏览器的一种机制， 可以把请求过的web 资源（html、 css、js、 图片等）， 拷贝一份副本存储在浏览器中，并根据请求配置是否使用该副本。二、缓存分类缓存从宏观上分为私有缓存和共享缓存，共享缓存就是那些能被各级代理缓存的的缓存； 私有缓存就是用户专享的，各级代理不能缓存的缓存。缓存从微观上可以分为:1. 浏览器缓存；2. 代理服务器缓存；...原创 2019-12-14 17:58:56 · 364 阅读 · 0 评论 -
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 · 878 阅读 · 0 评论 -
React学习笔记（2）
1. React 事件处理 (1) react 事件绑定属性的命名采用驼峰式写法； 如果采用JSX的语法你需要传入一个函数作为事件处理函数；如： <button onClick={handleClick} >按钮</button> (2) react 必须要用使用 preventDefault 方式去阻止默认行为。function Test()...原创 2019-08-25 11:48:11 · 236 阅读 · 0 评论 -
React学习笔记（1）
因为实习公司技术栈主要是React， 我只好从Vue 转向学习React了， 先深入了解和学习React吧，Vue暂时放一边了~简单了解下React2013 年 react单向数据流内存的改变影响页面改变，不管页面的改变，影响内存的改变。React 与 vue的区别：1. 自己处理页面的改变，影响内存，通过事件，调用函数，通知根据内存对象改变页面2. 没有指令。...原创 2019-08-18 22:07:03 · 267 阅读 · 0 评论 -
记录一波webpack使用的坑
最近在学习webpack的使用，遇到一个坑是： 在全局安装完webpack之后，再去创建的练习项目中，局部安装webpack。发现不关版本或者怎么试也好，都是 'webpack' 不是内部或外部命令，也不是可运行的程序或批处理文件试了两个版本， 一个是3.12版本 还有一个是4.38最新的版本， 都发现不行。后面发现：局部安装的webpack中， node_mod...原创 2019-07-28 16:48:29 · 200 阅读 · 0 评论 -
意想不到的console.log()输出题目
一、 Number类型：console.log( Number(true), //1 Number(false), //0 Number(undefined), //NaN Number(null), //0 Number(''), /...原创 2019-07-23 00:18:13 · 2538 阅读 · 0 评论 -
总结js的this面试题
一、 this 的概念 this就是指针， 指向我们调用函数的对象； this是JavaScript中的一个关键字，它是函数运行时，在函数体内自动生成的一个对象，只能在函数体内部使用。1. 全局环境中this指向全局变量（window）；2. 函数中的this，由调用函数的方式来决定， （1）如果函数是独立调用的，在严格模式下（use strict）是指向un...原创 2019-08-03 12:30:27 · 6660 阅读 · 11 评论 -
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 · 225 阅读 · 0 评论 -
visual studio code前端插件及常用快捷键
转载，原文地址： https://blog.youkuaiyun.com/q1056843325/article/details/52928390 </div> ...转载 2019-08-02 17:16:10 · 370 阅读 · 0 评论 -
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 · 1685 阅读 · 0 评论 -
ES6标准----Promise对象
Promise的含义： Promise是异步编程的一种解决方法，比传统的解决方法——回调函数和事件—更合理和强大。 它由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。 Promise对象有三种状态： （1）pending（进行中）（2） fulfilled（已成功）（3）rejected（已失败...原创 2019-04-08 21:44:44 · 750 阅读 · 0 评论 -
CSS实现斑马线条纹背景效果小练习~
利用html与css实现斑马线条纹背景效果：效果如图：代码如下：<!doctype html><html><head><meta charset="utf-8"><title>css实现斑马线背景效果</title> <style type="text/css"> /*第一个斜条...原创 2019-04-12 23:34:52 · 2918 阅读 · 0 评论 -
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 · 14530 阅读 · 0 评论 -
Javascript基础总结
Javascript的历史来源94年网景公司 研发出世界上第一款浏览器。95年 sun公司 java语言诞生网景公司和sun合作。Java+script ===> javascriptJavaScript和ECMAScript的关系简单来说ECMAScript不是...转载 2019-05-06 20:02:40 · 152 阅读 · 0 评论 -
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 · 211 阅读 · 0 评论 -
css3实现流星雨特效
用到css3知识: radial-gradient 径向渐变， filter，transform，animation以及 nth-child选择器等html代码： <div class="container"> <div class="meteor"></div> <div...原创 2019-07-13 14:16:25 · 7667 阅读 · 8 评论 -
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 · 10263 阅读 · 0 评论 -
JavaScript基础知识巩固——对象篇
一次面试，发现自己JavaScript对象知识这一块掌握的不好，一些知识点欠缺，所以特定总结一下关于JavaScript对象的相关知识。在JavaScript中几乎“所有的事物”都是对象， 除了原始值， 都是对象。一、对象的定义：JavaScript的原始值原始值指的是没有属性或方法的值，原始数据类型指的是拥有原始值的数据。定义了5种原始数据类型： 1. string ...原创 2019-07-18 19:53:41 · 311 阅读 · 0 评论 -
Flex布局的知识回顾 + 应用
一、 flex布局（弹性布局）的介绍： flex是Flexible Box的缩写， 意为弹性布局，用来为盒状模型提供最大的灵活性；任何一个容器都可以制定为flex布局， 行内元素也可以使用flex布局， 不过设置为flex布局之后， 子元素的float、 clear、 vertical-align 属性都将失效；//任何一个容器都可以制定为flex布局 .main{ di...原创 2019-07-16 22:59:00 · 283 阅读 · 0 评论 -
记一次面试
2019.7.16日 天气：暴热暴晒，撑着伞都顶不住... 今天去面试前端实习生，到公司后就直接开始写笔试题目，然后写完后，与面试官进行交谈，发现自己的一些不足，然后后续自己需要对这些知识进行回顾和加强。 面试的面试官非常的nice，很友好并且还会逐渐指导你，引导你去对一些题的知识进行思考以及扩展知识考查等。 总结一下，自己的js部分还是存在许多问题， 对知识点的理解不够透彻...原创 2019-07-17 00:42:45 · 254 阅读 · 0 评论 -
HTML5——canvas小练习——函数图
HTML5小练习之canvas画图练习，画一个数学sin函数：效果图如下:代码:<!DOCTYPE html><html><head> <!-- Css样式 --> <style type="text/css"> .mainone { display: inli...原创 2019-04-11 16:52:56 · 1646 阅读 · 0 评论