tiankai戈-优快云博客

原创什么是vuex

vuexvuex是一个能方便vue实例及其组件传输数据的插件方便传输数据，作为公共存储数据的一个库state: 状态中心getters: 获取状态mutations: 更改状态，同步的actions: 异步更改状态modules: 将state分成多个modules，便于管理应用场景：单页应用中，组件之间的状态。音乐播放、登录状态、加入购物车。网上找的一个通俗易懂的了解vuex的例子公司有个仓库1.State（公司的仓库）2.Getter（只能取出物品，包装一下，不能改变物品任何属性

2021-04-06 19:37:01 153

原创什么是防抖与节流

防抖节流就是使用定时器来实现我们的目的，可以节约性能。防抖(debounce)：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。典型的案例就是输入框搜索：输入结束后n秒才进行搜索请求，n秒内又输入的内容，则重新计时。节流(throttle)：规定在一个单位时间内，只能触发一次函数，如果这个单位时间内触发多次函数，只有一次生效。典型的案例就是鼠标不断点击触发，规定在n秒内多次点击只生效一次。函数节流（throttle）与函数防抖（debounce）都是可以限制函数的执行频次，根

2021-04-06 19:33:12 677

原创 h5如何实现贪吃蛇小游戏

h5制作贪吃蛇文章目录h5制作贪吃蛇htmlcssjs游戏效果截图html规划一个游戏界面<div class="mian"> <canvas id='huaban'></canvas> </div>csshtml, body { padding: 0; margin: 0; } body { ba

2021-01-20 19:52:45 565 1

原创 jquery如何实现隔行变色

实现隔行变色代码如下描述:通过jQuery控制表格的奇数行和偶数行的颜色不一样，鼠标经过的时候，颜色变成白色，鼠标离开，颜色恢复原来的颜色。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>高级隔行变色</title> <style> *{ padding: 0;

2021-01-18 20:00:23 3235 3

原创 Web函数和内存问题

函数函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行。JavaScript中的函数使用function关键字来声明，后跟一组参数以及函数体。理解函数最简单的办法就是拿数学里的函数作为例子，就比如y = f(x * 2)这个函数，当x的值为3的时候,y就是6, x 为 5的时候 y就是10。JavaScript函数案例function f (x){ return x * 2;}var y = f(3);console.log(y

2021-01-16 19:40:24 239

原创 $(document).ready() 与window.onload的区别

$(document).ready() 与window.onload的区别Jquery中$(document).ready()的作用类似于原生JavaScript中的window.onload方法，不过两者的用法还是有区别的。1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行，而且在js中文件中只有一个onload事件。$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。2.编...

2021-01-14 19:09:13 237

原创前端面试题及答案

前端面试题目录1、link和@import的区别2、如何理解js中的原型链3.怎么理解js中的内存泄露4、跨域问题5、vuex：Vue.js应用程序的状态管理模式+库。6、vue的生命周期7、json和xml数据的区别8、http和https的区别9，undefined和null的区别10，常见的HTTP状态码11，优雅降级和渐进增强12，什么是闭包，如何使用它，为什么要使用它？13，请解释一下JavaScript的同源策略。14，怎样添加、移除、移动、复制、创建和查找节点？15，display:none和

2021-01-12 19:15:43 316

原创送你一朵小红花，CSS实现一朵旋转的小红花

送你一朵小红花，愿你勇敢的面对生活中的苦难，不要放弃爱与希望，蓝天白云，定会如期而至。送你一朵小红花，CSS实现一朵旋转的小红花HTML:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti

2021-01-08 20:01:51 630

原创跨域解决方法——jsonp原理

跨域解决方法——jsonp原理一个域名地址的组成：当协议、子域名、主域名、端口号任意一个不相同时，都算作不同域，不同域之间相互请求资源，就算做“跨域”。由于浏览器同源策略的限制，非同源下的请求，都会产生跨域问题。使用jquery的jsonp可以发起跨域请求，下面来探究下他的原理及使用。首先看下如何使用script src=""来完成一个跨域请求：普通的ajax请求是会发生跨域问题的，但是img的src，a的href，script的src却可以发起任意网址的请求并接收到响应，于是我们首先利用s

2021-01-02 19:11:46 534

原创 jQ中的Ajax方法

jQ中的Ajax方法1.$.load()方法：参数url请求地址data(可选)发送给服务器的key/value的数据callback(可选)请求完后的回调函数(无论请求失败与成功)Note：当有data时，调用HTTP的POST方式，没有data时调用GET方法；回调函数callback：function(responseText,textStatus,XMLHttpRequest){ //responseText:请求返回内容 //t

2020-12-31 19:38:28 467

原创 HTTP与HTTPS的概念及区别

HTTP与HTTPS的概念及区别HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。HTTPS协议的主要作用可以分为两种：一种是建立一个信息安全通道，来保证数据传输的安全；另一种就是确认网站的真实性。HTT

2020-12-29 20:20:36 480

原创 npm常用命令

npm常用命令npm install (name)安装nodejs的依赖包例如npm install express 就会默认安装express的最新版本，也可以通过在后面加版本号的方式安装指定版本，如npm install express@3.0.6npm install -g 将包安装到全局环境中但是代码中，直接通过require()的方式是没有办法调用全局安装的包的。全局的安装是供命令行使用的，就好像全局安装了vmarket后，就可以在命令行中直接运行vm命令npm install

2020-12-27 22:07:22 403

原创前端面试题---手写实现ajax

凡是和后台有过数据交互的小伙伴肯定都接触过 ajax. 我们可以通过 ajax 来实现页面的无刷新请求数据，这样就能在保证良好用户体验的同时，将更多的内容展示给用户ajax 在我们的开发工作中已经司空见惯，几乎所有我们频繁使用的库和框架都提供了经过完善封装后的 ajax 方法，如 jQuery、zepto、angular 等等，这使得我们的数据请求变得异常简洁明了但是这也带来了很明显的缺陷，就是我们知道如何去使用封装后的 ajax，却不会通过原生的 js 来 ajax，更甚者（如只用过 jQuery 的

2020-12-25 19:31:04 876

原创 Object.defineProperty()方法详解

文章目录Object.defineProperty()参数描述创建属性修改属性Enumerable 特性Configurable 特性添加多个属性和默认值Setters 和 GettersObject.defineProperty()Object.defineProperty() 方法直接在一个对象上定义一个新属性，或者修改一个已经存在的属性，并返回这个对象。Object.defineProperty(obj, prop, descriptor)参数obj 需要定义属性的对象。prop 需

2020-12-23 19:37:43 9123 1

原创什么是ajax?

什么是ajax即异步的 JavaScript 和 XML，是一种用于创建快速动态网页的技术；传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。使用AJAX则不需要加载更新整个网页，实现部分内容更新。2、常见的ajax使用场景（https://blog.youkuaiyun.com/qq_21439971/article/details/49230441）1. 用Ajax进行数据验证（表单验证）2.按需取数据（Ajax改进分类树的实现机制，例如部门结构，文档得分类结构常常使用树形空间呈现）在初

2020-12-21 22:10:54 1014

原创如何理解jQuery.on()函数

on()函数用于为指定元素的一个或多个事件绑定事件处理函数。此外，你还可以额外传递给事件处理函数一些所需的数据。从jQuery 1.7开始，on()函数提供了绑定事件处理程序所需的所有功能，用于统一取代以前的bind()、 delegate()、 live()等事件函数。on()支持直接在目标元素上绑定事件，也支持在目标元素的祖辈元素上委托绑定。在事件委托绑定模式下，即使是执行on()函数之后新添加的元素，只要它符合条件，绑定的事件处理函数也对其有效。此外，该函数可以为同一元素、同一事件类型绑定多个

2020-12-20 22:36:04 622

原创 jQuery的选择器分类都有哪些？

jQuery的选择器分类都有哪些？根据所获取页面中元素的不同，可以将jQuery选择器分为四大类：基本选择器、层次选择器、过滤选择器、表单选择器。其中在过滤选择器中又可分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器。目录 jQuery的选择器分类都有哪些？基本过滤选择器层次选择器简单过滤选择器内容过滤选择器可见性过滤器属性过滤器子元素过滤器表单对象属性顾虑器表单选择器基本过滤选择器它由元素ID、元素名、多个选择符组成，通过基本选择器可

2020-12-18 20:26:31 7946 1

原创 jQuery基础—(helloworld)

jQuery基础—（helloworld）—————————————————————————————<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"

2020-12-16 21:51:36 564

原创数据类型有哪些？如何判断数据类型？

数据类型有哪些？如何判断数据类型？一、数据类型有两种，一种基本数据类型，一种引用数据类型，基本数据都有，string、number、Boolean、null、undefined；引用数据类型有object，es6新增一个symbol1、symbol类型Symbol()返回的symbol值都是唯一的，使用Symbol()创建新的symbol值，并用一个可选的字符串作为其描述 —— 描述相同的两个Symbol值依然是不同的2､undefined类型只有一个值。在使用var声明变量但未对其加初

2020-12-14 17:09:09 10914 1

tiankai戈