前端页面布局第4页

推荐频道

前端页面布局

vue前端实现打印功能

方案一：window.print()这个命令默认打印整个页面的内容，所以，如果想要实现局部打印功能的话，就要重新给body赋值，并且后续执行完之后再还原回去，这样的话会造成一些非预期的结果，很麻烦，并且在当前也操作，window.document.body的内容重新渲染，打印完会有刷新，影响用户的体验，所以不推荐方案二：利用iframe，iframe.contentDocument.execCom

是小芳芳呀·2024-09-07 04:17

浅谈一下前后端分离（什么是前后端分离以及前后端分离的原理）

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智能推荐二手车交易网站计算机毕业设计源码+系统+数据库+lw文档+部署

+系统+数据库+lw文档+部署基于JAVA智能推荐二手车交易网站计算机毕业设计源码+系统+数据库+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

光光网络·2024-09-07 02:07

html如何嵌套页面？标签告诉你答案</h4> </div> <div class="article-excerpt"> web<em>前端</em>全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线）在这里小编首先介绍的是HTML中iframe标签的用法：怎么在一个网页中嵌入另一个网页呢，我们可以用html中的iframe标签搞定 </div> </a> <div class="newsitem-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 articletitle--tag"> </ul> </div> </div> </div> <div class="news-item streamitem clearfix mt15"> <div class="newsitem-info clearfix"> <a href="/article/1832089847431524352.htm" ></a> <a target="_blank" href="/article/1832089847431524352.htm"> <div class="mb5 mt5"> <h4 class="newsitem-title mt0">python pdf-pythonPDF书籍十三本</h4> </div> <div class="article-excerpt"> pythonPDF书籍十三本闯客网技术论坛部分Python资料合集，闯客网还有很多关于编程语言的学习资料和项目案例等免费下载，还有c++，c语言，java，Android和<em>前端</em>等等等的编程资料，应有尽有 </div> </a> <div class="newsitem-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 articletitle--tag"> </ul> </div> </div> </div> <div class="news-item streamitem 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="newsitem-title mt0">动态绑定 class 的几种实现方式 - Vue</h4> </div> <div class="article-excerpt"> 日常开发中难免会遇到动态渲染修改样式的需求出现，So简单归纳如下三种实现方式，虽然还是学时的时候有所了解但事后很久不在接触，此次重新初识<em>前端</em>不久，哪里可以更优还请大佬多多指教！ </div> </a> <div class="newsitem-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 articletitle--tag"> </ul> </div> </div> </div> <div class="news-item streamitem 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="newsitem-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 articletitle--tag"> </ul> </div> </div> </div> <div class="news-item streamitem clearfix mt15"> <div class="newsitem-info clearfix"> <a href="/article/1831993710544515072.htm" ></a> <a target="_blank" href="/article/1831993710544515072.htm"> <div class="mb5 mt5"> <h4 class="newsitem-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="newsitem-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 articletitle--tag"> </ul> </div> </div> </div> <div class="news-item streamitem 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="newsitem-title mt0">IT技术学习之开发(六)</h4> </div> <div class="article-excerpt"> 上次好像说到了反映zabbix数据，我又打算回到web形式，一劳永逸，比word形式的更好，但web形式的开发又涉及到了很多其他技术，比如<em>前端</em>、中间件，以及如何用它们调用后端数据。 </div> </a> <div class="newsitem-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 articletitle--tag"> </ul> </div> </div> </div> <div class="news-item streamitem 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="newsitem-title mt0">Github Copilot - AI辅助编程工具的使用反馈和技巧分享</h4> </div> <div class="article-excerpt"> 背景介绍过去的两个月，我尝试使用GithubCopilot作为<em>前端</em>开发和Javascript编程的辅助工具。下面分享一些相关的GithubCopilot使用技巧。 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-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 articletitle--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/zabbix/1.htm"> zabbix </a> </li> </ul> </div> </div> </div> <div class="news-item streamitem clearfix mt15"> <div class="newsitem-info clearfix"> <a href="/article/1831942979577802752.htm" ></a> <a target="_blank" href="/article/1831942979577802752.htm"> <div class="mb5 mt5"> <h4 class="newsitem-title mt0">Python RSA加解密</h4> </div> <div class="article-excerpt"> 一、使用rsa库加密#coding:utf-8importrsaimportrandomimportbase64importos'''RSA加密在HR生成公钥私钥在<em>前端</em>使用公钥加密，后端使用私钥解密参考文档 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-title mt0"><em>前端</em>MVVM框架设计及实现（一）</h4> </div> <div class="article-excerpt"> 框架了借鉴的自然还是从正美的avalon开始了，我记得还是去年6月写过一个系列的avalon源码分析的，不过那时候0.7版本，不够健全，现在已经好太多了框架是面向一个领域，提供一套解决方案，那么我们用<em>前端</em>的 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-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="newsitem-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 articletitle--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 streamitem 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="newsitem-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="newsitem-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 articletitle--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 streamitem 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="newsitem-title mt0">【卷起来】VUE3.0教程-04-表单输入绑定</h4> </div> <div class="article-excerpt"> =========各位看官，在开始学习之前，请帮我点个关注和赞吧==========表单输入绑定概述在<em>前端</em>处理表单时，我们常常需要将表单输入框的内容同步给JavaScript中相应的变量。 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-title mt0">深入理解Vite3.0</h4> </div> <div class="article-excerpt"> 一.发布背景在v2发布后，采用率一直不断增长，每周npm就超过了100万的下载量，如今Vite3.0横空出世，它是下一代的<em>前端</em>工具链,而如今Vite正在推动Web框架的新一轮创新竞赛。 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-title mt0">详解<em>前端</em>中的跨域及解决措施</h4> </div> <div class="article-excerpt"> 1、跨越介绍1.1、概念概念：跨域是浏览器的同源策略产生的一个限制同源策略：浏览器制定的一个安全策略，这个安全策略的主要目标是：不让我们向别人的服务器发起请求同源策略要求：同域名、同端口号、同协议，不符合同源策略的，浏览器为了安全会阻止这个请求1.2、如何界定服务器是自己的还是别人的查看请求的"协议/端口/域名"这3个内容和请求源(当前打开页面的"协议/端口/域名")是否相同如果三者有一者不同，那 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-title mt0">js介绍，js基本语法</h4> </div> <div class="article-excerpt"> JavaScript介绍JavaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是<em>前端</em>与用户交互的问题，包括使用交互与数据交互。 </div> </a> <div class="newsitem-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 articletitle--tag"> </ul> </div> </div> </div> <div class="news-item streamitem 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="newsitem-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="newsitem-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 articletitle--tag"> </ul> </div> </div> </div> <div class="news-item streamitem 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="newsitem-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="newsitem-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 articletitle--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 streamitem 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="newsitem-title mt0">盘点简洁好用的8款静态网站搭建框架，小白易上手</h4> </div> <div class="article-excerpt"> 相对动态网站，静态网站不需要和后端的交互逻辑，所以只要有点<em>前端</em>基础都可以搞定。即使没有任何<em>前端</em>基础，也没问题，咱不是有GPT么？今天，就先给大家来盘点一下那些年简洁好用的静态网站框架。 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-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="newsitem-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 articletitle--tag"> </ul> </div> </div> </div> <div class="news-item streamitem 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="newsitem-title mt0">layuiAdmin - 一个强大的后台管理框架</h4> </div> <div class="article-excerpt"> layuiAdmin-一个强大的后台管理框架layuiAdminlayuiAdmin后台管理模板完全由layui自建的一套<em>前端</em>架构实现而成的通用型后台管理模板系统项目地址:https://gitcode.com </div> </a> <div class="newsitem-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 articletitle--tag"> </ul> </div> </div> </div> <div class="news-item streamitem 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="newsitem-title mt0"><em>前端</em>系列-9 Vue3生命周期和computed和watch</h4> </div> <div class="article-excerpt"> 背景本文介绍Vue3的生命周期和钩子函数，鉴于篇幅允许以及防止<em>前端</em>文章过于分散，因此将watch和computed部分之前的学习笔记也整理到本文中。这三部分是三个知识点。 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-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="newsitem-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 articletitle--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 streamitem 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="newsitem-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="newsitem-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 articletitle--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 streamitem 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="newsitem-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="newsitem-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 articletitle--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 streamitem 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="newsitem-title mt0">Web<em>前端</em>最新2024 用好这 8 个工具，提升<em>前端</em>工程师软技能(3)，三面头条+四面阿里+五面腾讯拿offer分享面经总结</h4> </div> <div class="article-excerpt"> 跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。也许是互联网未来10年中最好的一年。WINTERISCOMING。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。这次找工作下来，我自身感觉市场并没有那么可怕，也拿到了几个大厂的offer。在此进行一个总结，给自 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-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="newsitem-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 articletitle--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 streamitem 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="newsitem-title mt0">2024年<em>前端</em>真实面试题集合（<em>前端</em>面试关注我就够了）</h4> </div> <div class="article-excerpt"> 前言：从2024年1月初到2月底为止，由本人伪装其他经验段去面试收集的来。面试城市在昆明、贵阳。前后一共差不多20家。其中三家大公司，其他都是中小型公司。拿到的offer薪酬也不是很理想，有几个规模比较大，比较理想的公司也是平薪甚至降薪拿到的offer，当然跟我本人自身的三脚猫功夫有关。整体大环境不是很友好，特别卷，各位靓仔靓女简历里的项目尽量不要带有电商系统，后台管理系统的字眼，很多hr，面试官 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-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="newsitem-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 articletitle--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 streamitem 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="newsitem-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="newsitem-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 articletitle--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 streamitem 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="newsitem-title mt0">如何实现一个通用的接口限流、防重、防抖机制</h4> </div> <div class="article-excerpt"> 介绍最近上了一个新项目，考虑到一个问题，在高并发场景下，我们无法控制<em>前端</em>的请求频率和次数，这就可能导致服务器压力过大，响应速度变慢，甚至引发系统崩溃等严重问题。 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-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="newsitem-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 articletitle--tag"> </ul> </div> </div> </div> <div class="news-item streamitem 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="newsitem-title mt0">Ajax与Axios</h4> </div> <div class="article-excerpt"> Ajax和Axios都是用于在<em>前端</em>进行数据交互的工具，但它们有一些重要的区别，从使用方式到功能特性都有所不同。 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-title mt0">做<em>前端</em>领域一定要掌握的多种常见的设计模式</h4> </div> <div class="article-excerpt"> 本文大致介绍了<em>前端</em>领域常见的9种设计模式设计模式的难，在于它的抽象和分散。抽象在于每一设计模式看例子都很好理解，真正使用起来却不知所措；分散则是出现一个场景发现好几种设计模式都能实现。 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-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="newsitem-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 articletitle--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 streamitem 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="newsitem-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="newsitem-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 articletitle--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 streamitem 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="newsitem-title mt0"><em>前端</em>算法面试题3--排序、搜索、分治</h4> </div> <div class="article-excerpt"> 排序：冒泡排序、快速排序、插入排序...搜索：二分搜索、顺序搜索...工具理解：https://visualgo.net/zh排序冒泡排序--交换冒泡排序是一种简单的排序算法，它重复地遍历要排序的列表，比较每对相邻的项，然后交换它们的顺序（如果需要）。遍历列表的工作是重复地进行直到没有更多需要交换的元素，也就是说列表已经排序完成了。functionbubbleSort(arr){letlen=ar </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-title mt0">读取连接中文件流和页面展示base64编码的文件</h4> </div> <div class="article-excerpt"> 读取连接中文件流和页面展示base64编码的文件背景需求从接口处获取base64编码的字节流依赖java代码<em>前端</em>展示pdf图片背景需求我需要展示一个pdf文件在页面上，但是我一直没办法将pdf的下载链接用预览方式展示出来 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-title mt0">设计模式-8种</h4> </div> <div class="article-excerpt"> <em>前端</em>常见的设计模式主要有以下几种：1.单例模式2.工厂模式3.策略模式4.代理模式5.观察者模式6.模块模式7.构造函数模式8.混合模式单例模式这种设计模式的思想是确保一个类只有唯一实例，一般用于全局缓存 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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 articletitle--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 streamitem 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="newsitem-title mt0"><em>前端</em>练习小项目——视觉冲击卡片</h4> </div> <div class="article-excerpt"> 前言：前言：在学习完HTML和CSS之后，我们就可以开始做一些小项目了，本篇文章所讲的小项目为——视觉冲击卡片✨✨✨这里是秋刀鱼不做梦的BLOG✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN博客先让我们看一下效果：那么我们如何去实现这样的小案例呢？在下文中我们对每一段重要的代码都进行了解释，读者可以根据注释对代码进行理解。1.HTML代码zjy这段HTML代码是一个基本的网页模板，展 </div> </a> <div class="newsitem-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 articletitle--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 streamitem 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="newsitem-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="newsitem-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 articletitle--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 streamitem clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831643323572514816.htm" ></a> <a target="_blank" href="/article/1831643323572514816.htm"> <div class="mb5 mt5"> <h4 class="newsitem-title mt0"><em>前端</em>常用的几种设计模式--观察者模式、单例模式等</h4> </div> <div class="article-excerpt"> <em>前端</em>常用的几种设计模式<em>前端</em>开发中有几种设计模式被广泛使用，对于开发者来说，理解和掌握这些模式能够帮助他们写出更加清晰、可维护的代码。 </div> </a> <div class="newsitem-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:33 </span> </span> <ul class="taglist--inline inline-block articletitle--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/%E8%A7%82%E5%AF%9F%E8%80%85%E6%A8%A1%E5%BC%8F/1.htm"> 观察者模式 </a> </li> </ul> </div> </div> </div> <div class="news-item streamitem clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831623907254300672.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/8565f71bbbbf4992877cefb69d4311db.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831623907254300672.htm"> <div class="mb5 mt5"> <h4 class="newsitem-title mt0">web开发</h4> </div> <div class="article-excerpt"> 我们访问的浏览器是一个程序，京东也是一个程序，只是京东在人家电脑上运行着，我们只是远程访问了人家的<em>前端</em>页面。 </div> </a> <div class="newsitem-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> .ccl<span class="dot">·</span>2024-09-05 17:24 </span> </span> <ul class="taglist--inline inline-block articletitle--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 streamitem clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831585344466808832.htm" ></a> <a target="_blank" href="/article/1831585344466808832.htm"> <div class="mb5 mt5"> <h4 class="newsitem-title mt0">类似《东郊到家》的APP小程序软件系统源码</h4> </div> <div class="article-excerpt"> 以下是对这类系统源码的详细解析，包括技术框架、功能模块及新增特性等方面：一、技术框架<em>前端</em>：使用Vue和uniapp框架进行开发，Vue提供了组件化的开发模式，而uniapp则支持多端编译，包括小程序、H5 </div> </a> <div class="newsitem-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> I592O929783<span class="dot">·</span>2024-09-05 14:10 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/json/1.htm"> json </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">  <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>  <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>  <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%E9%A1%B5%E9%9D%A2%E5%B8%83%E5%B1%80/3.htm" target="_self" title="上一页" class="page_next">上一页</a></span> <a href="/search/%E5%89%8D%E7%AB%AF%E9%A1%B5%E9%9D%A2%E5%B8%83%E5%B1%80/1.htm">1</a> <a href="/search/%E5%89%8D%E7%AB%AF%E9%A1%B5%E9%9D%A2%E5%B8%83%E5%B1%80/2.htm">2</a> <a href="/search/%E5%89%8D%E7%AB%AF%E9%A1%B5%E9%9D%A2%E5%B8%83%E5%B1%80/3.htm">3</a> <span class="current">4</span> <a href="/search/%E5%89%8D%E7%AB%AF%E9%A1%B5%E9%9D%A2%E5%B8%83%E5%B1%80/5.htm">5</a> <a href="/search/%E5%89%8D%E7%AB%AF%E9%A1%B5%E9%9D%A2%E5%B8%83%E5%B1%80/6.htm">6</a> <a href="/search/%E5%89%8D%E7%AB%AF%E9%A1%B5%E9%9D%A2%E5%B8%83%E5%B1%80/7.htm">7</a> <a href="/search/%E5%89%8D%E7%AB%AF%E9%A1%B5%E9%9D%A2%E5%B8%83%E5%B1%80/8.htm">8</a> <span class="page_next"><a href="/search/%E5%89%8D%E7%AB%AF%E9%A1%B5%E9%9D%A2%E5%B8%83%E5%B1%80/5.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.  </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>