qq_45867474的博客

原创 VScode 如何配置自定义代码模板（vue代码模板为例）

步骤二：输入vue.json打开文件，如没有vue.json只输入vue后打开即可。步骤三：将下方代码写入该文件并保存,组件选项顺序参考了vue官方风格指南。步骤四：在组件中输入vue即可弹出此代码片段模板。步骤一：点击左下角设置-选择用户代码片段。

原创 codemirror 分页，切换页数滚动条置顶

vue codemirror 滚动条

原创 element-ui 日期选择器date-picker 设置某一日期前禁用

本篇博文是为了记录 日期选择器datepicker设置为某一日期前禁用 的问题。以下列 选择日 为例展示。1.前置知识阅读element-ui文档后，我们获取到了 日期禁用 所需的属性和方法<el-date-picker>的属性picker-options详解事件2.代码部分我的业务逻辑是：获取到当前行的原计划时间，选择器要选择延期时间，且不能早于原计划时间。html代码// 我的项目中将日期选择器放在了作用于插槽中，所以下面用.

原创 vue组件通信方式汇总

一、父子组件的通信 props / $emit父组件通过props向子组件传递数据，子组件通过$emit和父组件通信1.父组件向子组件传值定义： props只能是父组件向子组件进行传值，props使得父子组件之间形成了一个单向下行绑定。子组件的数据会随着父组件不断更新。注意： props属性名规则：若在props中使用驼峰形式，模板中需要使用短横线的形式； 同时，在接收变量时也可以对数据做一些限制 // 父组件模板 <div id="app"&g...

原创 vue项目 : 解决element-ui多选框如何禁用的问题

一、问题描述使用了组件库中的表格多选框，<el-tabel-column>的type为selection，要根据当前行的是否存在一个数据来决定当前行的多选款按钮是否可用二、解决方法在组件库中我们找到了相关属性（仅适用于type=selection）：三、使用案例模板代码<el-table v-loading="loading" :data="tableData" :header-cell-style="hea..

原创 ES6 class类 及继承

ES6中数组在静态方法与实例方法中都有所拓展1.Array.from();//将类数组对象转换为数组//es5Array.prototype.slice.call('类数组对象',0)2.Array.of();//参数是数组元素，为了解决newArray()传递一个数组,创建lengthleta=Array.of(10,'hello')console.log(a)3.Array.prototype.find()//find方法返回第一个满足条件的元素或...

原创 ES6 Set 和 Map 集合 知识汇总

原创 ES6 中 新增的数组API

ES6中数组在静态方法与实例方法中都有所拓展1.Array.from();//将类数组对象转换为数组//es5Array.prototype.slice.call('类数组对象',0)2.Array.of();//参数是数组元素，为了解决newArray()传递一个数组,创建lengthleta=Array.of(10,'hello')console.log(a)3.Array.prototype.find()//find方法返回第一个满足条件的元素或...

原创 ES6 新增的Object(对象)API

ES6中对于Object的拓展主要是静态方法的拓展.1.Object.is(a,b);判断a和b的值是否相等这个方法和js的严格判断(===)用法基本一致，只是在对于-0和+0以及NaN的判断上做了改善console.log(1===1);//trueconsole.log(Object.is(1,1));//trueconsole.log(Object.is(1,2));//false...

原创 ES6 基础语法 （解构 扩展运算符）

目录一、变量声明1.let用于声明一个变量2.const用于声明一个常量二、解构1.解构的概念2.数组解构①完全解构②不完全解构③集合解构 ...扩展运算符④默认值解构（默认值也可以是一个函数）⑤数组的深拷贝(扩展运算符)3.对象解构①②对象的解构赋值是下面形式的简写③如果变量名和属性名不一致，需要重命名④嵌套解构⑤默认值解构⑥对象的深拷贝（扩展运算符）4.字符串解构①用 [ ] 解构②用 { } 解构...

原创 模块化机制（ES6模块化和CommonJS模块化详解）

一、模块化的理解1.什么是模块?将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起 块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信2.模块化的好处避免命名冲突(减少命名空间污染) 更好的分离, 按需加载 更高复用性 高可维护性二、模块化规范 模块化规范有CommonJS、AMD、CMD、ES6模块化这篇文章主要对CommonJS和ES6模块化进行一个汇总整理（在nodejs上运行）1.ES6模块化（...

原创 ES6 简介 以及Babel(转码工具)的安装和使用

ES6简介es6是一个泛指，含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等，Node.js是JavaScript的服务器运行环境。它对 ES6 的支持度更高。Babel 1.简介babel是一个广泛使用的es6转换器，可以将ES6代码转为ES5代码，从而在老版本的浏览器执行。 2.安装 (1) npm init 初...

原创 CSS 之动画

CSS动画 1.定义动画：使用@keyframes 定义动画，关键帧可以使用关键字from~to，也可以使用0%~100% 2.配置动画： animation-name 动画的名字 @keyframes定义的动画的名字 animation-duration 动画持续的时间 单位 s、ms 默认为零秒 animation-iteration-count 动画迭代次...

原创 CSS学习之布局

1、默认文档流 1）元素显示的顺序和代码的顺序是一致的 2）块级元素独占一行空间，默认宽度为父元素的100%，高度由内容或者子元素决定 3）行内元素共享一行空间，默认宽高都由内容决定 2、浮动布局 float（如果一个元素添加float属性，那么这个元素就会成为一个浮动元素） 属性值： 1)left 向左浮动 2）right 向右浮动 3）none 默认，不浮动 ...

原创 CSS(前端三要素之一)笔记整理一

目录1.介绍2.工作原理3*.语法4.如何让在html中使用css5.css选择器核心选择器层次选择器多选择器属性选择器伪类选择器6.优先级7.继承8.单位9.文本相关样式（可以被继承）10.列表相关样式 list-style 11.其他样式12.盒子相关的样式13. ****盒子模型1.介绍层叠样式表 层叠：多个样式可以用于同一个元素 样式：color、font-size 表：css代码...

原创 String对象的方法（常用，包括字符串与正则相关的方法）

tgwryht

原创 JavaScript中this的使用（四种情况下this的指向）

首先，我们先来简单了解一下在JavaScript中this是什么： 解析器在调用函数时每次都会向函数内部传递一个隐含的参数， 这个隐含的参数就是this，this指向的是一个对象，这个对象我们称为函数执行的上下文对象。在JavaScript中，根据函数的调用方式的不同，this会指向不同的对象this的四种情况：1.以函数的形式调用时，this永远指向window（浏览器）或global（nodejs）...

原创 JavaScript变量在内存中的表现(存储)形式

一、JavaScript中变量的类型1）基本数据类型 String、Number、Boolean、Null、Undefined2）引用数据类型(除了基本数据类型外的数据都叫引用数据) Object 对象 Function 函数 Array 数组二、js变量在内存中的表现(存储)形式1）存储形式 基本数据类型 直接将值保存在栈区中 引用数据类型 将值保存在栈区中，这个引用地址指向堆区中的内存空间2）数据发生...

原创 Windows10系统下在cmd中无法使用ssh命令解决办法

在学习将Windows10系统下的文件上传至Linux系统的过程中，出现了无法使用ssh等命令的情况，解决方法如下：1.右击桌面左下角的开始键，选择应用和功能2.选择 可选功能3.搜索查看是否有openSSH 客户端4.若显示没有这个功能，需要点击上面的添加功能进行下载；若有这个功能，需要卸载后重新下载，注意重新下载后要重启电脑即可使用。...

原创 如何将Windows系统中的文件上传到Linux系统中（以压缩文件为例）超详细！

1.在windows系统下将要上传到服务器的文件进行压缩2.然后打开cmd，在windows系统下输入命令 scp D:\web2106实训\3-作业\lancome-official-website.zip root@106.15.194.57:/home/admin命令模板：scp 压缩文件在windows电脑上的路径 root@linux公网ip:/home/admin/* 这一步是为了将windows系统下的压缩文件发送至Linux系统 */3.连接到linux系统 ssh...

原创 HTML&CSS静态页面手动轮播图

html部分代码：<!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"> <

原创 HTML学习笔记

一、前置知识1.前后端分离的介绍 目前企业级的项目都是基于前后台分离的项目 java、ssh、ssm jsp（前端页面） 前端工程师：页面的重构（html、css、js）+数据交互（使用工具和后台服务交互） 后端工程师：java => 接口2.B/S架构 基于：浏览器（Brower）=服务器(Server) 进行架构 校园官网=学校服务器 学生管理系统：浏览器=公司服务器 C/S：客户端=服务器...

原创 Axure学习笔记（0727-0729）

1.axure（工具）制作原型的工具（草图，基本接近于最终成品的功能）2.软件的开发流程 1）可行性分析（宏观级别） 2）需求分析 产品经理（axure=>原型 ） 具有一定开发经验 同甲方沟通交流产品需求 ui设计师（ps、蓝湖=>美化页面） 有一定的美术基础3）开发（代码） 前端开发 后端开发（java） 大数据 物联网 人工智能 …4）测试（黑盒测试、白盒测试） 软件测...