- 博客(21)
- 收藏
- 关注
RSS订阅原创 如何从前端入门到放弃
接口如何防刷？ （这也是一个面试经常遇见的问题，好多都会问你这个问题，基本上大多数处理方式都是后端工程师对用户的接口调用次数做限制，其实可以有多重方式） 网关控制流量洪峰，对在一个时间段内出现流量异常，可以拒绝请求。 源ip请求个数限制。对请求来源的ip请求个数做限制。 http请求头信息校验；（例如host，User-Agent，Referer）。 对用户唯一身份uid进行限制和校验。例如基本的长度，组合方式，甚至有效性进行判断。或者uid具有一定的时效性。 前后端协议采用二进制方式进行交互或者协议采用
2021-11-23 18:19:12
548
原创 web前端高频问答题
vue操作dom元素的方法 1.原生js操作dom const dom = getElementById(‘box’) 2.vue官方方法：ref vue中的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
262
原创 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
293
原创 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
322
原创 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
1001
原创 javascript常见习题（全）
1、什么是JavaScript？ JavaScript是客户端和服务器端脚本语言，可以插入到HTML页面中，并且是目前较热门的Web开发语言。同时，JavaScript也是面向对象编程语言。 类似的基本题目还包括：JavaScript都有哪些类型?JavaScript是谁发明的？… 2、列举Java和JavaScript之间的区别？ Java是一门十分完整、成熟的编程语言。相比之下，JavaScript是一个可以被引入HTML页面的编程语言。这两种语言并不完全相互依赖，而是针对不同的意图而设计的。 Java
2020-11-30 19:54:06
2556
原创 javascript常见习题（五）
sass有哪些注释类型 A 单行类型 B 文档类型 C 多行类型 D #号类型 正确答案: A,C 解析: 下面哪些的gulp的方法 A gulp.task B gulp.src C gulp.dest D gulp.cp 正确答案: A,B,C 解析: 为什么要用sass A 它是预处理语言，它为CSS提供缩进语法（它自己的语法） B 它允许更有效地编写代码和易于维护 C 它使用可重复使用的方法，逻辑语句和一些内置函数 D 它提供了比平面CSS好的结构格式的文档样...
2020-11-06 17:25:45
786
原创 幽灵白条（扩展）
<!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
689
原创 javascript常见习题（四）
linux中进入一个文件夹的指令是哪个 A A cd B mkdir C cp D rm 以下关于gulp的介绍哪个是正确的 A A 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
1262
1
原创 javascript常见习题（三）
1 介绍JavaScript的基本数据类型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象 数据封装类对象：Object、Array、Boolean、Number 和 String 其他对象：Function、Arguments、Math、Date、RegExp、Error新类型：Symbol 2 说说写JavaScript的基本规范？ 不要在同一行声明多个变量 使用 ===或!==来比较true/false或者数值
2020-10-23 12:01:12
276
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
577
原创 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 服务器 200 if (xhr.readyState == 4 && xhr.sta
2020-10-20 09:09:38
441
原创 购物车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
516
原创 购物车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
766
原创 ES6新增内容
1、map、filter和reduce的区别 map 作用是生成一个新数组，遍历原数组，将每个元素拿出来做一些变换然后放入到新的数组中。map 的回调函数接受三个参数，分别是当前索引元素，索引，原数组 filter 的作用也是生成一个新数组，在遍历数组的时候将返回值为 true 的元素放入新数组，我们可以利用这个函数删除一些不需要的元素 reduce 可以将数组中的元素通过回调函数最终转换为一个值。对于 reduce 来说，它接受两个参数，分别是回调函数和初始值。回调函数接受四个参数，分别为累计值、当前元素
2020-10-20 09:02:39
283
原创 javascript常见面习题（二）
1、谈谈对闭包的理解，闭包的用途，闭包的缺点 闭包是指有权访问另一个函数作用域中的变量的函数 它主要用于设置私有的方法和变量。 还可以构建命名空间，以减少全局变量的使用。 使用闭包模块化代码，可以减少全局变量的污染 它的缺点： 它会使函数中的变量被保存在内存中，滥用闭包可能会导致内存泄露。解决方法是在函数退出之前，将不使用的局部变量全删除。 闭包会在父函数外边，改变父函数内部的值 2、javascript做类型判断的方法有哪些？ typeof,可以判断原始数据类型：undefined、boolean、str
2020-10-20 08:57:11
196
原创 javascript常见习题（一）
1、元素选择器 getElementById （获取单个标签） getElementsClassName（获取一个集合） getElementsByTagName（获取一个标签集合） querySelector（获取选择器的第一个元素。） querySelectAll（获取一个标签集合） 2、原型和原型链 每一个对象都有一个原型（对象的原型显示为__proto__） 每一个function都有一个显示的原型（prototype） js中的变量都会有一个__proto__执行他的原型，可以一级一级的查找
2020-10-19 14:01:59
172
原创 实现京东轮播图实现（二）
续上jd-JavaScript全部代码 function Banner(){ this.img = document.querySelectorAll(".banner .box a"); this.left = document.getElementById(“left”); this.right = document.getElementById(“right”); this.span = document.querySelectorAll(".banner .num span"); this.Bann
2020-10-15 09:06:16
296
1
原创 实现京东轮播图（一）
jd-js部分JavaScript代码 var li = document.querySelectorAll(".banner .bnav li"); var haha = document.querySelectorAll(".banner .haha"); for(let i=0;i<li.length;i++){ li[i].onmouseover = function(){ hahaB(i) } li[i].onmouseout = function(){ hahaN(i) } }
2020-10-15 09:03:53
1409
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人