- 博客(23)
- 收藏
- 关注
原创 Vue 项目 npm run dev报错errno 134
报错信息:npm ERR! code ELIFECYCLEnpm ERR! errno 134npm ERR! GAWeb@1.0.0 nativeBuild: react-app-rewired buildnpm ERR! Exit status 134npm ERR!npm ERR! Failed at the GAWeb@1.0.0 nativeBuild script.npm ERR! This is probably not a problem with npm. There is
2022-05-25 11:33:59
7373
原创 关于Node.js的安装教程
截止到此篇文章完成时,Node.js版本已经更新到了17.3.0版本。但是考虑到新版本的Node.js仍有一些方法或者功能不是很完善。博主建议下载10.0 - 12.0 版本的。Node.js官方网址:https://nodejs.org/en/Node.js中文网网址:https://nodejs.org/zh-cn/1.点击Other Downloads(其他版本)会跳转到一下页面:往下滚动,找到红框内容,点击进入后点击红框内容,找到10.20.0版本,在第18页(博主下载得是这个版本)
2022-01-08 17:19:11
472
原创 关于Ajax请求的两种方式 GET和POST (以登录验证为例)
众所周知,Ajax是用来链接前后端的数据,进行前后端数据交互的的一种方式。其特点就是局部刷新技术,顾名思义,就是当网页的部分内容需要进行数据验证,在验证后需要局部刷新时,就不需要在重新加载整个页面。这种方法的一个好处就是可以节省资源,提高效率。那么Ajax的请求方式有两种,一种是GET,另一种则是POST两种方式的主要区别是:GET方式提交的数据,数据附加在地址栏中,比如你在页面里输入了用户名和密码,那么这两个数据就 会追加在地址栏中发送给后端进行验证。假设我的端口号是8080的情况下,运行本
2022-01-08 16:52:54
1812
原创 JavaScript的三种常见继承方法
JavaScript的继承方法有很多,下面就来梳理讲解一下最常见的三种继承方法:1.原型链直接继承如果说B要继承A,则可以B.protoytpe = A.prototype或B.prototype = new A()两种方法都是通过直接继承原型的方法来完成继承的。缺点:1.B构造出得对象无法向A构造函数传参。2.继承单一。3.所有B构造出来的对像都会共享A的实例属性。(原型上的属性共享,一个实例区修改原型方法,其余的所有实例原型上的该方法都会被修改)2.原型间接继承同样的,B要继
2021-12-27 20:54:10
729
原创 原型和原型链(对象的构建)
什么事原型原型(prototype)是所有对象都有的一种属性,是对象生成时自带的。里面封装的时很多方法,也都是在对象生成时自带的。原型有什么用在讲原型有什么用之前,首先要知道,代码中所有的对象都是由谁构建的,因为原型在对象中存在着继承机制对象都是由谁构建的通常构建一个对象的方法就是var一个变量名,然后给他赋上值就可以了。就比如:var a = {}不知道读者有没有听过一种说法:“对象都是new出来的”。那么这样一看,这句话又不对。因为我上面没有用new这个关键字啊其实这样是一种简便的
2021-11-20 19:43:49
211
原创 js实现增删改查过程中,无法对新添加的数据进行删除修改和查找功能
在用Js实现增、删、改、查功能后,发现新添加的数据无法进行删除修改和查找操作。HTML部分代码如下<button class="add">添加</button> <input type="text" class="find" placeholder="请输入姓名"> <table> <tr class="title"> <
2021-11-20 18:45:33
1160
转载 arguments
类数组对象:arguments众所周知,js是一门相当灵活的语言。当我们在js中在调用一个函数的时候,我们经常会给这个函数传递一些参数,js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面,那么这到底是什么东西?在js中万物皆对象,甚至数组字符串函数都是对象。所以这个叫做arguments的东西也是个对象,而且是一个特殊的对象,它的属性名是按照传入参数的序列来的,第1个参数的属性名是’0’,第2个参数的属性名是’1’,以此类推,并且它还有length属性,存储的是当前传入函数参数的个
2021-11-13 15:29:56
129
转载 浅谈闭包(案例)
1、概念闭包函数:声明在一个函数中的函数,叫做闭包函数。闭包:内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回(寿命终结)了之后。2、特点让外部访问函数内部变量成为可能;局部变量会常驻在内存中;可以避免使用全局变量,防止全局变量污染;会造成内存泄漏(有一块内存空间被长期占用,而不被释放)3、闭包的创建:闭包就是可以创建一个独立的环境,每个闭包里面的环境都是独立的,互不干扰。闭包会发生内存泄漏,每次外部函数执行的时 候,外部函数的引用地址不同,都会重新创建
2021-11-13 14:36:02
125
原创 DOM初级小结
DOM节点类型dom节点(node)也可以称之为dom对象,分为六种类型:DocumentType 文档类型节点(<!DOCTYPE html>)Element 元素节点(标签节点)Attrinute 属性节点Text 文本节点Comment 注释节点Document 文档节点(指整个页面)DOM节点关系只获取节点时parentElement 获取父元素节点children 获取子元素节点firstEl
2021-11-07 17:16:30
168
原创 正则表达式小结
正则表达式基础语法转义符 "." //匹配所有字符 "^" //匹配以某个字符串开头 "$" //匹配以某个字符串结尾 "\n" //匹配一个换行 //所有小写字符转大写后都是相反的匹配 "\d" //匹配数字 "\D" //匹配非数字 "\s" //匹配所有空格 "\S" //匹配所有非空格 "\b" //匹配所有单词边界 "\B" //匹配所有非单词边界 "\w" //匹配字母、数字、下划线 "\W" //匹配非字母、数字、下划线 "\u
2021-11-07 16:35:36
92
原创 js初级函数小结
通用内置函数parseInt() //取整parseFloat() //取浮点数,也就是小数。第二个小数点后的数字会无效typeof() //判断并返回参数类型console.log() //控制台输出str.length //长度trim() //过滤两端空格substr(index,[len]) //截取lastIndexOf("char") //最后一次出现char的位置 index -1indexOf("char") //index -1replace(sub
2021-10-31 23:26:00
110
转载 js中的this指向问题
this是很多编程语言中的关键字,在JavaScript中一般这样理解this:this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象。this指向的情况,取决于函数调用的方式有哪些:通过函数名()直接调用的:this指向window通过对象.函数名()调用的:this指向这个对象;函数作为数组的一个元素,通过数组下标调用的:this指向这个数组函数作为window内置函数的回调函数调用时:this指向window.s
2021-10-31 23:01:38
280
原创 页面滚动一定距离后导航条固定
场景如淘宝页面,滚动条滚动一定距离后页眉会有一个固定的搜索框、右侧也会将导航条固定,并且产生一个新的板块。如下图所示:这种样式是需要在script中做点样式,代码如下:<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> //我也不知道是啥,但是不加不行<script> // 右侧导航滚动固定 $(function() {
2021-10-23 20:17:26
559
原创 静态淘宝网页项目总结
本周用三天的时间复制了淘宝网页静态模式,一天的时间答辩。总结如下:进行完一个阶段的学习后,复刻知名网站是一个巩固知识、加深印象、进行实操演练的很好地方法。初学者在复刻知名网站时,可以学习从业者搭建架构的习惯。为以后进入工作岗位时的代码书写养成一个良好的习惯。在现有知识不能完成网站的某些效果之时,会去网上搜教程,完成效果。这是一个很好的实现自我学习的方法。能够有针对性的学习相关知识并加以运用,使知识掌握的更快。在答辩时,对项目的讲解时间最低要占据总答辩时间的80%。如果第一个讲解的话,要做到对自己的
2021-10-23 19:50:04
359
原创 CSS中的优雅降级和渐进增强
浏览器的种类日益增多,浏览器对一段程序中的CSS3支持程度也存在千差万别。就比如有些低级浏览器(IE6)不支持CSS3,这就使得程序员在编写程序时,需要在同一段CSS中加入前缀不同的同一属性代码,用来适配各浏览器。常用的浏览器及对应的前缀如下:-webkit-border-radius-:; //谷歌浏览器、360浏览器(具有相同内核)-ms-border-radius-:; //ie浏览器-moz-border-radius-:; //火狐浏览器-o-border-radius-:;
2021-10-16 22:14:29
1283
原创 flex弹性盒子模型小结
flex弹性盒子的使用方法使行内元素并排排列得方法除了使用float浮动属性之外,还可以使用display的flex属性。具体使用方法如下:.box1{ width: 800px; border: 1px solid #bfa; }.box2{ width: 100px; height: 100px; background-color: yellow; } .box3{ width: 100px; height:
2021-10-16 20:33:34
302
原创 清除浮动解决父级元素高度塌陷问题
消除浮动的方法为了清除由于元素浮动后脱离文档流导致的父级元素高度塌陷问题,可以在CSS中添加一个伪类:.clearfix::after{ content:""; display:block; zoom:1; height:0px; clear:both;}然后再在塌陷的父级元素中添加一个clearfix类,如:.father{ width:100%; border:2px #bfa solid; //添加边框使得效果更明显}.son{ heigh
2021-10-10 01:07:58
312
原创 导航条下拉框
下拉框展示内容 <li class="app-wrapper"> <a class="app" href="javascript:;"> 下载app <div class="qrcode"> <img src="./img/download.png">
2021-07-08 18:49:21
247
原创 HTML轮播图案例(css部分)
简易轮播图效果案例鼠标滑过时停止div:hover ul{ //鼠标滑过时图片停止 animation-play-state: paused;}鼠标滑过时设置透明//设置鼠标悬停时其他图片的透明度div:hover ul li{ //鼠标划过时设置透明 opacity: .6; //.6 = 0.6 透明值最高为1,只能让图片颜色变浅}//设置鼠标悬停图片的透明度div ul li:hover{ opacity: 1;}图片整体
2020-10-21 20:52:12
653
原创 HTML样式插入、链接、表单标签
HTML样式1.三种样式插入方法外部样式表<link rel = "stylesheet" type = "text/css" href = "***.css">内部样式表<style type = "text/css"> body {back-ground:red} p {margin-left:20px}</style>内联样式表<p style = "color:red>HTML 链接1.链接数据文本链接&l
2020-10-18 17:15:35
400
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人