- 博客(205)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 写轮眼
其他网站看到的，觉得还不错，挺有意思的，就分享给大家吧先看效果吧：代码：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,
2021-04-28 09:45:09
752
原创 基于vue与element-ui写出的关于搜索框搜索关键字，下方关键字高亮的demo
这是一个基于vue与element-ui写出的关于搜索框搜索关键字，下方关键字高亮的demo希望对大家有所帮助效果如下：<template> <!-- 测试 --> <div class="list-container"> <!-- element-ui --> <el-card class="tu-card"> <!-- 输入框 --> <!--v-model.trim v-
2020-11-19 16:24:23
1046
原创 饿了么表格横向滚动条显示问题
最近在工作中遇到这样一个问题：表格的横向滚动条一直在最下面，必须把纵向滚动条拉到底才可以看到针对这个问题，有两种解决方案方案一：使用键盘上的左右按键来查看左右数据（我个人不太推荐这种做法）方案二：在el-table加一个max-height 完美解决...
2022-01-08 10:12:55
1154
原创 es6的15道面试题
1.说出至少5个ES6的新特性，并简述它们的作用。（简答题）答：1、 let关键字，用于声明只在块级作用域起作用的变量。2、 const关键字，用于声明一个常量。3、 结构赋值，一种新的变量赋值方式。常用于交换变量值，提取函数返回值，设置默认值。4、 Symbol数据类型，定义一个独一无二的值。5、 Proxy代理，用于编写处理函数，来拦截目标对象的操作。6、 for...of遍历，可遍历具有iterator 接口的数据结构。7、 Set结构，存储不重复的成员值的集合。8、 Map结构，键
2021-06-02 10:46:04
3034
2
原创 从前端到全栈-基础能力-js-垃圾回收
javascript垃圾回收JavaScript具有自动垃圾回收机制，也就是说，执行环境会负责管理代码执行过程中使用的内存。开发人员不用关心内存使用问题，所需内存的分配以及无用内存的回收完全实现了自动管理。这种垃圾回收机制原理很简单：找出那些不再继续使用的变量，然后释放其占用的内存。为此，垃圾收集器会按照固定的时间间隔（或代码执行中预定的收集时间），周期性地执行这一操作。局部变量的正常生命周期局部变量只在函数执行的过程中存在。而在这个过程中，会为局部变量在栈（或堆）内存上分配相应的空间，以便存储它们
2021-06-01 16:11:00
145
原创 js的6种设计模式
js的6种设计模式当启动一个新的项目时候，我们不应该马上开始编程。而是首先应该定义项目的目的和范围，然后列出其功能或规格。如果你已经开始编程或者正在从事一个复杂的项目，则应该选择一个最适合你项目的设计模式。什么是设计模式？在软件工程中，设计模式是针对软件设计中常见问题的可重用解决方案。设计模式也是经验丰富的开发人员针对特定问题的最佳实践。它可以被当作编程的模板。为什么要使用设计模式？许多工程师要么认为设计模式浪费时间，要么不知道如何恰当的使用设计模式。但如果能正确使用设计模式，则可以帮助你写出更好
2021-05-27 11:20:40
844
原创 随手一记-js基础
对象何为对象：万物皆对象 客观世界中的具体的实体就是对象 如 一个人 一个气球 一辆汽车 每一个对象实体都有对应的特征思考：咱们班的班主任这个对象怎么描述 特征 行为为什么要学习对象？思考：上述对象都是客观世界的，那JS这门语言中为什么要有对象呢 又如何用代码去描述一个对象呢数组：是有序的元素集合 ，数组用于存放一组数据，比如一个班级所有人的名字，一个班级所有人的成绩。函数：封装一段重复的代码，只要声明一次，就可以多次调用。思考1：如果要存储一个人的信息，应该怎么办？var name =
2021-05-26 17:31:22
94
原创 随手一记-js基础
函数函数的定义：一堆特定代码的集合体，它负责完成某项特定任务，而且相较于其他代码，具备相对的独立性，一般会有输入参数并有返回值，提供对过程的封装和细节的隐藏函数就是一个功能，并且具备复用性声明函数和使用函数// 声明函数function 函数名 (){ // 函数体}// 调用函数函数名();特点说明：函数默认不会执行 必须通过函数名()调用才会执行函数的命名尽量遵守 动词或者动词+名词的方式 这样函数的作用一目了然函数一次声明可以多次调用 每一次函数调用函数体会重新执
2021-05-26 17:26:29
106
原创 随手一记-js基础
遍历数组访问数组里面的每一个数据 (查寝)// 太low// console.log(arr[0]);// console.log(arr[1]);// console.log(arr[2]);// console.log(arr[3]);// 使用循环来代替// 解决了重复代码的问题// 弊端： 1. 长度限制死了// 弊端： 2. 下标没有完全吻合// for (var i = 1; i <= 4; i++) {// // console.log(i); // 1,
2021-05-25 15:30:45
92
原创 随手一记-js基础
数组所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。数组是一个Array对象 属于复杂数据类型创建数组字面量形式var arr = [‘内容1’,‘内容2’,‘内容3’];构造函数形式var arr = new Array(‘内容1’,‘内容2’,‘内容3’);细节注意: 使用构造函数形式array的小括号里面如果只写一个数值型的数据表示这个数组的长度 而不是内容数组的使用数据的使用无非就是"增删改查"查: 数组[下标]改:
2021-05-25 15:29:32
43
原创 从前端到全栈-基础能力-js-函数优化
csdn：https://blog.csdn.net/qq_42183923/article/details/113484317if多条件判断// 冗余if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') {}// 简洁if (['abc', 'def', 'ghi', 'jkl'].includes(x)) {}if…else…// 冗余let test: boolean;if (x > 100) {
2021-05-25 15:26:41
73
原创 随手一记-js基础
for 循环语句for(语句1;语句2;语句4){语句3;}// 语句1：初始化语句 用来初始化变量// 语句2：循环的判断条件// 语句3：循环体// 语句4：循环体结束之后执行的代码
2021-05-22 15:29:52
57
原创 随手一记-js基础
do while 循环do while 循环最大的不同的就是while循环是先判断在循环 而do while是先do 一次 在开始循环 也就是说不管能不能循环 先do一次do{ // 循环语句}while(true)
2021-05-22 15:28:48
53
原创 随手一记-js基础
while 语句while(条件){ 条件为真时会不断执行这个代码 直到while的条件为假}所以while循环里面的条件的值是会发生变化的 如果没有变化 则就是一个死循环
2021-05-22 15:27:37
46
原创 随手一记-js基础
调试断点断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。调试步骤：浏览器中按F12–>sources–>找到需要调试的文件–>在程序的某一行设置断点调试中的相关操作:Watch:监视，通过watch可以监视变量的值的变化，非常的常用。F10:程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。F8：跳到下一个断点处
2021-05-22 15:26:27
57
原创 随手一记-js基础
switch case语句分支语句的一种需求：接受用户输入的值（1-7） 根据对应的数字返回星期几 1 - 星期一 2 - 星期二… 如果用户输入的不是1- 7 告诉用户 好好输入switch (表达式){ case "值": //语句; break; case "值": //语句; break; }注意：switch case语句不能完全替代if elseswitch case比较的值全等 ===switch
2021-05-22 15:25:55
53
原创 随手一记-js基础
三元运算符// 条件 ? 语句1 : 语句2// 1. 如果条件为true，会返回语句1// 2. 如果条件为false，会返回语句2
2021-05-22 15:25:08
49
原创 随手一记-js基础
分支语句需求：得到用户输入的年纪，年纪满18岁 显示成年 如果没有则显示未成年需求2：得到用户输入的年纪，根据年纪显示这个年龄阶段对应的状态0 - 17 好好读书 18-28 找对象 29-40 结婚 41 - 60 为人父为人母 60 退休// 单条分支if(条件){ 条件为真则执行大括号里面的代码}// 两条分支if(条件){ 条件为真则执行大括号里面的代码}else{ 条件为假则执行这个括号里面的代码}// 多条分支if(条件1){ 条件1为真则执行这里的代
2021-05-22 15:24:35
59
原创 从前端到全栈-基础能力-js-模块规范
抛出问题：在开发中在导入模块时经常使用require和import；导出模块时使用module.exports/exports或者export/export default;有时候为了引用一个模块会使用require奇怪的是也可以使用import？？？？它们之间有何区别呢？于是有了菜鸟解惑的搜喽过程。。。。。。追溯根源，来到Js模块化规范CommonJS规范（同步加载模块）允许模块通过require方法来同步加载所要依赖的其他模块，然后通过exports或module.exports来导出需要
2021-05-22 15:23:12
58
原创 随手一记-js基础
表达式和语句可以产生一个值的式子就是表达式 在现阶段可以理解为有运算符（不包括赋值运算符）的地方就是表达式如：a++ 1+2+3;语句可以理解为一个行为 语句中可以包含表达式如：var a = 1; var b = 2 + 4 + 6;语句的分类顺序语句 自上而下一步一步执行 之前学习的所有都是顺序语句分支语句 根据条件有选择的执行循环语句 循环执行对应的语句...
2021-05-20 16:49:27
38
原创 随手一记-js基础
操作符优先级不同的操作符之间的优先级有不同优先级从高到低1. () 优先级最高2. 一元运算符 ++ -- !3. 算数运算符 先* / % 后 + -4. 关系运算符 > >= < <=5. 相等运算符 == != === !==6. 逻辑运算符 先&& 后||7. 赋值运算符练习1：var result = 1 + 2 * 8 / 4 ; var result1 = (1 + 2) * (
2021-05-20 16:47:48
56
原创 随手一记-js基础
比较运算符比较运算符 >、 <、 >=、 <=、 ==、 ===、 !=、 !==// 比较运算符的结果都是布尔值console.log(2 > 1);console.log(1 > 2);// >= <= 这个理解为大于或者等于 小于或者等于console.log( 5 >= 5 );console.log( 5 <= 5 );// == 等于 只要内容相等即可console.log(3 == 3);console
2021-05-20 16:47:15
69
原创 随手一记-js基础
逻辑运算符// 逻辑运算符 与 或 非// 与 && 可以理解为并且 两个条件必须同时满足 一个不满足整个表达式不成立// 或 || 两个条件只需要满足一个即可// 非 取反 !true !false举例说明：var age = +prompt('请输入你的年龄?');var options1 = age > 10;var options2 = age < 20;if (options1 && options2) {console.lo
2021-05-20 16:45:39
41
原创 从前端到全栈-基础能力-js-异步编程
深入解析Javascript异步编程这里深入探讨下Javascript的异步编程技术。(P.S. 本文较长，请准备好瓜子可乐 ????)一. Javascript异步编程简介至少在语言级别上，Javascript是单线程的，因此异步编程对其尤为重要。拿nodejs来说，外壳是一层js语言，这是用户操作的层面，在这个层次上它是单线程运行的，也就是说我们不能像Java、Python这类语言在语言级别使用多线程能力。取而代之的是，nodejs编程中大量使用了异步编程技术，这是为了高效使用硬件，同时也可以不
2021-05-20 16:43:35
68
原创 随手一记-js基础
操作符（运算符）用来操作数据的符号，一般用于运算算术运算符 (+,-,*,/,%)加、减、乘、除、取模加号：数值相加 字符相连赋值运算符 (=)将等号右边的值赋予给左边左边是一个变量存储累加+=自增自减运算符（一元运算符）a++ ++后置 先使用 后自增++a ++前置 先自增 后使用a-- --后置 先使用 后自减–a --前置 后自减 先使用...
2021-05-20 16:28:10
36
原创 随手一记-js基础
数据类型之间的相互转换将数据转换成数值型parseInt() 把字符串转换成整数parseFloat() 把字符串转换成浮点数 parseFloat会解析第一个. 遇到第二个 . 或者非数字结束 如果解析的内容里只有整数，解析成整数NumberNumber()可以把任意值转换成数值，如果要转换的字符串中有一个不是数值的字符，返回NaN黑科技（隐式转换）：如果在数字字符串前面添加一个+号 会自动隐式转换成数字类型将数据转换成字符串变量.toString() 将数据转换成字符串String(
2021-05-20 16:27:37
51
原创 随手一记-js基础
布尔数据类型布尔类型只有两个值 true或者false 多用于条件的判断undefined nullundefined 未定义 变量只声明没有赋值的时候浏览器默认会赋值一个undefinednull 表示一个空的对象 一般用于将一些对象清空[null返回的是一个Object的原因]https://www.zhihu.com/question/21691758...
2021-05-20 16:27:07
30
原创 随手一记-js基础
string数据类型所有添加了引号的数据都是字符串数据类型 单双引号都可注意：单双引号都可以 但是同样的引号不要出现嵌套 如果嵌套 那么 一个单引号 一个双引号 成对
2021-05-20 16:26:34
38
原创 随手一记-js基础
number数据类型所有的数字都是Number数据类型利用typeof运算符可以返回当前数据的数据类型（只针对简单数据类型）特殊值：NaN not a number 不是一个数字注意 小数的计算可能产生丢失精度的问题问题来源：小数的2进制存储转换会带来丢失精度的问题[丢失精度]https://segmentfault.com/a/1190000008268668解决方法：扩大成整数去运算...
2021-05-20 16:25:57
43
原创 从前端到全栈-基础能力-js-事件循环
深入理解javascript中的事件循环（1）JS为何设计为单线程js设计为单线程还是跟他的用途有关试想一下 如果js设计为多线程 那么同时修改和删除同一个dom 浏览器又该如何执行?#JS为何需要异步for (var i=0;i<9999;i++){ console.log("我在执行 但用户不知道")}console.log("你好啊")上面例子 for循环耗时会很久这意味着 用户得不到 ‘你好啊’ 的响应 就会下意识会认为浏览器卡死了 所以js必须要有异步js通过事件循
2021-05-19 14:32:42
45
原创 随手一记-js基础
数据类型在程序设计中，数据类型被定义为数据的种类，也就是说一系列可能值以及基于这些值的基本操作。好处：更加充分和高效的利用内存和使用数据六大数据类型基本数据类型（简单数据类型）number 数值型string 字符串boolean 布尔型undefined 未定义null 空引用引用数据类型（复杂数据类型）object 对象function 函数array 数组...
2021-05-19 13:55:37
43
原创 随手一记-js基础
JS的初体验1、书写环境 （这对标签可以写在网页的任何位置，一般习惯放在body结束标签的前面）<script>alert('Hello world');</script>2、独立的JS文件 通过script标签引入<script src="路径"></script>注意点引用外部js文件的script标签中不可以写JavaScript代码注释1、单行注释 // 用在代码上2、多行注释 /* 多行注释 */ 用在说明文档上输出语
2021-05-19 13:54:36
54
原创 随手一记-js基础
JS的组成ECMAscript： JavaScript的核心，描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关DOM：（document object model 文档对象模型）一套操作页面元素的APIBOM：（browser object model 浏览器对象模型）一套操作浏览器功能的API...
2021-05-19 13:52:27
48
原创 随手一记-js基础
JS的作用1、网页特效2、表单验证3、服务端的JS (node.js)4、命令行工具 (node.js)5、app6、游戏开发7、数据交互总结：JS无所不能，我们学习的方向主要针对的是web页面
2021-05-19 13:51:49
34
原创 随手一记-js基础
JavaScript是什么JavaScript是一种运行在客户端（浏览器）的脚本语言客户端：客户端是相对于服务器而言的，在这里先简单理解为浏览器浏览器就是一个客户端软件，浏览器从服务器上将资源（html,css,js,图片等）请求下来 并且在本地利用浏览器去解析这些资源服务器本质上也是一台电脑。用来接收客户端发过来的请求，并处理请求。同时存储数据 读取数据等操作脚本语言：不需要编译 读取一句 解析一句 一句报错 下一句不会继续执行执行过程：源代码 - 预解析 - 运行编译语言：需要编译 编
2021-05-19 13:51:14
44
原创 随手一记-js基础
Js的历史(了解)Nombas与ScriptEase大概在 1992 年，一家称作 Nombas 的公司开发了一种叫做 C 减减（C-minus-minus，简称 Cmm）的嵌入式脚本语言,并将这个脚本语言捆绑在一个可以嵌入到浏览的2的共享软件中，代表了第一个在万维网上使用的客户端语言。后来由于mm听起来比较消极，Nombas又将Cmm的名字修改为ScriptEase.虽然Nombas如今在互联网行业已经销声匿迹，但是它的理念却成为因特网的一块重要基石。Netscape与JavaScript当网上冲
2021-05-19 13:50:27
54
原创 随手一记-移动web
bootstrap框架Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。bootstrap中文网ui框架: 就是可以快速实现页面搭建的一系列组件组件:下拉菜单导航条焦点图分页…说的简单点 就是别人已经写好的一大堆的这些常用组件 我们直接复制人家的html和css 就可以实现对应的效果特点：组件简洁大方、代码规范精简、界面自定义性强。Bootstrap
2021-05-19 13:48:55
125
1
原创 从前端到全栈-基础能力-js-作用声明
JS的作用域和声明提前首先介绍下Javascript的函数作用域的概念，然后了解下什么是作用域和声明提前，最后通过一个例子剖析Javascript的作用域链。1.变量的作用域稍微有些编程背景的都知道，变量的作用域分为两种： 全局变量 和 局部变量 。Javascript是一门 弱类型语言 。所有的变量声明都是通过var来接收，如var num = 1; var str = “string”; var flag = true; 看似是一个非常省事的机制，但是也有让人头疼的时候，一些隐式的类型
2021-05-18 16:28:39
57
原创 随手一记-移动web
LESS学习网站：官网http://lesscss.org/中文网http://lesscss.cn/Less简介1.less本质上是css的一个超集 >= css 而且具备css不具备的一些特点2.浏览器不认识less 我们可以借助于插件让less变成css使用less的基本流程: 程序员写less => 插件 => css 浏览器引入的依旧是css文件安装插件点击左侧第五个按钮(扩展) 在商店里面搜索easy less点击安装 (需要联网)点击重新加载安装
2021-05-18 16:18:11
75
原创 随手一记-移动web
为什么要用rem？rem的主要目的就是解决用于不同屏幕的适配问题。rem能够等比例的适配所有的屏幕。单纯使用流式布局的结果是宽度自适应 高度是写死的 导致不能完全适配设计图(因为不同的屏幕大小下 高度永远是写死的), 而使用rem就可以让高度也保持自适应效果流式布局：虽然可以让各种屏幕都适配，但是显示效果不是非常的友好，因为只有几个尺寸的手机能够完美的显示出来视觉设计师和交互最想要的效果。rem布局：rem能够适配所有的屏幕，与less配合使用效果会更好。rem是什么？rem（font size
2021-05-18 16:15:52
61
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人