不积跬步无以至千里

摘要： useReducer 参数 1：reducer 函数，参数2：state的初始值。reducer函数接受两个参数 state、 action 。返回一个新的state 和 dispath，dispatch用来发布事件更新 state。 下面的例子中，父组件定义state、dispatch，通过Con 阅读全文

摘要： 想要实现下面的效果，用flex搞不定，如果有其他方法，可以留言。 用float就比较简单了 div { width: 600px; height: 280px; background: #CCCCCC; } img { width: 100px; height: 70px; float: left; 阅读全文

摘要： 一、background-size：设定背景图像的尺寸。 浏览器支持的程度：IE9+, Firefox4+, opera, chrome, safari5+; 基本语法：background-size: length | percentage | cover | contain; 1：length 阅读全文

摘要： 一、问题描述： 下载历史课堂板书原来是需要点图片一张张下载，比较麻烦；调整为把所有图片合并为pdf后下载。应用jsPDF插件，在移动端获取图片地址时，报跨域问题。 二、知识点补充： 1、jsPDF 是一个基于HTML5的客户端解决方案，用于生成各种用途的 PDF 文档。 1、安装：npm insta 阅读全文

摘要： 安装 npm install --save-dev webpack-bundle-analyzer 配置 webpack.config.js const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerP 阅读全文

摘要： watch mode(观察模式) 动态监听文件的改变并实时打包；每次变更，都将新文件打包到本地，很慢。需要手动刷新页面。 webpack-dev-middleware 生成一个与webpack的compiler绑定的中间件，然后在express启动的服务app中调用这个中间件。 1、通过watch 阅读全文

摘要： 现象：canvas中插入长图，在长图底部画线，鼠标位置和实际的绘制点在Y坐标上存在偏差。 解决方法： canvas去除css关于宽高的设置（用css设置大小是缩放效果）。改用canvas.width=""; 阅读全文

摘要： canvas中插入透明图片(png格式)，getImageData()生成img时，透明如何转换为白色背景的方式。 var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); var img=document.getE 阅读全文

摘要： Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。 Eruda的github地址: https://github.com/ 阅读全文

摘要： 例子1：this指向 var name = "小明", age = 17; var a = { name: "小花", getInfo: function() { console.log(this.name, this.age) } } a.getInfo(); //小花 undefined thi 阅读全文