思忆小调-优快云博客

原创 vue中css样式根据data的数据来

setUI(){ if(document.getElementsByClassName('el-select-dropdown__item').length){ let ele=document.getElementsByClassName('el-select-dropdown__item')[0].style ele.setProperty('--font',this.scale*14+'px') ele.setProperty('--height'..

2021-06-11 16:06:36 1508 1

转载 commonjs和es6模块化的区别

简单来说就是2句话commonjs模块输出的是一个值的拷贝，es6模块化输出的是值的引用CommonJS 模块是运行时加载，ES6 模块是编译时输出接口。commonjs是同步的，主要用于服务端，而es6模块是异步的当commonjs运行时，就 require了这个对象，且只加载一次，往后取到的值都是第一次运行时的值。个人认为这篇文章对“CommonJS 模块是运行时加载，ES6 模块是编译时输出接口”这句话解释的很到位，所以转载一下。...

2021-03-10 15:07:00 781

原创 window.scrollTo控制滚动条平滑的滚动到某个位置

语法一：window.scrollTop(x,y)//x横坐标 y纵坐标例：window.scrollTop(0，1000)语法二：window.scrollTop(options) window.scrollTo({ top:560, left:0, behavior: "smooth" });// top:纵坐标left:横坐标behavior 类型String,表示滚动行为,支持参数 sm..

2021-01-22 16:18:14 7531

转载 JavaScript获取当前url路径

1、假设当前页完整地址是：http://localhost:61768/Home/Index?id=2&age=18//获取当前窗口的Urlvar url = window.location.href;//结果：http://localhost:61768/Home/Index?id=2&age=18//获取当前窗口的主机名var host = window.location.host;//结果：localhost:61768//获取当前窗口的端口var port =

2021-01-12 17:38:47 820

原创 vue中使用novnc来构建虚拟化桌面

1.接到这个需求时，一脸懵，然后找了好久的文章，有些版本太低早已不适用，最后发现一篇文章，根据指导完成操作。现下我也记录一番。2.安装npm install @novnc/novnc附上github地址https://github.com/novnc/noVNC/blob/master/docs/API.md3.使用template<div id="screen" width="800" height="600">//在此渲染</div>..

2020-12-29 13:47:13 2605 1

原创封装vue组件库并发布到npm

封装vue组件库1.新建项目新建一个vue项目vue create 项目名2.在src目录下新建一个packages文件夹，用来存放组件文件及字体图标等。目录如下：3.同在packages文件夹下新建一个index.js文件，用来注册所有组件，引入字体图标import Button from './button'const components = [Button]// 定义install方法const install = function (Vue) { //

2020-09-28 17:54:11 852

原创 node.js的formidable模块的使用

formidable用于解析表单数据的node.js模块，特别是模块上传1、模块下载npm install formidable2、使用constformidable=require('formidable')简单的文本文件上传： //创建Formidable.IncomingForm对象 const form = new formidable.IncomingForm() //图片暂时存的路...

2020-09-18 11:29:37 912

原创 vue使用vue-cropper实现图片裁剪后上传- 2020-09-14

需求：vue项目图片上传前需要裁剪安装：npm install vue-cropper

2020-09-14 14:17:45 328

原创扩展运算符和rest

一、扩展运算符扩展运算符是由...组成，他代表的是将数组或类数组对象的每一个值用，的形式分隔开如：function add(a,b,c){ console.log(a) console.log(b) console.log(c) }var arr=[1,2,3]add(...arr)特殊应用场景：//深拷贝var arr=[1,2,...

2019-01-19 19:47:45 232

原创 v-for和v-if不要一起使用的原因

v-for的优先级比v-if高所以当：<ul><li v-for="user in users" v-if="user.isActive">{{user.id}}</li></ul>时，代码的执行顺序会是this.users.map(function(user)){if(user.isActive){retur...

2019-01-02 18:05:08 7266

原创水平垂直居中的几种方法

1.首先是垂直居中，display：inline-block配合 vertical-align: middle;使用，代码如下<div style="width:1000px;height:600px;background:red;" class="box"> <img width="50" height="50" src="images/pic1.jpg&quo

2018-04-02 18:13:41 195

原创 BFC的一些理解

一、BFC是什么1.block formatting contexts （BFC）块级格式化上下文，他是页面中独立的块级渲染区域。2.他决定了块级元素如何对他的内容进行布局，以及与其他元素的关系和相互关系。2.1块级元素：父元素（是一个块元素）2.2内容：子元素（一个块元素）2.3相互关系：BFC里面的元素与外面的元素不会发生影响。二、BFC的触发条件1.根元素html（了解）2.float值不为...

2018-04-02 17:14:51 183

原创清除浮动的7大种方法

瞧一瞧高度塌陷的问题咯，掌握了这些方法，再也不怕高度塌陷了，也不怕面试了哦1.给父元素设置overflow:hidden或者overflow:auto；2.给父元素设置display：inline-block、table-cell、table等属性;3.给父元素设置左右浮动:float:left/right;4.给父元素设置position:absolute或者position:fixed;5.在...

2018-03-30 15:39:55 128

原创权重与优先级

昨天又学习了一些知识（其实是一些基础知识，怪自己基础的都没掌握），好啦，来吧，来探讨一下权重与优先级。1.内联样式的权重（行内权重1000）>内部样式和外部样式.2.权重相同的情况下，谁在后面谁的优先级越高。3.！important（无限大）>行内样式（权重1000）>id选择器（权重100）>类选择器（10）=伪类选择器（10）=属性选择器（10）>元素选择器（1）...

2018-03-30 15:05:55 2485

翻译图片格式的区别

图像：像素，( rgb三个发光二级管)。　一、Jpeg格式特点:1.透明性,它并不支持透明,但是它可以显示全部颜色,全色显示。2.动画,它也不支持动画。3.损耗性,除了一些比如说旋转（仅仅是90、180、270度旋转），裁切，从标准类型到先进类型，编辑图片的原数据之外，所有其它操作对jpeg图像的处理都会使得它的质量损失。所以我们在编辑过程一般用png作为过渡格式。4.由上可以看出Jpeg是最适w...

2018-03-23 16:08:23 1259

qq_38985463的博客