gdutRex的博客

成长印记

webpack4的打包学习

文章目录最简单的例子多入口文件Loader插件PLUGINS环境变量 最简单的例子 // main.js document.write('<h1>Hello World</h1>'); 配置文件webpack.config.js modul...

2019-09-16 20:11:29

阅读数 1

评论数 0

webpack遇到一个错误Cannot read property 'presetToOptions' of undefined in webpack-cli with ReactJs

缘由: 从webpack4开始, webpack-cli已经移除出内置了,所以第一次使用可能会提醒你需要安装webpack-cli,一般都是不安装的 webpack-cli至少需要运行webpack版本4。 如果使用较老的版本,如webpack 2或webpack 3,则不需要单独添加webpac...

2019-09-16 15:08:32

阅读数 20

评论数 0

nodejs利用websocket搭建一个聊天室

搭建服务器 搭建一个返回网页的端口 const express = require('express') const app = express() const path = require('path') const fs = require('fs') app.use(express.stat...

2019-09-09 02:48:28

阅读数 32

评论数 0

nodejs自己搭建一个服务器来理解浏览器的缓存机制

搭建本地服务器 安装必要的包 npm install nodemon --s-dev npm install express --s-dev nodemon方便我们开发的时候,js文件更新自动编译执行 express是一个服务器渲染框架,能够搭建服务器 开始搭建服务器 搭建nodejs服务器 c...

2019-09-08 04:37:41

阅读数 33

评论数 0

获取dom元素操作整理

文章目录获取元素属性和方法方法属性增删改操作创建添加克隆删除自定义属性修改样式document可以获取的盒子模型属性js盒子模型获取指定元素的 CSS 样式 获取元素属性和方法 整理与参考 方法 document.getElementById([ID])// 通过id获取元素节点 document...

2019-09-01 16:24:46

阅读数 10

评论数 0

JavaScript 对象的创建与继承——继承篇

文章目录继承篇原型链继承借用构造函数继承 继承篇 原型链继承 当我访问一个对象实例的属性时候,这个就会在实例的本身找是否存在这个属性,如果没有则访问[__proto__]或者prototype 所以,如果我们需要实现继承,可以通过修改构造函数的原型来实现,这样每一个实例都可以得到父类的属性和方法...

2019-08-29 02:41:51

阅读数 5

评论数 0

JavaScript 对象的创建与继承——创建篇

对象 每一个语言最重要与最基础的数据结构非对象莫属,因为可以通过它实现其他任何数据结构。 什么是对象 在JS语言中,对象的定义未:无序属性的集合,其属性可以包含基本值、对象或者函数,换句话说,就是对象里包含许多属性,这些属性通过映射可以指向任何类型的值。 创建一个对象 通过实例Object来...

2019-08-28 02:17:15

阅读数 16

评论数 0

JavaScript Promise使用与实现-----自己写一个Promise

梳理一下 我们现在明白了如何使用Promise了,所以我们需要来根据需求来思考下如何实现一个Promise 首先Promise是一个对象,因为我们每次是通过new来实例一个Promise Promise是对象,则代表存在Promise中有一个构造函数,这个构造函数接受一个参数:函数参数 这个函数...

2019-08-26 15:42:07

阅读数 12

评论数 0

JavaScript Promise使用与实现-----如何使用?

如何使用promise 一般来说,我们处理异步事件都时候都是函数里面套函数,但是这样不仅不美观而且可读性非常差,就出现了回调地狱的问题 fs.readdir(source, function (err, files) { if (err) { console.log('Error fi...

2019-08-19 18:23:35

阅读数 12

评论数 0

JavaScript连续赋值的执行顺序问题

引子 一道阿里的面试题 let a = { n:2 } let b = a a.x = a = { l:2 } // 说出 a 和 b的输出值 我第一次看到这个题目是懵逼的,因为平时没注意=的多次赋值的执行顺序的问题。 第一种答案: a => { l:2, x:{ ...

2019-08-19 16:04:57

阅读数 42

评论数 0

数据结构之排序算法--------JavaScript篇

文章目录排序算法简单排序算法冒泡排序选择排序插入排序高级排序希尔排序快速排序 排序算法 简单排序算法 冒泡排序 像可乐里面的气泡一样,每一个数都自行的向上比较,如果符合就停下,不符合就继续冒泡 对未排序的元素从头到尾依次与相邻元素比较,如果不符合条件则调换位置,符合则进行下一个元素比较 时间...

2019-08-14 21:19:26

阅读数 34

评论数 0

数据结构之红黑树

红黑树 什么是红黑树 一种根据特别规则而生成的二叉查找树 普通的二叉查找树 左子树上所有结点的值均小于或等于它的根结点的值。 右子树上所有结点的值均大于或等于它的根结点的值。 左、右子树也分别为二叉排序树。 文字理解不能,就看图吧 )] 如果我们需要查找10的时候如何进行查找? ...

2019-08-14 15:14:39

阅读数 10

评论数 0

前端学习文章----HTML/JS篇

JS篇 涉及浏览器的一些原理 异步事件和浏览器异步事件的处理流程原理 [异步事件](https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/7

2019-08-06 21:01:44

阅读数 16

评论数 0

前端学习文章----CSS篇

记录前端阅读的一些优秀的文章 什么是BFC? 十分钟了解BFC原理

2019-08-06 19:33:40

阅读数 17

评论数 0

fabricjs文档阅读(四)

自由画笔 如果说canvas还有什么可以说的亮点—那自然就是能够自由地在canvas绘画.fabric自然也提供了许多方法来进行这一交互功能. 只要设置属性isDrawingMode为true就可以实现自由绘画.这时,鼠标就变成一个画笔,通过点击就可以在canvas画布进行绘画. 只要设置了isD...

2019-08-02 19:10:03

阅读数 36

评论数 0

fabricjs文档阅读(三)

群组 群组是Fabric最强大的功能之一。它们就是它们听起来的样子——一种将任何fabric对象组合成单个实体的简单方法。我们为什么要这么做?当然,能够将这些对象作为一个对象来工作! 还记得canvas上的任意数量的Fabric对象是如何用鼠标分组的吗?一旦分组,所有对象都可以一起移动甚至修改。他...

2019-08-02 16:16:55

阅读数 49

评论数 0

fabricjs文档阅读(二)

Part 2 动画 我们通过set方法就可以快速的修改canvas上的图形的属性。但是,往往我们在开发网站的时候除了完成功能需求之外,也需要提高网页的美观。所以动画是一个必不可少的功能。 举个例子: rect.set('angle', 45); 给这个变化属性添加动画非常简单,因为每一个图形对象...

2019-08-02 15:09:17

阅读数 29

评论数 0

fabricjs文档阅读(一)

初入fabric 今天,我想向您介绍Fabric.js——一个强大的javascript库,它能够让使用HTML5 canvas变得轻而易举。Fabric为canvas提供了一个跟踪的对象模型,以及一个SVG解析器、交互层和一整套其他不可缺少的工具。 这是一个完全开源的项目,由麻省理工学院授权,多...

2019-08-02 13:59:12

阅读数 50

评论数 0

小程序markdown文件解析和代码高亮(四)———优化篇

优化 目录 动画 为了美观一点,目录显示一闪一现有点突兀,考虑人的感官的舒适度,我觉得给目录加一个左移动的动画即可。 因为这个目录是用组件写的,小程序最近发展的比较快,18年的时候还不太支持组件开发,现在就已经有支持了,并且用过之后感觉还不错。 这里就不太赘叙组件的写法了,主要是如何给组件写动画...

2019-07-23 22:22:38

阅读数 9

评论数 0

小程序markdown文件解析和代码高亮(三)

使用towxml 简单说下,这个是可以讲html和markdown文件进行转换为wxml,支持很多富文本的编辑, 我们在上一篇文章将towxml的组件复制到小程序的common后,就可以直接使用了 首先在需要使用到的页面,需要导入main.js var main_js_1 = requ...

2019-07-23 18:34:36

阅读数 10

评论数 0

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