前端
文章平均质量分 54
Eugene.Tom.Lee
To be or not to be that's a question!
展开
-
JS正则表达式
正则体验从字符串中找出数字str.match(/\d+/g);替换字符var reg = /is/g;str.replace(reg,"**");var reg = /\bis\b/g;str.replace(reg,"**");过滤关键词var reg = /淘宝|京东/g;str.replace(reg,"**");替换html标签var reg = /<[^<>]+>/g;str.replace(reg,"**");邮箱校验原创 2021-12-15 19:13:51 · 1002 阅读 · 0 评论 -
使用JS完成动画
匀速动画匀速动画函数的要点 function aninamtion(obj,attr,iTarget){ //1.一开始关闭定时器是为了防止重复触发函数时有多个定时器工作加快动画执行 //2.定时器做为对象的参数是为了多个物体动画时不相互干扰 clearInterval(obj.timer); var iSpeed = 0; obj.timer = setInterv原创 2021-12-15 19:11:16 · 288 阅读 · 0 评论 -
DOM基础、定时器、BOM基础
DOM基础DOM节点介绍子节点节点的分类文本节点元素节点获取子节点的方法oParentNode.childNodes,返回一个数组,包含父节点中的所有文本节点和元素节点通过nodeType属性来判断节点的类型,1为元素节点,3为文本节点oParentNode.children,返回一个数组, 包含父节点中的所有元素节点父节点oNode.parentNode,子节点的父节点对象oNode.offsetParent,子节点绝对定位时,获取参考的原创 2021-12-15 19:10:04 · 677 阅读 · 0 评论 -
运算、函数、数组的了解
1. 算数加(+), 减(-), 乘(*), 除(/), 模(%),++,- -案例1:隔行变色案例2:秒变时间2. 赋值=, +=, -=, *=, /=, %=3. 关系<, >,<=,>=,,!=,=,!==4. 逻辑与(&&),或(||),否(!)5. 优先级括号()### 函数参数函数的参数,参数其实就是一个占位符号,只有在调用的时候才来赋值,经常变的部分用参数匿名函数,没有名字的函数就是匿名函数注意点:原创 2021-12-15 19:05:48 · 204 阅读 · 0 评论 -
JavaScript基础(五分钟让你了解js全貌)
程序的流程控制1. 顺序结构按照代码书写的先后顺序来执行,这是程序的默认执行方式2. 分支结构语法1if(条件){ 语句}else{ 语句}注意点条件是一个布尔值,布尔值只有真或者假案例:弹出菜单语法2switch(变量){ case 值1: 语句1; break; case 值2: 语句2; break; .... default:原创 2021-12-15 19:01:47 · 268 阅读 · 0 评论 -
编程语法基础
语法基础区分大小写标示符(变量,函数,属性,参数的名字)的规则第一个字符必须是字母,下划线(_)或者美元符号($)其他字符可以是字母,下划线(_)或者美元符号($)或者数字命名一般采用驼峰大小写格式,即第一个字母小写,剩下的每个单词首字母大写不能用关键字,保留字做为标示符注释单行注释// 我是单行注释多行注释/*** 我是多行注释* */严格模式(strict mode)作用:告诉JS引擎切换到严格模式下解析代码,这种模式可以消除原创 2021-12-15 19:00:17 · 969 阅读 · 0 评论 -
什么是WEB?如何学习web
什么是WEB?WEB就是网,比喻说咱们上的各种网站怎么样学好WEB?练习,敲代码兴趣不能钻牛角尖`WEB学什么?1.软件1.1编辑器(写代码的一个工具)sublime DW HB WS1.2 浏览器chrome firefox IE safari Opera注意点:这五款浏览器的内核是最基本的,其它的浏览器都是基于这五款浏览器内核开发的,所以说我吗学习这五款浏览器就能满足绝大多数的需求,因为Chrome浏览器运行速度快,市场占有流高,所以我门今后学习就用它。2.技术前端什么原创 2021-12-15 18:44:51 · 691 阅读 · 0 评论 -
递归的理解
递归的理解1、 介绍一说起递归,我想每个人都不陌生。举个从小就听过的例子:从前有座山,山里有座庙,庙里有个和尚,和尚在讲故事,从前有座山,山里有座庙,庙里有个和尚,和尚在讲故事,从前有座山…还有你从两面相对的镜子中看到的画面,其实都是抽象出来的递归现象,但是严格来说并不是递归,因为会一直重复下去,没有终止条件,那就称为死循环了。有关递归和死循环的异同我们之后会说到,那么现在先来了解一下什么是递归?那么什么是递归呢? 要理解递归,就得先了解什么是递归,实际上这句话就是一个递归。这么说可能不好理解,接下原创 2021-01-25 17:29:03 · 152 阅读 · 0 评论 -
前端自动化打包工具--webpack
前端自动化打包工具–webpack背景记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过链接组织在一起。用过Dreamweaver的都知道,做网页就像用word编辑文档一样。一个html页面,夹杂着css,javascript是再常见不过的事了。随着前端的不断发展,特别是单页应用的兴起,这种所见即所得的IDE工具,就渐渐地退出了前端的主流。一个应用,通常只有一个静态页面(index.html),甚至这个页面的body只有一个或少数几个d原创 2021-01-21 20:56:28 · 568 阅读 · 0 评论 -
fatal: ‘origin‘ does not appear to be a git repository fatal: Could not read from remote repository.
fatal: ‘origin’ does not appear to be a git repository fatal: Could not read from remote repository.如果在git push时出现了上述情况,或者说Please make sure you have the correct access rights and the repository exists.那么可以尝试两种解决办法添加ssh公钥,首先查看自己本地的ssh公钥(cat ~/.ssh/id_rsa.原创 2021-01-20 19:09:44 · 3410 阅读 · 0 评论 -
node_modules是干什么的?
node_modules是干什么的?node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹。比如webpack、gulp、grunt这些工具。在node.js中模块与文件是一一对应的,也就是说一个node.js文件就是一个模块。modules(模块):在node.js中模块与文件是一一对应的,也就是说一个node.js文件就是一个模块,文件内容可能是我们封装好的一些JavaScript方法、jsON数据、编译过的C/C++拓展等,在关于node.js的误会提到过node.js原创 2021-01-19 16:08:17 · 2617 阅读 · 1 评论 -
git clone的速度慢到难以忍受问题的解决方法~
git clone的速度慢到难以忍受问题的解决方法~今天接到个antV/G6图表的一个项目,在github上面看到一个好的开源项目,想要使用它,或者想要研究一下它的源码,这时我们需要使用git clone命令。git clone就是仓库克隆,把服务端的仓库克隆到本地,和git push相对(以前都说push的反义词是pop,现在又多了一个~~)或者用这个方法:用git Clone克隆远程库,奈何Git clone太慢了,慢到不能忍的地步解决办法:方法一: 先把 github项目导入到码云,再c原创 2021-01-13 17:26:44 · 538 阅读 · 0 评论 -
Git GUI,Git Bash,Git CMD标签之间的区别
Git GUI,Git Bash,Git CMD标签之间的区别本地安装完Git之后,右键会出现2个有关Git的标签,“Git GUI Here” 和 “Git Bash Here”,如下:鼠标右击桌面,出现快捷方式解释下区别:Git Bash:(常用)Bash,Unix shell的一种,Linux与Mac OS X v10.4都将它作为默认shell;Git Bash就是一个shell,是Windows下的命令行工具,可以执行Linux命令;Git Bash是基于CMD的,在CMD的基础原创 2021-01-13 12:26:38 · 545 阅读 · 0 评论 -
npm ERR! code E404 npm ERR! 404 Not Found - GET https://registry.npmjs.com/@mlamp%2fuser-info-dropdo
npm ERR! code E404 npm ERR! 404 Not Found - GET https://registry.npmjs.com/@mlamp%2fuser-info-dropdown - Not found当我npm install的时候出现这个错误原因是npm源指向的问题执行:npm config set registry https://registry.npmjs.org/问题的原因出现在:在Vue/react/angular框架中打包和编译时报错。使用指令为项目原创 2021-01-13 12:18:42 · 51212 阅读 · 6 评论 -
XXX packages are looking for funding run `npm fund` for details
XXX packages are looking for funding run npm fund for details当你刚刚npm install 了一个新的插件之后一般都会报这个提示,并不是报错当你执行npm fund时会出现以下每一个https开头的链接打开都是一个网页,一般均为插件所在的github的地址,又有可能是开发者的捐赠支持, 比如总之,就是在国内外的开发者就上接手代码然后进行二次开发,省时省力,但是没有太多创新。唯一的优点就是代码类型见的多,见多才能识广嘛!如果不想看原创 2021-01-13 10:39:26 · 19094 阅读 · 0 评论 -
npm WARN stylus-loader@3.0.2 requires a peer of stylus@>=0.52.4 but none is installed. You must inst
npm WARN stylus-loader@3.0.2 requires a peer of stylus@>=0.52.4 but none is installed. You must inst问题:npm WARN stylus-loader@3.0.2 requires a peer of stylus@>=0.52.4 but none is installed. You must install peer dependencies yourself.解决办法:1、在pack转载 2021-01-13 10:17:07 · 844 阅读 · 0 评论 -
npm 淘宝镜像配置一直无效的可能原因
npm 淘宝镜像配置一直无效的可能原因修改npm镜像地址为国内淘宝镜像npm config set registry https://registry.npm.taobao.org网上搜罗npm的淘宝镜像,找到很多配置方法,结果由于混合使用导致全部不生效!现在写一个方法:.npmrc 文件,注意开头有点,npmrc是后缀,一般在C盘。proxy=http://server/https-proxy=http://server/:portstrict-ssl=trueregistry=h原创 2021-01-12 14:17:16 · 13117 阅读 · 1 评论 -
npm install 很慢、卡死怎么解决
npm install 很慢、卡死怎么解决今天试了下安装Logstiach需要nodejs,安装好node之后,npm install 一直没反应。搜了很久,原来是资源被墙了的原因。试过很多种方法,这个方法比较可行,靠谱。所以记录下来npm config set registry https://registry.npm.taobao.org npm install之后执行npm install 就会卡死不动我们需要忽略phantomjs-prebuilt@2.1.16npm instal原创 2021-01-12 12:28:08 · 2821 阅读 · 0 评论 -
ES2020新特性
ES2020新特性1.通过 # 给 class 添加私有变量class Counter { #number = 10 increment() { this.#number++ } getNum() { return this.#number }}const counter = new Counter()counter.increment()console.log(counter.getNum()) //11console.log(counter.#nu原创 2020-11-16 11:01:09 · 793 阅读 · 0 评论 -
react组件之间传递信息/react组件之间值的传递
react组件之间传递信息/react组件之间值的传递首先咱们先来了解一下,数据是怎么进行相互间传递的;api和组件的区别:一个是逻辑层的方法函数,一个是表现层的组件(方法函数)。api是一组预先定义好的函数,调用其实是调用其中的函数方法。组件调用是直接表现在页面上。SDK 就是 Software Development Kit 的缩写,中文意思就是“软件开发工具包”什么是SDK?SDK相当于开发集成工具环境,API就是数据接口。在SDK环境下调用API数据,实际上SDK包含了API的定义,A原创 2020-10-13 21:01:23 · 403 阅读 · 0 评论 -
vscode如何添加头部注释、作者注释
vscode如何添加头部注释、作者注释Visual Studio Code是微软开发的编辑器, 目前国内使用的用的人是越来越多。那么vscode如何添加头部注释,让你的代码有很明显的标识呢?第一步:打开Visual Studio Code编辑器。找到vscode右下角那个添加插件的按钮点击插件按钮后, 在输入框内输入fileheader回车,选择第一个。如第二图所示,点击install(安装)按钮。左下角选择管理—设置—输入"fileheader"—点击"在setting.json中编辑"把原创 2020-10-12 20:08:07 · 27831 阅读 · 7 评论