- 博客(33)
- 收藏
- 关注
RSS订阅原创 JS 对象的扩展
1 属性的简洁表示法ES6允许在大括号内，直接写入变量和函数，作为对象的属性和方法。这样书写更加简洁。1.属性简写const foo = 'baz'const obj = { foo } // { foo: 'baz' }function f(x, y) { return { x, y}}f(1, 2) // {x: 1, y: 2}2.方法简写...
2019-09-23 19:57:10
1562
原创 ES6数组扩展
1 扩展运算符1.1 写法：三个点...1.2 作用扩展运算符可以将一个数组转为用逗号分隔的参数序列。此时你有没有想起rest参数，rest参数是将参数序列转为一个数组。所以说，扩展运算符是rest参数的逆运算。1.3 解决了什么实际问题1.3.1 替代了数组的apply方法 关于apply的回顾：函数默认都会有一个apply方法，这个方法用来指定函数的执行环...
2019-09-22 15:54:51
224
原创 ES6 函数的扩展
1函数参数的默认值1.1写法在es6之前，不能够给函数的参数设置默认值，但如果我们需要在没有给某个参数赋值的时候为其设定一个默认的值，一般可以这样写：function log(x, y) { y = y || 'world' // 在调用函数时候，当没有给参数y赋值的时候让y='world' console.log(x, y )}// 三种情况的调用log...
2019-09-21 18:11:11
232
原创 Vue中slot的理解与使用
slot是什么？slot俗称“插槽”，可以通过其向组件内部指定位置传递内容。slot能够解决什么问题？在正常的开发情况下，如果存在以下子组件child.vue，child.vue<template> <div> Hello World </div></template>假如我们在父组件中这样引用它pa...
2019-02-14 16:14:45
1161
原创 【Vue常用功能】子父组件相互传值
vue1.0用.sync来解决父组件中：<side :my-menu.sync="menu"></side><script> data(){ return{ menu:'' } }</script> 子组件（side.vue）中：props:['myMenu'...
2018-12-29 16:32:21
433
原创 面试总结2
JS数组扁平化1.递归 var arr=[1,2,[3,4,[5,6]]]; var nArr=[]; function flatten(arr){ for(var i=0;i<arr.length;i++){ if(Array.isArray(arr[i])){ return argumen...
2018-09-19 10:10:36
220
原创 近期前端面试题总结
viewportCSS3已经的媒体查询@media已经能够解决PC端响应式页面设计，但是在手机端显示的时候，移动端网页会默认网页是为pc的宽屏设计的，所以会缩小整个页面来适应屏幕。这时候就不能满足移动端响应式设计。为了解决这个问题，我们就可以使用HTML5中的viewport,即视口，设置网页相关显示。举个栗子<meta name="viewport" content="w...
2018-09-14 10:17:48
255
原创 深入理解JavaScript的单线程异步
基础概念进程和线程进程——是计算机中的程序关于某数据集合上的一次运行活动，是系统进行资源分配和调度的基本单位。对操作系统来说，一个任务就是一个进程，即一个运行着的程序就对应了一个进程。比如打开一个浏览器就是启动一个浏览器进程，打开两个word就是启动了两个word进程。对于单核CPU来说，同一时间只能运行一个进程。那么，我们为什么还能够一边听音乐一边读word文件呢？这是它采用任务交替执行...
2018-08-25 15:50:47
310
原创 深入理解JavaScript的原型、原型链与继承
在介绍原型是什么之前，首先需要知道原型是做什么用的，在JS高设书中，明显可以看到介绍有关原型的知识是在介绍创建对象的方式时提出来的，即使用原型模式来创建对象，显而易见，原型这个概念是与创建对象联系在一起的。当然，创建对象的方式有很多种，如工厂模式，构造函数模式，以及与原型模式有关的其他模式等。原型模式理解原型模式我们创建的每一个函数都有一个prototype属性，这个属性是一个指针，指...
2018-08-24 13:47:12
292
原创 JavaScript的垃圾回收机制
JavaScript具有自动垃圾回收机制，也就是说，执行环境会负责管理代码执行过程中使用的内存。在编写JavaScript程序时，开发人员不必再关心内存使用问题，所需内存的分配以及无用内存的回收完全实现了自动管理。原理--找出那些不再继续使用的变量，然后释放其占用的内存。这一过程不是实时的（因为其开销比较大），所以，JavaScript垃圾收集器会按照固定的时间间隔（或代码执行中预定的收集时间...
2018-08-23 12:48:09
331
原创 深入理解JavaScript的执行环境、作用域与作用域链及闭包
执行环境（执行上下文EC）来自JS高设--执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个变量中。虽然我们编写的代码无法访问这个对象，但解析器在处理数据时会在后台使用它。每个函数都有自己的执行环境，当执行流进入一个函数时，函数的环境就会被推入一个环境栈中。而在函数执行后，栈将其环境弹出，把控制权返回...
2018-08-22 16:44:38
1117
原创 JavaScript中的Function类型及函数、匿名函数等
函数与Function的关系：每个函数都是Funtion类型的实例，而且都与其他引用类型一样具有属性和方法。由于函数是对象，因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。函数的定义方式1.函数声明以关键字function开始，后面跟随函数名称标识符、一对圆括号（包含有0个或多个用逗号隔开的函数参数名称）和一对花括号（包含0条或多条JS语句，构成函数体）。解析器在向执行...
2018-08-21 19:35:34
472
原创 JavaScript中的变量
基本类型与引用类型ECMAScript变量包含两种不同数据类型的值：基本类型值和引用类型值。基本类型值：指简单的数据段。一共有五种基本数据类型：Number,String,Boolean,Null,Undefined。这五种基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值。引用类型值：指保存在内存中的对象。与其他语言不同，JS不允许直接访问内存中的位置，也就是说不能直接操作...
2018-08-21 15:39:41
407
原创 PHP学习笔记（1）
PHP简介PHP 全称为“Hypertext Preprocessor”，意为：超文本预处理器，是一种通用开源脚本语言。PHP代码在服务器上执行，结果以纯HTML形式返回给浏览器。PHP可以增、删、改、查数据库中的数据，常与MySQL数据库结合使用。通过web前端技术与PHP结合，使前端开发者不再限制输出HTML，还可以输出图像，PDF文件，甚至flash电影等。PHP基本语法<?phpe...
2018-04-06 13:31:18
208
原创 关于AJAX基础
AJAX全称为：Asynchronous JavaScript and XML，即异步的 JavaScript 和 XML。顺便补充一下关于XML的知识XML全称为：EXtensible Markup Language，即可扩展标记语言，它可以简化数据的存储和共享，通常用来传输和存储数据，与HTML相比，HTML被用来显示数据，而XML用来传输数据。AJAX 不是新的编程语言，而是一种使用现有标准...
2018-03-20 19:31:51
230
原创 jQuery中如何获取元素的索引值&js获取索引
今天在做一个页面导航栏的过程中遇到了一个小问题，解决之后进行总结，归根结底是“jQuery中如何获取元素的索引值的问题”。所以首先补充一下基础知识：jQuery中获取元素索引值有一个方法：index（）；这个方法返回指定元素相对于其他指定元素的 index 位置，如果未找到元素，index() 将返回 -1。它用在两种情况下：1.寻找元素相对于同胞元素的索引index<script>...
2018-03-19 18:06:21
7741
2
原创 JavaScript中的DOM简介及应用
1.getAttribute（） 通过元素节点的属性名称获取属性的值 setAttribute（） 通过元素节点的属性名称设置属性的值 eg.document.getElementsByTagName("a")[0].getAttribute("href")document.getElementsByTagName("a")[0].setAttribute("href","http://w
2017-12-22 00:45:21
475
原创 JavaScript中常用语句
1.if…else条件语句 条件语句用于基于不同的条件来执行不同的代码。可以嵌套使用。if (条件) { 当条件为 true 时执行的代码 } else { 当条件不为 true 时执行的代码 }<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>财富预测</t
2017-12-07 21:52:23
410
原创 JavaScript中的函数和事件
一.函数 1.函数概念： 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 2. 函数语法： 函数就是包裹在花括号中的代码块，前面使用了关键词 functionfunction functionname(){执行代码}当调用该函数时，会执行函数内的代码。 可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。 注意：
2017-12-07 21:34:18
387
原创 JavaScript中的数据类型及运算符
一.数据类型 1.Number类型 Number为数字类型，包括整型和浮点型var x1=34.00; // 使用小数点来写var x2=34; // 不使用小数点来写var y=123e5; // 通过科学（指数）计数法来书写 表示12300000var z=123e-5; //科学（指数）计数法 表示0.001232.Boolean类型
2017-12-07 20:54:40
493
原创 JavaScript简介及输出方式
一.简介 JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。二.在HTML中使用JavaScript
2017-12-07 18:05:37
556
原创 CSS3中的多媒体查询
媒体查询可用于检测很多事情，例如： •viewport(视窗) 的宽度与高度 •设备的宽度与高度 •朝向 (智能手机横屏，竖屏) 。 •分辨率写多媒体查询的方式有两种： 1.在HTML文件中头部链接不同的适应对应屏幕大小的css文件。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title><
2017-11-21 22:52:25
1060
原创 CSS3中的2D转换及动画效果
CSS中的2D变形主要用transform属性来实现，其可以用来控制元素的变形，如移动，比例化，反过来，旋转，和拉伸。 transform属性的基本语法如下1.translate（） 移动元素，即基于X和Y 坐标重新定义元素位置。 用法如下： transform:translate(300px,200px)； 或 transform:translate
2017-11-20 23:06:23
1211
原创 CSS3概述
1.半透明 IE中--opacity：0.5； 其他浏览器--filter：opacity（50%）； 通用--background：rgba（255,0,0.5）；2.边框：border-radius 边框圆角box-shadow盒子阴影border-image边框图片eg.<!DOCTYPE html><html><head lang="en"> <meta cha
2017-11-16 22:00:17
450
原创 HTML5概述
1.HTML5包含着什么？ HTML5可以概述为HTML5.0+CSS3+Javascript+API2.HTML的DTD声明为：<!DOCTYPE html>3.新增的HTML5标签–结构标签 <article>标记定义一篇文章 <header>标记定义一个页面或一个区域的头部 <nav>导航链接 <section>定义一个区域 <aside>标记定义页面内容部分的侧边栏 <hgrou
2017-11-16 21:04:52
893
原创 C语言经典笔试题04-字符数组移位
编写一个函数，作用是把一个char组成的字符串循环右移n个。比如原来为“abcdefghi”，如果n=2，则移位后变为“hiabcdefg”#include <stdio.h>#include <string.h>void LoopMove(char*pStr, char* dst,int moveLen){ int srcLen = strlen(pStr); if(move
2017-11-09 22:57:54
521
原创 WEB前端入门-CSS相关知识概述
一.什么是CSSCSS全称为：Cascading Style Sheet.即层叠样式表，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。（百度百科）二.如何在HTML中调用行内CSS样式style可以加在任何标签内，为其增加样式，不同样式之间用分号间隔<
2017-11-09 21:45:31
312
原创 WEB前端面试题集锦1
1.谈一下你对盒子模型的理解答：CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型，在浏览器下，每一个html元素都会被解析为一个装有东西的盒子。（百度百科） 盒子模型的特点：每一个盒子模型除了其里面所包含的主要内容之外，还存在边框线（border）、内填充（padding）、外边距（margin） 模型图如下2.position的值， relative和
2017-11-09 19:48:25
513
原创 WEB前端入门-HTML5基础概述
HTML简介HTML的全称是：Hypertext Marked Language,即超文本标记语言，是目前在网络上应用最广泛的语言，也是构成网页文档的主要语言，主要用来控制网页的结构。它是由其标签组成的描述性文本。使用HTML语言描述的文件，需要通过WEB浏览器显示出效果。HTML的结构HTML文档的基本结构由三个标签组成:<html><!--开始--> <head> <!
2017-11-03 01:30:34
2334
1
原创 c语言经典笔试题03-最小公倍数
用标准c编程：有两个整形变量m、n，求出这两个数的最小公倍数#include<stdio.h> void main() { int m,n,x,y,p,s; printf("请输入两个正整数\n"); scanf("%d %d",&m,&n); if(m<n) { p=m; m=n;
2017-11-02 20:37:48
354
原创 c语言经典笔试题02-杨辉三角
输出杨辉三角形的前十行#include<stdio.h>int main(){ int a[10][10]; int i,j; /*绘制杨辉三角*/ for(i=0;i<=10;i++) { a[i][0]=1;/*每行第一个都是1*/ a[i][i]=1;/*对角线元素都是1*/ for(j=1;j<i;j
2017-11-02 20:04:19
647
原创 c语言经典笔试题01-关于素数
用标准C编程：找出整形数字1-100之间的素数，并打印出来（素数：除了1和自己本身可以被整除）#include<stdio.h>#include<math.h>void main(){ int i,k,flag; for(i=1;i<101;i++) { flag=1; for(k=2;k<i-1;k++) {
2017-11-02 19:48:21
390
原创 PS-网页制作
Part1-颜色认知1.所有色调中，存在三组互补色：红-绿；蓝-橙；黄-紫色。 2.在使用颜色时，不能将两种或多种颜色对半平均使用，为了美观程度，在使用两种或者多种颜色时，可以缩小一方或几方用色面积，降低颜色纯度，提高明度（即饱和度），尽量不要使用纯色。（PS中调整色调属性的快捷键为Ctrl+u） 3.在做有关光源的图时，颜色使用规范为：如果亮部颜色整体偏冷色，就要将暗部颜色整体偏暖，反之亦然，
2017-10-27 00:01:14
448
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人