- 博客(6)
- 收藏
- 关注
RSS订阅原创 webpack基本的配置
webpack是一个打包模块化JavaScript的工具，通过loader转换文件，通过Plugin注入钩子，最后输出文件。现在的前端，出现很多种可以提高开发效率的工具和框架，但是源码却不能直接运行，只有通过转换之后才能正常运行。那么构建就是把源码转化为可以执行的JavaScript、HTML和CSS代码。代码分割，提取公共代码，提取首页不需要执行的代码让它异步加载；自动刷新，监听本地源码的变化，自动重新构建、刷新浏览器；文件优化，比如压缩JavaScript，压缩合成图片；能做到开箱即用，一步到位；
2023-10-06 10:45:44
124
1
转载 webpack基本的配置
extension，在导入语句没有带文件后缀名的时候，webpack会自动加上后缀名，去访问对应的文件是否存在，比如：extension:['.js','.json']，在配置中都找不到对应的文件，那就报错。modules，配置第三方模块，webpack会默认去node_modules下寻找，如果同一个模块被不同位置的文件引入，就会导致引入路径很长，通过modules的配置，这样优化了导入路径。· Plugin：扩展插件，在Webpack构建流程中的特定时机注入扩展逻辑，来改变构建结果或做我们想要的事情。
2023-10-06 10:39:54
192
1
原创 Js实现深拷贝的4种方式
但是，如果对象内容项为undefined,null,Date,RegExp,function，error的时候。使用JSON.parse(JSON.stringify())进行拷贝就会出问题了。如果我们的项目中只需要一个深拷贝的功能，这种情况下为了一个功能引入整个第三方库就显得很不值得了。JQuery的extend()函数 (推荐在JQuery项目中使用，其他项目依然推荐是用递归函数)4、jquery的extend()方法进行深拷贝（推荐在JQ中使用）递归函数 （推荐使用，项目中使用的更多，更小，更安全）
2023-10-06 10:33:23
1628
1
原创 前后端应如何进行交互
（2）接口设计（出接口文档），前后端沟通设计接口，前端需要后台返回什么样的数据（格式），后台需要前端传递什么参数（哪些参数是必须的，哪些参数是可选的，采用get还是post，哪些数据需要前端先进行校验，哪些需要双方都校验）。（3）接口对接规范，后端编写和维护接口文档，在 API 变化时更新接口文档，后端根据接口文档进行接口开发，前端根据接口文档进行开发 + Eolinker 平台，开发完成后联调和提交测试。如果是采用前后端分离去开发的小伙伴，那么毫无疑问前后端接口对接是整个系统开发最麻烦、最复杂的一部分。
2023-10-06 10:29:33
585
1
原创 js中两种计时器、防抖、节流
timeout = setTimeout(() => { // 然后又创建一个新的 setTimeout, 这样就能保证输入字符后的 interval 间隔内如果还有字符输入的话，就不会执行 fn 函数。setTimeout(function(a,b){console.log(a+b)},1000,1,2)//=>1,2分别为a，b的实参。举例：setTimeout(function(){console.log(1)},1000)//=>一秒后输出1。// 创建一个标记用来存放定时器的返回值。
2023-10-06 10:27:29
559
1
原创 React面试题
函数名字一定是以use开头的函数，这样 React 才能够知道这个函数是一个 Hook。函数内部一定调用了其它的 Hooks，可以是内置的 Hooks，也可以是其它自定义 Hooks。这样才能够让组件刷新，或者去产生副作用。5.说一下React Hooks性能优化React 性能优化的理念的主要方向就是这两个：减少重新 render 的次数。因为在 React 里最重(花时间最长)的一块就是 reconction(简单的可以理解为 diff)，如果不 render，就不会 reconction。
2023-09-27 20:35:42
230
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人