自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 Vue常见的一些面试题分享

一、对于MVVM的理解?MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件,它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互,简单理解就是一个同步View 和 Model的对象,连接Model和View。在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewModel进行交互,Model 和 ViewMo

2020-09-11 10:34:40 355

原创 vue,时间过滤器 16

使用方式 <div id="app"> <div>{{date | format('yyyy-MM-dd hh:mm:ss')}}</div> </div><script> var vm = new Vue({ el: '#app', data: { date: new Date() } });</script>代码 Vue.filter('

2020-07-17 16:50:03 882

原创 什么是包?包的来源!为什么需要包!从哪里下载包? 如何下载包? 15

什么是包Node.js 中的第三方模块又叫做包包的来源不同于 Node.js 中的内置模块与自定义模块,包是由第三方个人或团队开发出来的,免费供所有人使用注意: Node.js 中的包都是免费且开源的,不需要付费即可免费下载使用为什么需要包由于 Node.js 的内置模块仅提供了一些底层的 API,导致在基于内置模块进行项目开发的时,效率很低包是基于内置模块封装出来的,提供了更高级、更方便的 API,极大的提高了开发效率包和内置模块之间的关系,类似于 jQuery 和 浏览器内置 AP

2020-07-08 19:38:45 971

原创 什么是 Node.js ? Node.js能可以做什么 14

初识 Node什么是 Node能够了解 Node 是一个运行环境,并不是一门后台语言Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境Node 实际上就是一个 JavaScript 运行环境,它集成了 v8 引擎, 从而能对 JavaScript 代码进行解析Node 中的 JavaScript 环境能够知道 Node 运行环境包含哪两个部分能够知道 Node 运行环境和 浏览器运行环境的区别Node 运行环境包含两个部分,分别是:V8 引擎,

2020-07-05 08:51:50 1561

原创 模板引擎时间格式过滤器 复制粘贴即可使用 13

需要引入 template-web.js 才能使用{{ $value.time | dateFormat }} 使用的格式在需要过滤的内容后面加上 | dateFormat 即可 // 给时间补零的函数 function padZero(n) { if (n < 10) { return '0' + n } else { return n } } // 定义格

2020-07-03 11:12:32 317 1

原创 git的使用流程,开发中必不可少的版本控制 (本篇为转载) 12

基本的 Git 工作流程如下:① 在工作区中修改文件② 将你想要下次提交的更改进行暂存③ 提交更新,找到暂存区的文件,将快照永久性存储到 Git 仓库本地初始化 git init ☆☆☆检查文件的状态 git status ☆☆☆跟踪文件 git add 文件名 ☆☆☆提交更新 git commit -m ‘日志信息’ 日志信息一定要写☆☆☆向暂存区中一次性添加多个文件 git add .取消已暂存的文件 git reset HEAD 要移出的名称 ☆☆跳过使用暂存区域 git comm

2020-07-03 08:44:54 241 2

原创 图片裁剪功能模板简单实用 复制粘贴即可使用 11

在 head 中导入 cropper.css 样式表:<link rel="stylesheet" href="http://www.escook.cn:8086/assets/lib/cropper/cropper.css" />在 body 的结束标签之前,按顺序导入如下的 js 脚本<script src="http://www.escook.cn:8086/assets/lib/jquery.js"></script><script src="h.

2020-07-02 15:09:15 551

原创 什么是Ajax ? 为什么要学习Ajax jQuery中的Ajax怎么使用 10

什么是AjaxAjax 的全称是 Asynchronous JavaScript And XML (异步 JavaScript 和 xml )通俗理解:在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式,就是 Ajax为什么要学Ajax之前所学的技术,只能把网页做的更美观漂亮,或添加一些动画效果,但还是, Ajax 能让我们轻松实现 网页 与 服务器 之间的 数据交互Ajax应该用场景场景一:用户名检测注册用户时,通过 ajax 的形式,动态 检测用户名是否被占用

2020-06-26 21:28:53 2153 2

原创 客户端与服务器的概念及URL地址的概念和组成09

客户端与服务器上网的目的上网的本质目的:通过互联网的形式来 获取和消费资源服务器上网过程中,负责 存放和对外提供资源 的电脑,叫做服务器客户端在上网过程中,负责 获取和消费资源 的电脑,叫做客户端URL地址的概念和组成URL的概念URL(全称是 UniformResourceLocator ) 中文叫 统一资源定位符,用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址,才能正确定位资源的存放位置,从而成功访问到对应的资源URL的组成URL地址一般由三部分组成:客

2020-06-26 20:30:23 531 1

原创 关于echarts的使用小白必看08

A.下载和引入echarts.min.js<script src="echarts.min.js"></script>B.需要准备一个展示图表的容器(盒子),盒子必须要有宽高<div class="box" style="width:600px;height:450px;"></div>C.初始化echartsvar myChart = echarts.init( document.querySelector(".box") )<!-- va

2020-06-17 19:52:52 471

原创 数组去重07

标题数组去重 : js基础高频面试题。 js作者没有封装数组去重的方法。 var arr = [20,50,60,80,20,50,88];// [20,50,60,80,88]标题 方式一 : 排序法去重 (最好理解,性能最低) //1.对arr排序 // arr.sort(function(a,b){ // return a-b; // }); // console.log(arr); // //2.声明空数组存储去重后的数组

2020-06-09 20:37:58 260 2

原创 事件三个阶段06

<div id="box"> <input type="button" value="点我" id="btn" /> <div id="son"></div></div><script> /* 1.事件冒泡:如果一个元素的事件被触发,该元素的所有父级元素 同名事件都会被依次触发 * 子元素 -> 父元素 -> body -> html -> document

2020-06-06 10:00:31 312 1

原创 拖拽盒子移动05

标题1.复习鼠标相关的事件类型 onclick : 鼠标单击 (鼠标按下+松开单击一次) ondblclick : 鼠标双击 onmouseover :鼠标移入 onmouseout :鼠标移出 onmousemove : 鼠标移动 onmousedown : 鼠标按下 onmouseup : 鼠标松开2.拖拽事件 : 三个流程 (1)拖拽开始 : 鼠标按下 事件

2020-06-02 20:02:33 408

原创 缓动动画基本封装04(移动方向不限)

1.缓动动画核心思路 : 由快到慢本次移动距离 = (目标位置 - 当前位置)/102.缓动动画特点(1)需要取整 : 本次移动距离计算是一个除法的过程,会产生小数。而像素一般是整数(2)没有误差 : 核心公式到了后面,都是1px的移动。不需要边界检测 : 超过目标位置,清除定时器 并且 元素复位需要终点检测 : 到达终点, 清除定时器3.缓动动画封装思路(1)解决代码冗余 -> 函数(2)解决 移动距离 不限 -> 函数参数(3)解决

2020-06-01 10:29:39 295

原创 匀速动画封装03(移动方向不限)

动画核心思路 : 给元素一个速度 = px/ms (开启定时器,间隔时间移动单位距离)目前代码存在的问题1. 代码冗余 ->函数2. 移动距离不限 ->函数参数3. 移动元素不限 ->函数参数4. 移动方向不限 -> 可以从左往右移动,也可以从右往左5. 如果想要改变元素的位置,前提是这个元素要有定位1.发现问题 : 元素只能从左往右移动,不能从右往左移动2.分析问题从左往右移动, 目标位置 > 当前位置 (1)curren

2020-06-01 10:21:29 242

原创 数组冒泡排序算法02(精简版)

/* 冒泡法排序 : sort()原理, 手写冒泡算法:曾经的面试必备技能 核心原理 : 数组中相邻的元素比较大小,然后交换位置 */ /* 1.外层循环 : pk轮数 长度 5 PK4轮 长度length pk length-1轮 */ /* 2.内层循环 j : 每一轮pk次数 i = 0 第一轮 length-1 ...

2020-05-31 08:25:13 1031 1

原创 数组冒泡算法排序01(原理版)

/* 冒泡法排序 : sort()原理, 手写冒泡算法:曾经的面试必备技能核心原理 : 数组中相邻的元素比较大小,然后交换位置*/ var arr = [88,20,100,60,50];//[20,50,60,80,100] //遍历数组,相邻元素比较,交换位置 for(var j = 0;j < arr.length - 1;j++){ if(arr[j] > arr[j+1]){ //交换位置

2020-05-31 08:24:10 817

空空如也

空空如也

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

TA关注的人

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