前端弹框编写

zhou0ddw 2020-07-18 

<head>
<style>    .adModal{        position:fixed;        background: black;        top: 0;        right: 0;        bottom: 0;        left: 0;        z-index: 998;        opacity: 0.4;    }    .tdModal{        position:fixed;        background: white;        z-index:1000;        width: 400px;        height: 300px;        left: 50%;        top: 50%;        margin: -200px 0 0 -300px;    }
</style>
</head>
<body><div class="adModal"></div><div class="tdModal">    <p>        姓名：<input type="text" name="name">    </p>    <input type="button" value="提交"></div>
</body>
 
 
 
 
 
  zhou0ddw  
 
 
  zhou0ddw  
 
 
 
 
 
  
 
 
 
 
相关推荐
  
 
 
  微前端究竟是什么，可以带来什么收益  
 
 
 
     本文将讲解微前端诞生的背景，详细解说微前端概念的缘由以及其深入理解，读完本文，相信你对微前端有一个比较全面的认知，明白它可以解决您团队以及整个企业什么问题，带来怎么样的收益。之前比较多的处理方式是npm包形式抽离和引用，比如多个应用项目之间，可能有某业务逻   
 
 
 liduote  / 0评论  2020-11-13  
 
  
 
 
  全栈、均栈、MERN栈，哪个才是下一代Web项目的正确栈？  
 
 
 
     到底什么是技术栈?作为一种数据类型，技术栈实际上是一些组件的集合。它具有两个主要功能。一个是以推送的形式，向集合中添加组件;另一个是以弹窗的方式，删除最近添加的，但尚未删除的组件。前端技术-HTML、JavaScript、CSS、PostgreSQL、jQ   
 
 
 chenhaotao  / 0评论  2020-11-13  
 
  
 
 
  12道腾讯前端面试真题及答案整理  
 
 
 
     年底了，又到了跳槽季啦，该刷题走起了。这里总结了一些被问到可能会懵逼的面试真题，有需要的可以看下～。DNS 是什么-- Domain Name System，域名系统，作为域名和IP地址相互映射的一个分布式数据库。但a标签的默认启动在HTTPS不起作用。这   
 
 
 localhost0  / 0评论  2020-11-12  
 
  
 
 
  推荐几个大厂的前端代码规范，学会了，你也能写出诗一样的代码！  
 
 
 
     今天给大家带来的是几个大厂的前端代码规范。代码千万行，安全第一行；前端不规范，同事两行泪。不过里面也有一些内容是针对其业务的，并不通用。基于W3C、苹果开发者等官方文档，并结合团队日常业务需求以及团队在日常开发过程中总结提炼出的经验而约定。统一团队的 JS   
 
 
 小秋  / 0评论  2020-11-12  
 
  
 
 
  看看人家那后端API接口写得，那叫一个优雅！  
 
 
 
     在移动互联网，分布式、微服务盛行的今天，现在项目绝大部分都采用的微服务框架，前后端分离方式，。前端和后端进行交互，前端按照约定请求URL路径，并传入相关参数，后端服务器接收请求，进行业务处理，返回数据给前端。这样虽然能够照常满足业务，但状态码太凌乱了。这样   
 
 
 lxhuang  / 0评论  2020-11-03  
 
  
 
 
  单页应用程序中智能DevOps的五种策略  
 
 
 
     本文转载自公众号“读芯术”。DevOps在开发生命周期中起着不可或缺。大多数前端框架都配有如Webpack一般的模块捆绑器，以负责繁重的工作。但是，我们仍然需要规划如何连接捆绑持续集成和持续交付环境的前端工具。本文关注5种能在单页应用程序中使用DevOps   
 
 
 学习web前端  / 0评论  2020-10-27  
 
  
 
 
  考虑使用微前端的10个理由  
 
 
 
     现代Web应用程序变得越来越大，越来越复杂，有时由不同的团队来管理。您的应用程序可能具有由不同团队开发的功能，并且您希望在交付整个应用程序之前仅将某些功能发布到生产环境中。这些复杂的应用程序大多数都生活在客户端，这使得维护变得更加困难。我们必须为大型应用程   
 
 
 小焊猪web前端  / 0评论  2020-10-24  
 
  
 
 
  2020年想成为前端开发工程师，这个学习路线收藏起来  
 
 
 
     近两年来，前端开发工程师越来越火了，薪资待遇也快接近后端开发工程师了。今天来给大家讲讲，在2020年，我们学习前端开发，应该学什么？正所谓万丈高楼平地起，我们不管是学任何一个技术，都是要从零基础开始的，学习前端开发也是同样的。CSS就是层叠样式表。使用CS   
 
 
 杏仁技术站  / 0评论  2020-10-23  
 
  
 
 
  你应该知道的11个微前端框架  
 
 
 
     微前端将前端整体分解为许多更小、更易管理的片段。每个团队可以端到端地拥有自己的功能，可以在自己的代码库中工作，可以独立发布版本，可以不断进行小的增量升级，还可以通过  API 与其他团队集成，以便他们可以一起组建和管理页面和应用程序。本文中，作者收集了 1   
 
 
 南昌千网科技  / 0评论  2020-10-18  
 
  
 
 
  如何优化前端性能？  
 
 
 
     随着前端的范畴逐渐扩大，深度逐渐下沉，富前端必然带来的一个问题就是性能。特别是在大型复杂项目中，重前端业务可能因为一个小小的数据依赖，导致整个页面卡顿甚至崩溃。本文基于Quick  BI历年架构变迁中性能的排查、解决和总结出的“个性”问题，尝试总结整个前端   
 
 
 liduote  / 0评论  2020-10-16  
 
  
 
 
  微前端需要 JavaScript为什么？原因分析  
 
 
 
     许多微前端解决方案都是JavaScript 框架。想要高度交互的体验，而JS  在提供这些体验中发挥着至关重要的作用。除了加载速度快和可访问 Web 应用的优点外，还有其他因素应该考虑。许多JavaScript 框架都提供了 isomorphic  渲染能   
 
 
 BlueSkyUSC  / 0评论  2020-10-15  
 
  
 
 
  前端架构模式：支持前端的后端  
 
 
 
     现实世界中最常见的示例是同时具有Web和移动客户端的应用程序。要了解为什么"后端对前端"有用，让我们逐步了解一下网络体系结构的一些发展。BFF应用程序是轻量级转换层，可将单个客户端与下游服务分离开来，并且仅服务于一个前端。· BFF是特   
 
 
 Doniet  / 0评论  2020-10-08  
 
  
 
 
  谈谈前后端分离及认证选择  
 
 
 
     前几年，web开发领域中「前后端分离」比较火，现如今已逐渐成为事实标准。在传统的web架构中，比如经典的MVC，会分数据层、逻辑层、视图层。这个视图层即我们所说的前端了，映射到代码层面，就是html、js、css等代码文件。这些文件会在一个工程中，并不会单   
 
 
 zjutzmh  / 0评论  2020-09-25  
 
  
 
 
  移动前端开发和Web前端开发的区别是什么？  
 
 
 
     前端这门技术，从诞生发展至今不过寥寥十余年。如果说前十年是 PC 前端的时代，那后十年一定是属于移动前端的时代。特别是随着网络制式的发展，移动设备在全球范围内得到了空前的普及，在前端领域，Hybird Web、React Native、Weex、Flutt   
 
 
 PncLogon  / 0评论  2020-09-24  
 
  
 
 
  前端插件化架构的探索和实践  
 
 
 
     babel插件、webpack插件、vue-cli插件，为啥这么多的优秀框架都是使用插件系统？插件化架构是什么？带来了什么好处？可以应用到什么场景呢？插件化架构又称微核架构，指的是软件的内核相对较小，主要功能和业务逻辑都通过插件实现。内核通常只包含系统运行   
 
 
 趣IT  / 0评论  2020-09-22  
 
  
 
 
  Web前端和后端的区别是什么？如何区分？  
 
 
 
     从前端和后端两者工作内容和负责项目是完全不同。前后端开发的相似点：函数式编程、模块化思想、分层思想、单元测试、lint、assert  方法、日志、声明式和命令式的实践经验、数据处理的本质实践与思考、部分库的使   
 
 
 杏仁技术站  / 0评论  2020-09-18  
 
  
 
 
  前端模块化的前世  
 
 
 
     随着前端项目的越来越庞大，组件化的前端框架，前端路由等技术的发展，模块化已经成为现代前端工程师的一项必备技能。无论是什么语言一旦发展到一定地步，其工程化能力和可维护性势必得到相应的发展。尽管早期 JavaScript 语言规范上不支持模块化，但这并没有阻止   
 
 
 拾光璇旅  / 0评论  2020-09-17  
 
  
 
 
  Vue axios获取token临时令牌封装案例  
 
 
 
     为什么非要写这个博客呢？因为这件事让我有一种蛋蛋的优疼。剩下的都别问，反正问我也不会说。因为流程图我都不想（懒得）画。关于token设计方案的初步设想是这样的：第一次进入的时候获取token，后端检查签名是否通过。不通过则弹框请从合法途径进入页面并且不消失   
 
 
 kiven  / 0评论  2020-09-11  
 
  
 
 
  好用的前端开发工具：这四款你必须知道  
 
 
 
     下面我们介绍四款比较常用的前端开发工具，具体哪一款最好用，因人而异，大家可以根据自己的情况，选择一款个人认为最好用的web前端开发工具。Sublime Text凭借其漂亮的用户界面和极其强大的功能，被誉为“神级”代码开发工具。Sublime Text  支   
 
 
 lfbooo  / 0评论  2020-09-09  
 
  
 
 
  快速入门Web前端开发的正确姿势  
 
 
 
     入门标准很简单，就一条：达到能参与 Web  前端实际项目的开发水平。请注意，是实际项目，这就需要了解如今的实际项目开发都用了哪些技术栈。几年前， jQuery + Bootstrap 可以说是一统江湖，是前端领域的绝对霸主。而这几年，随着 Angular   
 
 
 颤抖吧腿子  / 0评论  2020-09-04  
 
  
 
 
  前端性能监控及推荐几个开源的监控系统  
 
 
 
     web项目性能很重要，开发迭代过程中难免会有所忽视，性能会伴随产品的迭代而有所衰减。特别在移动端，网络一直是一个很大的瓶颈，而页面却越来越大，功能越来越复杂。并没有简单的几条黄金规则就可以搞定性能优化工作，我们需要一套性能监控系统持续监控、评估、预警页面性   
 
 
 Herorong  / 0评论  2020-08-25  
 
  
 
 
  在vue前端去除后端返回json数据中时间日期中间的T  
 
 
 
     在做项目的时候，遇到一个问题，明明在数据库中，DataTime类型的数据格式明明是正常的，怎么返回到前端后，就在日期和时间中多了一个T？没有办法，只有在前端里再给日期时间来次格式化。return year + "-" + month +   
 
 
 softwear  / 0评论  2020-08-21  
 
  
 
 
  Web前端学习是属于阶段性的吗？  
 
 
 
     相信前端的学习会给大家带来可观的收入，在前端行业发光发热。其中的内容包含了三个方面,一个是网站的布局,一个是基础项目,另一个是页面布局的项目。第二个阶段是高级程序的设计,有以下几个内容1.原生Java的交互项目开发功能,2.面向对象进阶,3.ls6、ls5   
 
 
 liangjielaoshi  / 0评论  2020-08-19  
 
  
 
 
  Web前端学习是属于阶段性的吗？  
 
 
 
     相信前端的学习会给大家带来可观的收入，在前端行业发光发热。其中的内容包含了三个方面,一个是网站的布局,一个是基础项目,另一个是页面布局的项目。第二个阶段是高级程序的设计,有以下几个内容1.原生Java的交互项目开发功能,2.面向对象进阶,3.ls6、ls5   
 
 
 viewerlin  / 0评论  2020-08-19  
 
  
 
 
  精美前端UI（VUE）界面，ASP.NET通用工作流开发分享  
 
 
 
     工作流在IT领域算是一个老话题了，最早的工作流思想在上世纪60年代就有人提过，70年代有人开始了初步尝试，但是由于技术的限制，直到80年代才有第一批比较成功的工作流，随后工作流便逐步走向了爆发期，90年代便出现了很多类型的工作流，不过其主旨是不变的，那就是   
 
 
 anaction  / 0评论  2020-08-17  
 
  
 
 
  知识点记录  
 
 
 
     express的中间件中执行异步函数，执行顺序不会按照洋葱模型，异步的执行结果有可能被放到最后，response之前。这是由于，其中间件执行机制，递归回调中没有等待中间件中的异步函数执行完毕，就是没有await中间件异步函数。express内置了很多中间件   
 
 
 风萧萧梦潇  / 0评论  2020-08-17  
 
  
 
 
  性能up！面向前端开发人员的14个JavaScript代码优化技巧  
 
 
 
     本文转载自公众号“读芯术”。而与此同时，据W3Tech统计，全世界将近96%的网站都在使用JavaScript，JavaScript已成为有史以来最热门的编程语言之一。顺便一提，请确保共享和重用JS组件，以达成高质量代码和合理交付时间之间的恰当平衡。   
 
 
 PncLogon  / 0评论  2020-08-16  
 
  
 
 
  [Asp.Net Core]提高开发效率的方法  
 
 
 
     在园子里面有很多关于各种技术细节的研究文章，都是比较牛逼的框架研究；但是一直没有看到关于怎么样提高开发效率的文章，大多提高开发效率的文章都是关于自动化等方面的辅助工具类型的，而不是开发中的一些小技巧；今天从编码规范、编码技巧、开发思想、设计模式等各方面的经   
 
 
 nemunemu  / 0评论  2020-08-16  
 
  
 
 
  前端CSS引入外部字体  
 
 
 
     src:url;/*字体包的引入路径*/   
 
 
 SHINESUNNY  / 0评论  2020-08-15  
 
  
 
 
  0基础学习前端开发的一些建议  
 
 
 
     以下纯属个人观点和建议，肯定是有局限性的，但是也希望能给你带来一些帮助。我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一，所以多我们提出的要求也就越来越高了。所以我们需要的也就不仅仅只是掌握css、html、JavaScript了，但是这三大件   
 
 
 franktaoge  / 0评论  2020-08-15  
 
  
 
 
  7款前端性能分析工具，全都是神器  
 
 
 
     我们都知道，前端包括图形化的用户界面、相应的功能、及其整体站点的可用性。前端的重要性毋庸置疑，如果前端无法正常工作，将无法“拉新”。今天就给大家介绍7款前端性能分析工具，对你有用的话，欢迎收藏转发。可将其作为一个  Chrome扩展程序运行，或从命令行运行   
 
 
 Johnny0  / 0评论  2020-08-14  
 
  
 
 
  Web前端学多久能参加工作呢？  
 
 
 
     爱创课堂在各地开设了分校，很多慕名来的学员到爱创来学习前端，都能找到一份不错的工作。并且爱创对学员是非常负责任的，我们爱创学员就业有保障，入学签订就业协议，就业问题不用担心。爱创在学习中通过全面实战的教学理念，结合多个用人单位的项目对学员进行教学，学成后直   
 
 
 SHINESUNNY  / 0评论  2020-08-11  
 
  
 
 
  java前后端分离开发思路  
 
 
 
     前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。核心思想是前端html   
 
 
 范群松  / 0评论  2020-08-03  
 
  
 
 
  前端登录，这一篇就够了  
 
 
 
     登录是每个网站中都经常用到的一个功能，在页面上我们输入账号密码，敲一下回车键，就登录了，但这背后的登录原理你是否清楚呢？今天我们就来介绍几种常用的登录方式。为了解决 HTTP 无状态的问题，Lou Montulli 在 1994 年的时候，推出了 Cook   
 
 
 阳光之吻  / 0评论  2020-08-03  
 
  
 
 
  Node.js在大前端领域的应用分析  
 
 
 
     关于 node 的使用已经很久了，使用范围也很广，似乎有前端的地方就有 node，那么来思考一个问题，node 到底是用来干嘛的呢？本文从五个大的方面对该问题进行了解释。本文不仅仅可以应用场景的分析，完全可以把它当做Node.js高级进阶当路线，看看那些你   
 
 
 MrHaoNan  / 0评论  2020-07-31  
 
  
 
 
  微信扫码登录的几秒钟里，到底发生了什么  
 
 
 
     一想到你要关注我 ↑ 就忍不住有点紧张0.0...事情经过这天中午，小A吃完午饭，摊在自己的躺椅上，想趁吃饱喝足的午后时间静静享受独自的静谧。请使用微信扫码登录账号，继续观看这...但是由于强烈的好奇驱使，迫于无奈，小A只好选择登录再继续观看。小A心中略微   
 
 
 风萧萧梦潇  / 0评论  2020-07-30  
 
  
 
 
  Web前端 Web前端和Web后端的区分  
 
 
 
     为什么jsp是后端呢？主要是jsp的运行原理是在tomcat服务器运行的。   
 
 
 元元  / 0评论  2020-07-30  
 
  
 
 
  PC人脸识别登录，出乎意料的简单  
 
 
 
     本文收录在个人博客：www.chengxy-nds.top，技术资源共享。之前不是做了个开源项目嘛，在做完GitHub登录后，想着再显得有逼格一点，说要再加个人脸识别登录，就我这佛系的开发进度，过了一周总算是抽时间安排上了。其实最近对写文章有点小抵触，写的   
 
 
 LetItBe  / 0评论  2020-07-29  
 
  
 
 
  PC人脸识别登录，出乎意料的简单  
 
 
 
     之前不是做了个开源项目嘛，在做完GitHub登录后，想着再显得有逼格一点，说要再加个人脸识别登录，就我这佛系的开发进度，过了一周总算是抽时间安排上了。其实最近对写文章有点小抵触，写的东西没人看，总有点小失落，好在有同行大佬们的开导让我重拾了信心。废话不多说   
 
 
 汤姆猴  / 0评论  2020-07-29  
 
  
 
 
  微前端介绍  
 
 
 
     微前端就是将不同的功能按照不同的维度拆分成多个子应用。微前端的核心在于拆, 拆完后在合!希望每个团队都可以独立开发，独立部署怎么破？当路径切换时加载同的子应用。从而解决了前端协同开发问题。2018年 Single-SPA诞生了， single-spa 是一   
 
 
 架构技术交流  / 0评论  2020-07-28  
 
  
 
 
  DO,DTO,VO,POJO详解  
 
 
 
     　　这些 O 有很多衍生出的命名，比如 VO、DO、BO，这里我们把常见的 O 列举出来，然后一一解释。　　以下内容参考阿里巴巴 Java 开发手册，如果有需要可以在微信公众号「01 二进制」后台回复「Java 开发手册」获得。　　　　　　展示对象：xxx   
 
 
 风萧萧梦潇  / 0评论  2020-07-28  
 
  
 
 
  【前端】用户评价页面评价图片删除  
 
 
 
     sizeType: [‘original‘, ‘compressed‘], //可以指定是原图还是压缩图，默认二者都有。可以看到这里的sourceType会直接从相册选择图片，当然还可以把sourceType的参数改为camera或者两个都写，这个是显示图   
 
 
 风萧萧梦潇  / 0评论  2020-07-27  
 
  
 
 
  微前端的现状和趋势  
 
 
 
     微前端是前端开发最具争议的话题之一。真的需要切分应用吗？这是不是又一个咨询公司为了多赚钱发明出来的概念？尽管人们对微前端多有误解，我们不能否认微前端日益流行这一事实。让我们看下谁在使用微前端，到底为什么用微前端，还有一些方便上手的现成解决方案。最大的问题在   
 
 
 liduote  / 0评论  2020-07-27  
 
  
 
 
  2020最为关注的前端技术  
 
 
 
     跨端，IOS,安卓，web。支持C++、C#、Rust、Go、nodejs等语言。   
 
 
 学习web前端  / 0评论  2020-07-27  
 
  
 
 
  Vue-router前端路由(1)  
 
 
 
     但是，一个网站这么多页面服务器应该如何处理呢？URL会发送到服务器，服务器会通过正则对该URL进行匹配。并且最后交给一个Controller进行处理。后端只提供API来返回数据，前端通过Ajax来获取数据，并且可以通过JavaScript将数据渲染到页面中   
 
 
 前端小白  / 0评论  2020-07-19  
 
  
 
 
  前端性能优化之重排和重绘  
 
 
 
     前言，最近利用碎片时间拜读了一下尼古拉斯的另一巨作《高性能JavaScript》，今天写的文章从“老生常谈”的页面重绘和重排入手，去探究这两个概念在页面性能提升上的作用。有经验的大佬对这个概念一定不会陌生，“浏览器输入URL发生了什么”。切回正题，我们继续   
 
 
 89253818  / 0评论  2020-07-19  
 
  
 
 
  前端性能监控  
 
 
 
     为了帮助开发者更好地衡量和改进前端页面性能，W3C 性能小组引入了 Navigation Timing API，实现了自动、精准的页面性能打点；开发者可以通过 window.performance 属性获取。　　 页面性能统计的起始点时间，应该是用户输入网   
 
 
 bowean  / 0评论  2020-07-19  
 
  
 
 
  什么是断点续传？前端如何实现文件的断点续传  
 
 
 
     什么是断点续传？就是下载文件时，不必重头开始下载，而是从指定的位置继续下载，这样的功能就叫做断点续传。断点续传的理解可以分为两部分：一部分是断点，一部分是续传。所以断点续传的最基本实现也就是：前端通过FileList对象获取到相应的文件，按照指定的分割方式   
 
 
 starzhangkiss  / 0评论  2020-07-18  
 
  
 
 
  web前端程序员代码编辑器推荐  
 
 
 
     Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增php语法高亮。支持html、css、js、php的   
 
 
 学习web前端  / 0评论  2020-07-18