- 博客(32)
- 收藏
- 关注
RSS订阅原创 vue实现点击箭头的旋转动画（收起展开）效果
实现方法：用vue动态绑定class的方法，实现用不同的class渲染箭头，达到点击箭头的旋转效果模板的内容：<img :class="{ 'arrowTransform': !flag, 'arrowTransformReturn': flag}" src="arrow.png" alt="" @click="flag = !flag">data的定义：data(){ return { flag : false, }}style的内容： .arrowTransf
2020-06-02 15:12:13
3669
原创 git安装教程
一、Git基础1、Git介绍Git是目前世界上最先进的分布式版本控制系统。2、Git与Github2.1、两者区别Git是一个分布式版本控制系统，简单的说其就是一个软件，用于记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的软件。Github（https://www.github.com）是一个为用户提供Git服务的网站，简单说就是一个可以放代码的地方（不过可以放的当然不仅是代码）。Github除了提供管理Git的web界面外，还提供了订阅、关注、讨论组、在线编辑器等丰富的功能。Gith
2020-05-30 11:40:45
267
原创 创建 vue项目
Vue-cli是VueJS的项目脚手架，使用Vue-cli可以快速创建Vue项目一、Windows+R输入cmd打开命令行工具二、安装node官方下载地址http://nodejs.cn/download/三、命令行输入node -v 和npm -v查看是否出现版本号出现即为安装成功四、全局安装Vue-cli使用命令npm install -g vue-cli下载完成后使用vue -V(大写)查看版本同上五、创建项目 首先使用cd 进入到项目文件夹使用vue init webpack vue
2020-05-29 09:21:18
245
原创 TCP的运输连接管理
概念：（1）TCP 是面向连接的协议。（2）运输连接有三个阶段：a.连接建立b.数据传送c.连接释放（3）运输连接的管理就是使运输连接的建立和释放都能正常地进行。TCP 连接建立过程中要解决的三个问题：(1) 要使每一方能够确知对方的存在。(2) 要允许双方协商一些参数（如最大窗口值、是否使用窗口扩大选项和时间戳选项以及服务质量等）。(3) 能够对运输实体资源（如缓存大小、连接...
2020-01-23 21:53:46
701
原创 算法中的冒泡排序
1.1 原理 这个算法的名字由来是因为越大的元素会经由交换慢慢“浮”到数列的顶端（升序或降序排列），就如同碳酸饮料中二氧化碳的气泡最终会上浮到顶端一样，故名“冒泡排序”。 1. 比较相邻的元素。如果第一个比第二个大，就交换他们两个。 2. 对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。 3. 针对所有的元素重复以上的步骤，除了最后...
2019-11-13 21:24:53
141
原创 详谈JS中的作用域
JS作用域大致分为三部分：词法作用域、函数作用域/块作用域、闭包。在传统的编译语言中，程序的源代码编译由三个步骤组成：词法分析、语法分析、代码生成。而JS属于动态语言，它的编译过程不发生在构建之前，而是在代码执行前（一般只有几微妙，甚至更短），简单说，任何JS代码执行前都要编译，编译完通常马上就要执行。例如： var a = 2; 将其分解为以下步骤：1.遇到 var a 编译器会询问...
2019-11-12 08:48:58
194
原创 DOM事件
DOM事件类本文主要介绍面试过程中关于DOM事件可能会问到的问题。以供参考。1. DOM事件级别DOM0级事件DOM0 级时间分两种，一是直接在标签内直接添加执行语句，二是定义执行函数。<input type="text" id="test"><input type="button" value="button" onclick="alert(document.get...
2019-11-10 21:57:15
132
原创 数组方法总结
总结常用javascript数组方法Array 对象数组创建设置和读取数组元素数组方法concat()join()pop()push()reverse()shift()unshift()slice()splice()sort()toString()valueOf()indexOf()lastIndexOf()forEach()map()filter()e...
2019-11-10 19:45:18
156
原创 原生JS 操作 DOM
DOM操作查询按照ID查询document.getElementById(id) // 兼容最好// demo// HTMl<body> <div id="main"> <div id="content"></div> </div></body>// Scriptconst mainDom...
2019-11-05 22:19:35
348
原创 闭包
1. 闭包什么是闭包？闭包的定义其实很简单：函数A 内部有一个函数 B，函数 B 可以访问到函数 A 中的变量，那么函数 B 就是闭包。function A(){ let a=1; window.B=function(){ console.log(a)...
2019-11-02 15:35:51
328
原创 Javascript面试题总结（一）
1、JavaScript 是一门什么样的语言，它有哪些特点？javaScript 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML网页上使用，用来给HTML网页增加动态功能。JavaScript兼容于ECMA标准，因此也称为ECMAScript。基本特点1...
2019-10-29 17:14:44
249
原创 关于jQuery全屏滚动插件fullPage.js
简介4月15日，网易邮箱升级到6.0版本，并发布了介绍页面（点击访问），页面采用了时下非常流行的“全屏”效果，文字、图片再加上 CSS3 动画，让用户非常直观、清晰的了解6.0版本的功能及特色，真是高端大气上档次。如此高大上的页面，想不想自己也做一个？今天我们就用 fullPage.js 仿照着制作一个类似的页面。使用方法1、引入文件引入以下文件，你可以将 js 放到页面底部。<...
2019-09-18 19:46:28
272
原创 canvas做画板效果
用 canvas做一个简单的画板效果可以改变字体的粗细，还可以改变字体的颜色，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init...
2019-09-16 15:05:05
264
原创 用 canvas制作一个饼状图
这里的的代码可以直接拿走看哟，仅供参考<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="...
2019-09-16 11:51:15
225
原创 用canvas绘制一个饼状图
Canvas，网页原来是可以画出来的…认识CanvasCanvas绘制矩形Canvas绘制圆形使用moveTo()和lineTo()绘制路径Canvas绘制一个饼状图认识CanvasHTML5 标签用于绘制图像（通过脚本，通常是 JavaScript）。不过， 元素本身并没有绘制能力（它仅仅是图形的容器） - 必须使用脚本来完成实际的绘图任务。getContext() 方法可返...
2019-09-12 09:02:24
661
原创 正则表达式——常用正则表达式验证输入合法性（一）
1.去掉字符串首尾空格的正则表达式怎么写？ var str =" abfhjpo jifpokroi okj;vwaiu " console.log(str); // abfhjpo jifpokroi okj;vwaiu str = str.replace(/^\s+|\s+$/g, ...
2019-09-10 11:41:38
1171
原创 正则表达式——常用正则表达式验证输入合法性（二）
1. /判断输入内容是否为空 function IsNull(){ var str = document.getElementById('str').value.trim(); if(str.length==0){ alert('对不起，文本框不能为空或者为空格!');//请将“文本框”改成你需要验证的属性名称! } }2.//判断日期类型是否为YY...
2019-09-10 10:52:11
1838
原创 js的一个总括性案例
案例需求1）点击“注册”按钮时，将数据添加到表格中2）关闭页面，重新打开时，若已有注册用户，表格中需要显示已注册用户3)点击“删除”按钮时，删除该用户<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...
2019-09-09 11:55:19
135
原创 JS(原型和原型链）整理的面试题
题目1.如何准确判断一个变量是数组类型使用 instanceof 方法题目2.写一个原型链继承的例子实例：封装 DOM 查询定义构造函数 Elem,属性封装成 id打印出所有的 html将所有的 html 变为 hello imooc ,并且点击弹出 ‘clicked’链式操作题目3.描述 new 一个对象的过程1.创建一个新对象2.this 指向这个新对象3....
2019-09-07 17:44:31
4008
原创 JS三座大山之原型链
在JS中原型链的概念刚开始可能一直迷惑着大多数人，我也一样，不过花点时间仔细的梳理梳理，还是很容易理解的。本文就着重介绍一下原型链，如有不对之处，欢迎指正，共同探讨，共同进步。在面试时，面试官可能会通过对象的创建方式来引出原型链相关的问题：那么创建对象的方式主要有以下几种：第一种： 字面量var Obj1 = {name:”o1”};var Obj2 = new Object({name...
2019-09-07 17:09:44
417
原创 JS中的面向对象
面向对象JS基础讲解，工厂模式、构造函数模式、原型模式、混合模式、动态原型模式什么是面向对象？面向对象是一种思想！（废话）。 面向对象可以把程序中的关键模块都视为对象，而模块拥有属性及方法。这样我们如果把一些属性及方法封装起来，日后使用将非常方便，也可以避免繁琐重复的工作。接下来将为大家讲解在JS中面向对象的实现。 一.工厂模式 工厂模式是软件工程领域一种广为人知的设计模式，而由于在...
2019-09-07 15:47:33
112
原创 js的原型和原型链
构造函数创建对象：function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // KevinPerson 就是一个构造函数，我们使用 new 创建了一个实例对象 personprototype每个函数都有一个 prototype 属性每一个JavaS...
2019-09-07 14:37:16
116
原创 js中的事件机制
事件机制事件触发三阶段一.window 往事件触发处传播，遇到注册的捕获事件会触发二.传播到事件触发处时触发注册的事件三.从事件触发处往 window 传播，遇到注册的冒泡事件会触发事件触发一般来说会按照上面的顺序进行，但是也有特例，如果给一个目标节点同时注册冒泡和捕获事件，事件触发会按照注册的顺序执行。事件流当我们触发一个dom事件(e.g: click)，都会进行一次事件对象...
2019-09-06 21:23:16
188
原创 js中截取字符串方法的区别
在截取字符串时常常会用到substr()、substring()、slice()这几个方法，经常会混淆它们之间的用法，所以今天特地总结一下。slice（）方法定义：接受一个或者两个参数，第一个参数指定子字符串的开始位置。第二个参数表示子字符串的结束位置（左闭右包）。slice( start , stop )（1）返回字符串的一个子串。（2）star为必需：规定从何处开始选取。如果是负数，...
2019-09-03 11:55:04
348
原创 js中的字符串的操作方法
concatconcat()，用于将一或多个字符串拼接起来，返回拼接得到的新字符串。先来看一个例子。 1. var stringValue = "hello "; var result = stringValue.concat("world"); alert(result); //"hello world" alert(stringValue...
2019-09-03 09:40:58
91
原创 js中的字符串
在js中字符串不是对象，它是不可被修改的，就像在使用toUpperCase方法之后不会改变原来的字符串的值，而是新创建了一个字符串。1、length属性length代表长度，不是length()var broweType = 'mozilla';console.log(broweType.length); //输出结果为72、indexof()方法，判断字符串中是否有某个内容，如...
2019-08-29 22:02:10
74
原创 DOM（二）
Document Object Model文档对象模型文档：标记型文档 （HTML/XML） 对象：封装属性和行为（方法） 模型：共性特征的体现通过DOM的方法，把HTML全部（元素（标签）、文本、属性）都封装成了对象。文本Document:代表整个文档 Eelment:元素（标签）对象 Attribute：属性对象 Node:节点对象DOM想要操作标记型文档先解析。（解析...
2019-08-26 00:03:07
101
原创 DOM（一）
首先，什么是DOM？DOM是Document Object Model（文档对象模型）的缩写。DOM是中立与平台和语言的接口，它允许程序或脚本动态地访问更新文档的内容、样式以及结构。DOM包含核心DOM、XML DOM和HTML DOM，我们这里讨论HTML DOM，HTML DOM是关于如何获取、添加、修改和删除HTML元素的标准。JavaScript中的例如getElementById()、...
2019-08-25 23:45:50
94
原创 函数的参数
写在函数名后的()里的内容即参数.参数可以有多个，参数之间用“，”隔开、定义时的参数称为 形参调用时的参数称为 实参注意：一般情况下，形参与实参的数量应保持一致一.实参与形参个数可以有偏差，不会因为参数不统一而错误1.functionbox(a,b){ return a + b; } alert(box(1,3,5)); ...
2019-08-22 08:38:46
119
原创 js中的函数
** 函数是定义一次但却可以调用或执行任意多次的一段 JS 代码。**一.（1）函数有时会有参数，即函数被调用时指定了值的局部变量。 函数常常使用这些参数来计算一个返回值， 这个值也成为函数调用表达式的值。（2)函数对任何语言来说都是一个核心的概念。 通过函数可以封装任意多条语句， 而且可以在任何地方、任何时候调用执行。二.（1）函数定义(声明)function 函数名(){函数体}...
2019-08-20 21:03:59
318
原创 流程控制语句
语句的定义：在 ECMAScript 中，所有的代码都是由语句来构成的。语句表明执行过程中的流程、限定与约定，形式上可以是单行语句，或者由一对大括号“｛｝”括起来的复合语句，在语法描述中，复合语句整体可以作为一个单行语句处理。程序的结构1.顺序结构：程序默认就是由上到下顺序执行的**2.**分支结构（选择结构）2.1 if语句（1） ifif (/* 条件表达式 */) {// 执行...
2019-08-17 11:05:18
85
原创 算术运算符
算术运算符+， －， /, %,一元运算符一元运算符：只有一个操作数的运算符5 + 6 两个操作数的运算符 二元运算符++ 自身加1– 自身减1前置++var num1 = 5;++ num1; var num2 = 6;console.log(num1 + ++ num2);后置++var num1 = 5;num1 ++; var num2 = 6...
2019-08-16 20:07:48
288
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人