浏览器
VUE+element-ui实现卡片式平铺布局(无分页)
VUE+element-ui实现卡⽚式平铺布局（⽆分页）本⽂借鉴了⼀部分上⽂，卡⽚布局部分不再是⾃⼰写 DIV 和 CSS ，⽽是改⽤了 element-ui 的 “card 卡⽚”，并且添加了全选 和 其他功能。关键点：【最开始这两个点疏忽了，调了⼀下午。是个⼩坑】1、input 的 id 和 label 的 for 都要独⽴，保证唯⼀...
CSSborder-radius边框圆角
CSSborder-radius边框圆⾓在CSS3中提供了对边框进⾏圆⾓设定的⽀持，可对边框1~4个⾓进⾏圆⾓样式设置。⽬录1.2.3.4.1. 介绍1.1 圆⾓属性CSS3提供了5种圆⾓属性border-radius：同时设置4个边框的圆⾓样式。border-top-left-radius：设置左上⾓边框的圆⾓样式。border-top-right-radius：设置右上⾓边框的圆⾓样式。bor...
CSS3属性之圆角效果——border-radius属性
CSS3属性之圆⾓效果——border-radius属性在css3之前，要实现圆⾓的效果可以通过图⽚或者⽤margin属性实现(可以参考这⾥：)。实现过程很繁琐，但CSS3的到来简化了实现圆⾓的⽅式。CSS3实现圆⾓需要使⽤border-radius属性，但因为浏览器兼容性的问题，在开发过程中要加私有前缀。1 2 3 4-webkit-border-radius -moz-border-radiu...
利用CSS3的新功能实现(椭)圆角边框和图片边框
利⽤CSS3的新功能实现（椭）圆⾓边框和图⽚边框⽹上现在有很多使⽤CSS实现的圆⾓边框，但这些⽅法都是⽐较复杂的，现在，CSS3标准提供实现圆⾓边框、椭圆⾓边框和图⽚边框的简单⽅法。CSS3关于边框的定义中新加⼊了border-radius和border-image属性实现这些功能。CSS3的边框模块定义的属性有：属性名属性值border border-width | border-style |...
border-radius属性
border-radius属性以下内容摘于百度经验。border-radius圆⾓边框是CSS3的新属性，以前⽹页设计开发中要实现元素的圆⾓边框，通常是⽤背景图⽚来实现的。现在我们只需要给元素添加border-radius属性即可。⼀.兼容性它是CSS3的新属性，兼容IE9+，Firefox 4+、Chrome、Safari 5+ 以及 Opera浏览器，对于⼀些较低版本的浏览器，我们可以添加相应...
JavaScript中一个方法同时发送两个ajax请求问题
JavaScript中⼀个⽅法同时发送两个ajax请求问题今天在做项⽬中遇到⼀个问题，⼤概是在⼀个jsp页⾯同时有⼀个select下拉搜索条件框和⼀个Bootstrap表格展⽰列表。这两个都要通过ajax 向后台拿数据，⽽且要在页⾯加载时完成。当时的做法是：$(function() {// 加载下拉菜单selectMenu();/** 加载页⾯表格 */var url = 'xxxx.do';va...
Bootstrap基本模板
Bootstrap基本模板Bootstrap简介Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，⽤于开发响应式布局、移动设备优先的 WEB 项⽬。它的座右铭就是：简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。为什么要使⽤Bootstrap?1. ⽣态圈⽕，不断地更新迭代；2. 提供⼀套美观⼤⽅地界⾯组件；3. 提供⼀套优雅的 HTML+CSS 编码规范；4. 让我们...
bootstrap兼容原理
bootstrap兼容原理Bootstrap 兼容原理Bootstrap 是一个流行的前端开发框架，被广泛应用于各种 Web 开发项目中。它提供了一套简洁优雅的 CSS 样式和功能组件，使得开发者能够快速构建现代化的响应式网站。然而，在不同的浏览器和平台上，对 Bootstrap 的兼容性可能会有所不同。本文将探讨 Bootstrap 的兼容原理，逐步回答如何确保 Bootstrap 在各个环境下...
在html中引入bootstrap后,导致原来的css布局混乱的解决方法
在html中引⼊bootstrap后，导致原来的css布局混乱的解决⽅法<!--⼩⽩的bug记录-->项⽬场景：bootstrap项目完善⽹页代码问题描述：html中引⼊bootstrap后，导致原来的css布局混乱的问题原因分析：是因为bootstrap的css样式和原来的样式冲突了解决⽅案：先在浏览器中打开项⽬，然后打开浏览器的控制台的styles窗⼝观察现在的⽹页和原来的⽹页最开...
个人网站项目:基于ASP.NETCOREMVC和bootstrap实现
个⼈⽹站项⽬：基于ASP.NETCOREMVC和bootstrap实现个⼈⽹站项⽬：基于ASP.NET CORE和bootstrap实现（更新中）基本内容：个⼈主页个⼈相册个⼈⾳乐基本功能：利⽤数据库实现个⼈资料修改、更新借助bootstrap框架实现响应式页⾯借助bootstrap框架实现页⾯内导航项⽬⽂件⽬录：wwwroot：存放js⽂件和css⽂件，以及图⽚、⾳乐、视频⽂件；Controll...
【小程序+UNIAPP】小程序代码转UNIAPP代码(Vue)(二)
【⼩程序+UNIAPP】⼩程序代码转UNIAPP代码（Vue）（⼆）如果你已经有了⼀个基于vue开发的H5站点，想转换为uni-app。⾸先注意2个前提：1、你的web站是适合⼿机屏幕的；2、你的H5代码是全后端分离的，uni-app只处理前端代码。⼀切从新建⼀个uni-app项⽬开始。然后依次进⾏⽂件处理把之前的vue web项⽬的前端代码copy到新项⽬下如果之前的⽂件后缀名是.html，需要...
前端工程师面试题汇总+部分答案
前端⼯程师⾯试题汇总+部分答案想当时刚⾯试的时候，出的⼀些前端题⽬，都是靠着经验回答，没有⽐较官⽅形式的答案，现整理⼀份，即使⽤不到100%，也多少会有作⽤。1. html&CSS1. 常⽤那⼏种浏览器测试？有哪些内核(Layout Engine)?(Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。(Q2) 内核：Trident，Gecko，Presto，We...
关于不同浏览器对JS的支持与区别
首先，要用JS区别不同的浏览器。至于浏览器的支持效果，只能由经验与资料去判断了，并无一定标准。而且同一浏览器不同版本也会有所区别。/***DreamCore - JsLib/AgentDate : Dec 09, 2006Copyright: DreamSoft Co.,Ltd.Mail : Dream@Dreamsoft.CaAuthor : EgmaxBrowser : IE5.0+,Fire...
js打开网页全屏显示
打开网页全屏显示关键字: js、javascript、打开网页全屏显示 Js代码 1. （1）打开全屏窗口 2. 方法如下： 3. 一：将下面的代码放在<HEAD>与</HEAD>之间 4. <script language="JavaScript"> &n...
vue中如何下载excel流文件及设置下载文件名
vue中如何下载excel流⽂件及设置下载⽂件名⽬录概述1、通过 url 下载2、通过 a 标签 download 属性结合 blob 构造函数下载3、通过 js-file-download 插件概述导出excel需求，当点击下载模板或下载反馈结果，axios发起后端接⼝请求，返回的数据获取 response 时出现乱码，如图：现总结如下⼏种处理⽅法。1、通过 url 下载即后端提供⽂件的地址，直...
HTML5中的视频和音频标签及应用示例
目录1.1 HTML5中的视频和音频标签 (2)1.1.1 相关术语 (2)1.1.2 在HTML4页面中播放视频示例 (3)1.1.3 在XHTML1.1页面中播放视频示例 (4)1.1.4 应用HTML5在线播放MP4视频和MP3音频 (5)1.1.5 各个浏览器所支持的视频和音频格式 (5)1.1.6 <video>和<audio>标签的应用示例 (9)1.1.7 在...
react ssr 页面window方法
react ssr 页面window方法《React SSR 页面window方法》React是一个流行的JavaScript库，用于构建用户界面。它的主要特点是组件化和虚拟DOM。React在网页开发中被广泛应用，从单页应用到服务器渲染(SSR)，都有它的身影。在本文中，我们将聚焦于React SSR页面中使用的window方法。一、React SSRSSR是指服务器渲染，它允许网站在浏览器和服...
window.open()详解及浏览器兼容性问题
window.open（）详解及浏览器兼容性问题⼀、基本语法：window.open(pageURL,name,parameters)其中：pageURL 为⼦窗⼝路径name 为⼦窗⼝名字parameters 为窗⼝参数(各参数⽤逗号分隔)⼆、⽰例<script type="text/javascript">window.open('page.html','newwind...
如何使用PHP发送Web推送通知
如何使⽤PHP发送Web推送通知Web Push API 允许您向 Web 浏览器和 API 发送推送通知。虽然⼤部分逻辑发⽣在浏览器中，但您仍然需要⼀个服务器端组件来⽣成通知。以下是使⽤ PHP 实现 Web 推送后端的⽅法。先决条件出于本教程的⽬的，我们假设您熟悉在 PHP 中创建 HTTP API 的基础知识。您需要使⽤ Web 框架公开⼀些公共端点。这些将由您的浏览器内 JavaScrip...
Web研发模式演变(转自玉伯)
Web研发模式演变（转⾃⽟伯）前不久徐飞写了⼀篇很好的⽂章：。本⽂尝试从历史发展⾓度，说说各种研发模式的优劣。⼀、简单明快的早期时代可称之为 Web 1.0 时代，⾮常适合创业型⼩项⽬，不分前后端，经常 3-5 ⼈搞定所有开发。页⾯由 JSP、PHP 等⼯程师在服务端⽣成，浏览器负责展现。基本上是服务端给什么浏览器就展现什么，展现的控制在 Web Server 层。这种模式的好处是：简单明快，本地...
seleniumjava实例_Java开发seleniumwebdriver实例
seleniumjava实例_Java开发seleniumwebdriver实例1⽂档⽬的编写此⽂档的⽬的在于帮助更多想学习Selenium webdriver的同好们，最近发现好多⼈想学习Selenium做⾃动化，⼜不知道怎么⼊门，因此写下这篇⼊门的⽂档供各位使⽤，希望⼤家能更快的领会到Selenium webdriver 的强⼤之处。本⽂只对Selenium webdriver⼊门作介绍，Se...
Vue框架下引入ActiveX控件的问题解决
Vue框架下引⼊ActiveX控件的问题解决最近参与了⼭东某⼀公司的呼叫中⼼系统的开发项⽬，我负责的模块是在公司已有的前端Vue框架下集成他们的软电话条功能。从开始到结束所遇到的⼏个问题如下：1.如何将ActiveX控件引⼊Vue，并且在页⾯上成功渲染；2.如何调⽤ActiveX已提供的⽅法；3.如何监听ActiveX的动作；（注：以上问题在html的⽂件⾥不存在）我们先来看下第⼀个问题：如何将A...
AIP控件基本功能
AIP控件基本功能AIP控件是指浏览器上的一个ActiveX控件，它可以在IE或Firefox中运行，可以在客户端和服务器之间传输数据。它使用ActiveX技术来实现，用来在IE浏览器中处理网络请求和返回数据。AIP控件是一种轻量级的控件，有许多基本的功能。下面将介绍AIP控件的基本功能：一、客户端身份验证：AIP控件支持基于用户身份的客户端身份验证，这种技术可以确保只有被授权的用户可以访问服务器...
一个或多个activex控件无法显示怎么办
一个或多个activex控件无法显示怎么办在使用IE浏览器的时候，弹出WEB浏览器对话框“一个或多个ActiveX控件无法显示”，这可能是IE浏览器安全设置出了问题，一个或多个activex控件无法显示的解决方法其实很简单，下面由店铺告诉你!一个或多个activex控件无法显示的解决方法activex 控件启用ACTIVEX控件和插件;1打开IE浏览器，点击右上角“工具”，在弹出菜单栏点击【Int...
如何关闭视频网站的广告
分享到怎么样关掉优酷和土豆等在线视频的缓冲广告声明：本文转载自百度经验，仅供学习使用，不得用于商业用途，请在下载24h内删除。在满世界都充斥着广告了，现在优酷等视频网站更是气人！这些视频的广告越来越长，超级烦人，甚至已经超过30S了，有的时候还是2个广告“送”给你！以前，这种情况我是会立马关掉不看了的，而现在，我们完全可以与广告“分手”，还我们一片净土！工具/原料∙windows∙网络 方法一 自...
快速下载需要的谷歌浏览器扩展
快速下载需要的谷歌浏览器扩展作者：阿立来源：《电脑爱好者》2018年第08期 其实国内的浏览器扩展商店还是有一些的，但是这些扩展商店都有一些专门的针对限制。比如360的扩展商店只能使用360极速浏览器才可以使用，如果用户使用的是其他浏览器就无法使用了。所以通常情况下用户还是只能选择通用性的扩展商店，而这类网站包括“插件网”、“Crx4Chrom...
...无法从该网站添加应用、扩展程序和用户脚本”问题
chrome（⾕歌浏览器）“⽆法从该⽹站添加应⽤、扩展程序和⽤户脚本”问题网站程序下载chrome(⾕歌浏览器)新版本（67之后）⽆法通过拖拽添加扩展程序，只能在⾕歌商店下载。问题：解决办法如下：1.右键chrome快捷⽅式------->属性--------->快捷⽅式-------->⽬标（T）后添加 -enable-easy-off-store-e...
看,程序员是如何白嫖百度文库的!
看，程序员是如何⽩嫖百度⽂库的！百度⽂库下载⽂档需要vip，作为⼀名程序员，我想的就是⽩嫖免费下载免费下载百度⽂库 vip⽂档使⽤⾕歌浏览器插件， 它可以让我们免费的去下载百度⽂库⾥⾯的资料在⼯作中会需要⼀些⽂档，⽐如说word Excel ppt，那么我们去⽹上搜索往往会进⼊到⼀个⽹站，这个⽹站呢，叫百度⽂库我们终于很开⼼的，到了合适⾃⼰⼯作中或者学习中的⽂档，那么我们就想着去单击下载But这...
Tampermonkey:文献秒下、资料无障碍获取——总会有你想要的强大_百度文 ...
网站程序下载Tampermonkey：⽂献秒下、资料⽆障碍获取——总会有你想要的强⼤最近，《搜索引擎百度已死》⼀⽂掀起的百度股价狂跌浪潮，花旗更是将它列⼊负⾯观察名单，这弄得百度⾼层纷纷得弄个好稿⼦来发⾔应对，试图挽回⼀些⼈⼼和底⽓。⾄于⽹友和股友会不会买账，这就得看个⼈了，但笔者认为，就是这个⽠还蛮好吃的。那么，抛开那篇⽂章不说，从个⼈的浏览体验⾓度出发，百度搜索给⼈的感觉还是挺差强⼈意的。所谓...
使用ASP.NET服务器控件
使⽤ASP.NET服务器控件服务器控件简介以⼀个⽂本框控件为例：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>控件代码有如下特点：控件名称前⾯都带有asp：前缀ID特性⽤来唯⼀地标识页⾯的⼀个控件强制性的runat特性⽤来指出该控件存活在服务器上。可以通过⼯具|选项|⽂本编辑器|HTML|格式设置|标记专⽤选...
