随笔分类 -  前端

推荐一个html富文本转成unity富文本的js
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2025-12-09 08:59 朝阳1 阅读(5) 评论(0) 推荐(0)
express使用redis
摘要：我用的pnpm pnpm add express redis const express = require('express'); const redis = require('redis'); var app = express() var port = 3000 // 创建 Redis 客户端 阅读全文
posted @ 2025-09-17 15:12 朝阳1 阅读(26) 评论(0) 推荐(0)
vue生命周期
摘要：1. **beforeCreate（创建前）**： - 在实例初始化之后，数据观测（data observer）和event/watcher事件配置之前被调用。 2. **created（创建后）**： - 实例已经创建完成，数据观测和事件/侦听器已经配置好，但是挂载阶段尚未开始，`$el`属性目前 阅读全文
posted @ 2024-11-29 10:53 朝阳1 阅读(19) 评论(0) 推荐(0)
express使用morgan+file-stream-rotator实现自定义日志+轮转
摘要：import express, {json} from 'express'; import fs from 'fs'; import path from 'path'; import morgan from 'morgan'; import FileStreamRotator from 'file- 阅读全文
posted @ 2024-11-12 10:57 朝阳1 阅读(56) 评论(0) 推荐(0)
2048小游戏
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>2048 Game</title> </head> <style> body { font-family: Arial, sans-serif; display 阅读全文
posted @ 2024-10-25 14:14 朝阳1 阅读(60) 评论(0) 推荐(0)
element-plus如何使用可编辑的table
摘要：Element Plus 的 Table 组件本身不提供内置的编辑功能。但是可以通过结合 Table 组件和 Form 组件来实现行级别的可编辑功能 <template> <el-table :data="tableData" style="width: 100%"> <el-table-colum 阅读全文
posted @ 2024-10-08 09:30 朝阳1 阅读(770) 评论(0) 推荐(0)
x5-video-player-type='h5'
摘要：<video id="videoID" src="video.mp4" poster="loadbg.jpg"　视频封面 preload="auto" x-webkit-airplay="allow" x5-video-player-type="h5" 启用H5播放器,是wechat安卓版特性 x5 阅读全文
posted @ 2024-08-09 14:10 朝阳1 阅读(148) 评论(0) 推荐(0)
div盒子屏幕居中方案
摘要：.container{ height: 300px; width: 300px; background: red; position: absolute; top:50%; left: 50%; translate:-50%-50%; } 阅读全文
posted @ 2024-07-25 10:01 朝阳1 阅读(20) 评论(0) 推荐(0)
vue-quill-editor富文本编辑器
摘要：安装 npm install vue-quill-editor --save 全局引入 import Vue from 'vue' import VueQuillEditor from 'vue-quill-editor' // 引入样式 import 'quill/dist/quill.core. 阅读全文
posted @ 2024-07-20 16:11 朝阳1 阅读(47) 评论(0) 推荐(0)
vue实现选中左边数据到右边
摘要：vue <template> <div class="container"> <el-row> <el-col :span="4"> <!-- 左边列表项 --> <div class="scrollable-menu"> <el-menu class="el-menu-vertical-demo" 阅读全文
posted @ 2024-07-20 11:02 朝阳1 阅读(212) 评论(0) 推荐(0)
Vue3+Elementplus 递归菜单展示
摘要：这里只是做个笔记，js，css那些都没写 子组件 MenuItem <template> <template v-if="item.children"> <el-sub-menu :index="item.value"> <template #title>{{ item.label }}</temp 阅读全文
posted @ 2024-07-19 10:14 朝阳1 阅读(119) 评论(0) 推荐(0)
html+js实现选中左边的数据到右边
摘要：效果 后台要开发个功能，给游戏内的用户赠送道具，先把道具列表展示，然后选择要增送的道具，可以加上道具图片进行页面美化 index.html 页面没有美化，只是实现了效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < 阅读全文
posted @ 2024-07-12 14:32 朝阳1 阅读(72) 评论(0) 推荐(0)
express使用ws
摘要：var express = require('express'); var expressWs = require('express-ws'); var app = express(); expressWs(app); var PORT = 7777; var clientObject = {}; 阅读全文
posted @ 2024-04-23 10:32 朝阳1 阅读(68) 评论(0) 推荐(0)
express + mysql + jwt 登录+简单的增删改查
摘要：gitee地址 https://gitee.com/newly-released_0/express-mysql-jwt jwt的代码 const express = require('express') const app = express() const compression = requi 阅读全文
posted @ 2024-04-22 17:42 朝阳1 阅读(32) 评论(0) 推荐(0)
html简单的响应式布局
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>弹性盒容器-媒体查 阅读全文
posted @ 2024-04-10 16:32 朝阳1 阅读(37) 评论(0) 推荐(0)
vue简单的响应式布局
摘要：<template> <el-container> <el-header>头部</el-header> <el-container> <!-- 准备两份aside侧边栏 --> <!-- 利用isCollapse动态控制侧边栏的宽度 --> <el-aside :width="isCollapse 阅读全文
posted @ 2024-04-10 16:25 朝阳1 阅读(103) 评论(0) 推荐(0)
css样式重置
摘要：@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px} body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,b 阅读全文
posted @ 2024-04-01 13:48 朝阳1 阅读(25) 评论(0) 推荐(0)
Vue从后端取数据，实现动态路由
摘要：1.App.vue 将获取菜单的方法放在全局中，以便每次刷新页面时，能够加载出。this.$store.state.userInfo是登入后存放在Vuex的用户信息 TODO：把数据放到本地存储，没有的时候再加载，这只是demo <template> <div id="app"> <router-v 阅读全文
posted @ 2024-04-01 13:44 朝阳1 阅读(300) 评论(0) 推荐(0)