E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
前端日报
vue
前端
实现打印功能
方案一：window.print()这个命令默认打印整个页面的内容，所以，如果想要实现局部打印功能的话，就要重新给body赋值，并且后续执行完之后再还原回去，这样的话会造成一些非预期的结果，很麻烦，并且在当前也操作，window.document.body的内容重新渲染，打印完会有刷新，影响用户的体验，所以不推荐方案二：利用iframe，iframe.contentDocument.execCom
是小芳芳呀
·
2024-09-07 04:17
前端
前端
javascript
html
vue.js
浅谈一下前后端分离（什么是前后端分离以及前后端分离的原理）
1前后端分离简单来说，就是一个
前端
，一个后端，
前端
主要负责就是页面部分，比如htmlcssvue等，而后端主要就是与数据库打交道，实现对数据库的增删改查，你也可以这样理解，后端就是从数据中取值生成一个数值传递给
前端
java_upp
·
2024-09-07 04:46
前后端分离
计算机毕业设计springboot健身中心前台信息管理系统qotli源码+系统+程序+lw文档+部署
lw文档+部署计算机毕业设计springboot健身中心前台信息管理系统qotli源码+系统+程序+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse
前端
技术
呦呦网络
·
2024-09-07 03:11
数据库
基于JAVA家庭记账系统计算机毕业设计源码+系统+mysql数据库+lw文档+部署
mysql数据库+lw文档+部署基于JAVA家庭记账系统计算机毕业设计源码+系统+mysql数据库+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse
前端
技术
丽扬科技
·
2024-09-07 02:09
数据库
java
mysql
基于JAVA智能推荐二手车交易网站计算机毕业设计源码+系统+数据库+lw文档+部署
+系统+数据库+lw文档+部署基于JAVA智能推荐二手车交易网站计算机毕业设计源码+系统+数据库+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse
前端
技术
光光网络
·
2024-09-07 02:07
java
开发语言
html如何嵌套页面？
标签告诉你答案</h4> </div> <div class="article-excerpt"> web<em>前端</em>全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线）在这里小编首先介绍的是HTML中iframe标签的用法：怎么在一个网页中嵌入另一个网页呢，我们可以用html中的iframe标签搞定 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> PHP9年架构师<span class="dot">·</span>2024-09-07 02:06 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1832089847431524352.htm" ></a> <a target="_blank" href="/article/1832089847431524352.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">python pdf-pythonPDF书籍十三本</h4> </div> <div class="article-excerpt"> pythonPDF书籍十三本闯客网技术论坛部分Python资料合集，闯客网还有很多关于编程语言的学习资料和项目案例等免费下载，还有c++，c语言，java，Android和<em>前端</em>等等等的编程资料，应有尽有 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> weixin_37988176<span class="dot">·</span>2024-09-07 00:53 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1832050140521787392.htm" ></a> <a target="_blank" href="/article/1832050140521787392.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">动态绑定 class 的几种实现方式 - Vue</h4> </div> <div class="article-excerpt"> 日常开发中难免会遇到动态渲染修改样式的需求出现，So简单归纳如下三种实现方式，虽然还是学时的时候有所了解但事后很久不在接触，此次重新初识<em>前端</em>不久，哪里可以更优还请大佬多多指教！ </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> survivorsfyh<span class="dot">·</span>2024-09-06 21:06 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1832049755287547904.htm" ></a> <a target="_blank" href="/article/1832049755287547904.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">无标题文章</h4> </div> <div class="article-excerpt"> Haorooms首页文章存档关于我<em>前端</em>导航<em>前端</em>资料库小工具合作转载自：http://www.haorooms.com/post/input_file_leixing1.ajax上传文件HTML5的input </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 天字一等<span class="dot">·</span>2024-09-06 21:34 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831993710544515072.htm" ></a> <a target="_blank" href="/article/1831993710544515072.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">layUI基本元素--乐字节<em>前端</em></h4> </div> <div class="article-excerpt"> 基本元素按钮用法向任意HTML元素设定class="layui-btn"，建立一个基础按钮。通过追加格式为layui-btn-{type}的class来定义其它按钮风格。一个标准的按钮一个可跳转的按钮一个按钮主题名称组合原始class="layui-btnlayui-btn-primary"默认class="layui-btn"百搭class="layui-btnlayui-btn-normal" </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> dirft_din<span class="dot">·</span>2024-09-06 17:52 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831993579606732800.htm" ></a> <a target="_blank" href="/article/1831993579606732800.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">IT技术学习之开发(六)</h4> </div> <div class="article-excerpt"> 上次好像说到了反映zabbix数据，我又打算回到web形式，一劳永逸，比word形式的更好，但web形式的开发又涉及到了很多其他技术，比如<em>前端</em>、中间件，以及如何用它们调用后端数据。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> opcc<span class="dot">·</span>2024-09-06 17:21 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831990758706606080.htm" ></a> <a target="_blank" href="/article/1831990758706606080.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">Github Copilot - AI辅助编程工具的使用反馈和技巧分享</h4> </div> <div class="article-excerpt"> 背景介绍过去的两个月，我尝试使用GithubCopilot作为<em>前端</em>开发和Javascript编程的辅助工具。下面分享一些相关的GithubCopilot使用技巧。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> HIJK的代码日常<span class="dot">·</span>2024-09-06 17:08 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/copilot/1.htm"> copilot </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/AI%E8%BE%85%E5%8A%A9%E7%BC%96%E7%A8%8B/1.htm"> AI辅助编程 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/github/1.htm"> github </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/copilot/1.htm"> copilot </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm"> 人工智能 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/chatgpt/1.htm"> chatgpt </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/ide/1.htm"> ide </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/visual/1.htm"> visual </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/studio/1.htm"> studio </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/code/1.htm"> code </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831979466209980416.htm" ></a> <a target="_blank" href="/article/1831979466209980416.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">2019-05-02</h4> </div> <div class="article-excerpt"> 好奇心<em>日报</em>编译了这篇文章。第一，任何可预测和重复的体验，都会让人觉得无聊。文章说，重复会降低我们对自己正在做的事的兴趣，尤其是细节上的兴趣。大人的好奇心 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 寻世良方Cc_Sandy拎0<span class="dot">·</span>2024-09-06 16:16 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831947417965129728.htm" ></a> <a target="_blank" href="/article/1831947417965129728.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">时评阅读</h4> </div> <div class="article-excerpt"> 2021.11.2-打造现代化职业教育体系（人民时评）赵婀娜《人民<em>日报</em>》（2021年11月02日第05版）特色决定生命力。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 鼎骑乘堡<span class="dot">·</span>2024-09-06 14:55 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831945500010573824.htm" ></a> <a target="_blank" href="/article/1831945500010573824.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">zabbix安装</h4> </div> <div class="article-excerpt"> repo.zabbix.com/zabbix/5.0/rhel/7/x86_64/zabbix-release-5.0-1.el7.noarch.rpm#yumcleanallb.安装Zabbixserver、<em>前端</em> </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> Y-小姐<span class="dot">·</span>2024-09-06 14:18 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/zabbix/1.htm"> zabbix </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831942979577802752.htm" ></a> <a target="_blank" href="/article/1831942979577802752.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">Python RSA加解密</h4> </div> <div class="article-excerpt"> 一、使用rsa库加密#coding:utf-8importrsaimportrandomimportbase64importos'''RSA加密在HR生成公钥私钥在<em>前端</em>使用公钥加密，后端使用私钥解密参考文档 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> iu_en_uan<span class="dot">·</span>2024-09-06 14:17 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/Python/1.htm"> Python </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%8A%A0%E5%AF%86%E8%A7%A3%E5%AF%86/1.htm"> 加密解密 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/rsa/1.htm"> rsa </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831930109657968640.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/f90e0bfe4d974bc78425592d69d4fc7e.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831930109657968640.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>前端</em>MVVM框架设计及实现（一）</h4> </div> <div class="article-excerpt"> 框架了借鉴的自然还是从正美的avalon开始了，我记得还是去年6月写过一个系列的avalon源码分析的，不过那时候0.7版本，不够健全，现在已经好太多了框架是面向一个领域，提供一套解决方案，那么我们用<em>前端</em>的 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> baoaoba9317<span class="dot">·</span>2024-09-06 13:08 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm"> 设计模式 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E4%B8%8E%E7%AE%97%E6%B3%95/1.htm"> 数据结构与算法 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/ViewUI/1.htm"> ViewUI </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831930109158846464.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/b6472a9da0f2496a85341a981da7a2fd.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831930109158846464.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">轻量级<em>前端</em>MVVM框架avalon - 整体架构</h4> </div> <div class="article-excerpt"> 官网提供架构图单看这个图呢,还木有说明,感觉有点蛋疼,作者的抽象度太高了,还好在前面已经大概分析过了执行流程如图左边是View视图,我们就理解html结构,换句话就是说用户能看到的界面,渲染页面，绑定事件，切换类名，什么脏活都揽右边是ViewModel视图模式,就是开发者通过avalon.define("xxx",function(vm){vm.firstName="模型"})既然是MVVM那么还 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> baoaoba9317<span class="dot">·</span>2024-09-06 13:08 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/javascript/1.htm"> javascript </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/ViewUI/1.htm"> ViewUI </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831926707498610688.htm" ></a> <a target="_blank" href="/article/1831926707498610688.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">350页<em>前端</em>校招面试题直击大厂：<em>前端</em>基础、<em>前端</em>核心、计算机基础、项目、Hr面</h4> </div> <div class="article-excerpt"> **1.HTML2.CSS3.<em>前端</em>基础4.<em>前端</em>核心5.<em>前端</em>进阶6.移动端开发7.计算机基础8.算法与数据结构9.设计模式10.项目11.职业发展12.Hr面**正文HTML1.浏览器页面有哪三层构成，分别是什么 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 2401_86400095<span class="dot">·</span>2024-09-06 13:37 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831926598350237696.htm" ></a> <a target="_blank" href="/article/1831926598350237696.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">临夏市公安局交警大队7月7日交通秩序整治工作<em>日报</em></h4> </div> <div class="article-excerpt"> 2019年7月7日，临夏市公安局交警大队共出动警力96余人，警车9辆，警用摩托车11辆，在全市辖区范围内开展交通秩序整治治。图片发自App今日查处违法行为共232起，其中违法停车86起，摩托车不戴头盔19起，未系安全带16起，机动车违反禁令标志11起，电瓶车逆向行驶31起，电动车非法载人26起，行人闯红灯45起，现场批评教育驾驶人56人。图片发自App图片发自App图片发自App图片发自App图片 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 0ac9f2ac4866<span class="dot">·</span>2024-09-06 13:11 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831919015858106368.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/c7b610ca32c3424797be0c48f573f761.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831919015858106368.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">【卷起来】VUE3.0教程-04-表单输入绑定</h4> </div> <div class="article-excerpt"> =========各位看官，在开始学习之前，请帮我点个关注和赞吧==========表单输入绑定概述在<em>前端</em>处理表单时，我们常常需要将表单输入框的内容同步给JavaScript中相应的变量。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 听潮阁<span class="dot">·</span>2024-09-06 12:03 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/VUE/1.htm"> VUE </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/3.x/1.htm"> 3.x </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/html5/1.htm"> html5 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css3/1.htm"> css3 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/vue.js/1.htm"> vue.js </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/layui/1.htm"> layui </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/scss/1.htm"> scss </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831917378275995648.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/95724230b7b14b8bafd00569579bab63.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831917378275995648.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">深入理解Vite3.0</h4> </div> <div class="article-excerpt"> 一.发布背景在v2发布后，采用率一直不断增长，每周npm就超过了100万的下载量，如今Vite3.0横空出世，它是下一代的<em>前端</em>工具链,而如今Vite正在推动Web框架的新一轮创新竞赛。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 超维Ai编程<span class="dot">·</span>2024-09-06 12:33 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/javascript/1.htm"> javascript </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm"> 开发语言 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831892671363379200.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/fdb3eb0f888548509b8dddbd737a54cf.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831892671363379200.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">详解<em>前端</em>中的跨域及解决措施</h4> </div> <div class="article-excerpt"> 1、跨越介绍1.1、概念概念：跨域是浏览器的同源策略产生的一个限制同源策略：浏览器制定的一个安全策略，这个安全策略的主要目标是：不让我们向别人的服务器发起请求同源策略要求：同域名、同端口号、同协议，不符合同源策略的，浏览器为了安全会阻止这个请求1.2、如何界定服务器是自己的还是别人的查看请求的"协议/端口/域名"这3个内容和请求源(当前打开页面的"协议/端口/域名")是否相同如果三者有一者不同，那 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 6230_<span class="dot">·</span>2024-09-06 11:22 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/1.htm"> 前端基础 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/html/1.htm"> html </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E7%BD%91%E7%BB%9C/1.htm"> 网络 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/http/1.htm"> http </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm"> 网络协议 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/javascript/1.htm"> javascript </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E6%94%B9%E8%A1%8C%E5%AD%A6it/1.htm"> 改行学it </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831872028676812800.htm" ></a> <a target="_blank" href="/article/1831872028676812800.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">js介绍，js基本语法</h4> </div> <div class="article-excerpt"> JavaScript介绍JavaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是<em>前端</em>与用户交互的问题，包括使用交互与数据交互。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 给脸别傲_5274<span class="dot">·</span>2024-09-06 09:21 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831823330848632832.htm" ></a> <a target="_blank" href="/article/1831823330848632832.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">【<em>前端</em>Vue】06 - VueCLI 脚手架</h4> </div> <div class="article-excerpt"> 1.VueCLI介绍CLI是Command-LineInterface,翻译为命令行界面,但是俗称脚手架。VueCLI是一个官方发布vue.js项目脚手架，使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置。2.使用VueCLI需要做的准备2.1安装NodeJS下载地址。默认情况下自动安装Node和NPM。2.2安装符合要求的Node版本Node环境要求8.9以上或者更高版本 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> itlu<span class="dot">·</span>2024-09-06 06:50 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831807593346068480.htm" ></a> <a target="_blank" href="/article/1831807593346068480.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">一步一步教你搭建monorepo项目架构</h4> </div> <div class="article-excerpt"> githubtheme:juejinpnpmworkspace实践项目架构采用pnpmworkspace+changelog+huskygithub示例地址1-Vue+Nest全栈模版github示例地址2-Vue+TS<em>前端</em>模版 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 画一个圆_<span class="dot">·</span>2024-09-06 05:18 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E6%9E%B6%E6%9E%84/1.htm"> 架构 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831790574148087808.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/cbafe83ce74543d2b3ea54e5a61c0282.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831790574148087808.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">盘点简洁好用的8款静态网站搭建框架，小白易上手</h4> </div> <div class="article-excerpt"> 相对动态网站，静态网站不需要和后端的交互逻辑，所以只要有点<em>前端</em>基础都可以搞定。即使没有任何<em>前端</em>基础，也没问题，咱不是有GPT么？今天，就先给大家来盘点一下那些年简洁好用的静态网站框架。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> AI码上来<span class="dot">·</span>2024-09-06 04:41 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/AI/1.htm"> AI </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%B7%A5%E5%85%B7/1.htm"> 工具 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E6%90%AD%E5%BB%BA%E7%BD%91%E7%AB%99/1.htm"> 搭建网站 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831783897814364160.htm" ></a> <a target="_blank" href="/article/1831783897814364160.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>前端</em>组件库自定义主题切换探索-01-方案借鉴与思路参考</h4> </div> <div class="article-excerpt"> 探索原因背景首先自然是项目有需求，这是必须去做的原因其次，是我们项目没有直接使用市面上现成的基于element-ui或者ant-design的第三方UI框架，比如avue，而是有着自己的UI组件库第三，我们的组件库基于ant-design-vue，而ant-design-vue并没有很好的支持主题动态切换（主题总体模式仅支持深色和浅色，其他颜色只支持主色切换，不支持其他颜色和属性动态定制）第四，我 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 东扯葫芦西扯瓜<span class="dot">·</span>2024-09-06 03:09 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831780493180366848.htm" ></a> <a target="_blank" href="/article/1831780493180366848.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">layuiAdmin - 一个强大的后台管理框架</h4> </div> <div class="article-excerpt"> layuiAdmin-一个强大的后台管理框架layuiAdminlayuiAdmin后台管理模板完全由layui自建的一套<em>前端</em>架构实现而成的通用型后台管理模板系统项目地址:https://gitcode.com </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 潘惟妍<span class="dot">·</span>2024-09-06 03:37 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831778727722315776.htm" ></a> <a target="_blank" href="/article/1831778727722315776.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>前端</em>系列-9 Vue3生命周期和computed和watch</h4> </div> <div class="article-excerpt"> 背景本文介绍Vue3的生命周期和钩子函数，鉴于篇幅允许以及防止<em>前端</em>文章过于分散，因此将watch和computed部分之前的学习笔记也整理到本文中。这三部分是三个知识点。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> Ewen Seong<span class="dot">·</span>2024-09-06 03:36 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E7%AC%94%E8%AE%B0/1.htm"> 笔记 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831746830707290112.htm" ></a> <a target="_blank" href="/article/1831746830707290112.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>前端</em>入门题目</h4> </div> <div class="article-excerpt"> 第1题if(false){vara=1;letb=2;}console.log(a);console.log(b);解析：//输出undefinedReferenceError:bisnotdefinedvar不会产生块级作用域,let会产生块级作用域。第2题vara;if(false){a=1;letb=2;}console.log(a);console.log(b);解析：//输出Refere </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> kidding723<span class="dot">·</span>2024-09-06 01:51 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm"> 前端框架 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/setTimeout/1.htm"> setTimeout </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/var/1.htm"> var </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/let/1.htm"> let </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/const/1.htm"> const </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/nan/1.htm"> nan </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831730819807408128.htm" ></a> <a target="_blank" href="/article/1831730819807408128.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">2024年刚刚翻新<em>前端</em>vue面试题</h4> </div> <div class="article-excerpt"> 1、vue中常用的指令及作用？v-text指令：用于更新标签包含的文本，它的作用跟双大括号效果是一样的v-html指令：绑定一些包含html代码的数据在视图上v-show指令：指令的取值为true/false，分别对应着显示/隐藏，改变的是元素css样式的display属性v-if指令：取值为true/false，控制元素是否需要被渲染v-else指令：和v-if指令搭配使用，没有对应的值。当v- </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 江湖二哥<span class="dot">·</span>2024-09-06 00:14 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm"> 面试题 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/vue.js/1.htm"> vue.js </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/javascript/1.htm"> javascript </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831724389620609024.htm" ></a> <a target="_blank" href="/article/1831724389620609024.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>前端</em>宝典二十七：React Native最佳实践实例推荐</h4> </div> <div class="article-excerpt"> 可供推荐的ReactNative实例1.Exponent介绍：一个用于快速构建ReactNative应用的平台，提供了很多实用的工具和服务，帮助开发者轻松地将应用部署到多个平台。亮点：简化了ReactNative应用的开发和部署流程，提供了强大的热重载功能，方便开发者实时查看代码更改的效果。2.Airbnb的AirbnbApp介绍：Airbnb使用ReactNative开发了他们的移动应用，为用户 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 桃子叔叔<span class="dot">·</span>2024-09-06 00:41 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%A4%A7%E5%8E%82%E8%BF%9B%E9%98%B6/1.htm"> 大厂进阶 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF%E6%B7%B1%E5%BA%A6%E8%A7%A3%E6%9E%90%E7%B3%BB%E5%88%97/1.htm"> 前端深度解析系列 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/react/1.htm"> react </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/native/1.htm"> native </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/react.js/1.htm"> react.js </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831717079955369984.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/75d5e211b8bc4b50ade5cc9f110c22ca.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831717079955369984.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">Web<em>前端</em>最新2024 用好这 8 个工具，提升<em>前端</em>工程师软技能(3)，三面头条+四面阿里+五面腾讯拿offer分享面经总结</h4> </div> <div class="article-excerpt"> 跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。也许是互联网未来10年中最好的一年。WINTERISCOMING。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。这次找工作下来，我自身感觉市场并没有那么可怕，也拿到了几个大厂的offer。在此进行一个总结，给自 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 2401_84433769<span class="dot">·</span>2024-09-05 23:38 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm"> 程序员 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E9%9D%A2%E8%AF%95/1.htm"> 面试 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%AD%A6%E4%B9%A0/1.htm"> 学习 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831717080584515584.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/cc4b44a56fa04660959cf032411b4a69.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831717080584515584.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">Web<em>前端</em>最新2024 跳槽涨薪必不可少面试通关宝典 —— css 篇(1)，Web<em>前端</em>面试题初级</h4> </div> <div class="article-excerpt"> 结尾正式学习<em>前端</em>大概3年多了，很早就想整理这个书单了，因为常常会有朋友问，<em>前端</em>该如何学习，学习<em>前端</em>该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 2401_84433769<span class="dot">·</span>2024-09-05 23:38 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm"> 程序员 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E9%9D%A2%E8%AF%95/1.htm"> 面试 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%AD%A6%E4%B9%A0/1.htm"> 学习 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831715945849122816.htm" ></a> <a target="_blank" href="/article/1831715945849122816.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">2024年<em>前端</em>真实面试题集合（<em>前端</em>面试关注我就够了）</h4> </div> <div class="article-excerpt"> 前言：从2024年1月初到2月底为止，由本人伪装其他经验段去面试收集的来。面试城市在昆明、贵阳。前后一共差不多20家。其中三家大公司，其他都是中小型公司。拿到的offer薪酬也不是很理想，有几个规模比较大，比较理想的公司也是平薪甚至降薪拿到的offer，当然跟我本人自身的三脚猫功夫有关。整体大环境不是很友好，特别卷，各位靓仔靓女简历里的项目尽量不要带有电商系统，后台管理系统的字眼，很多hr，面试官 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 泛微集团小王<span class="dot">·</span>2024-09-05 23:08 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm"> 前端面试题 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E9%9D%A2%E8%AF%95/1.htm"> 面试 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831712920979992576.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/bb5af38da83d4f76869e56f4d5b87a53.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831712920979992576.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>前端</em>宝典之三：React源码解析之Fiber架构</h4> </div> <div class="article-excerpt"> 本文主要内容：1、ReactConcurrent2、React15架构3、React16架构4、Fiber架构5、任务调度循环和fiber构造循环区别一、ReactConcurrentReact在解决CPU卡顿是会用到ReactConcurrent的概念，它是React中的一个重要特性和模块，主要的特点和原理如下一、主要特点和优势1、时间切片（TimeSlicing）允许将长时间运行的任务分割成小 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 桃子叔叔<span class="dot">·</span>2024-09-05 23:07 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%A4%A7%E5%8E%82%E8%BF%9B%E9%98%B6/1.htm"> 大厂进阶 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF%E6%B7%B1%E5%BA%A6%E8%A7%A3%E6%9E%90%E7%B3%BB%E5%88%97/1.htm"> 前端深度解析系列 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/react.js/1.htm"> react.js </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E6%9E%B6%E6%9E%84/1.htm"> 架构 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/javascript/1.htm"> javascript </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831707624844914688.htm" ></a> <a target="_blank" href="/article/1831707624844914688.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">element-ui Upload<em>前端</em>读取上传的文件</h4> </div> <div class="article-excerpt"> 选取文件上传data(){return{uploadFiles:[]}},methods:{loadJsonFromFile(file,fileList){this.uploadFiles=fileList},submit(){//解析上传的文件letfile=this.uploadFiles[0]letreader=newFileReader()//abortnone中断读取//readAsBi </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 搬砖的小白<span class="dot">·</span>2024-09-05 22:04 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/element-ui%E4%BD%BF%E7%94%A8%E5%BF%83%E5%BE%97/1.htm"> element-ui使用心得 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/vue.js/1.htm"> vue.js </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831703209618534400.htm" ></a> <a target="_blank" href="/article/1831703209618534400.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">如何实现一个通用的接口限流、防重、防抖机制</h4> </div> <div class="article-excerpt"> 介绍最近上了一个新项目，考虑到一个问题，在高并发场景下，我们无法控制<em>前端</em>的请求频率和次数，这就可能导致服务器压力过大，响应速度变慢，甚至引发系统崩溃等严重问题。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> seven97_top<span class="dot">·</span>2024-09-05 22:31 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E7%B3%BB%E7%BB%9F%E8%AE%BE%E8%AE%A1/1.htm"> 系统设计 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/java/1.htm"> java </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/spring/1.htm"> spring </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/aop/1.htm"> aop </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831701123631771648.htm" ></a> <a target="_blank" href="/article/1831701123631771648.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">vue cli4跨域问题的解决</h4> </div> <div class="article-excerpt"> 在开发环境下可以<em>前端</em>配置devServer解决跨域问题在package.json同级目录下新建一个vue.config.js文件，配置如下代码module.exports={devServer:{overlay </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 卟噜卟噜叭<span class="dot">·</span>2024-09-05 22:14 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831673966318678016.htm" ></a> <a target="_blank" href="/article/1831673966318678016.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">Ajax与Axios</h4> </div> <div class="article-excerpt"> Ajax和Axios都是用于在<em>前端</em>进行数据交互的工具，但它们有一些重要的区别，从使用方式到功能特性都有所不同。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 哑巴语天雨<span class="dot">·</span>2024-09-05 20:19 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/Vue3/1.htm"> Vue3 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/ajax/1.htm"> ajax </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/okhttp/1.htm"> okhttp </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%AD%A6%E4%B9%A0/1.htm"> 学习 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831671064892108800.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/c8efd2ebe0a04b4693ee28bf735943fe.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831671064892108800.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">做<em>前端</em>领域一定要掌握的多种常见的设计模式</h4> </div> <div class="article-excerpt"> 本文大致介绍了<em>前端</em>领域常见的9种设计模式设计模式的难，在于它的抽象和分散。抽象在于每一设计模式看例子都很好理解，真正使用起来却不知所措；分散则是出现一个场景发现好几种设计模式都能实现。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 珍儿2022<span class="dot">·</span>2024-09-05 20:47 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm"> 设计模式 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/javascript/1.htm"> javascript </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%AD%A6%E4%B9%A0/1.htm"> 学习 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831663375612997632.htm" ></a> <a target="_blank" href="/article/1831663375612997632.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>前端</em>常用的几种设计模式</h4> </div> <div class="article-excerpt"> 1.模块模式（ModulePattern）模块模式用于封装代码，创建私有变量和方法，同时提供公共接口。constmyModule=(function(){varprivateVar='Iamprivate';functionprivateMethod(){console.log('Thisisaprivatemethod');}return{publicMethod:function(){cons </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> **之火<span class="dot">·</span>2024-09-05 19:14 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm"> 设计模式 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm"> 设计模式 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/javascript/1.htm"> javascript </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831658331656253440.htm" ></a> <a target="_blank" href="/article/1831658331656253440.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">CSS<em>前端</em>学习（online tuorials）</h4> </div> <div class="article-excerpt"> index.htmlDocument憨憨憨憨憨程序员学的<em>前端</em>例子~憨憨憨憨憨程序员学的<em>前端</em>例子~//监听鼠标移动事件，当鼠标在页面上移动时，触发parallax函数document.addEventListener </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 憨憨憨憨憨到不行的程序员<span class="dot">·</span>2024-09-05 19:11 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/CSS%E5%AD%A6%E4%B9%A0%EF%BC%88online/1.htm"> CSS学习（online </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/tuorials%EF%BC%89/1.htm"> tuorials） </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%AD%A6%E4%B9%A0/1.htm"> 学习 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831654548536651776.htm" ></a> <a target="_blank" href="/article/1831654548536651776.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>前端</em>算法面试题3--排序、搜索、分治</h4> </div> <div class="article-excerpt"> 排序：冒泡排序、快速排序、插入排序...搜索：二分搜索、顺序搜索...工具理解：https://visualgo.net/zh排序冒泡排序--交换冒泡排序是一种简单的排序算法，它重复地遍历要排序的列表，比较每对相邻的项，然后交换它们的顺序（如果需要）。遍历列表的工作是重复地进行直到没有更多需要交换的元素，也就是说列表已经排序完成了。functionbubbleSort(arr){letlen=ar </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 临夏_<span class="dot">·</span>2024-09-05 19:10 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E7%AE%97%E6%B3%95/1.htm"> 算法 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831650763768688640.htm" ></a> <a target="_blank" href="/article/1831650763768688640.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">读取连接中文件流和页面展示base64编码的文件</h4> </div> <div class="article-excerpt"> 读取连接中文件流和页面展示base64编码的文件背景需求从接口处获取base64编码的字节流依赖java代码<em>前端</em>展示pdf图片背景需求我需要展示一个pdf文件在页面上，但是我一直没办法将pdf的下载链接用预览方式展示出来 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 二掌柜，酒来！<span class="dot">·</span>2024-09-05 19:07 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E9%9C%80%E6%B1%82%E5%AE%9E%E7%8E%B0/1.htm"> 需求实现 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/java/1.htm"> java </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/io%E6%B5%81/1.htm"> io流 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831648997505331200.htm" ></a> <a target="_blank" href="/article/1831648997505331200.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">设计模式-8种</h4> </div> <div class="article-excerpt"> <em>前端</em>常见的设计模式主要有以下几种：1.单例模式2.工厂模式3.策略模式4.代理模式5.观察者模式6.模块模式7.构造函数模式8.混合模式单例模式这种设计模式的思想是确保一个类只有唯一实例，一般用于全局缓存 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> ANNENBERG<span class="dot">·</span>2024-09-05 19:06 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E7%AC%94%E8%AE%B0/1.htm"> 笔记 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/js/1.htm"> js </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E6%A8%A1%E5%BC%8F/1.htm"> 模式 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831648240710283264.htm" ></a> <a target="_blank" href="/article/1831648240710283264.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">JavaScript常用<em>前端</em>框架和库浅谈_<em>前端</em>框架设计-js</h4> </div> <div class="article-excerpt"> Vue.js：Vue.js是一个轻量级的JavaScript框架，用于构建用户界面。它采用了组件化的开发模式，类似于React。Vue.js的核心概念包括组件、指令和响应式数据等。Vue.js还提供了一种称为VueRouter的路由管理工具和Vuex状态管理库。Vue.js的最佳实践包括组件化开发、单文件组件、响应式数据和虚拟DOM等。使用方法：安装Vue.js：使用npm或yarn进行安装。创建 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 2401_84435885<span class="dot">·</span>2024-09-05 18:06 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/javascript/1.htm"> javascript </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm"> 前端框架 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm"> 开发语言 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831647736538165248.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/fb81a1e6e65a4233a9f9df2771ca9119.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831647736538165248.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>前端</em>练习小项目——视觉冲击卡片</h4> </div> <div class="article-excerpt"> 前言：前言：在学习完HTML和CSS之后，我们就可以开始做一些小项目了，本篇文章所讲的小项目为——视觉冲击卡片✨✨✨这里是秋刀鱼不做梦的BLOG✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN博客先让我们看一下效果：那么我们如何去实现这样的小案例呢？在下文中我们对每一段重要的代码都进行了解释，读者可以根据注释对代码进行理解。1.HTML代码zjy这段HTML代码是一个基本的网页模板，展 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 秋刀鱼不做梦<span class="dot">·</span>2024-09-05 18:05 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/CSS/1.htm"> CSS </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%AD%A6%E4%B9%A0/1.htm"> 学习 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/html/1.htm"> html </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css3/1.htm"> css3 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/vscode/1.htm"> vscode </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831643703182192640.htm" ></a> <a target="_blank" href="/article/1831643703182192640.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">CSS<em>前端</em>学习（online tuorials）旋转动画</h4> </div> <div class="article-excerpt"> index.htmlcourse2style.css*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#0e2223;}.loader{position:relative;width:1 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 憨憨憨憨憨到不行的程序员<span class="dot">·</span>2024-09-05 18:04 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/CSS%E5%AD%A6%E4%B9%A0%EF%BC%88online/1.htm"> CSS学习（online </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/tuorials%EF%BC%89/1.htm"> tuorials） </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%AD%A6%E4%B9%A0/1.htm"> 学习 </a> </li> </ul> </div> </div> </div> </div> <!-- 首页底部--动态广告 --> <div id="bottom-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="index_ad_bottom_1"></div> </div> </div> <div class="col-md-3 col-xs-12 right" id="right"> <!-- 首页右侧--动态广告1 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="index_ad_right_1"></div> </div> <!-- 首页右侧--动态广告2 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="index_ad_right_2"></div> </div> <!-- 首页右侧--动态广告3 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="index_ad_right_3"></div> </div> </div> </div> <div class="page_mod mt15"> <span class="page_next"><a href="/search/%E5%89%8D%E7%AB%AF%E6%97%A5%E6%8A%A5/7.htm" target="_self" title="上一页" class="page_next">上一页</a></span> <a href="/search/%E5%89%8D%E7%AB%AF%E6%97%A5%E6%8A%A5/4.htm">4</a> <a href="/search/%E5%89%8D%E7%AB%AF%E6%97%A5%E6%8A%A5/5.htm">5</a> <a href="/search/%E5%89%8D%E7%AB%AF%E6%97%A5%E6%8A%A5/6.htm">6</a> <a href="/search/%E5%89%8D%E7%AB%AF%E6%97%A5%E6%8A%A5/7.htm">7</a> <span class="current">8</span> <a href="/search/%E5%89%8D%E7%AB%AF%E6%97%A5%E6%8A%A5/9.htm">9</a> <a href="/search/%E5%89%8D%E7%AB%AF%E6%97%A5%E6%8A%A5/10.htm">10</a> <a href="/search/%E5%89%8D%E7%AB%AF%E6%97%A5%E6%8A%A5/11.htm">11</a> <span class="page_next"><a href="/search/%E5%89%8D%E7%AB%AF%E6%97%A5%E6%8A%A5/9.htm" target="_self" title="下一页" class="page_next">下一页</a></span> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>