- 博客(31)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 label语句
label语句使用label语句可以在代码中添加标签，以便将来使用。语法示例：start: for (var i = 0; i < count; i++){ alert(i);}这个例子中定义的start标签可以在将来由break或continue语句引用。加标签的语句一般都要与for语句等循环语句配合使用，举一组例子对比后就懂了。未添加label语句： var num = 0; for (var i=0;i<10;i++){ for(var j=0;j
2020-11-10 23:04:31
456
原创 CSS小记
fixed定位脱离文档流与float有什么区别？使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依旧会为这个元素让出位置，环绕在周围；而对于使用absolute和fixed的position脱离文档流的元素，其他盒子内的文本依然会无视它。...
2020-09-30 16:30:42
125
原创 JS小记
1.requestAnimationFrame在EventLoop的什么阶段执行?requestAnimationFrame：window.requestAnimationFrame()，该方法需要传入一个回调函数作为参数，该回调函数会在浏览器的下一次重绘之前执行，当你准备更新动画时应该调用此方法，告诉浏览器你希望执行一个动画，并且要求浏览器在下次重绘前调用指定的回调函数更新动画。若想在浏览器下次重绘前更新下一帧动画，那么回调函数自身必须再次调用window.requestAnimationFrame
2020-09-30 15:42:34
194
原创 HTML小记
1. 在head标签中必不可少的是什么？<head>标签用于定义文档的头部，它是所有头部元素的容器。<head>中的元素可以引用脚本、指示浏览器样式表的位置以及提供元信息等等。文档的头部描述了文档的各种属性和信息，包括文档的标题，在Web中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。<title>定义文档的标题，它是head部分中唯一必须的元素。在实际开发中，从运行角度上，实际上是可以没有<title>元素的
2020-09-30 14:23:55
309
原创 Buffer对象与Blob对象
在Node中，应用需要处理网络协议、操作数据库、处理图片、接收上传文件等，在网络流和文件的操作中，还要处理大量二进制数据，Buffer类被引入作为NodejsAPI的一部分，使其可以在TCP流和文件系统操作等场景中处理二进制数据流。Buffer是一个典型的JavaScript与C++结合的模块，它将性能相关部分用C++实现，将非性能相关的部分用JavaScript实现。Buffer的本质就是字节...
2020-04-04 21:20:14
2395
原创 vue插件
mock.js生成随机数据，拦截Ajax请求1.安装 cnpm install --save-dev mock.js2.引入mock插架到mock.js文件3.加载mock数据到main.js require("./mock/mock");模拟拦截ajaxmock.js文件Mock.mock("/getuser","get",()=>{ return { ...
2020-04-02 22:08:50
121
原创 vue实例的生命周期
每个 Vue 实例在被创建时都要经过一系列的初始化过程，同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期显示图：取自Vue官网 <template> <div id="lifeinfo"> <p>组件的生命周期</p> <button @click="change...
2020-04-02 21:30:27
103
原创 vue异步加载组件
当项目资源内容很多时，我们通常都会选择去异步加载某些组件，使项目以最快的速度启动完成。何为异步加载，通俗点说就是当需要使用某些组件时，再去加载它，也称为按需加载。1. webpack代码分割第一个参数是依赖，resolve是成功之后的一个回调函数，成功后require会先引入依赖，然后执行回调函数。 components{ "v-test":(resolve,reject)=>{...
2020-04-02 21:06:50
440
原创 vue组件开发
vue有两大特点：数据驱动与组件化开发，其中组件开发是vue灵活的核心，所谓组件开发就是将页面拆分成多个组件，每个组件依赖的 CSS、JS、模板、图片等资源放在一起开发和维护。使得组件资源独立，所以可以复用。利于开发以及维护。1.创建组件vue项目是由一个主组件包含数个子组件，子组件的创建就是创建.vue文件。例如：我们首先创建一个文件夹components（命名没有规定）来存储所有组件，...
2020-04-02 16:50:46
254
原创 vue基础语法
vue-数据绑定<template> <!-- 数据绑定 {{}} 绑定表达式 表达式里面可以进行运算 --> <div class="container"> {{message}} {{arr}} <!-- 绑定变量的指令 v-text 绑定为元素的文本值 --> <div v-text=...
2020-04-02 15:24:18
111
原创 JS-设计模式
JS工厂模式工厂模式是将创建对象的逻辑封装在一个函数内，不必暴露创建对象的逻辑，那么这个函数就可以称之为工厂 let factory = function (rule) { function manager() { this.name = "管理员"; this.work = "管理人员"; ...
2020-03-26 15:55:57
108
转载 JavaScript继承与原型链
在MDN上有详细解释：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Inheritance_and_the_prototype_chainJavaScript只有一种结构：对象。每个实例对象（ object ）都有一个私有属性（称之为 proto ）指向它的构造函数的原型对象（prototype ）。该原型对象也有一个自己的原型对...
2020-03-20 22:09:01
140
原创 正则表达式
正则表达式是对字符串（包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为“元字符”））操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式是一种文本模式，该模式描述在搜索文本时要匹配的一个或多个字符串。正则表达式语法正则表达式的写法很灵活，通常一种限制规则使用正则表达式有很多种写...
2020-03-19 19:02:45
148
原创 ajax
Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。ajax-原生js //1...
2020-03-19 17:43:04
105
原创 jQuery-汉字时钟
使用jQuery写的案例效果图html代码部分<!--创建时分秒容器--><div class="banner"> <ul> <hr> <li class="year"></li> <!--秒容器--> <li class="s...
2020-03-19 17:14:54
156
原创 JQuery 过滤、查找、串联
jQuery 元素过滤html代码<ul class="menu"> <li>第一个</li> <li class="li2">第二个</li> <li><span>第三个</span></li> <li class="li4">第四个<...
2020-02-17 15:34:51
158
原创 JQuery 文档处理与事件
jQuery 文档处理jQuery创建dom //jquery 创建dom var ele=$("<div class='child2'></div>"); var ele=$("<div></div>"); //给创建的jquery对象添加类 直接在标签上去书写 ele.ad...
2020-02-14 16:39:27
129
原创 JQuery
jQuery简介jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和A...
2020-02-14 12:09:39
109
原创 JavaScript常用内置对象
JavaScript Array对象Array 对象用于在变量中存储多个值，第一个数组的元素的索引值为0，第二个索引值为1，以此类推。数组属性属性描述constructor返回创建数组对象的原型函数length设置或返回数组元素的个数prototype允许你向数组对象添加属性或方法Array对象方法方法描述concat()连...
2020-01-22 18:55:56
220
原创 JavaScript 列表和栈的实现
定义构造函数function List() { this.listSize = 0; this.pos = 0; this.dataStore = []; this.clear = clear; this.find = find; this.toString = toString; t...
2020-01-11 16:17:28
141
原创 迭代器方法
不生成新数组的迭代器方法这些方法不产生任何新数组，相反，他们要么对于数组中的每个元素执行某种操作，要么返回一个值。forEach()方法该方法接受一个函数作为参数，对数组中的每个元素使用该函数。 function square(num) { console.log(num, num*num); } var nums = [1,2,3,4,5,...
2020-01-11 10:49:23
355
原创 BOM-浏览器对象模型
浏览器对象模型（BOM）使JavaScript有能力与浏览器“对话”。JavaScript window所有浏览器都支持window对象。他表示浏览器窗口。所有JavaScript全区对象、函数以及变量均自动成为window对象的成员。全局变量是window对象的属性。全局函数是window对象的方法。获得浏览器窗口的尺寸window.innerHeight/document.do...
2020-01-02 22:16:57
98
原创 数据类型转换以及字符串的方法
数据类型转换方法数字转字符串 toString()方法 var num = 10; console.log(num.toString());//输出字符串10字符串转数字parseInt()和parseFloat()方法 var str = "10.5"; console.log(parseInt(str));//输出整数10 console.log(parseFlo...
2019-12-26 22:53:53
161
原创 JS HTML DOM
dom元素的获取方式动态获取dom元素通过TagName获取dom元素var dom1=document.getElementByTagName("标签名")；//获取到的dom1为HTMLCollection集合类型，所以在使用时需要使用索引固定到具体标签通过ClassName获取dom元素var dom2 = document.getElementByClassName(...
2019-12-24 18:41:00
139
原创 JavaScript基础
JavaScript基础JavaScript是属于HTML和Web的编程语言，编程令计算机完成你需要他们做的工作。JavaScript是web开发者必学的三种语言之一：HTML定义网页的内容CSS规定网页的布局JavaScript对网页行为进行编程JS的使用在HTML中，JavaScript代码必须位于<script>与</script>标签之间。脚本...
2019-12-05 16:28:15
128
原创 CSS3
CSS3CSS用于控制网页的样式和布局。CSS3是最新的CSS标准CSS3划分出的模块选择器框模型背景和边框文本效果2D/3D转换动画多列布局用户界面CSS3边框圆角边框在CSS3中border-radius属性用于创建圆角div{ border:solid 1px #eee; border-radius:25px; }/*向该div元素添加圆角*/边框...
2019-11-20 13:44:03
458
原创 HTML5新特性
什么是HTML5HTML5将成为HTML、XHTML、以及HTML DOM的新标准HTML5是W3C与WHATWG合作的结果为HTML5建立的一些规则：新特性应该基于HTML、CSS、DOM以及JavaScript。减少对外部插件的需求（比如flash）更优秀的错误处理更多取代脚本的标记HTML5应该独立与设备开发进程应对公众透明HTML5添加的新特性用于绘画的canv...
2019-11-11 20:51:48
130
原创 一些常用的小知识点
一些常用的小知识点，以后随着我在前端的学习中会进行补充盒子模型CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距（margin），边框（border），填充（padding），和实际内容（content）。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。宽的计算方式为：内容宽+border+margin+border当加上box-sizing:border-bo...
2019-11-08 12:43:39
90
原创 CSS基础--选择器
选择器类选择器在CSS中，类选择器以一个点号显示： .center{text-align: center;} <p class="center"> 这个段落将会居中</p>ID选择器id选择器以"#"来定义 #red{color: red;} <p id="red">这个段落是红色</p>后代选择器格式：父元素/祖先元...
2019-10-23 15:53:13
180
原创 CSS基础
CSS简介CSS指层叠样式表（Cascading Style Sheets）样式定义如何显示HTML元素样式通常存储在样式表中外部样式表可以极大提高工作效率外部样式表通常存储在CSS文件中多个样式定义可层叠为一当同一个HTML元素被不止一个样式定义时，样式的识别级别浏览器默认设置外部样式表内部样式表（w位于<head>标签内部）内联样式（在HTML元素内部）...
2019-10-23 15:25:06
89
原创 html基础
什么是HTMLHTML是用来描述网页的一种语言HTML指的是超文本标记语言（Hyper Text MarkUp Language）HTML不是一种编程语言，而是一种标记语言（markup language）标记语言是一套标记标签（Mark tag）HTML使用标记标签来描述网页浏览器IE：IEwin10：Edge -->最新内核EdgeHTMLFirefox --&g...
2019-10-17 18:36:44
108
jQuery-汉字时钟.zip
2020-03-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人