- 博客(29)
- 收藏
- 关注
RSS订阅
原创 何如理解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
1257
原创 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
790
原创 输入法表情和小图标的应用
输入法表情和小图标的应用具体的兼容性问题博主下面会说。这里就用表情举例了，小图标我就用伪类试一下了，至于作为文本文字我就不试了，ok，让我们开始吧！！！将表情和小图标作为文字显示代码：<p class="smile">????</p><p>????</p>.smile{ font-size: 50px; }这就可以说明...
2019-11-15 22:25:06
336
原创 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
1228
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
8860
原创 常用的HTML和CSS content属性特殊字符归纳
常用的HTML和CSS content属性特殊字符归纳今天在做开发的时候，需要用到CSS的content属性，加入一些特殊字符来实现网页效果。但是特殊字符那么多，怎么可能记得住，所以谷歌百度搜索之后找到了一个比较全的，在这里进行归纳备忘，为了和我有相同需求的童鞋以及自己日后再用到的时候提供方便。因为这些字符属于unicode字符集，所以，我们在使用的时候需要将添加这些字符的代码声明为UTF-8...
2019-11-04 17:39:55
432
原创 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
103
原创 关于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
129
原创 CSS常用属性
CSS常用属性选择器元素选择器全选HTML标签#id 带有id对应值的HTML标签.class 带有class对应值的HTML标签关系选择器后代选择器 祖先元素 后代元素父子选择器 父元素 > 子元素普通兄弟选择器 兄弟元素 ~ 兄弟元素相邻兄弟选择器 兄弟元素 + 兄弟元素 属性选择器 具备属性的元素 元素[属性] 具备特性属性值的...
2019-10-19 17:29:54
269
原创 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
1264
原创 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
176
原创 vscode及typro快捷键
Typora快捷键目录windows快捷键：给代码块设置快捷键:Mac中的快捷键：图片：表情数学公式HTML行内嵌数学符号下标高亮参考：windows快捷键：#无序列表：输入-之后输入空格有序列表：输入数字+“.”之后输入空格任务列表：-[空格]空格 文字标题：ctrl+数字表格：ctrl+t生成目录：[TOC]按回车选中一整行：ctrl+l选中单词...
2019-10-08 17:59:56
1131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人