自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 问答 (1)
  • 收藏
  • 关注

原创 数组降维

1.利用toString将数组转换字符,然后通过split方法在转换成数组const arr = [ [1,2], [3,4] ] const newArr = arr.toString().split(','); console.log(newArr)//["1", "2", "3", "4"]//这种方法只能使用在全是基本数据类型的数组,因为一旦数组里有对象,调用t...

2020-03-15 13:41:02 958

原创 vuex结合mixin减少重复代码

什么是 vuex官方文档:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。我们可以简单的认为:vuex就是一个所有组件都可以读取的全局‘‘数据库’’。每个局部组件是有自己单独的作用域的,非父子组件之间是没法相互传递数据的,所以vuex提供了更为简单的方法。这就是一个完整的vuex文件,...

2020-03-10 14:14:29 742

原创 vue watch监听

vue中watch监听不要使用箭头函数使用箭头函数this是undefined 切记

2020-03-07 00:46:56 135

原创 Cannot find module 'webpack'

之前下载webpack 是直接下载的全局 如果出现这个错误 查看自己package.json 开发时依赖中有没有 webpacknpm install webpack --save-dev

2020-02-16 23:16:51 234

原创 css less使用

lessLess 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。自己的理解:Less是一门动态CSS语言,使得CSS样式更加灵活地作用于Html标签。如果没有Less,我们要对样式做一些逻辑计算的时候只能依靠Js去实现,有了Less之后,可以方便地动态给...

2020-01-09 19:17:32 938

原创 css hack

css hack以下是引自百度百科的定义:CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同一厂商的浏览器的不同版本,如IE6和IE7,对CSS的解析认识不完全一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不...

2020-01-09 18:55:55 106

原创 es6箭头函数

这里写自定义目录标题let const箭头函数this指向let const1.let,const 不能重复声明:可以用来检测重复命名,没有变量提升ex:console.log(a) let a; //Uncaught ReferenceError: a is not defined let a; let a; //Uncaught SyntaxError: Identi...

2020-01-09 14:55:47 132

原创 H5 canvas的常用属性集

这里写自定义目录标题HTML5画布描述常用属性和方法直线矩形颜色样式和阴影路径文本图像其他案例HTML5画布描述HTML5 标签用于通过脚本(通常是JavaScript)动态绘制图形。 但是,元素没有自己的绘图功能(它只是图形的容器), 需要使用脚本来实际绘制图形。 getContext()方法返回一个对象,该对象提供在画布上绘制的方法和属性(可以理解为画笔)。下面将介绍getContext(...

2020-01-08 20:30:23 211

原创 HTML5拖拽元素和web存储

拖拽任何元素都可以被拖拽,图片和超链接默认可以被拖拽。需要为被拖拽的元素添加 draggable = “true” 属性。拖拽触发的事件被拖拽元素的事件ondrag:整个拖拽过程一直被触发。ondragstart:开始拖拽。ondragend:拖拽结束。目标元素事件ondragenter:当拖拽元素进入目标元素。ondragover:当被拖拽元素停留在目标元素上。ondrop...

2019-12-25 19:31:37 284

原创 HTML5新内容

HTML5新内容HTML5HTML的特性新增的语义化标签新增表单属性音频视频自定义属性全屏操作HTML5HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。HTML5是Web中核心语言HTML的规范,用户使...

2019-12-25 19:16:30 244

原创 BOM及获取form提交的数据封装

BOMBOM是浏览器对象模型,(Browser Object Model):主要是操作浏览器。window是浏览器中的顶级对象。location则是与地址栏内容相关,比如想要跳转到某个页面,或者通过URL获取一定的内容。//主要用的有location.href = "url"//跳转页面navigator中有很多浏览器相关的内容,通常判断浏览器类型都是通过这个对象。//naviga...

2019-12-24 22:31:11 191

原创 JavaScript时间线

JavaScript时间线JavaScript时间线DOMContentLoaded和load的区别JavaScript时间线JavaScript是一个单线程的语言,从上到下依次同步执行。在执行期间会产生十个步骤。JavaScript时间线的步骤:1.创建Document对象,开始解析web页面,解析HTML元素和他们的文本内容后添加Element对象和Text节点到文档中。这个阶段Doc...

2019-12-24 22:13:00 217

原创 JavaScript的异步和单线程

JavaScript的异步和单线程什么是单线程异步JavaScript是单线程语言异步的机制浏览器的异步机制什么是单线程单线程: 就是在同一时间只能做一件事情。单线程意味这所有的任务都需要排队,执行完一个才能继续执行下一个,但是如果前一个执行很长,后一个任务就需要一直等待。所以这样机会产生问题。var i,sum = 0;for(i = 0; i < 99999999; i++){...

2019-12-24 20:27:10 107

原创 jQuery对象与DOM对象的转换

jQueryjQuery是javascript框架,就是一个普通的js文件,封装了许多的函数;jQuery中的顶级对象是:jQuery ($);jQuery中的页面加载事件有三种:$(window).load(function(){}) //当页面全部加载完毕后执行$(document.ready(function(){})//执行先于load$(function(){}) //推...

2019-12-07 11:43:32 106

原创 事件对象event

事件对象Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态等等。当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象.ex: document.getElementById("div").onclick = function(event){}注册事件的几种方式//1...

2019-12-07 11:18:39 92

原创 JavaScript原型的继承

JavaScript 继承机制的设计思想就是,原型对象的所有属性和方法,都能被实例对象共享。如果属性和方法定义在原型上,那么所有实例对象就能共享,不仅节省了内存,还体现了实例对象之间的联系。只要创建了一个新函数,就会根据一组特定的规则为该函数创建一个prototype属性,默认情况下prototype属性会默认获得一个constructor(构造函数)属性.function fun() {}...

2019-11-30 10:06:09 70

原创 JavaScript原型和原型链

原型Javascript规定,每一个函数都有一个prototype对象属性,指向另一个对象(原型链上面的)。prototype(对象属性)的所有属性和方法,都会被构造函数的实例继承。这意味着,我们可以把那些不变(公用)的属性和方法,直接定义在prototype对象属性上。prototype就是调用构造函数所创建的那个实例对象的原型(proto)。prototype可以让所有对象实例共享它所...

2019-11-23 11:39:36 111

原创 JavaScript对象

这里写自定义目录标题JavaScript对象属性和方法对象内容的操作遍历对象JavaScript对象JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。在 JavaScript 中,对象是拥有属性和方法的数据。属性和方法属性和方法属性是与对象相关的值。方法是能够在对象上执行的动作。ex:汽车对象//汽车的属性:car.name=Fiatcar.mod...

2019-11-23 11:17:04 104

原创 JavaScript 函数闭包

这里写自定义目录标题闭包的概念闭包的作用闭包的概念闭包:是有权访问另一个函数作用域中的变量的函数。闭包是一个函数,是一个可以访问其他函数中变量的函数。所以常见的创建闭包的方式就是在一个函数内部创建另一个函数。闭包是一种保护私有变量的机制,在函数执行时形成私有的作用域,保护里面的私有变量不受外界干扰。直观的说就是形成一个不销毁的栈环境。function fun(){ var a = 10...

2019-11-12 18:56:19 79

原创 JavaScript 作用域及作用域链

这里写自定义目录标题作用域全局作用域局部作用域隐式全局变量作用域链作用域全局作用域var a = 1; if(true){ var b = 1; }console.log(a,b) // 1 1;向上面这样通过var 关键字申明的变量,称之为全局变量,在任何地方都能访问到这个变量。在if或for中通过var 关键字申明的变量也是全局变量。局部作用域局部作用域通常也称之为...

2019-11-11 19:07:27 98

原创 JavaScript内置对象(2)

字符串对象(String)String 全局对象是一个用于字符串或一个字符序列的构造函数。String可以看做谁一个只读的数组,因此字符串的所有有方法都无法直接修改原字符串。属性:length:返回或设置一个字符串中的元素个数。(等于最大下标加1)方法String.fromCharCode()返回使用指定的代码点序列创建的字符串。(静态方法)String.fromCo...

2019-11-09 12:08:05 64

原创 JavaScript内置对象(1)

JavaScript内置对象JS内置对象就是指JavaScript自带的一些对象,供开发者使用,这些对象提供了一些常用的的功能。JavaScript内置对象有:Number、String、Array、Boolean、Function、RegExp、Error、Object、Date、Math、Window(Global)等。数组(Array)数组对象是一个可以同时存储多个变量的集合。属性...

2019-11-09 11:52:48 145

原创 对于JavaScript的初步认识(2)

typeof的用法typeof可以查看变量的数据类型。例子返回值typeof(123)“number”typeof(“123”)“string”typeof(true)“boolean”typeof([])“object”typeof(function(){})“function”typeof(a)“undefined”特殊用...

2019-11-02 14:22:22 86

原创 对于JavaScript的初步认识(1)

@[TOC](这里写自定义目录标题)Javascript 是什么JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。在1995年时,由Netscape公司的Brend...

2019-11-02 12:09:52 183

原创 Sublime Test 的简单使用方法

历史简介Sublime Text 是一个代码编辑器,也是HTML和散文先进的文本编辑器。Sublime Text 具有漂亮的用户界面和强大的功能。比如代码缩略图、插件、代码段等。且Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac等操作系统。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来。2012年sublim...

2019-10-26 15:01:25 2944

原创 ps简单的使用方法

这里写自定义目录标题ps使用方法打开图片的方法保存图片工具栏简介简单的使用技巧图层的简单使用快捷键ps使用方法photoshop是每个平面设计工作者都要掌握的一款软件,它功能强大,能胜任任何图片处理操作。(本文使用cc2015版本)下面是ps的页面左侧的是工具箱调板,我们可以用鼠标单击相应的工具进行图片处理操作,鼠标右击可以进行某一工具选择(再使用熟练后,我们也可以按下相应的键盘键进...

2019-10-26 14:27:49 547

原创 CSS学习心得(3)

CSS伪类CSS 伪类用于向某些选择器添加特殊的效果。伪类的语法:selector : pseudo-class {property: value}CSS 类也可与伪类搭配使用:selector.class : pseudo-class {property: value}在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,...

2019-10-20 21:49:24 252

原创 CSS初学心得(2)

这里写自定义目录标题CSS属性9.盒子模型-----box10.浮动----------float定位------position堆叠顺序-----z-index选择器插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLo...

2019-10-20 21:39:52 74

原创 CSS初学心得(1)

CSS是什么?css中文名层叠样式表,是Cascading Style Sheets的英文缩写。是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。CSS基础知识发展历史1990年,Tim...

2019-10-13 00:02:56 200

原创 HTML初学心得

目录HTML是什么?HTML基础知识Web与Internet工作原理Web服务器Web浏览器Web相关的技术HTML标签特点种类HTML是什么?HTML称为超文本编辑语言,是HyperText Markup Language的首字母缩写。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTM...

2019-10-11 19:43:32 208

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除