前端
文章平均质量分 74
加油,你是最棒的
这个作者很懒,什么都没留下…
展开
-
函数
声明式函数使用function这个关键字来声明一个函数语法:function fn() {//一段代码}function:声明函数的关键字,表示接下来是一个函数了fn:函数的名字,我们自己定义的(遵循变量名的命名规则和命名规范)():必须写,是用来放参数的位置{}:就是我们用来放一段代码的位置(也就是我们刚才说的“盒子”)赋值式函数其实就是和我们使用var关键字是一个道理...原创 2019-12-07 11:50:27 · 222 阅读 · 0 评论 -
Math中的常用方法和toFixed()保留小数
Math.ceil() ——> 向上取整如: Math.ceil(5.6)=6Math.ceil(0.45)=1Math.ceil(-3.14)=-3Math.floor() ——> 向下取整(效果同于parselnt()取整)如:Math.floor(5.6)=5Math.floor(0.45)=0Math.floor(-3.14)=-4Math.round(...原创 2019-12-07 11:41:49 · 5548 阅读 · 0 评论 -
JS 之 Math.random() 随机数生成数
Math.random()——使用Math.random() 会返回0~1 (包含0,不包含1)任意随机数。如:打印结果:使用案例:当我们要取随机数为1、2、 3时,可以通过 parselnt(Math.random()*3+1) 来实现parselnt(Math.random)*3+1) 解析:Math.random()*3+1一>取到 最小为1,最大为3的整数(小数加1都...原创 2019-12-07 11:29:12 · 1469 阅读 · 0 评论 -
JS 运算符
1、算术运算符+、-、*、/、%2、赋值运算符=、+=、-=、*=、/=、%=3、比较运算符== 、=== 、!=、!==、>、>=、<、<=4、逻辑运算符&&、||、 !数学运算符1. + 只有符号两边都是数字的时候才会进行加法运算 只要符号任意一边是字符串类型, 就会进行字符串拼接2.一。会执行减法运算。会自动把...原创 2019-12-06 21:13:16 · 247 阅读 · 0 评论 -
js之数据类型转换
其他数据类型转成数值1.Number(变量)可以把一个变量强制转换成数值类型可以转换小数,会保留小数可以转换布尔值遇到不可转换的都会返回NaN2.parseInt(变量 )从第一位开始检查,是数字就转换,知道一个不是数字的内容开头就不是数字,那么直接返回NaN不认识小数点,只能保留整数3. parseFloat(变量)从第一位开始检查,是数字就转换,知道一个不是数字的内容...原创 2019-12-06 20:38:57 · 117 阅读 · 0 评论 -
vuejs 了解和基本使用
1. vuejs 学习官网2. vuejs 了解vuejs是国人尤雨溪开发的一个MVVM思想的前端框架,有了该框架之后,在以后书写代码的时候就无需关心DOM操作了 Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。3.vuejs 的引入安装访问vuejs 官网 htt...原创 2019-12-06 14:21:56 · 188 阅读 · 0 评论 -
认识 nodejs
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。1.nodejs是一个软件。node js是一个底层使用chrome v8的JavaScript引擎的软件,该软件提供了一个运行环境,可以使用我们的js代码在上面运行,让javascript在后端服务器做开发成为可能。2.nodejs底层使用的和chrome 一样的javascript解释引擎。js属于...原创 2019-12-04 15:00:53 · 190 阅读 · 0 评论 -
webpack的了解及其各种使用
webpack的了解及其各种使用webpack是什么问题:为什么在 vue 中使用 npm run build 命令就可以把开发环境中的文件进行合并?答案:无论是 vue 还是 react、angular,使用 cli 创建出来的项目,都自动的把结构做好了,内部的 webpack 也都配置好了,项目开发完毕后,只需要执行 build 命令,就能够把 src 下的文件进行打包,这个打包功能都是...原创 2019-12-03 08:55:27 · 158 阅读 · 0 评论 -
js变量的使用
变量的命名规则和命名规范规则:(必须遵守的,不遵守就是错1.一个变量名称可以由数字、宇母、英文下划线O)、美元符号($) 组成2.严格区分大小写3.不能由数字开头,不要使用中文汉字命名4.不能是保留字或者关键字5.不要出现空格规范:(建议遵守的(开发者默认),不遵守不会报错1.变量名尽量有意义(语义化)2.遵循驼峰命名规则,由多个单词组成的时候,从第二个单词开始首字母大写,如co...原创 2019-12-02 13:11:21 · 224 阅读 · 0 评论 -
JavaScript的三种引入(使用)方式
1.行内式(不推荐使用2. 内嵌式jS代码3. 外链式JS代码(推荐)1)外链式js代码只要引入了html页面,就会在页面打开的时候直接触发2)新建一个.js后缀的文件,在文件内泻js代码,把写好的js文件引入html页面如下:分别在head、body、html内引入同级目录下的 index.js、ceshi.js、test.js三个文件——由于通常弓|擎是按着从上往下的顺序来解析网页...原创 2019-12-02 10:32:40 · 3986 阅读 · 0 评论 -
了解javaScript
1.什么是JavaScriptJavaScript是一种基于对象(Object) 和事件驱动(Event Driven)并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用于HTML网页中添加动态功能,比如响应用户的各种操作。它最初由网景公司(Netscape) 的Brendan Eich设计,是一种动态、弱类型、基于原型的语言,内置支持类。2.javaScr...原创 2019-12-02 10:06:03 · 534 阅读 · 1 评论 -
JavaScript发展历史(JS)
JavaScript发展历史(JS)1.1994年, 网景公司(Netscape)发布了Navigator浏览器0.9版,这是世界上第一款比较成熟的网络浏览器,轰动一时。但是这是一款名副其实的浏览器——只能浏览页面,浏览器无法与用户互动,当时解决这个问题有两个办法,一个是采用现有的语言,允许许它们直接嵌入网页。另一个是发明一种全新的语言。liveScript ==> javaScript...原创 2019-12-02 09:16:29 · 1611 阅读 · 0 评论 -
yield 深入了解
yield 传参解析:最终结果是 8 而不是 6 ——因为第一次执行 genObj.next (6) 遇到 yield就不再往下执行了,也就是第一次传的参没能到达终点输出,第二次next则把 8成功传给了a并成功输出打印。使用generator 也可以像普通函数那样传参,如:yield 返回解析:通过结果可以看出第一个是返回的值,第二个是判断是否完成(执行完)第二个为什么是u...原创 2019-11-27 22:00:49 · 161 阅读 · 0 评论 -
generator生成器函数之初认识
generator生成器函数之初认识generator 翻译过来就是生成器与普通函数对比普通函数: 普通函数执行,会一头走到底generator函数: generator函数在执行的过程会停顿举个列子:普通函数就像飞机,飞机一起飞一般中间是不会停顿的直到到达终点;generator函数就相当于出租车,当你中途需要下车短时间干个事时,司机是可以停车等你回来的。2...原创 2019-11-27 21:06:22 · 217 阅读 · 0 评论 -
promise之简单认识
Promise 简单来说,就是用同步一样的方式来书写代码原创 2019-11-27 19:45:43 · 132 阅读 · 0 评论 -
检测数据类型的方法
检测数据类型的方法typeof 检测 基本 数据类型typeof的两种写法,如下:1)typeof +空格 + 变量名2)typeof +(变量名)typeof的检测限制——不能精准检测出复杂数据的数据类型instanceof 检测 复杂 数据类型语法:变量名+空格+instanceof +数据类型instanceof 可用来检测对象和数据,但检测不了像 Number、St...原创 2019-11-17 23:39:28 · 546 阅读 · 0 评论 -
Redux工作流
解析:当用户打开浏览器看到的内容其实是组件渲染的结果,也就是 React Compontents,比如说用户当前看到的组件有一些绑定事件的按钮,用户点击按钮这个操作就称为 action也就是一个交互动作,这个action可以带一些参数过去,通过action描述要执行的操作,接着就调用Redux给我们提供的一个 dispatch(action)函数,每当我们调用 dispatch,这个函数就会执行...原创 2019-11-16 11:48:24 · 543 阅读 · 0 评论 -
虚拟DOM与diff算法
虚拟DOM与diff算法1) 虚拟DOM虚拟DOM(Virtual dom),也就是我们常说的虚拟节点,它是通过JS的Object对象模拟DOM中的节点,然后再通过特定的render方法将其渲染成真实的DOM的节点。2) 使用虚拟节点的好处频繁的操作DOM,会大量的造成页面的重绘和回流,出于性能优化的考虑,我们应该减少重绘和回流的操作。重绘:例如 div1.style.color=‘re...原创 2019-11-12 13:40:50 · 192 阅读 · 0 评论 -
JSX了解及其语法规则
JSX语法React为方便View层组件化,承载了构建HTML结构化页面的职责。从这点上来看,React与其他JavaScript模板语言有着许多异曲同工之处,但不同之处在于React是通过创建与更新虚拟元素(virtual element)来管理整个Virtual DOM的。JSX将HTML语法直接加入到JavaScript代码中,再通过翻译器转换到纯JavaScript后由浏览器执行。在实...原创 2019-11-12 11:51:36 · 610 阅读 · 0 评论 -
css3新增背景图片属性设置
背景图片设置背景图片大小设置背景图片显示的位置设置背景图片裁剪设置原创 2019-11-08 22:22:30 · 1355 阅读 · 0 评论 -
英语句子跨不了行,解决方案here
英语句子跨不了行,怎么解决?word-wrap: norma ll break-word;属性值:normal:浏览器默认换行;说明:只在允许的断字点(空格)换行(浏览器保持默认处理)break-word:在长单词或URL地址内部进行换行;说明:属性允许长单词或URL地址换行到下- -行。属性用来标明是否允许浏览器在单词内进行断句,这是为了防止当-个字符串太长而找不到它的自然断...原创 2019-11-08 21:59:31 · 388 阅读 · 0 评论 -
设置文字/盒子阴影
设置文字阴影设置盒子阴影原创 2019-11-08 17:17:59 · 128 阅读 · 0 评论 -
伪类选择器
伪类选择器伪元素选择器结构选择器UI元素状态伪类选择器否定伪类选择器层级选择器E>F 子选择器,只选择父元素E下的子元素,如下的选择div下的span,结果选择到AAAA,并没有选择到 段落二 ,这是因为 段落二不是div的子元素,而是子元素 p 的子元素E+F 兄弟选择器E+F兄弟选择器,样式只会在F兄弟上显示,也就是跟E紧邻的下面一个兄弟才会显示出设置...原创 2019-11-08 16:51:41 · 139 阅读 · 0 评论 -
属性选择器
属性选择器1. [attr] 只确定了属性名,没确定属性值——只要含有该选择器的属性名,不管有没有属性值,不管属性值是什么,都遵守[attr] 设置的样式用法示例:结果显示:2. [attr=‘value’] 指定了属性名和属性值用法示例:...原创 2019-11-08 12:32:01 · 283 阅读 · 0 评论 -
H5新增元素
原创 2019-11-07 21:38:05 · 138 阅读 · 0 评论 -
H5表单验证
原创 2019-11-07 21:30:04 · 217 阅读 · 0 评论 -
H5新增表单元素
H5新增表单元素原创 2019-11-07 21:26:14 · 220 阅读 · 0 评论 -
H5新增标签
h5与h4的区别h5新增的结构标签h5新增web标签原创 2019-11-07 21:20:06 · 142 阅读 · 0 评论 -
H5的特点
H5的特点原创 2019-11-07 21:13:44 · 581 阅读 · 0 评论 -
css表格
css表格原创 2019-11-07 20:49:53 · 178 阅读 · 0 评论 -
伪元素选择符
伪元素选择符原创 2019-11-07 20:48:43 · 1547 阅读 · 0 评论 -
高度自适应
高度自适应原创 2019-11-07 20:41:53 · 133 阅读 · 0 评论 -
滚动条设置
滚动条设置原创 2019-11-07 21:11:11 · 197 阅读 · 0 评论 -
实现滚动字幕
实现滚动字幕原创 2019-11-07 20:36:13 · 383 阅读 · 0 评论 -
设置元素显示与隐藏
设置元素显示与隐藏display显示display设置或检索对象是否及如何显示。display : none 隐藏对象与它相反的是 display:block 除了转换为块级元素之外,同时还有显示元素的意思。特点:隐藏之后,不再保留位置。visibility可见性设置或检索是否显示对象。visible:对 象可视hidden:对 象隐藏特点:隐藏之后,继续保留原有位置。( 停职...原创 2019-11-07 20:33:42 · 177 阅读 · 0 评论 -
设置盒子水平垂直居中于浏览器的方法
设置内容水平垂直居中于浏览器的方法原创 2019-11-07 21:40:16 · 692 阅读 · 0 评论 -
z-index的使用
z-index 属性使用在CSS中,要想调整重叠定位元素的堆叠顺序,可以对定位元素应用z-index层叠等级属性,其取值可为正整数、负整数和0。比如: z-index: 2; .font-weight: 700注意:1.z-index的默认属性值是0,取值越大,定位元素在层叠元素中越居上。2.如果取值相同,则根据书写顺序,后来居上。3.后面数字一定不能加单位。4.只有相对定位,绝对...原创 2019-11-07 20:22:36 · 1531 阅读 · 0 评论 -
定位position
定位position定位使用注意事项原创 2019-11-07 20:15:38 · 120 阅读 · 0 评论 -
清除浮动的三种方法
清除浮动的三种方法清除浮动本质清除浮动主要为了解决父级元素因为子级浮动引起内部高度为0的问题。1.额外标签法是W3C推荐的做法是通过在浮动元素末尾添加一个空的标签例如 <div style="clear : both>,或则其他标签br等亦可。优点:通俗易懂,书写方便缺点:添加许多无意义的标签,结构化较差。我只 能说,w3c你推荐的方法我不接受,你不值得拥有。。。2. ...原创 2019-11-07 20:05:10 · 229 阅读 · 0 评论 -
外边距 margin属性
外边距 margin 属性合并外边距原创 2019-11-07 19:50:23 · 117 阅读 · 0 评论