荧娅-优快云博客

原创 JavaScript的循环语句

一、while循环 while语法： while (条件){ 代码(循环体) }; 注：(1)、只有当条件为true时，才能执行循环体。如果条件为false，循环有可能永远不被执行。 (2)、先执行条件，再执行循环体。 (3)、循环一次称之为一次迭代，循环几次称之为几次迭代。上面的例子中，当年i循环到5时，不满足条件，循环结束；二、do…while循环 do …while语法： do{ //循环代码 } while(条件)；注：(1)、始终是先执行循环体，在检查条件是否满足。 (2)、无论条件是tr

2021-02-21 22:01:07 387

原创 input的23种type类型

目录全部类型传统类型新增类型全部类型 text 定义单行文本输入框 password 定义密码输入框 file 定义文件上传控件 radio 定义单选按钮 checkbox 定义复选框 hidden 定义隐藏的输入字段 button 定义按钮 image 定义图像形式的提交按钮 reset 定义重置按钮,重置按钮会清除表单中的所有数据 submit 定义提交按钮,提交按钮会把表单数据发送到服务器 color 定义调色板 tel 定义包含电话号码的输入域 email 定义包含email地址的

2021-01-31 10:57:45 22765 1

原创 HTML标签

XHTML1.0提供了几种DOCTYPE可选择： 1.过渡型（Transitional ） 2.严格型（Strict ） HTML是简单的文本标签语言，一个HTML网页文件都是有元素构成的，元素由开始标签、结束标签、属性和元素的内容4部分构成。再学习和使用HTML时要注意区分标签和元素这两个定义。属性的使用格式如下： <元素属性=“值”>内容</元素> <元素属性=‘值’>内容</元素> <元素属性= 值>内容</..

2021-01-30 11:27:31 332

原创理论知识总结（js和css）

目录 css 选择器一：类选择器 class元素可以有多个值，中间用空格隔开。一个文件中，可以有多个相同的class值。 <p class="first done"></p> .first{ background-color: red; } 二：ID选择器 #(哈希)符号加上id名称组成。但是单个文件中id值要保持唯一。一个element中只设置一个id。 <p id="polite"></p> #polite{ ..

2021-01-28 14:47:09 2338 1

原创 js数组和对象的相关方法

新建数组方法一：通过new运算符创建一个数组构造函数。 var arr = new Array(); 方法二：通过方括号直接创建直接量数组。## 标题 var arr = [1,2,3]; 添加数组中的元素方法一：通过下标添加元素。 var arr = new Array(); arr[0] = 'kwan'; arr[1] = 18; 方法二：通过array的push方法来添加。说明一点：push是往数组末尾添加新元素。 var arr = new Array(); arr[0

2021-01-27 08:59:58 363

原创 js的变量命名方式

变量命名有三种 ver const let ES6 — 新增关键字let、const ECMAScript 是什么？首先，我们都知道JavaScript由三部分组成：ECMAScript，DOM，BOM；其中的ECMAScript是Javascript的语法规范。 ECMAScript定义了很多东西，如：语法-----解析规则，关键字，语句，声明，操作等类型-----布尔型，数字，字符串，对象等原型和继承内置对象，函数的标准库----------JSON, Math, 数组方法，对象方法等

2021-01-22 14:04:25 726

原创 WX小程序授权登录

一、官方流程图二、具体实现步骤首先是有三端分别是微信小程序客户端（小程序前端）、第三方服务器端（小程序后端）、微信服务器端（微信官方api）微信小程序客户端（小程序前端）第三方服务器端（小程序后端）微信服务器端（微信官方api） 1、客户端获得code值，并将code传给第三方服务端可以使用bindtap点击事件查看是否能获得样式 ...

2020-11-23 15:14:18 926

原创 connect ETIMEDOUT

问题：今天遇到了这个问题：vue init webpack pro [Failed to download repo] [connect ETIMEDOUT 192.30.255.112] 经过查询是ping超时的原因解决方法第一步：找到hosts文件。地址：C:\Windows\System32\Drivers\etc 第二步：可以不用修改hosts文件，可以将文件复制到其他地方在打开文件往里面添加三行注释： #github 192.30.253.112 github.com 151.1

2020-11-02 17:47:43 28789 1

原创 vuex的学习

vuex的初始学习安装首先是先在vue 项目中下载vue 显示出来的是这样的如果不放心可以去package.js中查看如果显示: vuex:"^版本号" 实战在正常的vue项目中是没有vuex所需的文件的。所以需要自己建立一个目录在src，在中建立一个名为store的目录，然后在建立一个index的js文件然后实战操作一下：在index文件需要将vue和vuex引用一下然后利用const声明一个常量store，并且导出常量store 然后我们在main.js文件中引入该文件，在文件里面添加

2020-11-02 13:52:52 259

原创 js九宫格抽奖

js简易抽奖今天讲下js抽奖流程图：代码部分首先是html部分和css布局部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> body { margin: 0; } .prize { width: 300px; he

2020-11-01 21:59:53 2018 7

原创了解原型、原型链、new、this之间的联系

JavaScript--原型与原型链一、prototype 在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。原型的概念：每一个javascript对象(除null外)创建的时候，就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。 function Person(age) { this.age = age } Person.prototype.name = 'kavin' var per.

2020-08-16 19:53:05 245

原创前端性能优化方法和详解

一、为什么要优化前端的性能优化的目的在于让页面加载的更快，对用户操作响应更及时，为用户带来更好的用户体验，对于开发者来说优化能够减少页面请求数，能够节省资源。前端优化的方法有很多种，可以将其分为两大类，第一类是页面级别的优化如http请求数，内联脚本的位置优化等，第二类为代码级别的优化，例Javascript中的DOM 操作优化、CSS选择符优化、图片优化以及 HTML结构优化等等。什么是前端性能优化（what）？从用户访问资源到资源完整的展现在用户面前的过程中，通过技术手段和优化策略，..

2020-08-16 18:15:19 1958

原创 JavaScript的十种排序算法

js的排序方法排序算法图片总结: 1.冒泡排序: 1.比较相邻的两个元素，如果前一个比后一个大，则交换位置。 2.第一轮的时候最后一个元素应该是最大的一个。 3.按照步骤一的方法进行相邻两个元素的比较，这个时候由于最后一个元素已经是最大的了，所以最后一个元素不用比较。代码实现： function bubbleSort(arr) { 　　var len = arr.length; 　　for (var i = 0; i < l...

2020-08-16 18:08:24 274

原创面对对象主要特征

了解和应用面对对象的三大主要特征 1、封装封装是面向对象的特征之一，是对象和类概念的主要特性。封装是把过程和数据包围起来，对数据的访问只能通过已定义的界面。面向对象计算始于这个基本概念，即现实世界可以被描绘成一系列完全自治、封装的对象，这些对象通过一个受保护的接口访问其他对象。一旦定义了一个对象的特性，则有必要决定这些特性的可见性，即哪些特性对外部世界是可见的，哪些特性用于表示内部状态。在这个阶段定义对象的接口。通常，应禁止直接访问一个对象的实际表示，而应通过操作接口访问对象，这称为信息隐藏。事实上，信息

2020-08-16 17:06:57 543

原创懒加载是什么？有什么用？

什么是懒加载，在什么时候用到懒加载？懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载。概括----- 什么时候能用到懒加载？ Web应用程序做的最多就是和后台数据库交互，而查询数据库是种非常耗时的过程。当数据库里记录过多时，查询优化更显得尤为重要。为了解决这种问题，有人提出了缓存的概念。缓存就是将用户频繁使用的数据放在内存中以便快速访问。在用户执行一次查询操作后，查询的记录会放在缓存中。当用户再次查询时，系统...

2020-07-22 18:31:10 2053 1

原创 Bom里面主要有什么

protocol : // host [ : port ] / path / [ ?query ] # fragment http://www.itcast.cn/index.html?name=andy&age=18#link

2020-07-21 18:27:51 913

原创购物车的一个方法

我个人的一个购物车的记录方法高级购物车成品在成品页面中顶部的横条，底部的立刻预约，商品的内容，角标=商品单价，结算页面，底部结算内的商品总价和商品数量。其中在进行内容的布置的时候首先将首页和立刻预约这个给做出来固定好样式，然后在设置一个div用来存储数组并且设置好样式在这一步将角标隐藏起来。结算页面里也是一个内容的输出和外面的商品是一样的都是多了两个button按钮在进行调整样式HTML和css的内容输出完毕。其中角标，结算页面，底部结算都是隐藏起来。在做完全部的页面的内容的样式的时候将角标，

2020-07-20 20:15:53 236

原创 js字符串的一些操作方法

字符串的操作方法一些字符串的操作方法 1.concat：用于字符串的拼接 var aa ="hello" var bb = "world" var cc = aa.concat(bb);//cc= helloworld 2.slice（x，y):截取字符串，第一个x表示开始截取的位置，y表示结束截取的位置,不包含索引为y的 var dd = aa.slice(0,3);//dd= hel 3.substr(x,y):截取字符串，第一个x开始截取的位置，y是表示要截取的个数 var ee = aa.su

2020-07-13 14:27:47 260

原创 js的对象（1）

什么是对象 js如何定义对象用var关键字 JavaScript用一个{…}表示一个对象，键值对以xxx: xxx形式申明，用,隔开。注意，最后一个键值对不需要在末尾加,，如果加了，有的浏览器（如低版本的IE）将报错。创建对象的方法 1.使用对象初始器： objName = { prop1:value_1, prop2:value_2, … } 该方法直接创建实例对象，而无需声明。 2.使用构造函数： objName = { prop1:value_1, prop2:value_2, draw:func

2020-07-13 10:40:18 179

原创 js事件和事件流和dom事件流

什么是事件事件就是用来触发函数的一个开关 <select id="chose1" onchange="change(selectedIndex)"> </select> <select id="chose2"></select> <script> function change(obj) { chose2.length = y[obj].length; for (var j = 0; j < y[obj].l

2020-07-13 09:32:27 839

原创 break和continue之间的区别和使用方法

今天我来讲解下循环里break和continue的用法和区别其中的break是终止整个循环， i=8的时候，后面的内容直接终止。 var mmd = 10; for (i = 0 ; i < mmd ;i++){ if( mmd === 3){break;} console.log(mmd); //此时的输出结果是0,1,2 } continue是将要循环的内容跳出本次循环需要利用判断来达成i=3；当前的数字3直接跳过本次循环 var mmd = 10； for (i = 0 ; i <

2020-07-10 15:37:13 265

原创 js数组30个操作方法

数组是什么数组可以用一个变量名存储所有的值，并且可以用变量名访问任何一个值。数组中的每个元素都有自己的的ID，以便它可以很容易地被访问到。常用于存储数据，并且能够精准找到数据的位置数组就像是操作方法在w3c里面，官方给出的数组方法共有30个之多，实际上在开发当中，我们常用的可能也就十多个，下面就把数组的方法写下来：其中可以按照功能来简单的划分为6个功能：返回功能，其他功能（不好定义的功能），增加和删除的功能，计算功能，排序功能和ES6新增的功能一,返回功能 1、concat()，连接两个或者

2020-07-10 14:04:09 389

原创 js流程语句

js的流程语句判断语句（if） if(条件){ 在if的条件里如果符合就会执行第一个代码 }else{ 如果不符合条件则执行第二个代码 } 或者 if(条件1){ 条件1成立时执行的代码 }else if(条件2){ 条件2成立时执行的代码 }else{ 条件1,2都不成立时执行的代码 } <script> var mmd = htma ； if（mmd === htma ）{ document.write("你面试成功，欢迎加入公司。"); }else{ document.write

2020-07-09 18:18:02 135

原创 js之中的数据类型与运算符

js的数据类型一,数据类型简介 1.js的数据类型有两种分别是引用型数据类型和基础型数据类型 2.基础数据类型有：undefined（未定义的数据类型）,null（这是一个空值）,Boolean（布尔值）,number（数字）,string(字符串)。 3.引用数据类型有：object,Symbol 二,数据类型讲解 1,利用typeof 操作符可以得知你的代码是什么类型 console.log(typeof 代码块)//可以检查代码的类型 2,undefined类型 undefined只有一个值就是

2020-07-09 16:24:55 304

原创联动项目分析

联动的知识点 <h2>二级联动</h2>  <select id="chose1" onchange="change(selectedIndex)"> </select>  <select id="chose2"></select> <script&g

2020-07-08 17:13:55 459

原创 js的部分知识点

javaScript需要知道的基础 1.js是什么 javaScript简称js，js是一种脚本语言是不需要进行编辑的，也是浏览器的一部分，js是轻量级的编程语言。 2.js的主要特点 1.可以向HTML中添加交互行为 2.是一种弱语言 3.脚本语言，语法和java相似 4.具有很强的交互性且安全性高（js完全属于客户端，不能访问本地文件）还可以跨平台 3.js的常见用途 js在一般情况下是用来给页面进行添加动态效果。 HTML一般情况下都是静态页面，但是html的页面上是静态的，网页上面是要有一些动态还需

2020-07-08 16:03:38 334

fdbyd的博客