自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(80)
  • 资源 (2)
  • 问答 (2)
  • 收藏
  • 关注

转载 从零开始制作 Hexo 主题

从零开始开发一个简单的博客主题。

2022-12-29 14:51:28 22

原创 BOM(浏览器对象模型)

BOM浏览器对象模型介绍1、window对象2、document对象3、navigator对象4、screen对象5、location对象6、history对象

2022-11-30 15:49:01 344

原创 我的创作纪念日

2022年1024

2022-10-24 21:01:06 452 2

原创 Element中Tree树结构组件中实现Shift多选

Element中Tree树结构组件中的无孩子的树实现shift多选。Element中Tree树结构组件中实现Ctrl和Shift多选。

2022-10-01 10:30:00 116

原创 利用pe系统重装电脑

U盘安装pe系统,电脑系统重装,硬盘分区。

2022-09-27 09:56:08 545

原创 在gitee上建自己的博客

在gitee上建自己的博客一、安装git插件二、安装node三、安装hexo1、输入命令:npm install -g hexo-cli[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ROPW1RMj-1650702451488)(C:\Users\FL\AppData\Roaming\Typora\typora-user-images\image-20210110084113561.png)]2、验证安装是否成功[外链图片转存中…(img-LFrxYYxV-16

2022-08-15 15:01:15 785

转载 前端之BFC解释说明

1、BFC定义2、BFC的触发条件3、BFC的特性4、BFC功能总结

2022-07-11 14:58:37 178

转载 前端学习路线(转载)

️前端工程师职业规划1、Html2、css3、JavaScript4、Git5、Node6、构建工具7、CSS预处理8、Js框架9、css框架10、css优化11、性能12、数据可视化13、移动端应用14、小程序15、桌面开发

2022-06-02 11:00:00 230

原创 JavaScript运算符详解说明

JavaScript运算符运算符是完成一系列运算操作的符号。算术运算符比较运算符赋值运算符逻辑运算符位运算符运算符优先级

2022-05-04 12:12:45 581

转载 cookie、sessionStorage和localStorage的区别

cookie、sessionStorage和localStorage的区别一、 概念的理解1.1 webstorage本地存储1) webstorage是本地存储,存储在客户端,包括localStorage和sessionStorage2) localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信3) sessionStorage仅在

2022-04-22 14:21:20 146

原创 nginx部署vue项目

nginx部署vue项目1、下载nginx2、vue项目打包3、修改nginx的配置

2022-04-02 10:12:15 2197

原创 vue实现监听监听input值的变化,停止输入n秒后再去发送请求

vue实现监听监听input值的变化,停止输入n秒后再去发送请求定义一个全局变量存放计时器定义input输入框事件改变事件写定时器操作代码

2022-03-01 10:47:32 2173

原创 Vue父组件传子组件数据中,Vue监听不到数据改变

Vue父组件传子组件数据中,Vue监听不到数据改变官方文档说明(引用来自官网)https://cn.vuejs.org/v2/guide/reactivity.html#%E6%A3%80%E6%B5%8B%E5%8F%98%E5%8C%96%E7%9A%84%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A1%B9由于 JavaScript 的限制,Vue 不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。对象:Vue 无法检测 property

2022-02-15 11:14:44 2799

转载 JavaScript位运算符的使用详解

前言平时的数值运算,其实是要先转换成二进制再进行运算的,而位运算就是直接进行二进制运算。位运算是低级的运算操作,所以速度往往也是最快的(相对其它运算如加减乘除来说),并且借助位运算的特性还能实现一些算法。恰当地使用运算有很多好处。前人用二进制、位运算给我们了一个操作简单的计算机,但我们却很少接触位运算了。所有的位运算都是在二进制下来进行运算的,再二进制下只有0和1。位运算符表位运算分为两种,位逻辑运算符与位移运算符。位逻辑运算 - 逻辑结果参照表位逻辑运算 - 结果参照表位运算符基础

2022-01-15 11:24:50 382

转载 (超详细)强大的grid布局

grid布局1.什么是grid布局?Flex布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局,Grid 布局则是将容器划分成“行"和“列”,产生单元格,然后指定"项目所在”的单元格,可以看作是二维布局,Grid布局远比 Flex布局强大。(不过存在兼容性问题,使用之前应看具体需求)2.布局方式----常用三种1.传统布局方式利用position属性 + display属性 + float属性布局, 兼容性最好, 但是效率低, 麻烦!2.flex布局有自己的一套属性, 效率高

2022-01-07 11:47:12 21825 4

原创 iview的Select选择器清空选择项操作

iview的Select选择器清空选择项操作一、iview组件的自带的清空操作二、自制input代替原input输入框自制input代替原input输入框,实现删除输入随意

2022-01-04 13:42:29 2700 1

原创 在iview表格插入title提示

在iview表格插入title提示实现效果:当表格数据内容较多的时候,文本不换行,超出部分显示为省略号的时候,鼠标移动到某个表格内容的时候,展示出全部内容,像title属性一样。实现方法:方法一:直接用iview组件的属性:tooltip。以tooltip组件显示完整内容方法二:利用render函数实现。自定义渲染当前列,给其加上title属性代码如下:<template> <div class="box"> <Table :columns="col

2021-12-03 09:38:48 817 2

原创 JavaScript的数据类型转换(显式and隐式转换)

JavaScript的类型转化(显式和隐式)转换为字符串类型转换为数字类型转换为布尔类型

2021-12-01 16:09:41 565

转载 限制 input 输入框只能输入纯数字

限制 input 输入框只能输入纯数字使用 onkeyup 事件,有 bug ,那就是在中文输入法状态下,输入汉字之后直接回车,会直接输入字母1、onkeyup = "value=value.replace(/[^\d]/g,'')"使用 onchange 事件,在输入内容后,只有 input 丧失焦点时才会得到结果,并不能在输入时就做出响应2、onchange = "value=value.replace(/[^\d]/g,'')"使用 oninput 事件,完美的解决了以上两种问题,测试暂

2021-11-27 14:53:53 92

原创 在VSCode自定义用户代码片段

在VSCode自定义用户代码片段1、打开VSCode,找到左下角,用户代码片段image-202101050958009652、新建一个用户代码片段,选择。image-202101050958542473、为文件起个名字,然后回车image-202101051000462514、绿色这段是软件给的例子,image-202101051002032645、设置用户代码片段,按照下图所设。设置快捷键。双引号内包含双引号,里面的双引号需要用转义符转义成普通的双引号。image-20210105

2021-11-21 14:44:57 686

原创 iView的Modal的简单使用

iView的Modal的简单使用iView的Modal官网地址部分属性、方法说明,更多请上官网查看【来源官网截图】直接代码<template> <div style="height: 1000px"> <!-- 第一个对话框(普通的) --> <Button @click="modal11 = true">普通版本</Button> <Modal v-model="modal11"

2021-10-29 10:27:59 1523

原创 Seleuium工具安装(测试)【Python】

Seleuium工具安装(测试)【Python】1、通过pip工具安装1.1 pip是安装和管理Python包的工具,新版本Python集成了pip库,在DOS窗口下输入“pip",有如图以下信息。[需安装Python]1.2 安装前检查本机是否安装了Selenium,在DOS窗口输入“pip show selenium",如下图未出现任何信息,则表示本机还没安装Selenium。1.3 pip安装Selenium的命令是“pip install selenium",输入该命令系统就自动安

2021-10-24 15:54:44 204

转载 4类 JavaScript 内存泄漏及如何避免

4类 JavaScript 内存泄漏及如何避免发表于 2016-05-01 | 分类于 JavaScript | 原文:4 Types of Memory Leaksin JavaScript and How to Get Rid Of Them 笔记:涂鸦码龙译者注:本文并没有逐字逐句的翻译,而是把我认为重要的信息做了翻译。如果您的英文熟练,可以直接阅读原文。本文将探索常见的客户端 JavaScript 内存泄漏,以及如何使用 Chrome 开发工具发现问题。简介内存泄漏是

2021-10-20 17:06:34 99

转载 剪贴板操作 Clipboard API 教程

剪贴板操作 Clipboard API 教程作者: 阮一峰日期: 2021年1月20日一、简介浏览器允许 JavaScript 脚本读写剪贴板,自动复制或粘贴内容。一般来说,脚本不应该改动用户的剪贴板,以免不符合用户的预期。但是,有些时候这样做确实能够带来方便,比如"一键复制"功能,用户点击一下按钮,指定的内容就自动进入剪贴板。目前,一共有三种方法可以实现剪贴板操作。Document.execCommand()方法异步的 Clipboard APIcopy事件和paste事件

2021-09-30 17:15:16 505

转载 Blob-对象介绍

Blob-对象介绍前面的话Blob是计算机界通用术语之一,全称写作:BLOB(binary large object),表示二进制大对象。MySql/Oracle数据库中,就有一种Blob类型,专门存放二进制数据。在javascript中,Blob通常表示二进制数据,不过它们不一定非得是大量数据,Blob也可以表示一个小型文本文件的内容。本文将详细介绍Blob构造函数Blob(array[, options])Blob()构造函数返回一个新的Blob对象,blob的内容由参数数组中给出的值的串联组

2021-09-18 13:34:56 404

原创 webpack概述

webpack概述webpack是一个流行的前端项目构建工具(打包工具)。webpack提供了友好的模块化支持,以及代码压缩混淆,处理js兼容问题、性能优化等强大的功能,从而让程序员把工作的重心放到具体的功能石实现上,提高了开发效率和项目的可维护性webpack基本使用1、创建列表各行变色项目新建项目空白目录,并运行npm init -y命令,初始化包管理配置文件package.json新建src源代码目录新建src -> index.html初始化首页基本结构运行npm ins

2021-09-16 17:24:29 60

转载 vue中的watch监听数据变化以及watch中各属性详解

vue中的watch监听数据变化以及watch中各属性详解1、watch使用的几种方法(1)通过watch监听data数据的变化,数据发生变化时,就会打印当前的值watch: { data(val, newval) { console.log(val) console.log(newval) }} (2)通过watch监听docData数据的变化,数据发生变化时,this.change_number++(使用深度监听)watch:

2021-08-11 14:24:01 505

原创 iView的树的render函数渲染-多选框、图标、图片

iView的树的render函数渲染官网:渲染函数& JSX使用强大的 Render 函数可以自定义节点显示内容和交互,比如添加图标,按钮等。Render 函数的第二个参数,包含三个字段:root :树的根节点node :当前节点data :当前节点的数据通过合理地使用 root、node 和 data 可以实现各种效果,其中,iView 给每个节点都设置了一个 nodeKey 字段,用来标识节点的 id。两种写法:Render 函数分两种,一种是给当前树的每个节点都设置同

2021-08-08 11:14:59 1157

转载 iView表格(table)渲染(render)

iView表格(table)渲染(render)1、语法以下分别定义了:标签名称,(样式,事件等综合内容),显示内容render: (h, params) => { return h('span', { style: { color: '#FF7D41' }, on: { click: () => {

2021-08-07 10:38:49 1300

转载 封装Vue组件的原则及技巧

封装Vue组件的原则及技巧Vue的组件系统Vue组件的API主要包含三部分:prop、event、slotprops表示组件接收的参数,最好用对象的写法,这样可以针对每个属性设置类型、默认值或自定义校验属性的值,此外还可以通过type、validator等方式对输入进行验证slot可以给组件动态插入一些内容或组件,是实现高阶组件的重要途径;当需要多个插槽时,可以使用具名slotevent是子组件向父组件传递消息的重要途径单向数据流参考:单向数据流-官方文档。父级 prop 的更新会向下流

2021-08-03 13:38:15 3791

原创 Vue结合iView实现table的数据上下移操作并给选中行、某一列添加颜色

Vue结合iView实现table的数据上下移操作并给选中行添加颜色说明Vue结合iView的table组件,实现table的数据上下移动操作。并给table选中行添加颜色实现table行选中的效果,需要定义highlight-row,并通过row-class-name为选中的行添加上自己定义好的样式名。列表项上下移动参考来源于Vue实现table列表项上下移动相关属性方法解释来源于官网代码如下<template> <div class="demo-split"&gt

2021-07-23 17:37:51 722

原创 Vue——父子组件的生命周期(执行顺序)

Vue——父子组件的生命周期(执行顺序)一个组件的生命周期:挂载(初始化相关属性)beforeCreatecreatedbeforeMountmounted更新(元素或组件的变更操作)beforeUpdateupdated销毁(销毁相关属性)beforeDestroydestroyed结合父子组件之后一个完整的父子组件生命周期:父beforeCreate -> 父created -> 父beforeMount -> 子beforeCrea

2021-07-19 09:28:47 12539

转载 (Vue)项目结构解析

(Vue)项目结构解析前言Vue-cli项目搭建——见Vue小白课(一)——CLI搭建项目(Vue2.x)或Vue+Node前后端项目搭建部分内容参考文献:vue-cli入门(二)——项目结构 | 思否-ReachelVue-cli创建vue项目以及配置文件梳理 | 思否-AshleyLvVue系列之WebPack与Eslint | 充电实践Vue项目结构一览├── build --------------------------------- 项目构建(webpack)相关配置文件,配

2021-07-13 10:48:47 6900

转载 Vue表单生成器form-create的使用详解

form-create的使用具有动态渲染、数据收集、校验和提交功能的表单生成器。安装CDN 引入目前可以通过 unpkg.com/form-create 获取到最新版本的资源,在页面上引入 js 即可开始使用。<!-- import Vue 2.5--><script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.min.js"></script> <!-- import iview 2.

2021-07-08 17:59:42 7424

原创 部分多媒体基础知识总结——软件设计师

部分多媒体基础知识总结——软件设计师声音:通过空气传播的一种连续的波,即声波。通常称为模拟声音(音频)信号。A/D转换: 模数转换。即把模拟信号转换为数字信号Analog-to-Digital ConvertD/A转换: 数模转换。即把数字信号转换为模拟信号。Digital-to-Analog Convert音频声音带宽:声音的频率的范围。人耳:20Hz~20kHz,高于这个范围称超声波,低于称为次声波说话:300Hz~3400Hz乐器:20Hz~20kHz采样:采样频率应为声音最高频

2021-07-07 10:49:51 143

转载 vue之父子组件间通信实例讲解(props、$ref、$emit)

vue之父子组件间通信实例讲解(props、ref、ref、ref、emit)组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信,也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点,来讲解如何实现父子组件间通信。在说如何实现通信之前,我们先来建两个组件father.vue和child.vue作为示例的基础。//父组件<template> <div>

2021-06-28 17:50:47 744

原创 Vue+Node前后端项目搭建

Vue+Node前后端项目搭建1、安装相关的包和工具1.1 安装node1. 安装node.js,网址:http://nodejs.cn/download/ 安装就是一直点next2. 检查是否安装成功,使用cmd命令(win10:window+r 打开运行输入cmd)——输入“node -v”查看版本即可1.2 安装vue-clinpm i -g vue-cli1.3 安装webpacknpm i webpack1.3 安装MySQL数据库安装mysql,请看[安装教程]

2021-06-21 15:43:58 2490 5

原创 node_modules文件夹的问题and项目依赖和开发依赖

node_modules文件夹的问题and项目依赖和开发依赖问题:1、文件夹以及过多过碎,当拷贝给别人时,传输速度慢2、复杂的模块依赖关系需要被记录,确保模块的版本和当前保持一直,否则会导致当前模块运行报错package.json文件的作用项目描述文件,记录了当前项目信息。例如项目名称,版本,作者,GitHub地址,依赖的第三方模块使用npm init -y命令生成(y:代表全部信息使用默认生成)image-20201111170832210{//项目的名称"name": "descri

2021-06-19 17:59:27 775

原创 Node.js异步编程——Promise和async、await

Node.js异步编程同步API,异步API同步API:只有当前API执行完成之后,才能继续执行下一个API异步API:当前API的执行不会阻塞后续代码的执行同步与异步API的区别(获取返回值)同步API可以从返回值中拿到API执行的结果,但是异步API是不可以的回调函数自己定义函数让别人去调用异步API可以通过回调函数返回执行的结果同步与异步API的区别(代码执行顺序)同步API从上到下依次执行,前面的代码会阻塞后面代码的执行异步API不会等待API执行完成后再向下·1执行代码No

2021-05-10 18:21:08 345 1

原创 第三方模块 npm

第三方模块 npm或yarn别人写好的,具有特定功能的,可以直接使用的模块,由多个文件组成。两种存在形式:以js文件的形式存在,提供实现项目具体功能的API接口以命令工具形式存在,辅助项目开发自己先有一个包描述(package.json)1、创建一个包描述文件 npm init [-y]默认生成 -y不能有中文名称2、下载一个包 npm install–save记录包依赖根据package.json文件中的dependences属性恢复依赖3、卸载一个包npm uninstall j

2021-04-27 16:10:09 117

java-五子棋游戏.zip

java编写的五子棋游戏,有新游戏,可限时,悔棋,认输,退出等功能,压缩包包含课设时编写的文档,和课设后稍微修改后的源代码

2021-01-25

Javaee考试题.docx

javaee的考试试题,有选择、判断、简答、名词解释。涉及spring、springmvc、struts、hibernate、mybatis,希望能有点帮助把

2020-06-19

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除