- 博客(15)
- 收藏
- 关注
RSS订阅原创 ant-design主题定制 antd-theme-generator 源码解读
antd-theme-generator 源码解读antd-theme-generator只是针对于颜色的定制，对于其他属性例如字体大小，边框，边距等样式不提供定制这里只针对generateTheme方法和其涉及到的方法进行讲解，其他的方法不予以讲解。官方文档有使用这个方法的例子，请参考：https://github.com/mzohaibqc/antd-theme-generator参数...
2020-04-09 16:15:34
5359
原创 React父子组件通信
组件拆分以之前做的TodoList为例，先将其进行组件拆分在src目录下，新建一个TodoItem.js，写好基础结构import React, { Component } from 'react';class TodoItem extends Component { render() { return ( <div >TodoItem</div&...
2019-09-29 16:34:36
204
原创 React入门（todoList实例）
ReactJS是由Facebook在2013年5月推出的一款JS前端开源框架，推出时主打特点是函数式编程风格。目前，ReactJS是世界上使用人数最多的前端框架，它拥有全球最健全的文档和社区体系。对react我也是初学者，有错误的地方敬请指出JSX简介JSX就是Javascript和XML结合的一种格式。React发明了JSX，可以方便的利用HTML语法来创建虚拟DOM，当遇到<，JS...
2019-09-26 15:09:01
303
原创 canvas应用——实现一个简单的绘画板（2）
接上一篇：canvas应用——实现一个简单的绘画板（1）功能2：鼠标拖动矩形变更位置 在鼠标按下时要先判断该操作是绘制还是拖拽，这里以鼠标按下时的坐标是否在矩形内来判断，在矩形外则为绘制（isDrawing=true），在矩形内则为拖拽（isDragging=true）。若是为拖拽还要判断是哪一个矩形，选中的矩形设置isSelected=true。为了方便区分，为正在操作的矩形添加黑色边框。...
2019-09-18 10:57:53
243
原创 canvas应用——实现一个简单的绘画板（1）
本示例是源于项目的一个需求做的一个demo。初衷只是为了实现通过拖拽绘制用户所需大小的矩形，后面就继续完善了一下功能。目前实现了通过拖拽绘制矩形、移动画布上现有的矩形、保存当前画布、撤销与反撤销canvas是HTML5新增的元素，是HTML5 的一大亮点，canvas翻译过来其实就是画布的意思，它可以替代flash，制作网页的很多动画效果以及游戏。渲染效率非常高，不像flash要在游览器安装fl...
2019-09-17 18:01:40
407
原创 如何在vue项目中使用jszip对文件进行加压和解压
jszip-in-vue本文主要介绍jszip在vue中如何使用本文涉及到Promise对象和async函数的使用，建议先提前去了解一下关于jszip的使用官方文档已经介绍的非常详细了，而且也有示例：https://stuk.github.io/jszip/documentation/examples.html我这里主要是结合项目的需求然后抽离出来的demo，主要是对图片的加压和解压解压...
2019-08-05 21:22:53
15452
1
原创 Vue中的nextTick
暂时来说nextTick用的比较少，但是又不可避免会用到，谨以此来加深印象和理解示例<div id="app"> <p ref="message">{{ message }}</p> <p>msg1: {{ msg1 }}</p> <p>msg2: {{ msg2 }}&l...
2019-04-09 22:48:08
190
原创 前端面试的问题（2）
浏览器事件循环机制JavaScript在浏览器中是单线程，Javascript 有一个主线程（main thread）和 执行栈(call-stack)，所有的任务都会被放到执行栈等待主线程执行。JS 执行栈是一种后进先出的数据结构。当函数被调用时，会被添加到栈中的顶部，执行完成之后就从栈顶部移出该函数，直到栈内被清空。JavaScript 单线程中的任务分为同步任务和异步任务。同步任务会...
2019-02-24 23:28:23
125
原创 前端面试的问题（1）
今天去了面试，实在太打击我了，不过而确实实实在在暴露除了自己的不足，很多东西都是一知半解，下面，总结一下问题和答案吧，我觉得自己答得不是很好的就会写的详细一点。撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标题：Ctrl/Command + Shift + H无序列表：Ctrl/C...
2019-02-21 23:17:16
1100
原创 flex实现圣杯布局
圣杯布局要点：1.三列布局 2.中间宽度自适应，两边定宽 3.中间栏优先渲染flex布局语法：参见http://www.runoob.com/w3cnote/flex-grammar.html使用flex实现圣杯布局：完成代码及解释<!DOCTYPE html><html lang="en"><head> <meta ...
2019-02-17 16:27:24
790
原创 es6项目构建总结
最近跟着网上的课程写了一个es6的项目，在项目搭建时遇到了不少麻烦，也百度过很多，下面总结一下项目构建中出现的问题源代码放在了我的github上https://github.com/13660539818/ES6，还没写完，只是项目的一个框架Q： Failed to load external moudle @babel/registerA： gulp版本问题，降低gulp的版...
2019-01-15 22:54:34
247
原创 经典布局——圣杯布局和双飞翼布局
圣杯布局圣杯布局是由国外的Kevin Cornell提出的一个布局模型概念，是一种相对布局布局要求三列布局，中间宽度自适应，两边定宽中间栏要在浏览器中优先展示渲染（在写框架时候先写中间栏）允许任意列的高度最高（高度设置为任意高但不影响其他列和整体的效果）用最简单的CSS、最少的HACK语句实现过程DOM结构<div class="container"> <div clas...
2018-06-28 12:22:19
683
原创 CSS浮动副作用的解决
浮动产生的副作用块状元素，会钻进浮动元素的下面，被浮动元素所覆盖 行内元素，例如文字， 则会环绕在浮动元素的周围，为浮动元素留出空间浮动元素的父元素坍缩解决方法手动给父元素添加高度通过clear清除浮动clear属性：某个方向上不能有浮动clear取值： left——元素的左边不能有活动运输；right——元素的邮编不能有浮动元素；both——元素两边都不能有浮动元素给父元素添加overflow...
2018-06-28 00:28:29
1163
原创 CSS选择器
CSS语法CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。选择器通常是需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成：属性是希望设置的样式属性；每个属性有一个值。属性和值被冒号分开。声明总是以分号“;”结束，声明组以大括号“{}”括起来。选择器分类标签选择器：以HTML元素作为选择器，例：h1 { color: red; }类选择器：在HTML中以class属性表示,...
2018-06-27 22:22:48
156
原创 HTML标签总结
什么是HTMLHTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面HTML标签基础<!DOCTYPE>：定义文档的类型<html>：定义一个ht...
2018-06-27 21:44:58
224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人