html5 应用connectedreactrouter和reduxthunk打通react路由孤立 在我们开发过程中,很多时候,我们需要让组件共享某些数据,虽然可以通过组件传递数据实现数据共享,但是如果组件之间不是父子关系的话,数据传递是非常麻烦的,而且容易让代码的可读性降低,这时候我们就需要一个 state(状态)管理工具。常见的状态管理工具有 redux,mobx,这里选择 redux 进行状态管理。值得注意的是…
html5 canvas实现稍复杂的财务报表 整体思路:1.设计y轴价格和x轴日期区间。注意:此demo的价格区间只限于0<=price<150000;超出的部分会被省略2.日期区间主要通过for循环将字符串日期推送到特定数组中,并调用特定函数来实现个位数加0操作。3.create方法主要用来创建x和y轴,以及特定数量的横线。利用ctx.beginPath();ctx.closePath();~~~~实现开辟…
javascript js报错Unexpected-token-o-in-JSON-at-position-1已解决 解决方法:首先 JSON.stringify(对象)然后encodeURIComponent(str)进行编码跳转页面后再decodeURIComponent(str)进行解码最后在JSON.parse(str)转对象
无分类 Canvas简易时钟 先看下显示结果: 参考: 1:Canvas 绘制时钟 2:canvas动画时钟 3:HTML 5 canvas lineCap 属性 4:HTML5 canvas arc() 方法 5:Window.requestAnimationFrame() 6:window.cancelAnimationFrame() 好了进入正题;参考了上面的这些内容后,自己也动手也写一个简易的时钟吧。首先抓住关键知识:1:小时是24小时制的,…
javascript 五分钟学会HTML5的WebSocket协议 很多网站为了实现推送技术,所用的技术都是Ajax轮询。轮询是在特定的的时间间隔由浏览器对服务器发出HTTP请求,然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点,即浏览器需要不断的向服务器发出请求,然而HTTP请求可能包含较长的头部,其中真正有效的数据可能只是很小的一部分,显然这样…
javascript 前端面试每日-31-第220天 今天的知识点 (2019.11.22) —— 第220天 (我也要出题) [html] 在使用HTML5时有哪些规则需要遵守? [css] 举例说明attr()的使用场景 [js] 你对window的属性devicePixelRatio有了解吗?说说它有什么实际应用场景? [软技能] 如果我们决定录用你,但薪资达不到你的要求,你愿意吗?最大幅度能接受降多少? 《论语》,曾子曰…
javascript 重新认识prettier及如何工程化 对前端代码进行格式化时大多数同学都用到过prettier,例如在vscode中安装prettier插件,即可格式化任意文件,或者只格式化文件的选中部分。