自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 一张图概括defer和async的区别

defer和async的区别以及DOMContentLoaded事件和loade事件的触发时间。

2022-11-13 15:59:54 232 1

原创 JavaScript事件监听器总结

事件监听总结,事件流,捕获阶段、目标阶段、冒泡阶段,事件代理,阻止事件冒泡,阻止默认事件。

2022-10-19 00:13:21 3313

原创 JavaScript本身运行时会发生的错误类型以及异常处理

Javascript错误类型以及异常处理

2022-07-13 23:24:30 1600

原创 JS对象详解

JS对象详解js的对象是什么?js的对象类型有哪些?具体实例实例是什么?ECMA-262对JS对象的定义:属性的无序集合,每个属性存放一个原始值、对象或函数对象是无特定顺序的值的数组对象是一种特殊的数据类型,可以包含多个成员对象成员:Object=Property+Method属性(Property):封装对象的数据,表示与对象有关的值;对象名、属性名方法(Method):封装对象的行为,表示对象可以执行的行为或可以完成的功能;对象名、方法名JS的对象类型:内部对象:原生对象/内置对象

2022-05-30 22:51:29 10262

原创 vsCode代码块无法折叠收起问题&代码块折叠/展开快捷键

使用vsCode的时候,发现不能像以前一样将一整个代码块对象折叠起来了,严重影响阅读代码的速度。解决方法:1.打开设置面板2.搜索Folding,鼠标放在editor.foldingStrategy上,左侧出现编辑小图标,点击编辑小图标选中indentattion,右侧会自动生成代码,用来改变代码块的折叠范围;3.现在vsCode就可以实现代码块折叠功能啦(可能有的需要重启一下vsCode才行)...

2022-01-19 11:39:06 21156 1

原创 es6 箭头函数

es6 箭头函数箭头函数的使用1、无参数无返回值:const aaa=function(){}const aaa= () =>{ }2、放入一个参数:const sum = function(num) {return num*num}const sum=num=>{ return num*num }3、放入两个参数:const sun=function(num1,num2){return num1+num2}const sum=(num1,num2)=>{

2022-01-14 18:41:31 462

原创 前端路由如何实现改变URL,但页面不进行整体刷新的核心功能

前端路由如何实现改变URL,但页面不进行整体刷新的核心功能

2022-01-13 15:50:33 2028

原创 vue-router的三要素详解:路由map 、路由视图、路由导航

vue-router的三要素详解:路由map 、路由视图、路由导航

2022-01-05 18:54:06 1429

原创 vue2解决刷新页面时,导航栏样式active错乱的问题

router.js路由显示:html:将循环中的一个字段是与路由中的某个字段对应上。我这里直接选择的是地址path。设置:class="{active:$route.path === item.menuUrl}"不用在li标签上设置点击事件,就可以控制导航active样式;不管是页面内按钮跳转还是页面刷新,active样式永不失效。...

2021-12-31 11:23:24 1158 1

原创 vue绑定多个动态class的方法

今天用v-for循环数组元素的时候,发现元素绑定多个动态class一直不成功,现在总结一下几个方法。方法一isback可以是变量也可以是常量,isLike只能是字符串,是类名,且likeClass为true时才会添加该类名。<div :class="[isback,{'isLike':likeClass}]"></div>方法二classB和classC都是类名,都是字符串<i :class=" { classB: true, classC: isC }">

2021-09-13 17:23:11 7632

原创 深圳找工作和租房你不知道的那些事(免费住宿福利申请!)

和大家分享一些在深圳找工作和租房子之类的小经验呀~

2021-07-27 20:25:25 628

原创 常用的DIV水平垂直居中的方法总结(CSS、Javascript、jQuery)

div水平垂直居中的方法是很常见的问题,面试中也会经常被问到,下面和大家分享一下常用的方法。

2021-05-26 10:21:47 681 1

原创 JSON 与 XML 的区别、优劣势对比

=============================================================JSON 与 XML 的区别、优劣势对比1 定义1.1 JSON(JavaScript Object Notation)1.1.1 一种轻量级的数据交换格式,具有良好的可读和便于快速编写的特性1.1.2 可在不同平台之间进行数据交换1.1.3 JSON采用兼容性很高的文本格式,同时也具备类似于C语言体系的行为1.2 XML(扩展标记语言 (Extensible Marku

2021-05-24 15:37:40 695

原创 Px、em、rem区别介绍

px、em、rem 都是相对长度单位。px:对于元素的边框、定位或者只需要适配少部分手机设备,且分辨率对页面影响不大的,使用px即可em/rem:适配各种移动设备(iPhone和iPad等分辨率差别比较大的设备)、响应式页面。 不过我更倾向于rem,因为em不同元素的参照物不一样(都是该元素父元素),在计算时不方便,rem就只有一个参照物(html元素),计算起来更清晰。

2021-05-13 20:19:05 233

原创 HTML中DTD、SGML知识点总结

HTML文档类型定义以及标准通用标记语言基础知识点总结

2021-04-15 09:54:39 246

原创 ES6新特性之var、let、const详解

一、ES6新特性之var、let、const的区别二、JavaScript为什么对没有声明的变量赋值不会报错?1.L/R查询L就是左侧,R就是右侧。来看var a = 2,js引擎会对a进行LHS(赋值操作的左侧)。另一个就是RHS(赋值操作右侧)RHS查询就是简单的查找某个变量的值,找到还好,找不到就抛出异常LHS查询则是试图找到变量的容器本身,从而可以对其进行赋值,找不到就会隐式的把它创建在全局作用域。2.对于var a = 2,JavaScript引擎会在其作用域中对其进行编译,在这个

2021-04-08 08:43:41 293

原创 HTTP工作原理及HTTP报文总结

HTTP 简介HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。HTTP 工作原理HTTP协议工作于客户端-服务端架构上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。Web服务器有:Apache服务器,IIS服务器(Internet

2021-03-31 22:15:02 256 1

原创 vue给data中已定义的变量用this赋值报错问题(TypeError: Cannot set property ‘catalogTable_body‘ of undefined)

问题描述 下面是一个简单的文件上传功能,data里面申明的catalogTable_body,在下面的catalogUpload()函数里面用this调用的时候,会报错未定义catalogTable_body。 这是因为用了 function函数的原因,在函数里面,this是指向函数本身,已经不是外部的默认this了。export default { name: "catalog", data() { return {

2021-03-29 10:01:55 1266

原创 表格中动态添加一行并实现异步加载元素的绑定方法

表格中动态添加一行,并实现了异步加载元素的绑定的方法//HTML代码 <!-- jQuery 引包 --> <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script><table id="myTable"> <tr class="ta...

2019-12-30 19:15:57 328

原创 如何获得select被选中option的value和text

如何获得select被选中option的value和text我想获取select选中的value,text值比如这个: <select name="" id="thought"> <option value="" style="display: none;">请选择项目级别</option> ...

2019-12-30 10:38:10 332

原创 HTML页面加全局组件

html+css+js jq的项目 想加一个全局组件:jquery获取dom内的id,直接加载想要引入的页面–><div id="page"></div><script> $("#page").load("header.html"); </script>...

2019-12-27 09:08:10 830

转载 HTML CSS 特殊字符表

HTML CSS 特殊字符表 ...

2019-12-24 14:36:42 224

转载 让一个小div在另一个大div里面 垂直居中的四种方法

让一个小div在另一个大div里面 垂直居中的四种方法方法一.parent { width:800px; height:500px; border:2px solid #000; position:relative;} .child { width:200px; ...

2019-12-23 17:46:52 1032

原创 如何让div中的ul水平居中

如何让div中的ul水平居中一般用有序列表ul>li作为网页中导航的布局元素,在做横向导航时,li标签设置了float:left;已经默认拥有行内块元素的特性,而ul标签还是块级元素。给ul设置:display: inline-block;给ul的父盒子div设置:text-align: center;...

2019-12-23 16:04:19 11109 2

原创 对于jQueryGrid官网的demo实例本地运行数据无法显示的问题

对于jQueryGrid官网的demo实例本地运行数据无法显示的问题1.bug现场2.解决办法步骤一步骤二 输入http-server,如下图所示,会生成两个地址:1.bug现场2.解决办法不能直接本地运行要在本机开一个服务器:步骤一vscode中在项目上右击>在终端中打开>在打开的面板中输入npm i -g http-server 按回车,如下图所示,等待指令运行结束。...

2019-12-11 16:43:07 203

原创 WEB前端 -- jquery中的;(function ( $, window, document, undefined )介绍

WEB前端 – jquery中的;(function ( $, window, document, undefined )介绍在jquery插件中我们经常看到以下这段代码:;(function ( $, window,document, undefined ){ //函数体内具体代码 })(jQuery, window,document);解释:1.分号代码前面的分号,可以防止多个...

2019-12-03 20:50:04 625

原创 JS --- 三目运算符(布尔表达式 ? 值0:值1;)

JS — 三目运算符(布尔表达式 ? 值0:值1;)2>1?alert('2大'):alert('1大');即if(2>1){alert('2大')}else{alert('1大')};三目运算和if(){}else{}的 区别是三目运算有返回值两者比较n++和++n可知...

2019-12-03 19:20:43 1302

转载 简单介绍一下url、href、src到底是什么?

一、URL的概念统一资源定位符(或称统一资源定位器/定位地址、URL地址等,英语:Uniform ResourceLocator,常缩写为URL),有时也被俗称为网页地址(网址)。如同在网络上的门牌,是因特网上标准的资源的地址(Address)。二、URL的格式2.1 标准格式协议类型:[//服务器地址[:端口号]][/资源层级UNIX文件路径]文件名?查询2.2 完整格式...

2019-11-20 19:12:13 788

转载 给js加版本号解决浏览器缓存问题

给js加版本号解决浏览器缓存问题原文链接:http://www.cnblogs.com/wblx/p/11050498.html我们知道打开网页时浏览器会加载需要的资源,比如图片、音频、js文件、css文件等。并且会把这些资源作为缓存保存下来,再次打开网页时缓存好的资源就不需要再次加载了。但是,这样有一个问题,就是当程序猿更新了网页内容后,因为浏览器缓存的存在,可能没有办法显示出更新后的内容。...

2019-11-19 18:12:07 1084

原创 如何用css实现div高度自适应占满屏幕

如何用css实现div高度自适应占满屏幕不能使用准确的px值,应该用%作为尺寸的单位。在样式表中将html,body的高度height设置为100%在要需要站满屏的div设置width:100%,height:100%<!DOCTYPE html><html lang="en"><head> <meta charset="...

2019-10-21 13:47:18 5993 1

原创 vsc、sublime的新建文件如何快速生成标准html标签

vsc、sublime的新建文件如何快速生成标准html标签方法一:(sublime同样适用)第一步:新建.html文件第二步:在空文档中输入!(英文)第三步:按下tab键(或根据提示字选中!之后按enter键)。方法二:第一步:新建.html文件第二步:在空文档中输入html(英文)第三步:根据提示字,选择html5,按下tab键或enter键。方法一:(sublime同样适用)第一步:新建...

2019-10-15 15:32:51 775

空空如也

空空如也

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

TA关注的人

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