javascript
左希希
前端开发工程师
展开
-
Vue数据双向案例
一 用数据双向实现待办处理事项的小案例:该案例实现的功能为:(1)在输入输入文字,点击“添加按钮”添加到未完成事项中;(2)当输入框为空时,会提示请输入事项;(3)每个事项的复选框:点击时可以实现分组交换功能;(4)移除:点击时,该事件被移除;该案例核心代码为:<template> <div id="app"> <div class="title"><span>ToDo list</span> <d原创 2020-07-13 12:41:40 · 158 阅读 · 1 评论 -
Bootstrap简介
一 bootstrapbootstrap响应式框架–css里面有大量的媒体查询,在pc端和移动端响应,这是后端人员在使用,前端人员基本是自己写响应式。bootstrap内置css和js字体图标。怎样引入到前端页面:直接将css文件或JS或字体文件引入。 若是在集成环境,需要安装bootstrap。3.3.7版本的boostrap cnd css :https://maxcdn.boo...原创 2020-03-27 00:03:51 · 310 阅读 · 0 评论 -
Cookie
一 cookiecookie主要用于缓存web页面用户的信息。cookie是一种数据,缓存到电脑上的文本文件,在web页面上,用户的信息不会存储在后端,而是在页面上使用缓存来存储。在用户访问页面的时候存储用户的信息到cookie,下次访问的时候直接从cookie读取信息。cookie的缓存存在有效期cookie的简单建立:document.cookie=“jiajia”;cookie的...原创 2020-03-19 23:07:29 · 89 阅读 · 0 评论 -
VIDEO语法
一 APIonloadstart:当浏览器加载媒体数据时执行;onloadeddata:开始加载视频数据时;oncanplay:视频因缓冲,停止播放执行事件;onerror:video加载失败时执行;onplay:开始播放时执行;onpause:暂停时执行;onvolumechange:设置为静音时执行;onplaying:正在播放时执行;ontimeupdate:播放的位置...原创 2020-03-19 22:27:22 · 888 阅读 · 0 评论 -
ES6第三部分
一 GeneratorGenerator:提供异步编程的解决方案,异步函数的写法;标注:*;next,:调用遍历器方法,移动方法内部的指针。next返回一个对象,value指的是yield表达式的值:done:false(遍历还没有结束);done:true(遍历结束);Generator 函数返回的一个遍历器 ,就可以遍历;function *method(){ ...原创 2020-03-19 15:40:20 · 110 阅读 · 0 评论 -
ES6第二部分
一 set数据结构Set:里面存储的是值,并且值是唯一的,没有重复的(因此set可以对数组直接去重)。Set本身是一个构造函数;使用的时候:new;Set的构造函数constructor 是自己的本身;Size:属性,返回的是Set对象里面的成员变量;add:方法,将值添加到Set里面;delete:方法,删除某个值,返回true false;has:方法,检测是否有某个值,返回...原创 2020-03-18 14:13:10 · 117 阅读 · 0 评论 -
H5----canvas
一 canvas简介canvas是H5里的一个标签,引用格式为: <canvas id="canvas"></canvas>这里设置的ID类名称是:canvas;二 canvas属性save:存储当前canvas画布的状态,存储在栈的最上面;restore:依次从栈的上方弹出canvas的状态;做canvas动画注意:(1).要清空画布:clearRe...原创 2020-03-16 14:56:50 · 303 阅读 · 0 评论 -
es6入门
一 es6简介javascript:、: ECMAScript5 es5。ECMAScript6 : es6语法接近后端语法。还有一种脚本语言TypeScript (更接近后端); 在es5语法中声明变量用:var ,而在es6中用:(1) let,声明的变量是在当前的作用于内有效;(2)const:声明的是只读变量–常量;let 、const 声明的变量不存在变量的声明提前,...原创 2020-03-13 15:04:17 · 172 阅读 · 0 评论 -
原型链、严格模式、JS异常处理
一 原型链 //原型链 var arr=new Array(); console.log(arr); console.log(arr.__proto__);//输出的是整个Array的原型对象 console.log(arr.__proto__.__proto__);//输出的是Object 的原型对象 console.log(arr.__proto__...原创 2020-03-11 15:18:13 · 133 阅读 · 0 评论 -
原生JS里的对象继承与模式
一 原生JS里面的对象继承原型链继承 : prototype 原型对象要继承就必须有父类:子类继承父类 ,继承父类的属性和方法;特点:实例可以继承自身实例的属性、父类里面的构造函数属性、父类的原型属性缺点:不能继承子类的原型属性和方法;太单一 ,只能单继承,不能进行多继承;继承之后原型对象上的属性全部是共享的;子类不能直接向父类传递参数。构造继承:直接使用call、apply 继承...原创 2020-03-11 15:14:33 · 174 阅读 · 0 评论 -
JavaScript之算法
算法1、找出1-100的素数素数是除了1和自身,没有其他因数的数,比如2,3,4等等。该算法可以从这里入手,具体实现代码如下: sushu(100); function sushu(num){ for(var i=2;i<=num;i++){ var isactive=false; for(var k=2;k...原创 2020-01-08 19:09:04 · 157 阅读 · 0 评论 -
JavaScript之三
一 拖拽事件draggable=“true”:对象可以被拖拽;拖拽事件:drop drap;开始拖动:ondragstart;结束拖动:ondragend //ondragover;开始拖动鼠标进入的时候: ondragenter;拖动结束鼠标离开的时候:ondragleave;前进:history.go(1);倒退:history.go(-1);前进:history.f...原创 2020-01-02 21:31:51 · 136 阅读 · 0 评论 -
JavaScript之二
排序算法(1)冒泡排序mao_sort(arr);冒泡排序是对数组从第一个元素开始,与之后的元素逐个比较,元素值大的(或者小的)放在前面,就是对数组按从小到大或者从大到小的顺序排列。下述是冒泡排序中主要代码部分的注释:for(i=0;i<num.length;i++){ for (k=0;k<num.length-i-1;k++){ ...原创 2019-12-26 13:40:42 · 104 阅读 · 0 评论 -
JavaScript
一 JS基础1、 JS渲染到页面的方法有两种:外部引入(head)、内嵌(body);2、JS的关键字只有一个:var,在JS中严格区分大小写;function 常规定义方式:function 函数名称(){ }常规函数也会声明提前;使用传递的参数: arguments 参数列表对象; method4(1,2,3); function method4(){ ...原创 2019-12-18 19:20:46 · 117 阅读 · 0 评论 -
JavaScript入门
一 基础标签1 、内置对象number对象:.toString(进制数) --------转换成不同进制数 .toFixed(小数位数) --------保留小数倍数2 、string对象.length 字符串长度indexOf() --------查找字符串返回字符串位置,如果没找到返回-1 match() -------- 查找指定字符串,找到返回该字符串,没有返回n...原创 2019-12-12 10:50:25 · 85 阅读 · 0 评论 -
Web前端
一 Java Script基础标签(1)输出:alert()-------- 弹框输出 confirm() -------- 带确定取消按钮的弹框 document.write() -------- 在文档流中输出 document.getElementById.innerHTML-------- 修改页面中的html元素 console.log() -------- 在调试平台中...原创 2019-12-04 21:37:49 · 98 阅读 · 0 评论