Next.js项目初始化配置
记录使用next.js(app router)+tailwind+typestript+prisma+trpc+tanstack+shadcn/ui项目初始化结构
阅读全文 →ARCHIVE
Web
55 篇文章
前端项目部署方法
介绍如何将Vue/React等前端项目部署到服务器上。除了必须的服务器外，有域名和SSL证书访问会更方便。
阅读全文 →VUE项目搭建规范
转自coderwhy，写项目按照这个来啦！
阅读全文 →浅拷贝与深拷贝
浅拷贝 定义 浅拷贝是按位拷贝对象，它会创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。 如果属性是基本类型，拷贝的就是基本类型的值；如果属性是内存地址（引用类型），拷贝的就是内存地址，因此如果其中一个对象改变了这个地址，就会影响到另一个对象。 Ob…
阅读全文 →VUE3之VUEX
VUE3之VUEX vuex的基本使用 state getters mutations actions 辅助函数 modules
阅读全文 →VUE3之vue-router
VUE3之vue-router vue-router的基本使用和配置 vue-router知识点补充 路由懒加载 动态路由 NotFound 嵌套路由 编程式导航 router-link的v-slot 动态添加/删除路由 路由导航守卫
阅读全文 →OpenLayers Workshop（六）Raster Operations
OpenLayers Workshop（六）Raster Operations Map setup 设置地图 Render elevation data 渲染高程数据 Render sea level 渲染海平面
阅读全文 →OpenLayers Workshop（五）Vector tiles and Mapbox styles
OpenLayers Workshop（五）Vector tiles and Mapbox styles The VectorTile layer VectorTile 图层Making things look bright 让地图看上去明亮一点 Intera…
阅读全文 →OpenLayers Workshop（四）WebGL Meteor Shower
OpenLayers Workshop（四）WebGL Meteor Shower Rendering meteorites with Canvas 2D 用Canvas 2D渲染陨石 Rendering points with WebGL 用WebGL渲染点…
阅读全文 →OpenLayers Workshop（三）Mobile Maps and Sensors
OpenLayers Workshop（三）Mobile Maps and Sensors A mobile map 制作一个移动端的地图 Geolocation Compass
阅读全文 →VUE3之其它组件
VUE3之其它组件 Render函数 JSX的使用 自定义指令 teleport VUE插件
阅读全文 →VUE3之Composition API（三）
VUE3之Composition API（三） 生命周期钩子 setup中的provide和inject 案例
阅读全文 →VUE3之Composition API（二）
VUE3之Composition API（二） Reactive API的补充 toRefs和toRef ref API的补充 customRef setup中computed的使用 watchEffect setup中使用ref watch
阅读全文 →VUE3之Composition API（一）
VUE3之Composition API（一） mixin和extends setup reactive API ref API readOnly
阅读全文 →VUE3之Animation（二）
VUE3之Animation（二） animate.css gsap库 利用gsap实现数字渐变效果 transition-group 列表的交替动画
阅读全文 →VUE3之Animation（一）基本使用
VUE3之Animation（一）基本使用 transition的基本使用 animation帧动画 transition的属性
阅读全文 →VUE3之Component（三）
VUE3之Component（三） 动态组件的基本使用 动态组件的传递参数 keep-alive 异步组件 suspense和异步组件结合使用 $refs $parent和$root 生命周期 组件的v-model
阅读全文 →VUE3之Component（二）
VUE3之Component（二） 非父子组件之间的通信 Provide引用data和响应式 事件总线库mitt的使用 插槽
阅读全文 →VUE3之Component（一）
VUE3之Component（一） 组件的拆分与嵌套 组件的css作用域问题 父组件传递给子组件 子组件传递给父组件 一个案例
阅读全文 →VUE3之使用脚手架
VUE3之使用脚手架 vue-cli vite
阅读全文 →VUE3之WebPack开发和生产环境分离
VUE3之WebPack开发和生产环境分离
阅读全文 →VUE3之WebPack Server
WebPack watch webpack-dev-server contentBase 模块热替换 dev-server的其它简单配置 proxy配置 resolve配置
阅读全文 →VUE3之WebPack打包.vue文件
VUE3之WebPack打包.vue文件
阅读全文 →VUE3之Babel
VUE3之Babel 在命令行中使用 在webpack中使用babel-loader
阅读全文 →OpenLayers Workshop（二）Vector Data
OpenLayers Workshop（二）Vector Data Let’s make a feature editor! 让我们做一个功能编辑器吧！ Rendering GeoJSON 渲染GeoJSON数据 Drag and drop 抓和放 Modif…
阅读全文 →VUE3之WebPack插件
VUE3之WebPack插件 clean-webpack-plugin html-webpack-plugin DefinePlugin CopyWebpackPlugin复制文件
阅读全文 →VUE3之WebPack资源
WebPack资源 file-loader url-loader asset module
阅读全文 →VUE3（十）组件化开发
VUE3（十）组件化开发 全局组件 局部组件 开发模式
阅读全文 →VUE3（九）v-model
VUE3（九）v-model
阅读全文 →OpenLayers Workshop（一）配置环境
OpenLayers Workshop（一）配置环境 通过Openlayers的官方案例来学习
阅读全文 →VUE3（八）综合案例
VUE3（八）综合案例
阅读全文 →VUE3（七）侦听器
VUE3（七）侦听器 基本使用 配置选项 其它方式
阅读全文 →VUE3（六）计算属性
计算属性computed
阅读全文 →VUE3（五）列表渲染
v-for x-bind:key
阅读全文 →VUE3（四）条件渲染
v-if v-else-if v-else v-show
阅读全文 →VUE3（三）v-bind和v-on
v-bind v-on
阅读全文 →VUE3（二）基础指令
methods中不应该使用=>{}来定义函数，理由是该写法下绑定的是父级作用域的上下文（window），this不会按照预期地指向实例。 箭头函数不绑定this。 通过vscode创建用户代码片段 在snippets文件夹下存储了用户的代码片段，通过setti…
阅读全文 →VUE3（一）初体验
引入vue的方法 创建app实例并挂载
阅读全文 →Redis基础入门
Redis基础入门
阅读全文 →Redis性能测试
测试准备 使用自带的redis-banchmark可以方便的进行性能测试 首先使用redis-server启动redis，然后运行redis-banchmark 这里我设置成100个并发，10万个请求 具体参数可以看如下表格 序号 选项 描述 默认值 1 -h…
阅读全文 →Vue初次使用
初学vue，希望几天搞定
阅读全文 →JAVA WEB 笔记2
一、jsp的页面元素： a.脚本Scriptleti.<% 局部变量、java语句 %>ii.<%! 全局变量、定义方法 %>iii.<%=输出表达式 %> 一般而言，修改web.xml、配置文件、java 需要重启tomcat服务但是如果修改 Jsp\htm…
阅读全文 →关于mongoDB的权限管理问题
在使用mongoDB的过程中，遇到了几个权限管理的问题。这些问题本该在官方文档中清楚提示的，但他们没有。
阅读全文 →mongoDB的安装与连接
本篇详细讲解了最新的mongoDB安装方式
阅读全文 →Mongoose中_id类型导致的bug
最近使用Mongoose进行数据库连接。使用postman进行测试非法的id长度时报了如下错误。
阅读全文 →koa实现jwt用户登录和授权
我们使用jsonwebtoken来生成和验证token，然后手写一个登录和授权的逻辑。使用koa-jwt中间件
阅读全文 →mongoose实现CRUD
一般我们不直接用MongoDB的函数来操作MongoDB数据库 Mongose就是一套操作MongoDB数据库的接口。
阅读全文 →koa-parameter
koa-parameter是一个校验参数内容合法性的中间件。
阅读全文 →koa-json-error
在写接口时，返回json格式且易读的错误提示是有必要的，koa-json-error中间件帮我们做到了。 412错误 先决条件出错 返回错误信息 比如我们请求了一个不存在的数据，自动返回412和错误信息。 可以看到，返回了对栈信息，但很多时候我们并不想告诉别人…
阅读全文 →Koa的简易目录结构设计
Koa的简易目录结构设计
阅读全文 →OPTION请求
获取服务器支持的HTTP请求方法。 用来检查服务器的性能。例如：AJAX进行跨域请求时的预检，需要向另外一个域名的资源发送一个HTTP OPTIONS请求头，用以判断实际发送的请求是否安全。
阅读全文 →koa-router
koa-router实现方便的路由跳转
阅读全文 →使用Koa开发RESTful API
本篇文章介绍Koa，RESTful概念，并搭建一个Koa Demo。
阅读全文 →IDEA创建Node.js项目
首先下载node.js插件，这个我安装IDEA的时候就已经安装好了。 新建node文件，很简单，找到node.js选项 我们首先创建一个js文件 添加运行配置 设置浏览器启动 点击运行直接弹出结果 这个简单实例就完成了。
阅读全文 →注册和登录系统
注册和登录系统教程
阅读全文 →