草庐IT

纯前端

全部标签

解决前端浏览器兼容性问题

解决前端浏览器兼容性问题时前端开发中的一项重要任务。以下是一些常用的方法来解决这类问题:1、使用css前缀:不同浏览器可能对某些CSS属性有不同的前缀要求。可以使用CSS前缀来覆盖不同浏览器的样式需求。例如,使用-webkit前缀来适配WebKit(Chrome、Safari)浏览器2、使用CSSreset或Normalize.css:不同浏览器对默认样式的处理存在差异,使用CSSreset或Normalize.css可以统一各个浏览器的默认样式,使呈现效果更加一致。3、使用特性检测和条件注释:使用JavaScript检测浏览器是否支持某些特定的功能或属性。这样可以根据浏览器的不同情况,采用不

腾讯云服务器+宝塔+后端+前端发布

1、申请云服务器。登陆。https://cloud.tencent.com/ 创建实例最好重置密码,并记住。 配置安全组,当我们是学习的时候,全部开放好了。 有些版本是去“防火墙”那里配置。 轻量应用服务器(试用的)  2、安装Docker。在安装云服务时,我选了Centos7.8+Docker。这里就不用装了。3、在Docker中安装JDK和TOMCAT。注意安全组及防火墙开放端口号。docker search jdkdockerpullprimetoninc/jdk:1.8dockerrun-it--namejdk1.8-dprimetoninc/jdk:1.8dockerexec-itj

前端vue uni-app仿美团下拉框下拉筛选组件

在前端Web开发中,下拉筛选功能是一种非常常见的交互方式,它可以帮助用户快速选择所需的选项。本文将介绍如何利用Vue.js和uni-app框架来实现一个高效的下拉筛选功能。通过使用这两个强大的前端框架,我们可以轻松地创建具有响应式用户操作的下拉筛选组件。1.项目设置首先,我们需要创建一个新的Vue.js项目,并引入uni-app的相关组件和API。这样可以方便地将我们的代码集成到uni-app应用中。在项目中,我们可以使用Vuex来管理数据状态2.数据准备在模板中,我们需要定义一些用于筛选的数据和默认的选择序列。这些数据可以通过v-model指令来实现双向绑定。同时,在methods中,我们需

前端兼容性问题总结

在Web前端开发中,浏览器兼容性问题是一个常见的挑战。由于不同的浏览器实现了不同的标准和规范,因此相同的代码在不同的浏览器上可能会有不同的表现,或者甚至无法正常工作。一、常见前端兼容性问题常见的浏览器兼容性问题包括以下几点:CSS盒模型问题:不同浏览器对盒模型的解释可能不一致,导致页面布局不同。解决方法是在CSS中明确指定盒模型的属性。CSS属性兼容性问题:某些CSS属性在不同浏览器中表现不一致,如某些浏览器不支持某些属性或值,解决方法是使用CSShack或兼容性前缀。JavaScript兼容性问题:不同浏览器对JavaScript的解释也可能不一致,如一些浏览器不支持某些DOM方法或事件。解

前端程序员辞掉朝九晚五工作成为独立开发者一年开发出6款软件的故事

一个前端程序员的梦想作为一个程序员,陈明福的梦想是:自主自由的工作内容和方式。在全球范围内发展个人品牌和影响力。学习技术和经验,成为SaaS软件方面的专家。对世界产生积极影响。财务自由,能提前退休。他的故事1、他开发的软件产品7个月前,陈明福辞掉了工作,开始全职独立开发,通过12个月开发了6款软件产品:Queue-用于Notion的Twitter调度工具(已被收购)Nora-Notion的项目管理模板(销售收入8000美元)nbundle-Notion的应用程序平台(已放弃)Daily-几乎任何东西的简单便签本(收入0元)CleanMacDesktop-CleanMacDesktop文件和文件

java后端该怎样来接受前端日期选择器传入的时间参数

如果前端使用了日期选择器并且将选择的日期传给了Java后端,那么Java后端可以使用如下方法来接收日期参数:在后端的方法中声明一个形参,类型为java.util.Date或java.time.LocalDate,然后在前端的请求中传入的日期参数会被自动封装成相应的日期对象。例如:publicvoidhandleDate(Datedate){//处理日期对象}在后端的方法中声明一个形参,类型为字符串,然后在前端的请求中传入的日期参数为字符串,然后在后端使用相应的转换方法将字符串转换成日期对象。例如:publicvoidhandleDate(StringdateString){//使用Simple

前端规范落地,团队级的解决方案

前言本文主要讲前端开发时遇到的编码规范难以落地的问题以及解决方案,包括编码规范和gitcommit规范。重点在落实前端团队编码规范的操作上。跟着我一步一步去做,一定可以将规范落地。问:要不要制定编码规范?要不要使用ESLint?要不要规范化git的提交?答:非个人项目我都建议遵循团队或主流的规范进行编码。写代码和阅读代码是两回事,团队合作的话,代码最好都能让每个成员看着觉得舒服。git的日志也同样是这个道理,写和读是两回事。团队开发的项目如果没有开发规范:日后维护成本大概率会变高。可能看不懂同事的代码(同事也不一定能看懂你的代码)。项目不容易扩展。公司人员流动时,项目难以交接。丑!比如这样的代

前端模块化(AMD,CMD,CommonJs,ES6)

文章序总是会看到前端模块化的这几个技术,今天一次性整理,如有错误欢迎评论指正!AMD异步加载,依赖前置,前置依赖建议写在前引用,在所有模块加载完成后立即执行回调函数,用户体验好,不容易造成卡顿需要引用require.js//math.jsdefine([],function(){functionadd(a,b){returna+b;}return{add};});//main.jsrequire(["./math.js"],function(mathObj){res=mathObj.add(5,6);console.log(res);})//index.html//控制台打印11CMD异步加载

前端实现导出Excel

一、准备文件1.创建excel文件夹├─excel├─Blob.js├─Export2Excel.js2.Blob.js文件夹内容↓/*eslint-disable*//*Blob.js*//*globalself,unescape*//*jslintbitwise:true,regexp:true,confusion:true,es5:true,vars:true,white:true,plusplus:true*//*!@sourcehttp://purl.eligrey.com/github/Blob.js/blob/master/Blob.js*/(function(view){"us

【前端工程化】深入浅出vite(一)--vite的优点及原理、性能优化

Vite需要Node.js版本14.18+,16+。然而,有些模板需要依赖更高的Node版本才能正常运行,当你的包管理器发出警告时,请注意升级你的Node版本。背景webpack支持多种模块化,将不同模块的依赖关系构建成依赖图来进行统一处理,当构建的项目越来越大时,需要处理的JS代码也越来越多,通常需要很长时间才可以启动开发服务器,即使使用模块热替换(HMR),修改文件也需要几秒钟才能在浏览器中反映出来,影响了开发效率和幸福感。Vite可以解决上述问题,它支持ESM规范,所以并不需要遍历依赖图,而是按需加载各种文件。初体验mkidrvite-democdvite-demonpminit-ynp