草莓11111的博客_javascript

monaco editor 高亮碰到的问题

使用 monaco editor 做一个简单的指定字符高亮功能： <template> <div id="container" :style="{ zIndex, width }"> </div> </template> <script> export default { mounted() { t

高亮

类名

背景色

原创 3月前 217 阅读

可复用antd-vue的对话框Mixin

创建一个可重复使用的自定义confirm，利用vue混入方式即可随时使用。const confirmMixin = { methods: { showModal(modalData, interfaceData) { const _this = this const {title, content, okType, okTex

ico

自定义

原创 6月前 66 阅读

在theia上开发基于eclipse-GLSP 的插件,添加右键删除组件功能

theia开发自定义插件

ide

右键

eclipse

原创 6月前 149 阅读 1点赞私藏项目实操分享

Antd上传文件与已上传的文件列表文件同名，覆盖已有的同名文件

场景：使用antd-design-vue中的upload时，通过后端保留上次上传过的

上传

文件列表

d3

原创 2023-03-25 08:28:48 666 阅读

Antd上传多个文件，其中与已上传的文件列表某个文件同名，覆盖同名文件并上传

上传多个文件，若其中有与已经上传的文件列表中有同名文件，后者覆盖

上传

文件列表

对象数组

原创 2023-03-25 08:28:15 307 阅读

vue 两种本地数据存储方式

vue本地存储：一、 localStorage设置数据保存：localStorage.set("XX", data)获取数据: localStorage.get("XX")二、vue-ls安装插件：npm install vue-ls使用vue-ls插件：Vue.use(Storage, options);设置数据保存：this.$ls.set("XX", data)获取数据：this

获取数据

数据保存

安装插件

原创 2022-10-24 09:59:33 584 阅读 2评论

使用 vue2-golden-layout插件时给布局添加内容

HTML部分: <vue-golden-layout ref="vueGolden"> <div v-for="item in AllComponentArr" :key="item.id" style="height: 100%"> <p>{{item.name}}</p> </div> </vue-golden

javascript

html

原创 2022-10-19 11:28:36 160 阅读

ant-design-vue 搜索表格数据

搜索表格数据，模糊清空空格包含搜索

搜索

去空格

antd-design-vue

table

原创 2022-10-18 10:36:31 685 阅读

使用 vue2-golden-layout

基于golden-layout官网开发vue2-golden-layout的组件

javascript

jquery

vue

golden-layout

原创 2022-10-18 10:06:32 282 阅读

基于vue2.X与GoldenLayout1.X版本开发的多窗口布局插件-1

以golden-layout官方网站版本，用vue2.x 开发的多布局管理前提准备：查询官网，因为此插件是基于jQuery开发的，需要引入jQuery，和自带的css及js文件： import 'golden-layout/src/css/goldenlayout-base.css' impor

css

jquery

html

原创 2022-09-17 01:24:13 218 阅读

GoldenLayout自定义布局组件开发-指定布局组件内容-传递子组件

在注册布局组件时，需要指定内部组件，官网是以text/HTML传入静态网页，但是想要使用vue注册的组件当布局内容，需要改写传入内容的方法。使用插槽，将vue的注册子组件传给公共组件vue-golden-layout,利用v-for循环组件，以便给多个布局提供相同的子组件，不用多次书写标签名去注册

插槽

自定义

静态网页

原创 2022-09-17 01:23:53 196 阅读

基于vue与原生js开发GoldenLayout

GoldenLayout 1.5.X版本与vue 2.X 的开发使用GoldenLayout 的1版本，基于在线用户手册http://golden-layout.com,使用vue开发框架，没有使用JQuery,只用js原生代码，建立了公共vue-golden组件，创建配置项组件，向公共组件传递config配置项及每个注册组件时传入的内部组件.实现拖动布局界面、界面弹出、传递不同内部组件，注册不同

配置项

jquery

开发框架

原创 2022-03-28 11:05:10 1093 阅读

GoldenLayout-Vue

使用GoldenLayout 的1版本，基于在线用户手册http://golden-layout.com,使用vue开发框架，没有使用JQuery,只用js原生代码，建立了公共vue-golden组件，创建配置项组件，向公共组件传递config配置项及每个注册组件时传入的内部组件.实现拖动布局界面、界面弹出、传递不同内部组件，注册不同组件名等功能。具体实现代码可查看： https://g

vue

原创 2022-03-25 14:31:58 141 阅读

#yyds干货盘点#Antd Design Vue中tree单独拿出做公共组件

简单Vue antd-Vue树菜单

子节点

ico

数组

数据

树结构

原创 2021-12-10 10:20:40 722 阅读 yyds干货盘点

以VuePress的v1.x为基础开发-用户手册

首先配置.vuepress中的config.js module.exports = { title:"用户手册", description: '用户手册', evergreen: true, plugins: [ ['@vuepress/search', { search: true, search

ide

用户管理

用户登录

修改密码

原创 2021-12-07 14:54:52 105 阅读

进入前端这个大迷雾的原因#2021年底大盘点#

个人年节随记

css

前端开发

动漫

软件开发

软件工程

原创 2021-12-07 09:06:56 83 阅读

对Javascript中的对象Object改变内存及其变量改变的图解

Object 存储变量时，变量属性的内存改变图解左边：对象的内存中间：变量属性的内存右边：属性值的内存【图一】创建一个对象，存obj1 变量--里面存age 属性和属性值--12。 let obj1 = new Object(); obj1.age = 12; 【图二】 (改变的是对象的内

属性值

内存地址

IT

原创 2021-10-22 10:26:34 237 阅读

Javascript的面向对象

几种常见的创建对象的方式： Object构造函数声名变量变量名 = new Object(); 声名式：声名变量变量名 = {对象属性：属性值}； Create(): 声明变量变量名 = Object.create(现有的对象名);

变量名

属性值

对象名

创建对象

构造函数

原创 2021-10-22 10:26:32 49 阅读

用原生CSS编写动态字体

HTML部分： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>动态字体</title> <link rel="stylesheet" type="text/css" href="index.css"/> </head> <bo

原生CSS

3d

html

css

IT

原创 2021-10-22 10:26:32 313 阅读

CSS上下左右居中对齐

上下左右居中对齐 display: inline/inline-block 将父元素（容器）设定 text-align: center；即可左右置中。 display: block 将元素本身的 margin-left 和 margin-right 设定为auto; 即可左右置中。方法一：Pos

html

css

IT

原创 2021-10-22 10:26:31 4098 阅读 1收藏

DOM给表格添加新一行和删除整个行的内容

DOM用appendChild()给表格添加新一行时，要注意，在HTML中没特别设置<thead>,<tbody>时，会自动添加上，所以要选择表格第一个元素在添加tr。 // 给表格中的tbody添加新tr table.firstElementChild.appendChild(tr); 用tr.r

html

javascript

点击事件

d3

超链接

原创 2021-10-22 10:26:30 388 阅读

用原生CSS编写-怦怦跳的心

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>怦怦跳爱心</title> <link rel="stylesheet" type="text/css" href="index.css"/> </head> <body> <la

html

css

3c

IT

原创 2021-10-22 10:26:30 73 阅读

Label -- 跳出循环的思路

let num = 0 ; outPoint: //label for (let i = 0; i < 10; i++) { for ( let j = 0; j < 10; j++) { if ( i == 5 && j == 5) { break； //跳出本次循环 //outPoint bre

i++

IT

原创 2021-10-22 10:26:29 98 阅读

动态滑动登陆框-Html+Css+Js

动态滑动登陆框 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>动态滑动登陆框</title> <link rel="stylesheet" href="index.css"> <link rel="stylesheet" hr

html

ide

css

jquery

4s

原创 2021-10-22 10:26:28 102 阅读

PC端页面转换成手机端页面的分辨率问题的理解

PC端页面转换成手机端页面的分辨率问题的理解 px vw rem 假如就以a4纸模式为设计图，在a3纸模式中设计，然后设计出来展示在不同的a4纸模式上通常是 750px -> 100vw / 750px = 1.333333 rem 是转换了多大纸面积就展示多少相对的模式，因此，不但能使

手机端

模式设计

html

IT

原创 2021-10-22 10:26:28 250 阅读

开博第一天记录，可以选择图片中的某一个标志进入网页

前端开发网页 <script type="text/javascript">function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_

i++

前端开发

javascript

IT

原创 2021-10-22 10:26:27 19 阅读

# 聊一聊悟空编辑器 # 利用原生Css，写树形目录

使用简便的原生CSS样式，实现简洁的静态树形目录

原生CSS做树形目录

原创精选 2021-10-21 11:09:58 682 阅读 2评论聊一聊WuKong编辑器

刚进入前端需要注意的知识点

对css的样式设计失误集合，对网页端转手机端的分辨率转换问题，以及Javascript的对象的存储方式的剖析

前端* css-Javascript

原创 2021-04-21 18:20:32 190 阅读 2点赞 1收藏 1评论

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx607ff3f372dfb的博客

monaco editor 高亮碰到的问题

可复用antd-vue的对话框Mixin

在theia上开发基于eclipse-GLSP 的插件,添加右键删除组件功能

Antd上传文件与已上传的文件列表文件同名，覆盖已有的同名文件

Antd上传多个文件，其中与已上传的文件列表某个文件同名，覆盖同名文件并上传

vue 两种本地数据存储方式

使用 vue2-golden-layout插件时给布局添加内容

ant-design-vue 搜索表格数据

使用 vue2-golden-layout

基于vue2.X与GoldenLayout1.X版本开发的多窗口布局插件-1

GoldenLayout自定义布局组件开发-指定布局组件内容-传递子组件

基于vue与原生js开发GoldenLayout

GoldenLayout-Vue

#yyds干货盘点#Antd Design Vue中tree单独拿出做公共组件

以VuePress的v1.x为基础开发-用户手册

进入前端这个大迷雾的原因#2021年底大盘点#

对Javascript中的对象Object改变内存及其变量改变的图解

Javascript的面向对象

用原生CSS编写动态字体

CSS上下左右居中对齐

DOM给表格添加新一行和删除整个行的内容

用原生CSS编写-怦怦跳的心

Label -- 跳出循环的思路

动态滑动登陆框-Html+Css+Js

PC端页面转换成手机端页面的分辨率问题的理解

开博第一天记录，可以选择图片中的某一个标志进入网页

# 聊一聊悟空编辑器 # 利用原生Css，写树形目录

刚进入前端需要注意的知识点