晚安你-优快云博客

原创如何从前端入门到放弃

接口如何防刷？（这也是一个面试经常遇见的问题，好多都会问你这个问题，基本上大多数处理方式都是后端工程师对用户的接口调用次数做限制，其实可以有多重方式）网关控制流量洪峰，对在一个时间段内出现流量异常，可以拒绝请求。源ip请求个数限制。对请求来源的ip请求个数做限制。http请求头信息校验；（例如host，User-Agent，Referer）。对用户唯一身份uid进行限制和校验。例如基本的长度，组合方式，甚至有效性进行判断。或者uid具有一定的时效性。前后端协议采用二进制方式进行交互或者协议采用

2021-11-23 18:19:12 568

原创 web前端高频问答题

vue操作dom元素的方法1.原生js操作domconst dom = getElementById(‘box’)2.vue官方方法：refvue中的ref是把当前dom元素进行标记，只要通过 this.$refs就可以获取到例如:< div class=“set” ref=“up”>.set是我们要操作的dom对象，它的ref昵称为up在vue中调用这个dom对象的具体写法为methods:{this.$refs.addAlert.style.display = “blo

2020-12-09 14:53:28 273

原创 vue重要核心精简实战代码

let data = {shuzi:0} let active //这行开始vue的响应式内部逻辑核心代码学习 function xiangyingshi(data) { console.log('这里开始核心逻辑了') for(let key in data) { let value = data[key] //对象对应的值 let dep =

2020-12-09 14:47:32 305

原创 web前端高频面试题（promise的精简封装）

var obj = { status:'', value:''}function Apromise(fn){ obj.status = 'pending' obj.value= '' function resolve(value){ if(obj.status === 'pending') { obj.status = 'resolve' obj.value = value }

2020-12-04 17:42:24 336

原创 vue注册的简单实现逻辑

methods: { dianjizhuce() { console.log("进入点击注册了"); axios .post("http://106.14.254.181:3000/zhuce", { mobile: this.mobile, password: this.password, }) .then((data) => { console.log(da.

2020-12-04 17:40:27 1023

原创 javascript常见习题（全）

1、什么是JavaScript？JavaScript是客户端和服务器端脚本语言，可以插入到HTML页面中，并且是目前较热门的Web开发语言。同时，JavaScript也是面向对象编程语言。类似的基本题目还包括：JavaScript都有哪些类型?JavaScript是谁发明的？…2、列举Java和JavaScript之间的区别？Java是一门十分完整、成熟的编程语言。相比之下，JavaScript是一个可以被引入HTML页面的编程语言。这两种语言并不完全相互依赖，而是针对不同的意图而设计的。 Java

2020-11-30 19:54:06 2592

原创 javascript常见习题（五）

sass有哪些注释类型A 单行类型B 文档类型C 多行类型D #号类型正确答案: A,C解析:下面哪些的gulp的方法A gulp.taskB gulp.srcC gulp.destD gulp.cp正确答案: A,B,C解析:为什么要用sassA 它是预处理语言，它为CSS提供缩进语法（它自己的语法）B 它允许更有效地编写代码和易于维护C 它使用可重复使用的方法，逻辑语句和一些内置函数D 它提供了比平面CSS好的结构格式的文档样...

2020-11-06 17:25:45 794

原创幽灵白条（扩展）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div { .

2020-11-03 20:45:30 693

原创 javascript常见习题（四）

linux中进入一个文件夹的指令是哪个 AA cdB mkdirC cpD rm以下关于gulp的介绍哪个是正确的 AA Gulp是一个基于流的自动化构建工具B Gulp是用来将es6-》es5的C Gulp是用来将sass转为css的D Gulp是用来将js压缩的下面关于sass的描述那个是正确的A SASS（Syntactically Awesome Stylesheet）是一个CSS预处理器，有助于减少CSS的重复，节省时间。它是更稳定和强大的...

2020-11-02 19:28:39 1277 1

原创 javascript常见习题（三）

1 介绍JavaScript的基本数据类型Number、String 、Boolean 、Null、UndefinedObject 是 JavaScript 中所有对象的父对象数据封装类对象：Object、Array、Boolean、Number 和 String其他对象：Function、Arguments、Math、Date、RegExp、Error新类型：Symbol2 说说写JavaScript的基本规范？不要在同一行声明多个变量使用 ===或!==来比较true/false或者数值

2020-10-23 12:01:12 290 1

原创贪吃蛇小游戏css+javascript代码实现（全）

贪吃蛇小游戏css+javascript代码实现（全）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>贪吃蛇</title> <style> body {

2020-10-21 17:01:36 634

原创 get，post请求的封装

let axios = {get (url) {return new Promise(function (resolve, reject) {let xhr = new XMLHttpRequest();// 准备一个请求xhr.open(‘get’, url);// 监听状态,接收服务返回的数据xhr.onreadystatechange = function () {// ajax状态4 服务器 200if (xhr.readyState == 4 && xhr.sta

2020-10-20 09:09:38 453

原创购物车javascript代码（二）

class Cart {// 静态方法声明在class中static checkOne;static all;constructor() {Cart.all = document.querySelectorAll(’.check-all’);Cart.list();// 等待商品数据追加完成Cart.checkOne = document.getElementsByClassName(‘check-one’);Cart.checkAll();}/**商品列表/static list

2020-10-20 09:06:28 535

原创购物车javascript代码（一）

class Goods {// 实例化的时候自动调用constructor() {Goods.list()}// 获取商品信息的// static 静态方法// 静态方法只属于某个类static list () {// 1 发送ajax请求axios.get('http://localhost/day27/server/server.php?fn=lst') .then(res => { //console.log(res); // 将数据转化为对象 l

2020-10-20 09:05:02 787

原创 ES6新增内容

1、map、filter和reduce的区别map 作用是生成一个新数组，遍历原数组，将每个元素拿出来做一些变换然后放入到新的数组中。map 的回调函数接受三个参数，分别是当前索引元素，索引，原数组filter 的作用也是生成一个新数组，在遍历数组的时候将返回值为 true 的元素放入新数组，我们可以利用这个函数删除一些不需要的元素reduce 可以将数组中的元素通过回调函数最终转换为一个值。对于 reduce 来说，它接受两个参数，分别是回调函数和初始值。回调函数接受四个参数，分别为累计值、当前元素

2020-10-20 09:02:39 306

weixin_47439712的博客