- 博客(255)
- 收藏
- 关注
RSS订阅原创 nodejs篇 express(2) 中间件详解
上一篇文章中，简单介绍了express.js的使用，nodejs篇 express(1)，其中提到了express中间件的使用。其实，在项目开发的过程中，使用express.js搭建的服务器，中间件的作用无处不在。不同的应用场景和不同的调用方式，中间件可以分为以下几个类别：应用程序级别的中间件、路由级别的中间件、错误处理中间件、内置中间件、第三方中间件。学完之后呢，你就会对express中间件的应用得心应手。
2023-03-28 17:32:50
29
原创 vue3 组件篇 Message
Message组件用以消息提示，用户在前端完成某些交互时，在页面弹出的某种反馈。该组件一共有四种类型，info、success、warning、error。与一般的组件不同，该组件调用后，持续一段时间会消失，并且采用函数式调用。函数式调用组件，一般适用于，组件自身相对于屏幕定位，比如Dialog、Message、Pop等。
2023-03-23 10:08:51
372
3
原创 flex布局优化(两端对齐，从左至右)
flex布局是前端常用的布局方式之一，但在使用过程中，我们总是感觉不太方便，因为日常开发中，大多数时候，我们想要的效果是这样的即左右两端对齐并顶满，小盒子左右间距一致，并且从左至右排布。今天主要就来讨论，通过css，有几种方式来实现，以及它们的优缺点。三种方式中，第二种方式最简单，但兼容性有限；第一种方式代码量不少，兼容性适中，而且的问题严重，最后一种方式，最推荐，虽然有一些计算，并且也要合理分配宽度，但其兼容性最好，基本没啥场景不能适用，正所谓一招鲜，吃遍天。
2023-03-20 11:42:11
2476
1
原创 nodejs篇 express(1)
express作为nodejs必学的模块之一，从这篇文章开始，介绍express一些基础内容，express的安装，restful接口规范，express的接口开发，express的跨域处理，express的中间件使用，请求信息req常见处理，请求头res常见处理等。为接下来真正的项目框架下开发一个express服务器做准备。express是在nodejs内置模块http的基础上开发，也就是说http模块有的api，express全都有，并且它们的用法也很类似。
2023-03-16 20:56:28
845
原创 vue3 构建属于自己的组件库dxui
为了我自己的组件库，我从去年下半年开始，到现在一直在运用vue3框架，写各种前端web常用的组件，从Button开始到Select，将来还会继续完善。
2023-03-14 10:20:27
484
原创 vue2 @hook 的解析与妙用
hook是什么？用来监听组件生命周期的回调函数。这和生命周期函数mounted，created，updated有什么区别？区别1：@hook 会在对应的生命周期函数执行后执行。区别2：@hook 可以在父组件监听子组件的生命周期运行情况。从这段vue源代码中我们能看到hook的部分调用逻辑，其实就是在调用我们写的，@hook这个api却没有在官方文档中出现，所以鲜有人知道它的存在和用法。
2023-03-02 10:37:27
1033
原创 echarts scatter地图上渲染圆点
为了方便scatter建立坐标系，我们采用geo来自定义绘制地图，而不是使用百度地图或者google地图。如上图所示，我们经常遇到一些需求，在地图上根据数据的大小，再画一些直径不一的实心圆。
2023-02-27 10:20:51
308
原创 nodejs篇 stream模块
数据流“（stream）是处理系统缓存的一种方式。操作系统采用数据块（chunk）的方式读取数据，每收到一次数据，就存入缓存。Node应用程序有两种缓存的处理方式，第一种是等到所有数据接收完毕，一次性从缓存读取，这就是传统的读取文件的方式；第二种是采用“数据流”的方式，收到一块数据，就读取一块，即在数据还没有接收完成时，就开始处理它。第一种方式先将数据全部读入内存，然后处理，优点是符合直觉，流程非常自然，缺点是如果遇到大文件，要花很长时间，才能进入数据处理的步骤。
2023-02-23 11:13:02
104
原创 vue3组件篇 Select
弹出一个下拉菜单给用户选择操作，用于代替原生的选择器，或者需要一个更优雅的多选器时。当选项少时（少于 5 项），建议直接将选项平铺，使用 Radio 是更好的选择。
2023-02-21 13:46:41
263
原创 nodejs篇 Buffer模块
Buffer对象是Node处理二进制数据的一个接口。它是Node原生提供的全局对象，可以直接使用，不需要require(‘buffer’)。JavaScript比较擅长处理字符串，对于处理二进制数据（比如TCP数据流），就不太擅长。Buffer对象就是为了解决这个问题而设计的。它是一个构造函数，生成的实例代表了V8引擎分配的一段内存，是一个类似数组的对象，成员都为0到255的整数值，即一个8位的字节。
2023-02-16 10:17:45
724
原创 nodejs篇 process模块
process是nodejs提供的进程管理工具，nodejs其中一大特点，单进程，单线程。既然如此，如何处理异步函数？node.js提供的API中有大量的回调函数，用于解决异步逻辑。所有的异步回调函数都继承了 events模块中EventEmitter这个类，而这个类实现的方式，都遵循着一项运行机制 eventLoop(事件循环)。
2023-02-13 10:24:18
597
原创 nodejs篇 url模块
node的url模块在日常开发中经常使用，用来解析url和构成新的url。其中最常见的两个方法分别是parse()和resolve()
2023-02-08 10:31:24
260
原创 除了console.log，你还用过console其它的属性么？
刚学习前端的时候，vue还没用vue-devtools，react还没用 React Developer Tools，我们经常通过console.log和debug来检查代码的运行情况。但好像除了console.log 以外，我们鲜少用上console的其它属性，但console的其它属性也很有趣。
2023-02-02 13:00:30
1860
原创 nodejs篇 内置模块net
上一篇介绍了node.js的http模块，展示了如何通过node.js建立一个简单的服务器，实际上http是在net模块基础上封装而来，底层使用的还是net模块，尤其是通信中使用的TCP/IP协议和socket。
2023-01-30 13:56:20
487
原创 vue3 组件篇 tag
tag组件，是前端开发常用组件之一，无论是移动端，还是pc端，我们都能经常看到。tag组件的交互也比较简单，需要实现的功能如下能删除能自定义背景，颜色，甚至提供部分形状可供选择tag的内容能够完全自定义删除或者点击的回调，（如果是点击的回调，更像一个button）
2022-11-30 17:35:50
578
原创 nodejs篇 内置模块events 常用api
nodejs篇 继续，events内置模块的使用介绍，现在某些框架的事件触发，设计模式都与之相似，比如vue
2022-11-25 09:34:15
502
原创 前端动画的另一种方式 json动画
由设计师将动画设计好，形成json文件，前端直接渲染的动画。当然gif也可以，但json相对来说体积更好，更不容易失真。
2022-11-15 10:37:08
1182
原创 echarts如何画地图
用echarts画地图的方式有两种1. 通过真实的地图来画（百度地图、google地图、或者其它某种地图软件）2. 去拿到某块区域的json文件来画
2022-11-11 13:59:59
3022
原创 echarts配合google地图，并自定义google地图的样式
全网关于google地图配合echarts的使用找了很久，其实echarts结合百度地图使用会更方便一些。公司因为想要更国际化，所以更倾向于使用google地图
2022-11-09 15:36:32
972
原创 三周年这天，我获得了博客专家认证
三年前的这个时候，我还是一个刚入行前端的小萌新，在学校学习前端的一些基本知识，记得当时正在看vue的文档。我旁边的同学跟我吹牛逼说，他昨天晚上在csdn上写了一篇博客，今天通过百度都能找到链接了。怀着好奇心，我注册了csdn，并写下了人生中第一篇csdn博客。
2022-10-28 21:23:13
915
3
转载 前端插件clipboard 操作剪切板
本期介绍一个非常常用的前端插件 Clipboard.js，Clipboard.js 实现了纯 JavaScript （无 Flash）的浏览器内容复制到系统剪贴板的功能。
2022-10-26 16:34:54
685
原创 vue3 异步组件
前端开发经常遇到异步的问题，请求函数，链接库，等，都有可能需要通过promise或者async await 来进行异步的一个封装。异步组件也由此诞生，我用settimeout来模拟一个vue3的异步组件
2022-10-24 21:15:36
2222
原创 vue3 组件篇 Button
Button组件是前端开发中最常见的组件之一，无论是c端还是b端，使用频率都是极高。那么封装一个button组件需要做些什么？1. 点击事件2. 按钮的文案自定义3. 按钮的disabled状态4. 按钮的大小可选择，以期能够适应更多的场景5. 按钮的背景颜色可选可自定义6. 按钮的形状一般分为三种，椭圆，矩形，圆形7. button的类型也可以多提供几种，如边框是虚线的，背景色透明的，等等
2022-10-04 21:00:09
1073
原创 vue3 组件篇 Switch
Switch 开关组件经常出现在网页中，比如视频里面的弹幕开关，某一项功能是否开启等。通常一个switch开关组件需要实现的功能如下1. 能够流畅的切换开关。2. 需要能及时反馈开关的状态。3. 能够出现提示的文字，在开关开启或关闭的时候4. 最好能够自适应宽度，以便文字的长度能尽可能的满足5. disabled状态需要实现
2022-10-02 23:25:03
1043
原创 vue3 组件篇 Checkbox
实现的思路主要是依靠input type="checkbox",我们可以在这基础上修改样式，来实现新的组件ui，change事件和checked的逻辑，可以依靠input type="checkbox"自带的逻辑，这样可以省去很多代码。
2022-10-01 21:47:51
888
原创 前端关于cookie那些事儿
主域名不同的cookie是不能数据共享的，但一级域名相同，子域名不同的却可以。比如 csdn.net 和 blog.csdn.net 和 dengxi.csdn.net 这三种domain的cookie在dengxi.csdn.net这个网站都能拿到。
2022-09-23 10:39:11
533
原创 vue3 路由新玩法useRoute 和useRouter
原来的vue2路由是通过this.\$route和this.\$router来控制的。现在vue3有所变化，useRoute相当于以前的this.\$route，而useRouter相当于this.\$router
2022-07-27 17:23:48
3290
原创 vue3.0 组件篇 Card
card组件在我们日常开发中经常使用，如果能够有一个较好的封装，将会省去很多的重复代码，提高开发效率。要与cardGroup相结合能够实现水平排列和垂直排列，或者瀑布流排列。提供了线上的体验网站，欢迎大家前来，并提出你的建议。必须分为标题和内容两部分，并且都支持自定义。card组件需要实现哪些功能呢。提供一种或多种hover特效。card提供点击事件用以交互。......
2022-07-21 15:02:29
1970
原创 使用pagespeed检测网站性能，思考前端网站优化
最近在使用google search console的过程中，无意中发现一个检验网站性能的工具pagespeed。这个工具可以分别检测网站在移动端和桌面端的性能，最关键的是它不光能检测出性能的不足，还会将严重影响性能的东西列出来，并提供解决方案。...
2022-07-15 13:48:36
974
6
国家或地区，中文名称与对应的地理坐标
2023-02-23
常用国家或地区 英文简写与地理坐标
2023-02-23
flexible.js 实现响应式布局
2022-11-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人