歌谣--杂谈(其他)
歌谣--杂谈(其他)
普通网友
这个作者很懒,什么都没留下…
展开
-
javascript学习系列(10):数组中的slice方法
最好的种树是十年前,其次是现在。歌谣每天一个前端小知识提醒你改好好学习了知乎博主 csdn博主 b站博主放弃很容易但是坚持一定很酷我是歌谣喜欢就一键三连咯你得点赞是对歌谣最大的鼓励1前言在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说slice不多说把代码编辑器打开第一种2代码<!DOCTYPE html><html lang="en"> <head> <meta c...原创 2021-08-18 21:05:54 · 252 阅读 · 0 评论 -
React小结
1. setStatesetState更新状态的2种写法 (1). setState(stateChange, [callback])------对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用 (2). setState(updater, [callback])---...原创 2021-10-12 13:46:46 · 1709 阅读 · 32 评论 -
前端小知识点(7):正则前瞻
目录一、js中的正则表达式,只有前瞻没有后顾 正向前瞻:(?=) ===》匹配符合的代码1结果1代码2结果2一、js中的正则表达式,只有前瞻没有后顾 正向前瞻:(?=) ===》匹配符合的 负向前瞻:(?!) ===》匹配不符合的代码1//看一看 数字的后面是不是字母,是字母的数字匹配到var reg1 = /\d(?![a-z])/g;var str1 = '1d2c33b55q';console.log( s...原创 2021-10-28 18:30:00 · 262 阅读 · 0 评论 -
前端小知识点(10):原型链
目录原型链 :代码1运行结果1代码二运行结果2原型链 :每一个对象都有一个原型(__proto__),这个原型还可以拥有自己的原型,形成最终的原型链。查找一个对象特定的属性或者方法,我们先去当前对象中找,如果没有找到那就去对象的原型中查找,如果还没有找到那就去对象的原型的原型中查找,如果都没有找到最终返回null。函数 prototype对象 __proto__**注意:原型链最顶端是null 对象查找属性或者方法,找不到返回undefin...原创 2021-10-28 19:30:00 · 405 阅读 · 0 评论 -
Leetcode刷题(4)罗马数字转整数
最好的种树是十年前,其次是现在。歌谣每天一个前端小知识提醒你改好好学习了知乎博主 csdn博主 b站博主放弃很容易但是坚持一定很酷我是歌谣喜欢就一键三连咯你得点赞是对歌谣最大的鼓励罗马数字包含以下七种字符: I, V, X, L,C,D 和 M。字符 数值I 1V 5X 10L 50C 100D 500...原创 2021-08-24 21:14:44 · 325 阅读 · 0 评论 -
前端小知识点(2):普通字符串和new String有什么区别
目录一、其实不仅字符串二、那么到底为什么?三、代码案例四、运行结果一、其实不仅字符串var str = 'abc';typeof str ===> string //他不是对象,可以有方法或者属性var num = 123; //他不是对象,可以有方法或者属性typeof num ===> number //他不是对象,可以有方法或者属性当然还有很有很多...我们知道,String,Number,在JS中是基本类型二、那么到底为什么?引..原创 2021-10-27 16:15:00 · 312 阅读 · 0 评论 -
javascript学习系列(8):数组中的splice方法
最好的种树是十年前,其次是现在。歌谣每天一个前端小知识提醒你改好好学习了知乎博主 csdn博主 b站博主放弃很容易但是坚持一定很酷我是歌谣喜欢就一键三连咯你得点赞是对歌谣最大的鼓励1前言在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说splice的使用不多说把代码编辑器打开2代码部分const geyao=["歌谣","很强","很帅"]// 从索引 1 开始删除 1 个元素let b=geyao.splice(1,1)cons...原创 2021-08-12 21:58:54 · 1922 阅读 · 1 评论 -
Leetcode刷题(2)回文数
最好的种树是十年前,其次是现在。歌谣每天一个前端小知识提醒你改好好学习了知乎博主 csdn博主 b站博主放弃很容易但是坚持一定很酷我是歌谣喜欢就一键三连咯你得点赞是对歌谣最大的鼓励给你一个整数 x ,如果 x 是一个回文整数,返回 true ;否则,返回 false 。回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数。例如,121 是回文,而 123 不是。示例 1:输入:x = 121输出:true示例 2:输入:x = -121输出:false...原创 2021-08-21 19:02:45 · 140 阅读 · 0 评论 -
你还不会ant design中的拖拽table实现吗
最好的种树是十年前,其次是现在。歌谣每天一个前端小知识提醒你改好好学习了知乎博主 csdn博主 b站博主放弃很容易但是坚持一定很酷我是歌谣喜欢就一键三连咯你得点赞是对歌谣最大的鼓励 微信公众号关注小歌谣前言首先刚开始知道要书写一个这样的功能我的内心是比较崩溃的 完全没有思路然后就打开官网的文档进行观看开始 一开始准备写 打开官网的一个文档是4.0的 看起来也是一脸的蒙蔽接着找到3的一个文档重点直接说说如何让实现当前这个功能上代码...原创 2021-08-11 18:50:59 · 3532 阅读 · 1 评论 -
前端小知识点(5):JS垃圾回收机制
目录一、什么是垃圾回收二.垃圾回收机制原理三、垃圾回收方法3.1 引用计数3.2 标记清除内存常见内存泄露以及解决方法4.1 全局变量:4.2 定时器和回调函数4.3 闭包4.4 没有清理DOM元素引用:一、什么是垃圾回收垃圾回收是一种自动的内存管理机制。当计算机上的动态内存不再需要时,就应该予以释放,以让出内存。直白点讲,就是程序是运行在内存里的,当声明一个变量、定义一个函数时都会占用内存。内存的容量是有限的,如果变量、函数等只有产生没有消亡的过...原创 2021-10-27 14:36:00 · 1431 阅读 · 0 评论 -
学会使用ant design封装一个锚点组件
我是歌谣 放弃很容易 但是坚持一定很酷封装一个锚点组件就是要知道一个父子组件的一个传值很显然 父亲这边传过去一个数组 然后就可以进行循环遍历得到一个新的数值这边注意 当我们进行一个map返回值得时候一定需要一个()或者return就可以实现了import React, { Component } from 'react';import { Row, Col, Anchor } from 'antd';const { Link } = Anchor;export de.原创 2021-09-20 21:47:41 · 712 阅读 · 0 评论 -
javascript学习系列(12):数组中的join方法
最好的种树是十年前,其次是现在。歌谣每天一个前端小知识提醒你改好好学习了知乎博主 csdn博主 b站博主放弃很容易但是坚持一定很酷我是歌谣喜欢就一键三连咯你得点赞是对歌谣最大的鼓励1前言在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说join不多说把代码编辑器打开2编辑器3代码部分var elements = ['歌谣', '很强', '优秀']; console.log(elements.join()); ...原创 2021-08-25 20:26:47 · 313 阅读 · 0 评论 -
javascript学习系列(4):数组中的some方法
最好的种树是十年前,其次是现在。歌谣每天一个前端小知识提醒你改好好学习了知乎博主 csdn博主 b站博主放弃很容易但是坚持一定很酷我是歌谣喜欢就一键三连咯你得点赞是对歌谣最大的鼓励1前言在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说some的使用不多说把代码编辑器打开2直接vs打开3代码部分 //item 当前元素每一项的值 var geyao=['歌谣',"很帅","很强"] var geyao1...原创 2021-08-12 21:45:56 · 6232 阅读 · 0 评论 -
深入react技术栈(7):组件化实例:Tab栏组件
我是歌谣 fang'q文章参考深入React技术栈原创 2021-10-09 18:00:00 · 168 阅读 · 0 评论 -
深入react技术栈(6):React和DOM
我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣React DoMfindDoMNoderenderReact得不稳定方法RefsReact之外得DoM操作文章参考深入React技术栈...原创 2021-10-08 18:15:00 · 67 阅读 · 0 评论 -
初识docker
我是歌谣 放弃很难 但是坚持一定很酷 微信关注小歌谣一起学习最近因为工作需要就要进行docker的一些相关学习这边就整理了一小部分的笔记方便一起学习 本文源自个人学习笔记docker笔记docker 教程方法1.docker 的镜像和容器的基本操作uname -r 查看系统的版本信息docker version 查看是否安装成功docker images --helpdocker ps 查询正则运行的命令docker ps -a 查询全部的容器dock.原创 2021-04-29 12:46:55 · 1646 阅读 · 2 评论 -
javascript学习系列(11):数组中的findIndex方法
最好的种树是十年前,其次是现在。歌谣每天一个前端小知识提醒你改好好学习了知乎博主 csdn博主 b站博主放弃很容易但是坚持一定很酷我是歌谣喜欢就一键三连咯你得点赞是对歌谣最大的鼓励1前言在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说findindex不多说把代码编辑器打开2编辑器3代码部分<!DOCTYPE html><html lang="en"> <head> <m...原创 2021-08-18 21:11:52 · 536 阅读 · 0 评论 -
前端小知识点(3):JavaScript 单线程
目录一、为什么 JavaScript 是单线程?二、JavaScript是单线程,怎样执行异步的代码?三、事件循环机制四、代码1五、结果1六、代码2七、结果2一、为什么 JavaScript 是单线程?JavaScript 语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么JavaScript 不能有多个线程呢 ?这样能提高效率啊。JavaScript 的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript 的主要用途是与用户互动,以原创 2021-10-27 16:30:00 · 241 阅读 · 0 评论 -
Leetcode刷题(3)整数反转
最好的种树是十年前,其次是现在。歌谣每天一个前端小知识提醒你改好好学习了知乎博主 csdn博主 b站博主放弃很容易但是坚持一定很酷我是歌谣喜欢就一键三连咯你得点赞是对歌谣最大的鼓励给你一个整数 x ,如果 x 是一个回文整数,返回 true ;否则,返回 false 。回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数。例如,121 是回文,而 123 不是。示例 1:输入:x = 121输出:true示例 2:输入:x = -121输出:false...原创 2021-08-24 21:12:37 · 164 阅读 · 0 评论 -
前端小知识点(4):JS 运行机制和存储
目录被忽视的内存管理JS工作原理JS代码如何运行JavaScript内存的生命周期栈内存、堆内存代码案例运行结果 被忽视的内存管理 JavaScript不像C、C++等语言——程序员必须通过调用内存管理接口,比如 malloc()和free(),自己手动分配和释放内存。JS引擎会“自动”管理内存。也就是说,JS在创建变量(对象,字符串等)时分配内存,并且在执行完毕,将不再使用的变量的内存空间释放。这种自动化的管理方式,使得JS入门简单、开发快,但同时也让原创 2021-10-27 18:30:00 · 268 阅读 · 0 评论 -
javascript学习系列(16):数组中的every方法
最好的种树是十年前,其次是现在。歌谣每天一个前端小知识提醒你改好好学习了知乎博主 csdn博主 b站博主放弃很容易但是坚持一定很酷我是歌谣喜欢就一键三连咯你得点赞是对歌谣最大的鼓励1前言在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说every不多说把代码编辑器打开2编辑器打开3代码部分const geyao=[1,4,5,6,7,8]var everyBoolan = geyao.every(function(item) ...原创 2021-08-25 20:51:55 · 181 阅读 · 0 评论 -
有哪些是你成为一名开发之后才知道的事情
目录前言疑问1成为一名开发真的很难嘛?疑问2作为一名开发的工资一定很高吗疑问3开发一定加班会很厉害嘛疑问4一定要去大厂嘛疑问5程序员是个很好的职业选择吗疑问6毕业前参加培训好吗疑问7入行之后要不断提升自己的能力吗疑问8大学四年该如何度过疑问9如何提升自己的竞争力和名气前言我是歌谣 放弃很容易 但是坚持一定很酷 对于一个半路转行的程序员 我这边想大概发表一下自己个人的一个见解疑问1成为一名开发真的很难嘛?本人大学是计算机专业毕业的,...原创 2021-10-24 12:28:09 · 2140 阅读 · 0 评论 -
javascript学习系列(19):数组中的Array.from方法
最好的种树是十年前,其次是现在。歌谣每天一个前端小知识提醒你改好好学习了知乎博主 csdn博主 b站博主放弃很容易但是坚持一定很酷我是歌谣喜欢就一键三连咯你得点赞是对歌谣最大的鼓励1前言在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说Array.from不多说把代码编辑器打开2编辑器打开3代码部分const geyao='geyao'//字符串转换为数组console.log(Array.from(geyao))//Arra...原创 2021-09-01 21:10:28 · 144 阅读 · 0 评论 -
深入react技术栈(12):组件内通信
我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣获取前后端知识父组件向子组件传值子组件向父组件传值跨级组件通信没有嵌套关系的组件通信文章参考深入React技术栈...原创 2021-10-18 19:00:00 · 117 阅读 · 0 评论 -
viewer.js实现预览效果
我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注小歌谣 日常分享前后端知识前言最近涉及一个移动端项目需要把其中的图片变成可预览的图片听学弟说 可以利用viewer进行实现首先我们需要做的就是先写一个简单demo先实现其中的效果实现效果代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" .原创 2021-03-26 13:47:04 · 2302 阅读 · 1 评论 -
javascript学习系列(6):数组中的pop等方法
最好的种树是十年前,其次是现在。歌谣每天一个前端小知识提醒你改好好学习了知乎博主 csdn博主 b站博主放弃很容易但是坚持一定很酷我是歌谣喜欢就一键三连咯你得点赞是对歌谣最大的鼓励1前言在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说foreach的使用不多说把代码编辑器打开2直接vs打开3代码部分 // push() 在数组末尾添加元素,接收一个或多个参数 // unshift() 在数组首位添加元素,接收一个或多...原创 2021-08-12 21:52:06 · 6281 阅读 · 0 评论 -
手把手教你封装一个ant design的审核框组件
我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣学习前端知识这边先上代码然后我们逐个解释import React, { Component, Fragment } from 'react';import { Modal, Row, Form, Col, Radio, Tag, Input, message } from 'antd';/** * 弹框 审核 * @param {String} requestUrl 请求 url {必填} * @pa.原创 2021-09-24 09:37:30 · 1565 阅读 · 0 评论 -
js实现树形结构化
我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注小歌谣 日常分享前后端知识前言今天来讲一下平常我们做权限系统中的树形结构知识就是如何把对应关系的结构数据转换为可以一个树形结构const data = [ { id: 2, pid: 0, path: '/course', name: 'Course', title: '课程管理' }, { id: 3, name: 'CourseOperate', path: 'o.原创 2021-03-26 13:35:22 · 3088 阅读 · 3 评论 -
看完这篇不要告诉我不会封装ant design弹框组件了
<SignForModal onRef={(ref) => { this.SignForModal = ref; }} getContractList={this.getCourseList} />我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣获取前端学习知识1设计需求 封装一个弹框组件 直接调用接口...原创 2021-09-23 21:27:34 · 1703 阅读 · 0 评论 -
javascript学习系列(2):数组中的filter方法
最好的种树是十年前,其次是现在。歌谣每天一个前端小知识提醒你改好好学习了知乎博主 csdn博主 b站博主放弃很容易但是坚持一定很酷我是歌谣喜欢就一键三连咯你得点赞是对歌谣最大的鼓励1前言在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说filter的使用不多说把代码编辑器打开2编辑器3代码 var geyao=['歌谣',"很帅","很强"] var geyao1 = geyao.filter((currentValue,...原创 2021-08-09 22:02:45 · 2292 阅读 · 0 评论 -
WangEdit富文本编辑器增加上传视频功能
乘着今天中午的时间 对以前项目的一个需求进行一定的处理前天去了甲方公司接到了了一个新的需求就是可以把项目的一个富文本的编辑器可以设置为能够上传视频于是乎就要对vue里面的这个组件进行操作了首先我们可以看一眼官网的文档需要用到的就直接到官网文档进行查询即可了需求(接口文档)由于官网的的文档是对原生js进行说明的所以vue的写法就可以这样先写了、代码部分(封装子组件)<template lang="html"> <div...原创 2021-07-18 18:12:18 · 2762 阅读 · 1 评论 -
手动封装element-ui里面的button组件
首先我们知道vue里面包含有父子组件但是你知道如果要进行一个element的手动组件封装怎么封装吗1首先第一步首先我们建立一个组件最好设置在一个文件目录下比如components只是一个普通的组件叫做OneButton.vue <template> <button class="one-button"> 按钮组件 </button> </template>原创 2021-07-04 19:01:22 · 1408 阅读 · 3 评论 -
前端小知识点(9):函数和对象之间的关系
目录函数与对象之间的关系代码演示运行结果函数与对象之间的关系函数 有什么 : 函数也是对象 函数有:prototype对象 有什么 对象:__proto__原型对象里面有什么:constructor代码演示//fun是一个函数,只不过叫构造函数了function Fun(){ this.name = '张三';}//obj 就是对象,因为通过new来实例化了一个对象var obj = new Fun();co...原创 2021-10-28 19:00:00 · 240 阅读 · 0 评论 -
硬核!原型和原型链详解
前言我是歌谣 知其然知其所以然 人人都有一个大厂梦 希望通过自己的一个总结分享可以给予大家带来帮助和提升。本期知识点原型和原型链目标1理解原型和原型链2理解构造函数3理解构造函数 原型和原型链之间的关系引用类型都是对象原型和原型链都是来源于对象而服务于对象的概念,所以我们要先明确一点: JavaScript中一切引用类型都是对象,对象就是属性的集合。Array类型、Function类型、Object类型、Date类型、RegExp类型等都是引用类型。 也就是说数组是对象、函数原创 2021-06-01 18:15:56 · 2273 阅读 · 37 评论 -
一文带你理解如何解决工作中的需求
我是歌谣 放弃很容易 但是坚持一定很酷1前言在我们的开发过程中 会遇到一些开发的需求 怎么实现 怎么写 怎么做才最合理2需求处理拿到一个需求就和做数学题一样 我们要理清所有的关系 由于本文知识对需求进行阐述 所以就以vue为例子2.1 需求1处理页面样式某页面跳转之后如果传过去的值为1则显示我是歌谣 如果传过去的值是2则显示我是帅气的歌谣就眼前的问题 你可能就会陷入一个深深的思考 页面怎么传值呢 怎么传呢 我可以进行路由拼接传参 也可以引入第三方插件存储到storage.原创 2021-05-15 16:54:49 · 2828 阅读 · 3 评论 -
深入react技术栈(10):受控组件和非受控组件
我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣受控组件非受控组件受控组件和非受控组件的区别文章参考深入React技术栈原创 2021-10-13 21:30:00 · 81 阅读 · 0 评论 -
前端小知识点(8):作者为什么设计原型
目录一、从古代说起二、Brendan Eich的选择三、new运算符的缺点四、prototype属性的引入五、总结六代码部分一、从古代说起要理解Javascript的设计思想,必须从它的诞生说起。1994年,网景公司(Netscape)发布了Navigator浏览器0.9版。这是历史上第一个比较成熟的网络浏览器,轰动一时。但是,这个版本的浏览器只能用来浏览,不具备与访问者互动的能力。比如,如果网页上有一栏"用户名"要求填写,浏览器就无法判断访问者是否真的填写了,只有让原创 2021-10-28 18:45:00 · 158 阅读 · 0 评论 -
javascript学习系列(24):数组中的substring方法
最好的种树是十年前,其次是现在。歌谣每天一个前端小知识提醒你改好好学习了知乎博主 csdn博主 b站博主放弃很容易但是坚持一定很酷我是歌谣喜欢就一键三连咯你得点赞是对歌谣最大的鼓励1前言在我们的日常开发中不免会有很多需要处理数据的方法本节主要说一说substring不多说把代码编辑器打开2编辑器3代码部分 <script> //截取 var geyao="nihaogeyao" ...原创 2021-09-05 09:41:55 · 578 阅读 · 0 评论 -
深入react技术栈(5):React生命周期
我是歌谣 放弃很容易 但是坚持一定很酷 微信搜一搜前端小歌谣React生命周期挂载和卸载过程组件得挂载组件得卸载数据更新过程整体流程文章参考深入学习React技术栈...原创 2021-10-08 19:30:00 · 1877 阅读 · 39 评论 -
Vue手动封装实现一个五星评价得效果
我是歌谣 放弃很难 但是坚持一定很酷 微信公众号关注小歌谣 一起学习前后端知识今天要说得是实现一个vue中实现五星评价得效果简单来说 就是封装组件把具体需要我们了解组件间得相互传值数据绑定等知识先用脚手架起个项目先脚手架启动安装依赖包括npm install sass-loader@7.1.0 --savenpm install style-loadernpm install node-sass安装好对应得版本之后我们看一下整个文件得目录结构目录结构目录结构看完.原创 2021-04-01 14:11:38 · 2653 阅读 · 3 评论