- 博客(37)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 JavaScript高级教程——(19)构造函数、原型、原型链、继承
1.构造函数和原型1.1概述在典型的0OP的语言中(如Java) , 都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前,JS中并没用引入类的概念。ES6,全称ECMAScript6.0 , 2015.06发版。但是目前浏览器的JavaScript是ES5版本,大多数高版本的浏览器也支持ES6 ,不过只实现了ES6的部分特性和功能。在ES6之前, 对象不是基于类创建的,而是用一种称为构建函数的特殊函数来定义对象和它们的特征。创建对象可以通过以下三种方式:1.对象字面量2. ne
2020-05-13 12:02:41
274
原创 在有scope的情况下如何修改element-ui底层的样式(分别用css和scss)
今天在项目中遇到点问题,修改element-ui文本域的样式,主要是不能让用户操作拖拽效果,默认情况下是文本域是可以进行拖拽的。
2021-08-18 15:56:56
1237
原创 基于element-ui的图片转码上传服务器
毕业后回公司搬砖了,今天记录一下基于element-ui的图片转码上传问题。先说一下页面逻辑,上传图片到服务器,先把图片和图片信息转码成字符串,然后传给后台。
2021-07-08 16:50:44
462
原创 关于element-ui步骤条及插槽使用问题的一点总结
emmmmm,这篇文章写一下element-ui步骤条的使用,好吧,其实不是我使用步骤条,是别人在项目中使用的步骤条,我学习了一下用法,在这里记录一下,欢迎大家评论区讨论补充。首先我们看一下官网的介绍,步骤条是干嘛的,下面是官网给的介绍:Steps 步骤条:引导用户按照流程完成任务的分步导航条,可根据实际应用场景设定步骤,步骤不得少于 2 步。这里我们记录一下含状态的有描述的步骤条,这里的描述内容,我们使用插槽的方式。下面看下官网给出的例子:官网给的例子比较简单,我们看下步骤条的主要属性:
2021-04-26 17:07:50
8560
4
原创 关于element-ui时间线以及插槽用法总结
最近写项目用到了element-ui时间线控件,在这里记录一下用法,方便学习和查看。首先我们看看官网给出的用法:<div class="block"> <div class="radio"> 排序: <el-radio-group v-model="reverse"> <el-radio :label="true">倒序</el-radio> <el-radio
2021-04-26 15:17:14
18603
17
原创 关于复杂表头表格错位问题
项目中遇到的一个问题,需求是做复杂表头主子表,但是做好后发现表格错位,总是差1~2px左右的错位问题,强迫症不能忍。。。。百度后有很多解决方案,下面这个亲测有效,做个记录昂。.el-table th.gutter { display: table-cell !important; }...
2021-03-31 10:36:15
118
原创 element-ui懒加载实现树形表格以及如何解决树形表格懒加载缓存问题
树形表格的实现问题,官网都是静态数据,实际开发过程中,数据都是动态请求过来的,导致初学者在使用过程中会踩很多坑,就像我,这里记录一下树形表格实现中出现的一些问题。我们先来看官网中给出的树形表格实现的例子:...
2021-03-26 11:20:01
3531
原创 关于elementui的table主子表展示数据
最近刚来公司实习,前两周基本都在看代码,第三周,项目组长开始让我写一点简单的东西,写一篇文章记录一下,最近学了点什么东西
2021-03-25 15:53:46
4066
原创 Vue中runtime+compiler和runtime-only的区别(基于CLI2)
1.main.js文件左边是runtime+compiler中的main.js文件,右边是runtime-only中main.js文件。vue程序运行过程:①template转成抽象语法树(ast)②抽象语法树转译成render函数③rander函数形成virtual dom④virtual dom转成真正的domruntime+compiler中的main.js文件的编译过程:template => ast => render => vdom => UI;runt
2020-07-20 20:29:19
256
原创 Node学习笔记(2)——node的模块化开发以及基本的项目配置
1.Node.js模块化开发1.1JavaScript开发弊端JavaScript在使用时存在两大问题,文件依赖和命名冲突1.2软件中的模块化开发一个功能就是一个模块,多个模块可以组成完整应用,抽离一个模块不会影响其他功能的运行。1.3Node.js中模块化开发规范Node.js规定一个JavaScript文件就是一个模块,模块内部定义的变量和函数默认情况下在外部无法得到。模块内部可以使用exports对象进行成员导出,使用require方法导入其他模块。1.4模块成员导出在这里插入图
2020-06-01 19:00:05
972
原创 Node学习笔记(1)——node基本概述
1.Node开发概述1.1为什么学习服务器端开发基础能够和后端程序员更加紧密结合网站业务逻辑前置,学习前端技术需要后端技术支撑(Ajax)扩展知识视野,能够站在更高的角度审视整个项目1.2服务器端开发要做的事情实现网站的业务逻辑数据的增删改查1.3为什么选择Node使用JavaScript语法开发后端应用一些公司要求前端工程师掌握Node开发生态系统活跃,有大量的开源库可以使用前端开发工具大多基于Node开发1.4Node是什么...
2020-05-30 18:19:39
148
原创 JavaScript高级教程(25)——ES6
1.ES6简介1.1什么是es6?ES的全称是ECMAScript,它是由ECMA国际标准组织化制定的一项脚本语言的标准化规范。1.2为什么使用ES6每一次标准的诞生都意味着语言的完善,功能的增强。JavaScript语言本身也有一些令人不满意的地方。变量提升特性增加了程序运行时的不可预测性语法过于松散,实际相同的功能,不同的人可能会写出不同的代码2.ES6的新增语法2.1letES6中新增的用于声明变量的关键字let声明的变量只在所处于的块级有效注意:使用let关键字声明
2020-05-30 14:37:10
583
原创 Node环境搭建以及环境变量的配置(吐血整理)
最近打算学习一下Node.js,没想到搭建环境的过程中遇到了很多错误,于是吐血整理了一下,自己在搭建过程中遇到的一些问题,因为博主也是个小小白,如有不足之处,欢迎评论区指正。**首先第一步:**我们要去node.js的官网,下载安装程序:https://nodejs.org/en/(这里贴上node.js的官网地址)这里根据自己的需要选择合适的版本,博主是windows 64位的操作系统,文件很小。**第二步:**双击文件,进行安装。这里直接下一步即可,安装路径,默认c盘,可以修改,我放在E
2020-05-24 12:38:40
4036
5
原创 JavaScript高级教程(24)——正则表达式
1.正则表达式概述1.1什么是正则表达式正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字、或者下划线,昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等。1.2正则表达式的特点1.灵活性、逻辑性和功能性非常的强。2.可
2020-05-23 09:18:29
350
原创 JavaScript高级教程(23)——高阶函数、函数的闭包、递归
1.高阶函数高阶函数是对其他函数进行操作的函数,它接收函数作为参数或将函数作为返回值输出。此时fn就是一个高阶函数。函数也是一种数据类型,同时可以作为参数,传递给另外一个参数使用,最典型的就是作为回调函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
2020-05-20 17:33:46
195
原创 JavaScript高级教程(22)——JavaScript严格模式
1.严格模式1.1什么是严格模式JavaScript除了提供正常模式外,还提供了严格模式(strict mode)。ES5的严格模式是采用具有限制性JavaScript变体的一种方式,即在严格条件下运行JS代码。严格模式在IE10以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。严格模式对正常的JavaScript语义做了一些更改:1.消除了JavaScript语法的一些不合理、不严谨之处,减少了一些怪异行为2.消除代码运行的一些不安全之处,保证代码运行的安全3.提高编译器效率,增加运行
2020-05-17 16:58:29
105
原创 JavaScript高级教程(21)——函数的this指向、call()、apply()、bind()
1.函数的定义和调用1.1函数的定义方式1.函数声明方式function关键字(命名函数)2.函数表达式(匿名函数)3.new Function()注意:(1)Function()里面参数必须是字符串格式;(2)第三种方式执行效率低,也不方便书写,因此较少使用;(3)所有函数都是Function的实例(对象);(4)函数也属于对象<!DOCTYPE html><html lang="en"><head> <meta charset="U
2020-05-17 11:44:57
188
原创 JavaScript高级教程(20)——ES5新增方法
1.ES5新增方法概述1.1ES5新增方法概述ES5中给我们新增了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括:数组方法字符串方法对象方法1.2数组方法迭代(遍历)方法:foreach()、map()、 filter()、some()、every();currentValue:数组当前项的值index:数组当前项的索引arr:数组对象本身<!DOCTYPE html><html lang="en"><head>
2020-05-15 13:40:46
218
原创 JavaScript高级教程(ES6)——(18)类和继承
1.面向对象编程介绍1.1两大编程思想面向过程面向对象1.2面向过程编程POP(process-oriented Programming)面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的一次调用就可以了。1.3面向对象编程OOP(Object Oriented Programming)面向对象是把事务分解成为一个个对象,然后由对象之...
2020-05-07 14:40:57
276
原创 js学习笔记——(17)jQuery事件
1.jQuery事件注册单个事件注册语法:其他事件和原生基本一致比如:mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll等;
2020-05-05 10:29:49
150
原创 js学习笔记——(16)jQuery属性操作、文本属性值、元素操作
1.jQuery属性操作1.1设置或获取元素固有属性 prop()所谓元素固有属性就是元素本身自带的属性,比如元素里面的href,比如元素里面的type,1.获取属性语法prop(“属性”)2.设置属性语法prop("属性“, “属性值”)1.2设置或获取元素自定义属性值 attr()用户自己给元素添加的属性,我们称为自定义属性,比如给div添加 index = 1;1.获取属...
2020-04-29 19:02:29
178
原创 js学习笔记——(15)jQuery选择器、样式操作、效果
1.jQuery选择器1.1jQuery基础选择器原生js获取元素方式很多,很杂,而且兼容性情况不一致,因此jQuery给我们做了封装,使获取元素统一标准。$(‘选择器’) //里面选择器直接写css选择器即可,但是要加引号1.2jQuery层级选择器...
2020-04-27 12:53:18
270
原创 js学习笔记——(14)初识jQuery
1.jQuery概述1.1JavaScript库JavaScript库:即library,是一个封装好的特定的的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show、,比如获取元素等。常见的JavaScript库jQueryPrototypeYUIDojoExt JS移动端的zepto...
2020-04-24 16:07:14
167
原创 js学习笔记——(13)offset系列、client系列
1.元素偏移量offset系列1.1offset概述offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元索的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小 (宽度高度)注意:返回的数值都不带单位offset系列常用属性:...
2020-04-23 12:39:24
249
原创 js学习笔记——(12)BOM浏览器对象
1.BOM概述1.1什么是BOMBOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window.BOM由一系列相关的对象构成 ,并且每个对象都提供了很多方法与属性。BOM缺乏标准, JavaScript 语法的标准化组织是ECMA , DOM的标准化组织是W3C , BOM最初是Netscape浏览器标准的一部分...
2020-04-17 17:09:22
128
原创 js学习笔记——(11)DOM事件高级(DOM事件对象、阻止事件冒泡、鼠标事件、键盘事件)
一、注册事件(绑定事件)1.1注册事件概述给元素添加事件,称为注册事件或者绑定事件。注册事件有两种方式:传统方式和方法监听注册方式。传统注册方式利用on开头事件onclick特点:注册事件的唯一性同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数。方法监听注册方式W3C标准推荐方式addEventListener()它是一个方法IE9...
2020-04-15 15:00:04
278
原创 js学习笔记——(10)DOM基础详解
一、DOM简介1.什么是DOM文档对象模型,是W3C组织推荐的处理可扩展标记语言(HTML和XMI)的标准编程接口。W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。2.DOM树文档:一个页面就是一个文档,DOM中使用document表示。元素:页面中的所有标签都是元素,DOM中使用element表示。节点:页面中的所有内容都是节点(标签、属性、文...
2020-04-14 12:19:33
282
原创 js学习笔记——(9)Web APIs
1.APIAPI是一些预定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。简单理解:API是给程序员提供的一种工具,以便能够更轻松的实现想要完成的功能。2.Web APIWeb API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)3.总结(1)API是为我们程序提供接的一个接口,帮助我们...
2020-03-24 21:15:16
146
原创 js学习笔记——8(简单数据类型与复杂类型)
1.简单数据类型与复杂数据类型简单数据类型又叫做基本数据类型或者值类型,复杂数据类型又叫做引用类型a.值类型:简单数据类型/基本数据类型,在存储时变量中存储的是值本身,因此叫做值类型;(string, number, boolean, undefined, null)<script> //简单数据类型 null 返回的是一个空对象 object var timer =...
2020-03-24 20:37:09
143
原创 js学习笔记(7)——js内置对象(Math、Date、Array、字符串)
1.内置对象JavaScript中的对象分为3种:自定义对象、内置对象、浏览器对象,前两种对象是js基础内容,属于ECMAScript;第三种浏览器对象属于js独有。内置对象:就是指js语言自带的一些对象,这些对象供开发者使用,并提供了一些常见的或是基本而必须要的功能(属性和方法)内置对象最大的优点:帮助我们快速开发JavaScript提供了多个内置对象:Math.Date.Array.S...
2020-03-24 14:30:02
158
原创 js学习笔记(6)——作用域、对象、构造函数
js作用域:概念:就是代码名子(变量)在某个范围内起作用和效果,目的是为了提高程序的可靠性,更重要的是减少命名冲突。js作用域(es6)之前:全局作用域 局部作用域**全局作用域:**整个script标签或者是单独的js文件**局部作用域:(函数作用域)**在函数内部就是局部作用域,这个代码的名子只在函数内部起效果和作用。变量作用域:在javasc中,根据作用域不同,变量可分为...
2020-03-06 16:55:12
147
原创 js学习笔记(5)
函数的概念函数:就是封装了一段可被重复调用执行的代码块,通过代码块可以实现大量代码的重复使用;函数的使用函数在使用的过程中分为两步:声明函数和调用函数;注意:函数不调用就不会执行;<script> //1.声明函数 // function 函数名(){ // } function sayHi(){ console.log('hi~'); }...
2020-02-28 15:48:14
115
原创 js学习笔记(4)
1.循环循环的目的:重复执行某些语句或者代码;js中,有三种循环(1) for 循环<script> // for (初始变量;条件表达式;操作表达式) { //循环体 // } //初始换变量 就是用 var声明的一个普通变量;通常作为计数器使用 //条件表达式 就是用来决定每一次循环是否继续执行 就是终止条件 //操作表达式 就是每次...
2020-02-25 14:00:40
86
原创 js学习笔记(3)
1. 流程控制在一个程序执行过程中,各条代码的执行顺序对程序的结果是有直接影响的,很多时候我们通过控制代码的执行顺序来实现我们要完成的功能。简单理解: 流程控制就是来控制我们代码按照什么结构顺序来执行。流程控制主要三种结构: 分别是顺序结构、分支结构、循环结构。2.顺序流程控制顺序结构是程序中做简单、最基本的流程控制,它没有特定的语法结构,程序会按照代码的先后顺序,依次执行,程序中大多数...
2020-02-23 11:47:09
79
原创 js学习笔记(2)——JavaScript运算符以及优先级
运算符运算符也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号- 算数运算符注意点:1)% 取余(取模)2)浮点数值的最高精度是17位小数,但在进行算术计算时其精度远远不如整数。<script> //1.% 取余 取模运算 console.log(5 % 3); //2. 浮点数 算数运算里面会有问题 console.log(0.1 + 0....
2020-02-22 13:24:25
133
原创 js学习笔记(1)——谷歌控制台输出以及数据转换
1.prompt输入框输入的内容是字符串类型;2.console.log 控制台输出的内容:1)如果是蓝色,表示是数值型(number)2)如果是黑色,表示字符串类型(string)3)如果是深蓝色,表示布尔型(boolean)4)如果是浅灰色,表示未定义型(undefined)和空类型3.js的数据类型:...
2020-02-21 20:24:52
447
原创 ECharts学习笔记第一篇
ECharts学习ECharts安装独立版本:直接下载 echarts.min.js 并用 ECharts配置语法第一步:创建HTML界面,引入echarts文件<!DOCTYPE html><html><head> <meta charset="utf-8"> <!-- 引入 ECharts 文件 --> ...
2019-12-20 15:49:15
227
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人