- 博客(28)
- 收藏
- 关注
RSS订阅原创 NextJs教程系列(五)：动态路由
如果您事先不知道确切的区段名称，并且想要从动态数据创建路由，则可以使用在请求时填充或在构建时预呈现的动态区段。
2024-03-12 18:14:19
288
原创 全栈开发的必备利器 Next.js
Next.js作为一个备受推崇的React框架，在现代Web开发中扮演着重要的角色。它通过优秀的性能、灵活性和开发体验，吸引了众多前端程序员和全栈程序员的青睐。与Nuxt.js相比，Next.js在React生态系统的支持和学习曲线方面具备优势。同时，Next.js拥有一个活跃的社区，提供了丰富的资源和支持。如果您想学习Next.js，可以访问我的Next.js全栈指南，其中包含了一系列关于Next.js的教程和示例代码，帮助您快速掌握Next.js的开发技能。
2024-03-12 18:09:53
1110
原创 NextJs教程系列(四)：路由loading
loading.js 可以帮助你使用React Suspense创建一个组件, 当你在加载路由内容时，它会显示该加载状态组件，渲染完成后，新的内容将会自动替换。传统的ssr渲染流程，当用户请求一个页面时，服务器会根据路由匹配到对应的组件，然后渲染该组件，最后将渲染后的html返回给用户。这样的话，当客户端请求页面时会优先展示静态内容，等到服务端异步数据加载完成并渲染成功后，客户端再继续渲染剩余的内容。如果组件中存在异步数据，那么服务端会等待异步数据加载完成之后再渲染，这样可能会导致页面白屏时间较长的问题。
2024-03-08 11:02:05
659
原创 NextJs教程系列(三)：路由layout
app作为最外层的layout，嵌套了dashboard的子layout，dashboard的layout其实对应的就是app中的children。你可以根据你的需求，在layout中添加一些公共的布局元素，比如header, footer等，这些元素不会随着路由的切换而重新渲染。Next.js的layout是一个可复用的布局，不同的子页面可以共享布局容器，页面跳转时，layout容器不会重新渲染。而dashboard layout.js中的children则对应了dashboard的page页面。
2024-03-07 12:01:20
838
原创 NextJs教程系列(一)：介绍&安装
Next.js 是一个用于构建全栈 Web 应用程序的 React 框架。您可以使用 React 组件来构建用户界面，并使用 Next.js 来构建其他功能和优化。
2024-03-05 22:13:56
653
原创 Hexo、VitePress、Docusaurus，哪个最适合你的静态网站生成器？
综上所述，根据不同的使用场景和需求，可以选择适合的工具。如果你是一个非前端开发者，那么我建议hexo，你完全可以使用hexo提供丰富的社区模板构建你想要的页面。如果你是前端程序员，并且技术栈以vue为主，可以尝试vitepress，但是vitepress不支持博客，当然你完全可以定制化主题，但是不妨可以先看看hexo是否有满足你需求的博客主题模板。如果你是前端程序员，并且技术栈以react为主，可以使用docusaurus，它同时支持博客和文档，同样支持定制化主题。
2024-03-05 18:28:03
2564
原创 手写Vuex (更新中)
文章目录一、Vuex的核心模块1. state2. getters3. mutations4. actions5. modules二、Store类一、Vuex的核心模块1. statestate状态，作用是用来存储 全局 的状态，目的是方便每个组件之间的通信，从而做到数据的统一管理。2. gettersgetters和vue中的computed计算属性是跟相似，都是对数据进一步加工/过滤，从而得到最终结果。3. mutationsmutations的目的是做数据的同步赋值，官方推荐使用该方法进
2020-05-12 15:52:19
258
原创 手写vue-router（完结）
文章目录一、location对象二、history对象1. 常见方法一、location对象location对象含有很多的属性，其中我们此次使用到的是 hash，接下来我们需要熟悉一下hash的用法。<a href="#/index">首页</a><a href="#/app">app</a><div id="app"><...
2020-05-07 19:58:52
1099
原创 从简入深挖掘Promise源码（完结）-西安科技大学任佳洋
一、准备知识1. 模拟同步问题: 现在有两个异步任务，使用定时器模拟， 要求定时器执行之后得结果必须按照指定得顺序进行。function before(count, cb) { let obj = {}; return function(key, val){ obj[key] = val; if(--count == 0) { cb(obj); } }}let ...
2020-05-04 17:29:14
528
2
原创 前端基础算法(更新中)
文章目录一、 数组的去重1. set运算符2. indexOf3. indexOf和lastIndexOf4. sort5. 借用对象一、 数组的去重1. set运算符let arr = [1, 2, 2, 3, 3, 3, 4, 4, 4, 4];let arr1 = [...new Set(arr)];2. indexOflet arr = [1, 2, 2, 3, 3, 3, ...
2020-04-29 16:22:51
298
原创 CSS经典布局
文章目录一、左右固定，中间自适应1. 浮动2. 绝对定位3. flex4. table5. grid6. calc二、垂直居中一、左右固定，中间自适应1. 浮动2. 绝对定位3. flex4. table5. grid6. calc二、垂直居中...
2020-04-23 16:38:06
201
原创 JavaScript的核心
一、对象1. 对象属性let obj = {}, a = 0, b = '0';obj[a] = 'hello';obj[b] = 'world';console.log(obj[a]); //=>worldlet obj = {}, a = Symbol(1), b = Symbol(1);obj[a] = 'hello';obj[b] = 'worl...
2020-04-23 16:29:35
496
原创 Linux运维之node版本升级
废话不多说，直接上步骤1. 换源为什么换源，因为换源可以提高包的下载速度，同时可以避免因为外网的原因下载中断而造成的不必要的浪费。如果已经换源，则可直接跳过。1. npm config set registry https://registry.npm.taobao.org2. 产看是否换源成功 npm config get registry2. 安装版本管理工具npm insta...
2020-03-14 10:16:11
249
原创 linux运维之forever进程守护
首先明确一点为什么要进程守护在服务器上运行node程序的时候，我们可以使用node xx.js 启动某个服务，但是问题来了。如果我们关闭连接服务器的窗口之后，随之我们启动的node程序也会随之关闭，怎么解决？接下来forever就发挥了很大的作用。fover一个简单的CLI工具，用于确保给定脚本连续运行（即永远运行）。使用步骤全局安装forevercd 进入需要启动的node程...
2020-03-14 09:48:20
752
原创 js能力测评
文章目录1. 查找数组元素的位置-1 方法一-2 方法二-3 方法三-4 方法四1. 查找数组元素的位置描述：输入：[ 1, 2, 3, 4 ], 3输出：2-1 方法一function indexOf(arr, item) { for (let i = 0; i < arr.length; i++) { if (arr[i] === item) ...
2020-03-09 13:04:19
313
原创 java(基础语法)
文章目录一. 语法1. 数组2. 字符串3. 对象(1) 语法(2) 继承(3) 抽象类(4) final 常量4. 装箱和拆箱5. 常用类(1) Data类(2) String类(3) Math类(4) Array类6. 异常处理7. 范类(模板类)8. 集合(1)ArrayList<> data=new ArrayList<>(2)LinkedList<> ...
2019-08-10 07:26:40
138
原创 数据库基本操作
文章目录一. 查看，创建数据库二. 产看表列表三. 查看表数据四. 创建数据表五. 添加列六. 修改列七.删除列八. 插入数据九. 更新表中数据（修改数据）十. 删除表中数据十一. 排序（升，降）十二. 设置密码（谨慎）一. 查看，创建数据库show databasescreate database 数据库名 default character set utf8;注意： 如果不添加de...
2019-08-05 20:30:06
164
原创 eclipse如何安装Android插件
文章目录一. jdk安装及环境配置二. eclipse安装三. android插件的本地安装一. jdk安装及环境配置首先安装jdk，网上有很多教程（ 注意： 记住安装的路径）配置环境变量（1）进入电脑的环境变量配置（2）新建变量（ JAVA_HOME=> C:\Program Files\Java\jdk1.8.0_131 也就是安装jdk路径）（Path=&...
2019-08-05 19:26:24
2083
2
原创 php(总结)
文章目录语法基础1.文件(1) 文件操作模式(2) 文件目录(3) 读写文件2.页面缓存ob_flush()flush()ob_get_contents() (获取缓存区中内容)ob_get_length() (获取缓存区中长度)网络编程1. curl类库(1) curl_init()(2) curl_multi()(3)curl_setopt()2. Snoopy类库语法基础1.文件(1...
2019-08-05 18:19:45
134
原创 爬虫Python
文章目录python 爬虫1. if __name__ == '__main__'2. 异常(1) except3. 正则表达式(1) 常用语法(2) re.S(大写)(3) json.(dumps/dump/loads)4. 多线程(1) pool5. requests模块6. urllib模块(1) urlencode(data)(2) urlecode(data)7. selenium模块8...
2019-08-05 18:17:08
119
原创 php(总结)
文章目录语法基础1.文件(1) 文件操作模式(2) 文件目录(3) 读写文件2.页面缓存ob_flush()flush()ob_get_contents() (获取缓存区中内容)ob_get_length() (获取缓存区中长度)网络编程1. curl类库(1) curl_init()(2) curl_multi()(3)curl_setopt()2. Snoopy类库语法基础1.文件(1...
2019-08-05 18:15:57
308
原创 JavaScript(总结)
文章目录1. 对象(1) 对象的继承原型链继承:Object.create(obj.prototype)继承1. 对象(1) 对象的继承原型链继承:创建对象obj将对象obj.prototype指向被继承对象(多用于内置对象)为对象obj添加属性和方法Object.create(obj.prototype)继承注意: 该继承的是对象的原型链。...
2019-07-31 21:58:29
151
原创 python爬虫
文章目录python 爬虫1. if __name__ == '__main__'2. 异常2.1 except3. 正则表达式3.1 常用语法3.2 re.S(大写)3.3 json.(dumps/dump/loads)4. 多线程4.1 pool5. requests请求模块6. urllib模块6.1 urlencode(data)6.2 urlecode(data)7.文件操作pytho...
2019-07-29 13:37:26
156
原创 Markdown编辑器总结(字体，背景等)
Markdown编辑器总结1. 引用 符号:> 引用就是引用别人的话或者文章内容。但是我一般都是用来写自己的内容，引用自己的话也是引用么。 大家都看见了，这个有背景颜色，个人还是比较喜欢炫酷的页面。 但是，致命缺点，字体颜色太淡，看起来模糊，费眼睛 。 可能有人会说，不是可用设置字体颜色吗?但是有缺陷，需要不断为每一段文字都设置字体颜色，它才会生效,就像这段一样。拜托...
2019-07-26 14:15:24
619
原创 PHP爬虫的三种方法
PHP爬虫的三种方法get+file_contents()定义: file_get_contents() 函数把整个文件读入一个字符串中。语法: file_get_contents(path,include_path,context,start,max_length)参数描述path必需。规定要读取的文件。include_path可选。如果也想在 includ...
2019-07-24 13:34:44
17727
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人