前端 指示indicate swiper
前端怎么防止网页内容被爬取？
1. 动态的Class名称或者ID 2. 动态的标题 1. 限制访问频率：可以对同一 IP 地址的访问进行限制，防止恶意爬虫过度频繁地访问同一页面。 1. 使用反爬虫技术：如图形验证码，滑动验证码、语音验证码等方式，提高爬虫运行的难度。 2. 动态生成接口：通过 Ajax 请求来获取数据，动态生成页 ......
2023前端面试题整理-VUE篇
1. VUE的基本原理 当一个Vue实例创建时，Vue会遍历data中的属性，用Object.defineProperty将它们转为getter/setter，并且在内部追踪相关依赖，在属性被访问和修改时通知变化。 每个组件实例都有相应的watcher程序实例，它会在组件渲染的过程中把属性记录为依赖 ......
前端个人体系
# 栈内技术 # 前端工具 * [Git](http://iissnan.com/progit/) * Git 基本操作 * GitFlow * VScode * [Chrome Dev Tools](https://developer.chrome.com/docs/devtools/covera ......
常见前端安全问题总结
一、XSS攻击 全称跨站脚本攻击，简称XSS攻击，攻击者通过在目标网站上HTML注入篡改网页来插入恶意脚本， 当用户在浏览网页时获取用户的cookie等敏感信息，进一步做一些其他危害的操作。 根据攻击的来源，该攻击还可以分为： 1）存储型攻击：一般是在有评论功能的网站将恶意代码当作评论内容存储到服务 ......
前端三要素
HTML、CSS、js是构建网页的三种主要技术，也被称为前端技能三要素。 1.HTML:超文本标记语言 是一种使用标签（标记）描述网页的语言； 结构层；是一种标记语言 2.CSS:层叠样式表 主要用于美化web页面外观 表现层/样式层 样式表语言 3.JavaScript:简称JS，用于网页交互的解 ......
1. react项目【前端】+C#【后端】从0到1
1、创建前端基础框架 1.1 前端创建 软件： 1.1.1 npx create-react-app pc ps:pc 是文件名 ； 1.1.2 npm start 启动项目 2、创建后端基础框架 软件： 2.1 创建 webapi 项目 Program.cs 是启动文件 ； ......
swiper自定义分页器
效果图： 1、template 内容 <div class="zsmk"> <swiper style="height: 100%" :options="gSwiper2" ref="jSwiper"> <swiper-slide v-for="(item, index) in 2" :key="i ......
shopify 前端学习
一、本地开发环境 1、 安装ruby和gem ruby 官网 https://rubyinstaller.org/downloads/ 安装下来之后一路同意安装就行了 安装完毕后输入 ruby -v 和 gem -v 查询 安装成功就会返回版本号 这样就是安装成功了 2、通过安装gem去安装 sho ......
前端-Vue语法使用
ES6 做为动态语言，感觉底层开始-基本类型就全引用。做为实例化的变量，也变得像指向指针的指针，可以随时切换指针，从而最终的数据类型也更着切换总的来说概念上会比较别扭。以及灵活导致的不确定性。底层都是对象，从对象的类型来搭建。 基本类型\ Primitive value Undefined，Null ......
最近遇到的一个问题 后端写好的接口，前端怎么获取数据
这是我后端的接口：GET 接口 这是我前端运行的项目地址： 简单使用： 咱门前端使用 颇受好评的 axios 来发起请求 这是它的官网：https://www.axios-http.cn/ 不过要在vue中使用它，就需要先安装 打开终端 输入一下命令 npm install axios 然后在需要使 ......
Nginx 常用的基础配置（web前端相关方面）
基础配置 user root; worker_processes 1; events { worker_connections 10240; } http { log_format '$remote_addr - $remote_user [$time_local] ' '"$request" $s ......
前端-VUE
工程化 这里要从node.js开始。 node.js要弄一个基于事件驱动、非阻塞I/O的的web服务，发现V8引擎+JavaScript很合适。这样Js就能直接写后端应用。然后发展成作为本地的运行容器(类似jdk)，将js导入到了本地运行领域。以此位基础，发展出了生态环境，里面关系挺绕的，各种轮子， ......
VUE前端随笔计2
又是小白记录问题的一次，老规矩，还是抄别人的代码来改。 在表标签中找到了一个点击事件 定位代码，对比别人的，发现自己的删多了，把这个补充回去就行了，具体意思不太明白，大概是给这个模型里面填充这行数据。 ......
简单聊两句前端模块化
在前端开发中，模块化是一种将代码拆分为独立模块的开发方法。它通过将功能相似或相关的代码组织成可复用、可维护的模块，以提高开发效率和代码质量。 模块化的主要目的是解决传统的JS开发存在的问题，例如全局命名冲突、代码复用困难、依赖管理混乱等。通过模块化，可以将代码拆分为独立的功能模块，每个模块都有自己的 ......
vue3+ swiper8
swiper是一个非常好用的图片切换组件，但是vue3 + swiper8 版本的文档看上去会有点懵逼（一部分是因为版本太多了，一部分是因为很少用） 此处记录下我的使用方法： 安装： npm i swiper 按照官网来使用： html部分：（基本上常用的也就这些啦，在复杂的就真的要去啃书啦） <s ......
合格前端需了解的知识 --- HTTP系列之队头阻塞（阅读时常5分钟）
简单聊下前端日常接触的HTTP协议 前言 2020年已过半，近期为了准备面试，重新学习了HTTP的部分知识点，以下是我个人对HTTP协议发展的理解，通过近期学习整理的笔记。 HTTP是一个属于应用层的面向对象的协议，主要特点概括主要有5点： 1、无状态：协议对于事务处理无记忆能力，每次客户端发起请求 ......
Vue 前端开发团队风格指南（史上最全）
Vue官网的风格指南按照优先级（依次为必要、强烈推荐、推荐、谨慎使用）分类，本文根据项目实际情况整理了一份适用于团队开发的vue风格指南，供大家参考。 ......
【前端】-近期面试题
setup setup 中的代码与普通的 <script> 只在组件被首次引入的时候执行一次不同，<script setup> 中的代码会在每次组件实例被创建的时候执行。 所以，任何在 <script setup> 声明的顶层的绑定 (包括变量，函数声明，以及 import 导入的内容) 都能在模板 ......
前端项目开发中如何统一代码风格？
一、问题 平时开发前端项目的时候，发现大家所用的编辑器都有所不同，编辑器中很多人喜欢制定自己的代码风格，这就导致协作的时候，大家的代码风格不统一。提交代码的时候会发现修改了大量的代码格式。 二、解决方案 使用eslint 和 Prettier 来统一代码风格并提高代码质量 三、解决步骤 在本文中，我 ......
深入理解前端字节二进制知识以及相关API
当前，前端对二进制数据有许多的API可以使用，这丰富了前端对文件数据的处理能力，有了这些能力，就能够对图片等文件的数据进行各种处理。 本文将着重介绍一些前端二进制数据处理相关的API知识，如Blob、File、FileReader、ArrayBuffer、TypeArray、DataView等等。 ......
前端SEO优化技术汇总
一、title、alt、h1 itle: 网站头部标签<head>下的title,网站名称备注：这里为什么不说标签中的title属性，，虽然鼠标上移可以显示图片名字，但是它跟SEO没一丝联系所以我们不关注它。 例如： <img title="图片名称"/> alt: 当网络速度很慢，或者图片地址失效 ......
记录--前端实现点击选词功能
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 今天有一个需求，点击选中某个英文单词，然后对这个单词做一些处理，例如高亮背景、查看一些详细信息等等，今天简单实现了一下，效果如下：（支持移动端，chrome和sarafi浏览器均能正常使用。语言🚀 vue3 + typescript) ......
web前端动画网址
很实用的web前端动画网址 1.https://lhammer.cn/You-need-to-know-css/#/zh-cn/2.https://chokcoco.github.io/CSS-Inspiration/#/3.https://qishaoxuan.github.io/css_tric ......
前端面试题-常见的水平垂直居中实现方案
方案一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten ......
前端定时器防抖节流
// 防抖（输入框可用） debounceFun (fun, time = 300){ clearTimeout(this.debounceTimer) this.debounceTimer = setTimeout(() => { fun() }, time) }, // 节流 throttleF ......
前端开发从入门到入土系列之——前端好社区（一）
当然可以。在中国境内，有一些非常受欢迎的前端开发专门社区，类似于墨天轮。这里为您推荐几家： 1. 掘金（Juejin.im）：掘金是一个优质的技术社区，汇集了大量的前端、后端、移动开发等方向的技术文章和教程。这里有很多经验丰富的开发者分享自己的心得和技巧。 2. V2EX：虽然V2EX不仅仅关注前端 ......
vue 后端传文件流前端解析并下载
注：很多小伙伴可能会出现，下载后乱码情况，因为后端传的文件流。 前端请求的时候，在请求体上需要添加申明： export function downloadExcelTemplate() { return request({ url: 'api/xxx/xxxx', method: 'post', r ......
汽车之家Unity前端通用架构升级实践
随着之家3D虚拟化需求的增加，各产品线使用Unity引擎的项目也越来越多，新老项目共存，代码维护成本也随之增加。代码质量参差加之代码规范仍没有完全统一产生高昂学习成本进一步加重了项目维护负担。
为应对这些问题，我们决定借助主机厂数科产品线销冠神器VR版本大升级为契机，开发一套移动端通用Unity代码... ......
前端ajax异步访问导致的问题
经过很多次尝试发现在执行return的时候异步访问中的给result_没有执行，后来发现在执行ajax的时候系统分出了另外一个线程单独执行ajax的代码，原来的线程继续往后执行导致还没有给result_赋值就已经执行了return语句而且后面那个单独分出来的线程执行完的时候，日志信息照样打印。所以一 ......