自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 何如理解js的作用域

我们对js的日常认知是否是因为自己眼睛所看见的代码从而执行呢?例如:下面这段简单代码,大家肯定都知道答案。那么大家知道这是为什么吗?下面我就给大家做一个详细的解答,输出10的原理到底是什么!那就是我们所要了解的作用域了!var aa = 5;function a (){ var aa = 10; console.log(aa);}a();//101.作用域 [[scope]...

2019-12-07 00:55:36 197 3

原创 js的预编译和单线程是什么?

js是单线程的语言,也是一门解析型语言,所以他有着属于自己的一种运行方式,我们所说我预编译就是js解析型语言的一种解释。1. 语言分析在我们代码执行的时候,我们的浏览器会先将js所有需要执行的代码全面检测一遍,目的是排除低级的语法错误,检测到错误后,一个一个抛出,而不是一下子全部抛出,所以js是单线程,这也是一种编程上的同步。什么是js的同步呢?同步:从上往下按顺序执行的程序; 弊端:中...

2019-11-29 21:11:31 167

原创 计算属性的缓存和方法调用的有什么区别?

计算属性必须返回结果计算属性是基于它的依赖缓存的。一个计算属性所依赖的数据发生变化时,它才会重新取值。使用计算属性还是methods取决于是否需要缓存,当遍历大数组和做大量计算时,应当使用计算属性,除非你不希望得到缓存。计算属性是根据依赖自动执行的,methods需要事件调用...

2020-04-15 14:15:15 359

原创 VUE过滤器,时间,字符串,空格,金额大写转换函数

关于时间,空格,格式化处理字符串,现金额大写转换函数,保留2位小数function trim(value, trim) { switch (trim) { case 1: return value.replace(/\s+/g, ""); case 2: return value.replace(/(^\s*...

2020-04-14 17:42:50 394

原创 js的原型链的简单了解-1对象如何生成

我们大家所学的js是基于原型的,我们在原型上编程可以优化代码,提高浏览器的运行速度,下面我就和大家简单了解一下什么是对象,什么是原型.1.对象如何而来对象是由函数new出来的,那么他的原理是什么呢?...

2019-12-29 01:07:25 150

原创 js闭包如何理解?

js的闭包是JavaScript特别的一种形式,在我查阅了各种资料之后,终于总结出了他的规律和自己的理解,下面就让我们瞅一瞅。1.作用域[[scopel]:每 个javascript函数都是一个对象, 对象中有些属性我们可以访问,但有些不可以,这些属性仅供javascript引擎存取,[scope]]就是其中一 个。[[scopel]指的就是我们所说的作用域,其中存储了运行期上下文的集合。作...

2019-12-04 21:25:12 191

转载 深入了解JavaScript原型链(一)—__proto__的默认指向

JavaScript的原型链系统着实让人头痛,在查阅了各种资料之后,终于总结出了基于几条通用规则和少数例外情况的js原型链逻辑,下面就让我们来一起看看是怎样的一个原理。虽然JavaScript里一切皆对象,但为了理解原型链系统,我们需要将JavaScript的对象分为对象和函数两大类。在此基础上,JavaScript的原型链逻辑遵从以下通用规则:通用规则对象有__proto__属性,函数有...

2019-12-02 20:39:36 375

原创 JS中数组对象和字符串对象的方法有哪些?

首先我们先来看一看字符串的方法有哪些?replace(reg,newStr) 替换字符reg:正则匹配newStr:替换匹配的结果split(reg,length ) 字符串切割 并返回 切割后 的 数组reg: 从匹配的字符开始切割length返回的是切割后的数组长度slice()slice(start,end) 截取字符串片段 以新的字符串返回被截取的部分截取从...

2019-11-28 19:11:52 505

原创 for循环是什么?

for循环的理解与运用for循环,既然是循环那么他就是多次执行,那么他是如何执行的呢?下面让我给大家讲解一下:首先让我们先来看看for循环的常规性写法和运用:for(var i = 0;i < 10;i++){ console.log('Hello World')}这样,我们的浏览器的控制台就会给我们输出十次 Hello World 这个代码,那么他是如何执行的呢?我给大家解...

2019-11-22 19:33:41 1288 1

原创 js中的运算符有什么?

js中的运算符大致分为俩种,分别是算数运算符(连接运算符),比较运算符,逻辑运算符,赋值运算符1.赋值运算符首先我们先来说一说赋值运算符(=),他只有一个最最基础的作用,就是将 等号 右边的数据,赋值 给等号 左边的变量。 例如:var a = 10;/* var 式声明变量a 就是我们的变量然后我们将右边的10 赋值给我们的a,这样 我们的a 就是10了*/console.l...

2019-11-20 21:38:09 1255

原创 js中的基本数据类型有哪些?

在js中有这俩种数据类型,一种为基本数据类型 ,另一种引用数据类型基本数据类型分别为:Number(数值型),String(字符串类型),Boolean(布尔类型),Underfind(未定义),Null(空)引用数据类型分别为Object(对象),[] 数组,function(函数)下面我们首先说一下基本数据类型 // 引号里面的内容都是[字符串] 字符串是一个非常基础...

2019-11-19 20:07:05 2044

原创 attr(class)属性和伪类的配合如何使用实现图标样式

attr(class)属性和伪类的配合使用。先不说别的,我们先看样式,再给大家讲解为什么<div class="link2"> <a class="√" href="#">Accept</a> <a class="✘" href="#">Decline</a> <a class=...

2019-11-15 22:51:32 789

原创 输入法表情和小图标的应用

输入法表情和小图标的应用具体的兼容性问题博主下面会说。这里就用表情举例了,小图标我就用伪类试一下了,至于作为文本文字我就不试了,ok,让我们开始吧!!!将表情和小图标作为文字显示代码:<p class="smile">????</p><p>????</p>.smile{ font-size: 50px; }这就可以说明...

2019-11-15 22:25:06 335

原创 css如何清除浮动?

为什么要清除浮动?清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题1.如下,我给父盒子设置一个boder,内部放两个盒子一个big 一个small,未给big和small设置浮动,则他们会默认撑开父盒子2.当我给内部两个盒子加上float属性的时候顶部深蓝色盒子就会顶上来,然后父盒子因为没设置高度,变成一条线,big和small已经浮动了总结一下:当父元素不给高度...

2019-11-14 22:10:53 90

原创 如何用input checkbox实现按钮开关样式?

input checkbox实现按钮开关样式1.给input清空默认样式和设置按钮基本样式(class=“switch”)​ input[type=checkbox].switch{​ outline: none; 清除点击默认边框为蓝色​ appearance: none; 清除默认边框样式​ ...

2019-11-09 09:50:18 1226 1

原创 改变input单选框样式(变成圆)

改变input单选框样式(变成圆)1.清空默认样式(最重要)outline: none 清空单选框,点击时蓝色默认边框-webkit-appearance: none 清空单选框默认边框1、-moz代表firefox浏览器私有属性2、-ms代表ie浏览器私有属性3、-webkit代表safari、chrome私有属性-webkit-tab-highlight-color:...

2019-11-09 09:28:05 8853

原创 常用的HTML和CSS content属性特殊字符归纳

常用的HTML和CSS content属性特殊字符归纳今天在做开发的时候,需要用到CSS的content属性,加入一些特殊字符来实现网页效果。但是特殊字符那么多,怎么可能记得住,所以谷歌百度搜索之后找到了一个比较全的,在这里进行归纳备忘,为了和我有相同需求的童鞋以及自己日后再用到的时候提供方便。因为这些字符属于unicode字符集,所以,我们在使用的时候需要将添加这些字符的代码声明为UTF-8...

2019-11-04 17:39:55 430

原创 css如何实现画圆

<!-- 1.进度容器,隐藏容器,俩个半圆 2.让每个半圆框,与进度条大小一致,超出容器隐藏 3.让内容溢出部分[隐藏] 4.通过旋转,让半圆慢慢显示 5.左边的半圆50%后开始 旋转 0%-50% 都处于[溢出隐藏的地方] --><div class="circle_process"> <div class="...

2019-10-31 11:18:53 880

原创 css实现动画

<style> body { perspective: 1200px; } .square { /* perspective 透视 没有透视,就看不到3d效果 */ position: relative; width: 200px; ...

2019-10-31 11:16:59 102

原创 关于shortcut icon和icon代码的区别介绍

关于shortcut icon和icon代码的区别介绍语句一: 语句二: 备注:语句一 Shortcut Icon 就是在网址列前面出现的Icon 问题:语句二 icon的作用是怎么?和语句一有什么区别? 指导 过去,为保证favicon出现,网站设计者和开发者采用了多种方法。很难明确地保证favicon可以在所有电脑上显示,即使是用同一版本的一种浏览器。 下列代码另一个局限就是...

2019-10-31 09:12:41 134

原创 弹性布局

弹性布局(给父元素设置)开启弹性布局 dispaly:fix;flew-direction 确定主轴的位置row 从左往右row-reverse 从右往左column 从上往下column-reverse 从下往上flex-wrap ...

2019-10-23 21:00:07 82

原创 自定义css动画参考

/* 写属于自己的动画样式(参考 animate.css 动画库)*//* 默认基础类作用:为默认情况 其他情况,可以[按需]修改默认情况(重新赋值)*//* 定义基础类 */.zc-animation { /* 执行所有动画名字 */ animation: all; /* 默认每个动画执行时间 */ animation-duratio...

2019-10-23 20:49:54 318

原创 css隐藏和居中

css 隐藏display:none 元素隐藏,并不占位height:0 元素隐藏,并不占位visibility:hidden 元素隐藏,但是占位css元素居中类型文本类​ text-align:center块元素​ margin: 0 auto;​ vertical-align:middle弹性布局​ alin...

2019-10-23 20:47:20 128

原创 CSS常用属性

CSS常用属性选择器元素选择器全选HTML标签#id 带有id对应值的HTML标签.class 带有class对应值的HTML标签关系选择器后代选择器 祖先元素 后代元素父子选择器 父元素 > 子元素普通兄弟选择器 兄弟元素 ~ 兄弟元素相邻兄弟选择器 兄弟元素 + 兄弟元素 属性选择器 具备属性的元素 元素[属性] 具备特性属性值的...

2019-10-19 17:29:54 268

原创 HTML元素分类

HTML元素分类根元素标签id属性: 以ID形式选取元素class属性:以class形式选取元素title属性:鼠标悬停的时候显示的描述文字style属性:行内样式contentedtable属性:可编辑的内容区域,一般用来制作富文本编辑器data-* :临时在标签元素上存储数据hidden :使标签元素隐藏,占据空间的全局属性,可以加在任何的标签元素上文本类的标签加粗显示...

2019-10-19 17:28:51 160

原创 css观

css世界​ 在CSS 世界中,HTML 是魔法石,选择器就是选择法器,CSS 属性就是魔法师,CSS 各种属性值就是魔法师的魔法技能,浏览器就是他们所在的“王国”,“王国”会不断更新法律法规(版本升级),决定是否允许使用新的魔法石(HTML5 新标签新属性),是否允许新的魔法师入“国籍”(CSS3 新属性),或者允许魔法师使用某些新技能(CSS 新的属性值),以及是否舍弃某些魔法技能(如 d...

2019-10-19 17:27:47 84

原创 输入框和按钮同一行,但是对不齐问题

输入框和按钮同一行,但是对不齐问题#search_input {width: 540px;height: 36px;box-sizing: border-box;border: 1px solid #2d78f4;/vertical-align: top;/}#search_button {width:100px;height:36px;color:#ffffff;back...

2019-10-19 17:25:46 1262

原创 DIV+CSS规范命名大全集合

**DIV+CSS规范命名大全集合网页制作中规范使用****DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇。**常用DIV+CSS命名大全集合,即CSS命名规则DIV CSS命名目录命名规则说明重要CSS命名CSS命名参考表命名技巧我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是C...

2019-10-10 19:04:55 173

原创 vscode及typro快捷键

Typora快捷键目录windows快捷键:给代码块设置快捷键:Mac中的快捷键:图片:表情数学公式HTML行内嵌数学符号下标高亮参考:windows快捷键:#无序列表:输入-之后输入空格有序列表:输入数字+“.”之后输入空格任务列表:-[空格]空格 文字标题:ctrl+数字表格:ctrl+t生成目录:[TOC]按回车选中一整行:ctrl+l选中单词...

2019-10-08 17:59:56 1122

空空如也

空空如也

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

TA关注的人

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