![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 94
NCTU_to_prove_safety
Beautifully designed control system, create the perfect life
展开
-
使用React.memo()来优化函数组件的性能
原文链接:Improving Performance in React Functional Component using React.memo原文作者:Chidume Nnamdi译者:进击的大葱推荐理由: 本文讲述了开发React应用时如何使用shouldComponentUpdate生命周期函数以及PureComponent去避免类组件进行无用的重渲染,以及如何使用最新的React.memo API去优化函数组件的性能。React核心开发团队一直都努力地让React变得更快。在Rea...原创 2021-06-09 13:54:54 · 427 阅读 · 0 评论 -
React:Suspense的实现与探讨
前言:本文带你实现一下createFetcher,loading,placeholder,等不及的同学请看仓库:215566435/think-in-suspenseSuspense的实现很诡异,也备受争议。用Dan的原话讲:你将会恨死它,然后你会爱上他。简单介绍一下Suspense看完整版,我之前的回答:方正:如何评价React的新功能Time Slice 和Suspense?在render函数中,我们可以写入一个异步请求,请求数据 react会从我们缓存中读取这个...原创 2021-06-09 13:48:09 · 757 阅读 · 0 评论 -
对require.js 的使用进行总结
一、为什么要使用require.js 首先一个页面如果在加载多个js文件的时候,浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长;其次,由于js文件之间存在依赖关系,因此必须严格保证加载顺序,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。 require.js,就是为了解决这两个问题: (1)实现js文件的异步加载,避免网页失去响应;...转载 2019-05-06 21:18:48 · 155 阅读 · 0 评论 -
require.js快速入门
学习链接:https://segmentfault.com/a/1190000002390643学习链接:http://www.ruanyifeng.com/blog/2012/11/require_js.html (阮一峰老师)require.js快速入门: 直接看代码和注释,怎么配置就可以,就那么几步操作自己写的配置例子代码:https://github.com/...转载 2019-05-06 21:23:33 · 156 阅读 · 0 评论 -
本文实例讲述了JS简单获取客户端IP地址的方法。分享给大家供大家参考,具体如下:
<!doctype html><html><head><meta charset="utf-8"><title>使用搜狐接口获取客户端IP地址</title></head><body><script src="http://pv.sohu.com/cityjson?ie=utf-8...原创 2019-05-06 21:31:13 · 107 阅读 · 0 评论 -
优化 RequireJS 项目(合并与压缩)
本文将演示如何合并与压缩一个基于RequireJS的项目。本文中将用到苦干个工具,这其中就包括Node.js。 因此,如果你手头上还没有Node.js可以点击此处下载一个。动机关于RequireJS已经有很多文章介绍过了。这个工具可以将你的JavaScript代码轻易的分割成苦干个模块(module)并且保持你的代码模块化与易维护性。这样,你将获得一些具有互相依赖关系的JavaScript...转载 2019-05-06 21:32:53 · 224 阅读 · 0 评论 -
推荐几个精致的web UI框架
1.AliceuiAliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。gitHub地址:https://github.com/aliceui/aliceui.github.io2.AmazeuiAmaze UI 是一个轻量级、 Mobile first 的前端框架...转载 2019-05-06 21:58:24 · 376 阅读 · 0 评论 -
jquery滚动条插件nanoscroller的应用
默认的滚动条的样式,各个版本的兼容性不是很好,推荐一款jQuery插件nanoscroller ,可以自定义滚动条的样式。应用:1.引入样式nanoscroller.css<linkrel="stylesheet"href="nanoscroller.css">在页面中自定义滚动条的样式自定义的样式如下图所示:2.两个js文件,一个jQu...转载 2019-05-06 22:07:58 · 175 阅读 · 0 评论 -
使用navigator.userAgent.toLowerCase()判断移动端类型
在跨平台,各种浏览器,移动设备兼容的时候,经常要根据设备、浏览器做特定调整,所以判断设备和浏览器的工作,经常会用到,这里做一下总结判断设备,区分Android,iphone,ipad和其它[javascript]view plaincopyvarua=navigator.userAgent.toLowerCase(); if(ua.match(/android/i...转载 2019-05-06 22:11:43 · 198 阅读 · 0 评论 -
为什么要用PolyFill(JS中的修补匠)
var users = [{name:”zhangsan”,age:18},{name:”jack”,age:20}];这是一个对象数组。如果我们要查询名字为”jack”用户的年龄、常用的办法是什么?很多同学会想到遍历这个数组。我们来看看新的语法:var getUser = users.find(function(finder){ return finder.name = ...转载 2019-05-06 22:14:00 · 153 阅读 · 0 评论 -
jquery.cookie.js使用
1、下载jquery.cookie.js官网:http://plugins.jquery.com/cookie/或http://pan.baidu.com/s/1mgynA8g2、使用方法$.cookie('the_cookie'); // 获得cookie$.cookie('the_cookie', 'the_value'); // 设置cookie$.cookie('...转载 2019-05-06 22:17:32 · 183 阅读 · 0 评论 -
开发人员必备的技能——单元测试
说起软件测试四个字,想必大家脑海中浮现的有集成测试、系统测试、黑盒测试、白盒测试等,可能就是没想到会有单元测试。 对于大学是学习软件工程专业出身的同学来说可能会听过这四个字,对工作好几年的职场老鸟可能也听过但是没实际用过居多。绝大多数的开发人员都是忙于把手头的工作开发好,并不会把单元测试纳入工作范畴,他们会说,我连功能开发都忙不过来了,哪有时间去做单元测试,况且还要写测试代码,那不是重复写一篇代码...转载 2019-05-06 22:52:53 · 196 阅读 · 0 评论 -
NPM Unexpected end of JSON input while parsing near
npm install 报错:1.NPM Unexpected end of JSON input while parsing near2.npm ERR! A complete log of this run can be found in:解决办法:first:npm install --registry=https://registry.npm.taobao.org --l...转载 2019-07-14 23:08:35 · 377 阅读 · 1 评论 -
Jquery之$(document).ready()使用介绍
转载自:https://www.cnblogs.com/JsonShare/p/3760717.html学习jQuery的第一件事是:如果你想要一个事件运行在你的页面上,你必须在$(document).ready()里调用这个事件 学习jQuery的第一件事是:如果你想要一个事件运行在你的页面上,你必须在$(document).ready()里调用这个事件。所有包括在$(document).r...转载 2019-07-12 10:36:06 · 497 阅读 · 0 评论