- 博客(22)
- 问答 (1)
- 收藏
- 关注
原创 微前端(本次重点说明模块联邦)
微前端架构方案:1. 自由组织模式System.js模块化3. 基座模式类似于qiankun,即有一个大盒子作为基座,所有子项目在其中加载展示。4. 去中心模式(webpack5 Federated Module 联邦模块)各项目可以相互使用对方的东西。...
2022-04-14 18:04:27
1362
原创 customElement 自定义组件
具体可参考链接:https://developer.mozilla.org/zh-CN/docs/Web/Web_Components/Using_custom_elements
2022-02-21 13:47:47
146
原创 node + koa + mongodb
创建服务并启动// 引入模块const Koa = require('koa');const { port } = require('./config');// 创建服务器实例const app = new Koa()// 监听服务启动app.listen(port,()=> { console.log('启动了');})创建路由和接参引入koa-router 和 koa-body(解析body参数)子路由:const Router = require('ko..
2022-02-11 14:58:46
741
原创 Node fs 模块常用api
fs – 文件模块注:是内置模块,直接require引入即可。fs.stat(file, (err,data)=>{}) 查询文件状态(data.isFile()–判断是否是文件,isDirectory()–判断是否是文件夹)fs.mkdir(fileName,err => {}) 创建文件夹 (fileName–文件夹名称,重复会报错,例如:’./test‘),注意:此方法不能联系创建文件夹,例如:/test/one/twofs.readdir(fileName,err => .
2022-02-08 16:03:59
679
原创 vue学习巩固心得
样式类对象绑定:数组绑定:组件绑定:(如果您的组件有多个根元素,您需要定义哪个组件将接收此类。您可以使用$attrs组件属性执行此操作)(禁用属性继承: 如果不希望组件自动继承属性,可以inheritAttrs: false在组件的选项中进行设置)2.修饰符鼠标按钮修饰符 .left .right .middle…3.组件.........
2022-01-25 15:04:51
569
原创 设置全屏/退出全屏
// 全屏fullScreen() {const document = (window as any).document;if (this.isFull) {// 退出if (document.exitFullscreen) {document.exitFullscreen();} else if (document.msExitFullscreen) {document.msExitFullscreen();} else if (document.mozCancelFullScreen)
2021-10-27 17:41:17
183
原创 canvas详解实战--时间表盘
canvas详解实战–时间表盘<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
2021-10-15 15:54:13
216
原创 10个实现炫酷UI设计效果的CSS生成工具
10个实现炫酷UI设计效果的CSS生成工具1、Neumorphism 地址:https://neumorphism.io/2、带有渐变的图标 地址:https://www.iconshock.com/svg-icons/3、Interactions 地址:https://easings.co/4、大型数据库 地址:https://bansal.io/pattern-css5、自定义形状分隔线 地址:https://www.shapedivider.app/6、动画 地址:https://anim
2021-09-01 16:16:32
215
原创 第一次发布npm 包
npm包发布(第一次)1.新建一个文件夹,进入,根目录运行 npm inti2.编写具体内容,默认入口文件是index.js3.npm publish 发布包注意:1.npm publish 403 原因 :npm 源地址需要是http://registry.npmjs.org或者需要登陆正确npm账号或者包名重复,需要更改package.json的 name查看npm源命令: npm config get registry设置npm源命令: npm config set registry
2021-09-01 16:04:28
126
原创 自定义组件 暴露的事件,如何支持修饰符(.stop...)
自定义组件 暴露的事件,如何支持修饰符(.stop…)事件向外暴露的第一参数只要是$enent (事件对象)即可。
2020-07-20 20:12:06
380
原创 Echarts实现隐藏x轴,y轴,刻度线,网格
Echarts实现隐藏x轴,y轴,刻度线,网格“yAxis”: [{//就是一月份这个显示为一个线段,而不是数轴那种一个点点“show” : true,“boundaryGap”: true,“type”: “category”,“name”: “时间”,“data”: [“1月”, “2月”, “3月”, “4月”, “5月”, “6月”, “7月”, “8月”],“axisLine”:{ //y轴线“show”:false }, "axisTick":{
2020-06-08 16:46:41
4272
原创 前端小细节
alt:图片加载失败显示的提示文字title:鼠标悬停时显示的提示文字注:在IE7及以下,当没有设置title时,alt会充当鼠标悬停时显示的文字。
2019-09-05 21:35:43
267
1
这段逻辑代码怎么改为表驱动编程?
2019-10-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人