2020年11月_可缺不可滥

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创前端下载文件的几种方式

一、a标签download下载后端返回一个可下载的url文件，或者前端本地保存的文件，通过路径引入下载。（1）将资源放入前端本地保存，打包后随一起上传自服务器// 本地资源下载，引入路径即可,这里的路径指的是打包后文件与代码文件的相对路径<a href="./import-template.xlsx" download target="_blank"> 下载上传模板 </a>（2）请求服务器，返回的url放入a标签的href属性中，下面是伪代码，实现的步骤先获

2020-11-27 12:02:02 17386 4

原创 react useCallback的用法

useCallback是react中比较重要的一个hook，用来返回一个函数，在父子组件传参或者通用函数封装中,起到举足轻重的作用。useCallback 还可以用于优化函数的性能。它的主要作用是缓存一个回调函数，以确保在组件重新渲染时不会创建新的回调函数，从而减少不必要的性能开销。useCallback 通常与 React.memo 或 shouldComponentUpdate 一起使用，以避免不必要的组件重新渲染。

2020-11-23 09:49:42 38549 3

原创 webpack常用配置

entry1、string --> ‘./src/index.js’，单入口打包形成一个 chunk。输出一个 bundle 文件。此时 chunk 的名称默认是 main2、array --> [’./src/index.js’, ‘./src/add.js’]，多入口所有入口文件最终只会形成一个 chunk，输出出去只有一个 bundle 文件。（一般只用在 HMR 功能中让 html 热更新生效）3、object，多入口有几个入口文件就形成几个 chunk，输出几个 bun

2020-11-10 16:55:47 638

原创（15）webpack externals

externals 是用来解决不需要打包的库，避免打包后的体积过于庞大。在实际的开发中，很多库可以采用cdn的方式引入。比如jquery,并不需要通过node 安装jquery而是采用链接的方式直接引入 <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>当然还有很多ui库 bootstrap或者element-ui 是可以通过cdn引入的。vue和react实际上都可以通过c

2020-11-02 16:44:04 562 1

原创（14）webpack (多进程打包) thread-loader

多进程打包：某个任务消耗时间较长会卡顿，多进程可以同一时间干多件事，效率更高。优点是提升打包速度，缺点是每个进程的开启和交流都会有开销（babel-loader消耗时间最久，所以使用thread-loader针对其进行优化）下载npm i thread-loader -D使用{ test: /\.js$/, exclude: /node_modules/, use: [ /* thread-loader会对其后面的loader（这里是babel-loader）

2020-11-02 15:28:55 7042

原创（13）webpack代码分割 code split

Webpack Code Splitting（Webpack 代码拆分）是一种将前端应用程序的代码分割成多个小块的技术，以提高性能和加载速度。通过将代码拆分成多个文件，你可以减少初始加载时间，因为只有在需要时才加载特定部分的代码。这有助于降低应用程序的初始加载时间，提高用户体验，并减轻服务器的负载。

2020-11-02 00:16:00 1187

国家或地区，中文名称与对应的地理坐标

国家或地区，中文名称与对应的地理坐标阿富汗: [67.709953, 33.93911], 安哥拉: [17.873887, -11.202692], 阿尔巴尼亚: [20.168331, 41.153332], 阿联酋: [53.847818, 23.424076], 阿根廷: [-63.61667199999999, -38.416097], 亚美尼亚: [45.038189, 40.069099], 澳大利亚: [133.775136, -25.274398], 奥地利: [14.550072, 47.516231], 阿塞拜疆: [47.576927, 40.143105], 布隆迪: [29.918886, -3.373056], 比利时: [4.469936, 50.503887], 贝宁: [2.315834, 9.30769]}... 当然还有更多内容，如果你想添加其它的地区及对应的经纬度，请按照经度在前（东经E为正，西经W为负），纬度在后，（N北纬为正，S南纬为负）这样的方式添加。

2023-02-23

常用国家或地区英文简写与地理坐标

常用国家或地区英文简写与地理坐标，经度在前（东经E为正，西经W为负），纬度在后，（N北纬为正，S南纬为负）如果你想在文件的基础上添加都写地区的经纬度，请遵循上面的规则。 AF: [67.709953, 33.93911], AX: [19.9167538, 60.1749041], AO: [17.873887, -11.202692], AL: [20.168331, 41.153332], AS: [-170.43, -14.16], AI: [-63.0500809, 18.2232298], AG: [-61.48, 17.2], AE: [53.847818, 23.424076], AR: [-63.61667199999999, -38.416097], AM: [45.038189, 40.069099], AW: [-70.02, 12.32], AU: [133.775136, -25.274398], AT: [14.550072, 47.516231]

2023-02-23

世界各国地图geojson大全

2022-11-15

flexible.js 实现响应式布局

我将flexible限制的540px直接注销掉了，无论分辨率多大，都能实现响应式。 flexible.js 配合vscode的插件cssrem使用，非常方便。我用来做大屏展示的项目，因为没有规定屏幕的分辨率具体是多大，所以flexible是一个不错的选择。

2022-11-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

原创 前端下载文件的几种方式