前端跨域解决方案
摘要：前后端数据交互(七)——前端跨域解决方案(全) 一、什么是跨域？ 跨域就是非同源策略请求。 1.1、什么是同源策略？ 同源策略（SOP）是一种约定，是浏览器最核心的也是最基本的安全功能，如果缺少了同源策略，浏览器很容易受到 XSS、CSFR等攻击。 协议+域名+端口号，三者都相同时就是同源，只要有一
阅读全文
摘要：什么是 axios 前后端数据交互(五)——什么是 axios？ 一、什么是 axios ? axios是基于 Promise 的 ajax 封装库，也是前端目前最流行的 ajax 请求库。简单地说发送 get、post 请求，是一个轻量级的库，使用时可直接引入。 二、axios 的特点 异步的 a
阅读全文
摘要：https://mp.weixin.qq.com/s/mNWc2tJWZlxJkKQh-kNpVg 该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统（Web Management System）开发。基于 Vue3，使用 vue-cli3脚手架，引用 Element Plus 组件库
阅读全文
摘要：超硬核 Web 前端学霸笔记，学完就去找工作！ 文章和教程 Vue 学习笔记 Node 学习笔记 React 学习笔记 Angular 学习笔记 RequireJS 学习笔记 Webpack 学习笔记 Gulp 学习笔记 Python 学习笔记 Egret 引擎学习笔记 流处理，TCP 和 UDP，
阅读全文
摘要：Webpack的理解以及解决了的问题 一、背景 Webpack 最初的目标是实现前端项目的模块化，旨在更高效地管理和维护项目中的每一个资源 模块化 最早的时候，我们会通过文件划分的形式实现模块化，也就是将每个功能及其相关状态数据各自单独放到不同的JS 文件中 约定每个文件是一个独立的模块，然后再将这
阅读全文
摘要：jQuery选择器中，通配符[id^='code']input[id$='code'][id*='code'] 1.选择器(1)通配符： $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code
阅读全文
摘要：转载写了这么多年 JavaScript ，竟然还不知道这些技巧？ 不少人有五年的 JavaScript 经验，但实际上可能只是一年的经验重复用了五次而已。完成同样的逻辑和功能，有人可以写出意大利面条一样的代码，也有人两三行简洁清晰的代码就搞定了。简洁的代码不但方便阅读，还能减少复杂逻辑和出错的可能性
阅读全文
摘要：apply与call与bind之间的区别 相同点： 他们的作用都是相同的：改变 this 的指向 当他们不传参数的时候，就跟直接调用函数或者方法的作用一样，不改变this的指向 当只传入 null 的，与上面作用也是一样，不改变this的指向 不同点： apply 与 call 直接调用即可 bin
阅读全文
摘要：jQuery对象和DOM对象的相互转换 1. jQuery --> DOM jQuery提供了两种方法：[index]和get(index) jQuery对象是一个类似数组的对象，可以通过[index]方法得到相应的DOM对象 let $students = $("#students");//jQu
阅读全文
摘要：一文梳理Web存储，从cookie，WebStorage到IndexedDB 前言 HTTP是无状态的协议，网络早期最大的问题之一是如何管理状态。服务器无法知道两个请求是否来自同一个浏览器。cookie应运而生，开始出现在各大网站，然而随着前端应用复杂度的提高，Cookie 也渐渐演化为了一个“存储
阅读全文
摘要：面试之手写防抖节流 面试之手写防抖节流 关注前端体验或性能优化的应该有听说过防抖，节流。那么，什么是防抖节流呢？ 防抖 概念 在短时间内多次触发同一个函数，只执行最后一次。 举例：搭乘公交车的时候，陆续有不同的乘客上车，但师傅只会在最后一个乘客上车后才关门。 效果演示 防抖前 防抖后 应用场景 表单
阅读全文
摘要：利用vue-cli + vant搭建一个移动端开发模板 本文系原创，转载请附带作者信息。项目地址： https://github.com/momozjm/vant-project.git 前言 在项目开发过程中，一个新的项目需要我们从零开始搭建框架，这个时候我们就可以用网上很多的脚手架进行开发，但是
阅读全文
摘要：44道JavaScript送命题 很久以前看过一个老外写的帖子，JavaScript Puzzlers!，直译就是JavaScript难题，里面列举了44道JavaScript选择题，大部分都是让人摸不着头脑的题目，需要仔细琢磨一番才能得到正确答案。也有一些作者也没有解释清除，直接通过实验给出答案了
阅读全文
摘要：JS 中的自定义事件和模拟事件 在 JS 中模拟事件指的是模拟 JS 中定义的一些事件，例如点击事件，键盘事件等。 自定义事件指的是创建一个自定义的，JS 中之前没有的事件。 接下来分别说一下创建这两种事件的方法。 创建自定义事件 创建自定义事件可以使用 Event 和 CustomEvent 两种
阅读全文
摘要：JavaScript是一门单线程语言，所谓单线程 Js异步机制 JavaScript是一门单线程语言，所谓单线程，就是指一次只能完成一件任务，如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯，坏处是只要有一个任务耗时很长，
阅读全文
摘要：ES6中async与await的使用方法 promise的使用方法 promise简介 是异步编程的一种解决方案。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。解决回调函数嵌套过多的情况 const promise =new Promise(function(resolve,r
阅读全文
摘要：浅谈前端性能优化 浅谈前端性能优化 一、资源的合并和压缩 web前端应用的开发与部署过程： 输入url到页面显示出来的过程： 请求过程中一些潜在的性能优化点： dns是否可以通过缓存减少dns查询时间？ 网络请求的过程如何走最近的网络环境？ 相同的静态资源是否可以缓存？ 能否减少http请求的大小和
阅读全文
摘要：在浏览器控制台中打印消息无疑可以拯救所有开发人员。 console.log()消息就像您的大多数疾病的药，同时调试了代码中的一些有线问题。 那里的大多数开发人员都喜欢— 让我们在浏览器中打印消息以了解有关此问题的更多信息。我敢肯定我不是唯一一个这样做的人。🤪 调试就像是犯罪电影中的侦探一样，在开发
阅读全文
摘要：JavaScript中，数组和对象的遍历方法总结 循环遍历是写程序很频繁的操作，JavaScript 提供了很多方法来实现。 这篇文章将分别总结数组和对象的遍历方法，新手可以通过本文串联起学过的知识。 数组遍历 方法一：for 循环 for 循环是使用最多，也是性能优化最好的一种遍历方式。 var
阅读全文
摘要：分析Ajax爬取今日头条街拍 站点分析 源码及遇到的问题 代码结构 方法定义 需要的常量 关于在代码中遇到的问题 01. 数据库连接 02.今日头条的反爬虫机制 03. json解码遇到的问题 04. 关于response.text和response.content的区别 源代码 站点分析 首先,打
阅读全文
