自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

webpon

live for your heart

  • 博客(94)
  • 收藏
  • 关注

原创 js关闭当前页面

1. 不带任何提示关闭窗口的js代码<a href="javascript:window.opener=null;window.open('','_self');window.close();">关闭</a>2.自定义提示关闭<script language="javascript">// 这个脚本是 ie6和ie7 通用的脚本function...

2021-02-28 01:56:00 327

原创 js数组与字符串的相互转换方法

一、数组转字符串需要将数组元素用某个字符连接成字符串,示例代码如下:var a, b;a = new Array(0,1,2,3,4);b = a.join("-");二、字符串转数组实现方法为将字符串按某个字符切割成若干个字符串,并以数组形式返回,示例代码如下:var s = "abc,abcd,aaa";ss = s.split(",");// 在每个逗号(,)处进行分...

2021-02-28 01:48:00 154

原创 js页面跳转常用的几种方式

第一种:<script language="javascript" type="text/javascript">window.location.href="jb51.jsp?backurl="</script>第二种:<script language="javascript">alert("返回");window.history.back...

2021-02-28 01:39:00 227 2

原创 js刷新页面方法大全

本文介绍下,用js刷新当前页面的几种方法,包括reload方法、replace方法、自动刷新方法等。有需要的朋友参考下吧如何实现刷新当前页面呢?借助js你将无所不能。1,reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet])参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GE...

2021-02-28 01:24:00 514

原创 DOM重点核心总结

https://blog.csdn.net/qq_47008195/article/details/107443670

2020-10-09 13:53:00 89

原创 JS之三种动态创建元素的区别

1.document.write( )2.element.innerHTML3.document.createElement(' ')区别: 1、document.write是直接将内容写入页面的内容流,但是文档流执行完毕,则它会导致页面全部重绘 2、innerHTML是将内容写入某个DOM节点,不会导致页面全部重绘 3、innerHTML创建多个元素效率更高(不要拼接字符...

2020-10-09 13:18:00 102

原创 DOM节点操作

https://baijiahao.baidu.com/s?id=1664744998641129905&wfr=spider&for=pc

2020-10-09 11:20:00 90

原创 CSS面试题

https://www.cnblogs.com/lrgupup/p/11445957.html

2020-10-04 09:37:00 69

原创 CSS中定义变量,并使用变量设置属性值

:root{ --base: yellow; --spacing: 10px; --blur: 10px; }上面代码定义了3个变量,:root使得所有人可访问 img{ filter: blur(var(--blur)); padding: var(--spacing); background: var(--...

2020-10-01 16:10:00 193

原创 vue路由的主要流程

vue路由是为了实现前端导航,比如手机微信底部的四个按钮,可以控制页面切换下面介绍vue路由的基本使用流程:1、安装vue-router  可以在创建项目时选择安装,也可以后面通过npm i vue-router --save来安装  2、在src文件夹下创建vue-router文件夹以及其下面建立index.js文件  3、需要在router新建立的index.js文件中...

2020-10-01 14:49:00 568

原创 禁止文本选中

* { /* 禁止文本选中 */ -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;}

2020-09-22 10:25:00 102

原创 箭头函数与普通函数的区别

https://www.cnblogs.com/jing-tian/p/11221843.html

2020-09-21 17:18:00 73

原创 自定义属性

自定义属性是相对于内置属性来说的。1、完全自定义属性<input type="text" id="txtBox" displayName="123456" />var obj = document.getElementById("txtBox");// 读取obj.getAttribute("displayName");obj.attributes["disp...

2020-09-21 15:33:00 175

原创 设置网站的图标(标题栏和收藏栏)

在网站域名后面加上favicon.ico就可以获取网站logo了然后把favicon.ico文件放在网站根目录再用<linkrel="icon"href="./favicon.ico">引入就行了之后图标就有了要是想把普通图片转化为.ioc文件类型可以点击下面链接转换http://www.bitbug.net/...

2020-09-20 23:59:00 140

原创 v-show和v-if的异同

一、官方解释:v-if是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。相比之下,v-show就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。一般来说,v-if有更高的切换开销,而...

2020-09-20 11:55:00 141

原创 npm的基本命令

https://blog.csdn.net/weixin_41350225/article/details/88253726

2020-09-19 15:32:00 84

原创 package.json与package-lock.json的区别

package.json文件记录你项目中所需要的所有模块。当你执行npm install的时候,node会先从package.json文件中读取所有dependencies信息,然后根据dependencies中的信息与node_modules中的模块进行对比,没有的直接下载,已有的检查更新(最新版本的nodejs不会更新,因为有package-lock.json文件,下面再说)。另外,...

2020-09-19 15:29:00 136

原创 ES6中的String模板字符串

字符串拼接是开发时一个必不可少的环节,也是很恶心的一个环节,尤其是又臭又长的html字符串拼接。为什么说html字符串拼接很恶心呢,主要有以下几点:传统的字符串拼接不能正常换行传统的字符串拼接不能友好的插入变量传统的字符串拼接不能友好的处理单引号、双引号互相嵌套的问题。es6的模板字符串解决了以上问题es6 使用``(windows键盘英文输入法下tab键上面那个键)来定义一...

2020-09-18 20:01:00 120

原创 箭头函数

https://www.jianshu.com/p/188bafb77263

2020-09-16 23:18:00 66

原创 ES6中的解构赋值

ES6中允许从数组中提取值,按照对应位置,对变量赋值。对象也可以实现解构。数组解构数组解构允许我们按照一一对应的关系从数组中提取值,然后将值赋值给变量let arr=[1,2,3];let [a,b,c]=arr;console.log(a);//1console.log(b);//2console.log(c);//3对象解构对象解构允许我们使用变量的名字匹配...

2020-09-16 15:17:00 45

原创 利用call()函数实现继承

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Docum...

2020-09-15 18:14:00 180

原创 javascript中如何创建对象?

javascript是一种“基于prototype的面向对象语言“,与java有非常大的区别,无法通过类来创建对象。那么,既然是面象对象的,如何来创建对象呢?JavaScript中创建对象的方法如下:一:使用new关键字调用构造器创建对象(常用);在JavaScript中,所有的函数名可以看成一个类名;函数名和其参数可以看成一个构造器用于构造对象;使用构造函数模式创建对象的几...

2020-09-14 22:15:00 108

原创 npm 全局安装和局部安装的区别

2020-09-14 14:34:00 520

原创 nodejs基本使用

1、环境配置(nodejs是运行在服务器端(pc)的javascript的浏览器引擎的环境)  Node.js 安装配置Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/。你可以根据不同平台系统选择你需要的 Node.js 安装包。Node.js 历史版本下载地址:https://nodejs.org/dist/注意:Lin...

2020-09-14 14:30:00 152

原创 彻底理解js中的闭包

闭包是js的一个难点也是它的一个特色,是我们必须掌握的js高级特性,那么什么是闭包呢?它又有什么用呢?我们都知道,js的作用域分两种,全局和局部,基于我们所熟悉的作用域链相关知识,我们知道在js作用域环境中访问变量的权利是由内向外的,内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量,反之则不能,也就是说在外层作用域下无法获取内层作用域下的变量,同样...

2020-09-14 12:29:00 57

原创 原型prototype(功能类似于继承)

原文链接:https://www.cnblogs.com/shihaiying/p/12031830.html㈠原型 Prototype⑴我们所创建的每一个函数,解析器都会向函数中添加一个属性Prototype 这个属性对应着一个对象,这个对象就是我们所谓的原型对象⑵如果函数作为普通函数调用prototype没有任何作用 当函数以构造函数的形式调用时,它所创建的对象中...

2020-09-12 15:30:00 98

原创 js中的this指向问题

this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定,this最终指向调用它的对象。1.函数调用模式当一个函数并非一个对象的属性时,那么它就是被当做函数来调用的。在此种模式下,this被绑定为全局对象,在浏览器环境下就是window对象2.方法调用模式当函数被保存为一个对象的属性时,它就可称为这个对象的方法。当一个方法被调用时,this被绑定到这个对象上。如果...

2020-09-12 11:54:00 196

原创 Mondodb基本使用

1、为什么要使用数据库?  动态网站中得数据是存在数据库中得,可以永久保存,  而且可以不断更新2、Mongodb的环境搭建  1、安装Mongodb    https://www.runoob.com/mongodb/mongodb-window-install.html  2、安装mongodb可视化软件compass    https://www.mongodb.co...

2020-09-11 18:54:00 201

原创 CSS常见可以继承的属性

 个人总结的,虽然不全,但是常见: 1、字体系列属性  font-family:字体系列  font-weight:字体的粗细  font-size:字体的大小  font-style:字体的风格 2、文本系列属性  text-indent:文本缩进  text-align:文本水平对齐  line-height:行高  word-spacing:单词之间的间距...

2020-09-11 01:24:00 185

原创 浏览器network信息

https://www.cnblogs.com/horanly/p/8675918.html

2020-09-10 11:30:00 97

原创 理解CommonJs(用于nodejs)、AMD、CMD、ES6模块

https://www.jianshu.com/p/67ce52c93392

2020-09-09 23:08:00 117

原创 如何部署nodejs环境

https://www.runoob.com/nodejs/nodejs-install-setup.html上面是nodejs的环境部署,但是这不太方便操作,只能这样运行这样必须进入到js文件的工作目录才能运行,而且需要输入命令,不太友好在编译器vscode中,只需要下载一个插件code runner就好VsCode安装包默认内置的node debug插件需要配置...

2020-09-09 22:47:00 227

原创 npm切换下载地址

由于国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。一、npm切换下载地址使用 npm install nrm -g 下载它查询可用下载地址 nrm ls切换 npm 下载地址 nrm use 下载地址名称二、cnpm安装可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:npm install -g cnpm...

2020-09-09 20:42:00 673

原创 NodeJS简介

作者:贾厂长链接:https://www.zhihu.com/question/33578075/answer/56951771来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。如果你去年注意过技术方面的新闻,我敢说你至少看到node.js不下一两次。那么问题来了“node.js是什么?”。有些人没准会告诉你“这是一种通过JavaScript语言开发web服...

2020-09-09 11:28:00 170

原创 break与continue、return的区别

https://blog.csdn.net/weixin_43347113/article/details/82989819

2020-09-08 21:22:00 60

原创 javascriptl类型转换

https://www.runoob.com/js/js-type-conversion.htmlhttps://blog.csdn.net/qq_37777208/article/details/83586470

2020-09-05 23:46:00 179

原创 移动端vw适配方案

  在移动端适配有很多种方案,有flex布局,百分比布局,响应式布局,还有vw布局,下面讲解以下vw布局:  首先我们得明确vw是什么?    vw  viewpoint width,视窗宽度,1vw=视窗宽度的1%    vw是一种css单位。1vw相当于视窗宽度的1%,100vw相当于100%.这种布局和百分比布局有点类似。  我们先来说下移动端网页适配的难点在哪里, ...

2020-09-04 12:11:00 959

原创 媒体查询@media

https://www.cnblogs.com/lguow/p/9316598.html

2020-09-04 07:10:00 64

原创 隐藏滚动条

添加样式:元素名::-webkit-scrollbar{display:none;}

2020-08-28 18:27:00 49

原创 flex(弹性布局)

链接

2020-08-27 08:57:00 42

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除