- 博客(15)
- 资源 (2)
- 收藏
- 关注
原创 js 深拷贝
使用 Object.assign方法Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。不会引用原地址。不会修改到原来的内容。this.cloneRow = Object.assign({}, row);在取消的时候 cloneRow 赋值给当前数据通过 JSON 对象实现深拷贝通过js的内置对象JSON来进行数组对象的深拷贝this.cloneRow = JSON.parse(JSON.strify(row));...
2021-05-27 17:13:41 71
原创 vue-route路由
1、route首先要定义route, 一条路由的实现。它是一个对象,由两个部分组成: path和component. path 指路径,component 指的是组件。如:{path:’/home’, component: home}2.component: resolve => require([’…/pages/home.vue’], resolve),?如果用import引入的话,当项目打包时路由里的所有component都会打包在一个js中,造成进入首页时,需要加载的内容过多,时间相
2021-05-27 17:08:53 97
原创 canvas绘制图片 a标签下载图片
downloadPoster(){var canvas = document.createElement(‘canvas’);// 创建一个名字为canvas的元素canvas.id = ‘myCanvas’// id为myCanvascanvas.width = 350// 设置宽高,隐藏,canvas.height = 581canvas.style.display = ‘none’document.body.appendChild(canvas)// 新建的canvas添加到body里面
2021-05-26 15:26:34 309
原创 vuex ESpromise XMLHttpRequest
vue下状态管理模式 vuex,ES6新增promise对象,Ajax,XMLHttpRequest-异步请求小程序首页首页数据是从仓库里面拿到的1.vuex是一个专门为vue.js应用程序开发的状态管理模式。采用集中式管理应用的所有组件状态,并以相应的规格保证状态以一种可以预测的方式发生变化。state:共有数据到放在这里view:以声明方式讲state映射到视图actions:响应在view上的用户输入导致的状态变化什么时候使用:大型单页应用 (比如说电商小程序,比如说装修的首页)
2021-05-25 21:52:16 271
原创 JavaScript-02-DOM基本操作
获取节点(1)document:getElementById():语法:document.getElementById(元素ID);通过元素ID获取节点getElementsByName():语法:document.getElementsByName(元素name属性);通过元素name属性获取节点getElementsTagName();语法:document.getElements...
2019-04-16 18:38:01 125
原创 JavaScript-01-数组
创建方法a. 空数组:var obj = new Array();b. 指定长度数组: var obj = new Array(Size);c. 指定元素数组 : var obj = new Array(元素1,元素2,…元素N);d. 单维数组 : var obj = [元素1,元素2,…元素N];e. 多维数组 : var a = new Array([数组序列1],[数组序列...
2019-04-16 17:28:42 120
原创 CSS--问题解决思路
解决问题的正确做法:排除问题,审查元素看看,在浏览器修改css属性排查问题检查宽高,浮动是否有影响,属性值是否正确设置元素边框或者背景色来调试看看单独写一个html文件,测试这个问题的存在,一定要搞明白为什么注:出现问题,怎么解决的这个问题一定不要忘了记录到文档里,先描述问题,解决之后描述怎样实现的,一定要养成记录总结的习惯不知道怎么布局怎么办?先把笔把结构画出来,上下左右分...
2019-03-25 10:10:40 212
原创 08--闭包,arguments对象,Function对象
闭包闭包是指函数可以使用函数之外定义的变量。简单的闭包在 JavaScript 中,使用全局变量是一个简单的闭包实例。比如:var num = 3;function foo(){console.log(num);}foo(); //打印 3复杂的闭包function f1(){var num1 = 6;function f2(){var num2 = 7;}...
2019-03-25 09:40:11 196
原创 07--函数进阶
call apply bind在学习 call、apply、bind 方法之前,我们先来复习一下 this 的指向问题,我们前面说过一个口诀:谁调用 this,它就指向谁。让我们先来来看一个例子:function foods() {}foods.prototype = {price: “¥15”,say: function() {console.log("My price is "...
2019-03-25 09:17:17 119
原创 06--值类型和引用类型
1. 值类型和引用类型的定义和特征1)值类型值类型又叫基本数据类型,在 JavaScript 中值类型有以下五种:Number Boolean undefined null String值类型存储在栈(stack)中,它们的值直接存储在变量访问的位置。比如:var num = 18;var flag = true;var un = undefined;var nu = nul...
2019-03-22 18:11:51 94
原创 05-WEB API--DOM
1. DOM简介文档对象模型(Document Object Model,简称DOM), W3C 组织推荐的处理可扩展标志语言的标准编程接口。DOM 定义了访问 HTML 和 XML 文档的标准。我们这里主要学习 HTML DOM。DOM 可以把 HTML 看做是文档树,通过 DOM 提供的 API 可以对树上的节点进行操作。2.DOM HTMLDOM 能够操作 HTML 的内容。1) ...
2019-03-22 18:08:04 109
原创 04-WEB API--DOM
1. API概念API(Application Programming Interface,应用程序编程接口): " 计算机操作系统 "(Operating system)或 " 程序库 " 提供给应用程序调用使用的代码。其主要目的是让应用程序开发人员得以调用一组例程功能,而无须考虑其底层的源代码为何、或理解其内部工作机制的细节。API本身是抽象的,它仅定义了一个接口,而不涉及应用程序在实际实现...
2019-03-22 17:58:37 89
原创 03--JSON
对象基础概念在 JavaScript 中对象是拥有属性和方法的数据。属性和方法属性是与对象相关的值,也可以理解为特征。方法是能够在对象上执行的动作,也可以理解为行为。举个例子:一辆汽车就是现实生活中的对象,它的名字,它的颜色,它的价格等特征就是汽车对象的属性。它能够启动,驾驶,加速,刹车等行为就是汽车对象的方法。JSON脱胎于JS,但与JS相辅相成的数据格式,轻量级的数据交换语...
2019-03-22 17:53:16 139
原创 02-JS--关键特性
条件a. if…else语句最基本的 if…else 语句。它的语法为:if(条件) {//当条件为 true 时执行的语句} else {//当条件为 false 时执行的语句}b. if…else 嵌套。它的语法是:if (条件 1){//当条件 1 为 true 时执行的代码;}else if (条件 2){//当条件 2 为 true 时执行的代码;}e...
2019-03-22 17:44:09 128
原创 01-JS基础--第一章
JS组成ECMAScript:js语法标准 DOM:JS操作网页 BOM:JS操作浏览器JavaScript 的特点:可以使用任何文本编辑工具编写,然后使用浏览器就可以执行程序。是一种解释型脚本语言:代码不进行预编译,从上往下逐行执行,不需要进行严格的变量声明。主要用来向 HTML 页面添加交互行为。变量命名规则变量名必须以字符或下划线“_”开头,不能以数字开头变量可以...
2019-03-22 17:33:44 144
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人