资讯中心

站内搜索

今日前端十个知识点——CSS篇(一)

1、viewport视口 width设置viewport宽度;device-width设备宽度;initial-scale初始缩放比例; minimum-scale允许用户最小缩放比例;maximum-scale允许用户最大缩放比例;user-scaleable是否允许手动缩放 2、图片格式 webp、png、jpeg、gif、svg 3、css精灵图 将多个小图片拼接到一个图片中,通过backgroudo-position和元素尺寸调节显示图片 4、BFC块级格式化上下文

postcss-pxtorem

Rem 布局适配 如果需要使用 rem 单位进行适配,推荐使用以下两个工具: postcss-pxtorem 是一款 PostCSS 插件,用于将 px 单位转化为 rem 单位 lib-flexible 用于设置 rem 基准值 PostCSS 示例配置 下面提供了一份基本的 PostCSS 示例配置,可以在此配置的基础上根据项目需求进行修改。 // postcss.config.js module.exports = { plugins: { 'postcss-p

基于Java+Servlet+Mysql的人才招聘网站的设计与实现(附源码 调试 文档)

摘要 本文介绍了一种基于Servlet人才招聘网站的设计与实现。该系统分为管理员、注册用户和企业用户三种角色,分别具有不同的功能。管理员主要负责用户管理、企业管理、新闻管理、职位管理和简历投递管理等;注册用户和企业在系统中的功能各不相同,注册用户可以查看新闻、筛选职位、搜索职位、查看企业信息、投递简历以及查看自己的简历和投递记录等,而企业用户则可以发布招聘职位、管理简历投递等。系统采用Java语言、Servlet和mysql数据库进行开发,具有较高的性能和可靠性。本文对系统的性能

利用 WebChannel 实现 QML 和 Web 双向通信

作者: 一去、二三里个人微信号: iwaleon微信公众号: 高效程序员 对于 QML 和 Web 混合应用来说,使用场景非常广泛,特别是像 HTML5 这样的东西,我们经常会用到。虽然 WebEngineView 使得在 QML 中嵌入 Web 页面变得非常简单,但是如何在它们之间架起一座桥梁,让彼此之间能够相互通信呢?这时就需要用到 WebChannel。 由于 runJavaScript() 和 WebChannel 都可用于 QML 与 Web 交互,因此在正式介绍 Web

【技术驿站】分布式基础与常见面试问题

💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学习,不断总结,共同进步,活到老学到老 导航 檀越剑指大厂系列:全面总结 java 核心技术点,如集合,jvm,并发编程 redis,kafka,Spring,微服务,***ty 等 常用开发工具系列:罗列常用的开发工具,如 IDEA,Mac,Alfred,electerm,Git,t

〖大前端 - 基础入门三大核心之CSS篇㉒〗- 过渡属性的基本使用

当前子专栏 基础入门三大核心篇 是免费开放阶段。推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 大前端全栈架构白宝书专栏,目前阶段免费开放,购买任意白宝书体系化专栏可加入TFS-CLUB 私域社区。 福利:除了通过订阅"白宝书系列专栏"加入社区获取所有付费专栏的内容之外,还可以通过加入星荐官共赢计划 加入私域社区。 作者:不渴望力量的哈士奇(哈哥),十余年工作经验, 跨域学习者,从事过全栈研发、产品经理等工作,目前任某金融品类Ap

13:会话跟踪技术Session的深度应用与实践-Java Web

在Java Web开发中,Session作为服务器端的会话跟踪技术,为保持用户状态和管理应用程序逻辑提供了强大的支持。本文将全方位解析Session的工作原理、前后端实现方法,并对比其与其他会话跟踪技术(如Cookie)的区别,同时探讨多种应用场景,以助开发者更好地理解和运用Session机制。 13.1 Session基本概念 Session是Web服务器为了维持特定客户端用户的会话而创建的一种数据存储结构。每个用户在与服务器交互时都会获得一个唯一的Session ID,这个

SwiftUI 布局协议 - Part1

简介 今年 SwiftUI 新增最好的功能之一必须是布局协议。它不但让我们参与到布局过程中,而且也给了我们一个很好的机会去更好的理解布局在 SwiftUI 中的作用。 早在2019年,我写了一篇文章 SwiftUI 中 frame 的表现,其中,我阐述了父视图和子视图如何协调形成最终视图效果。那里描述的许多情况需要通过观察不同测试的结果去猜测。整个过程就像是发现外星行星,天文学家发现太阳亮度微小的减少,然后推断出这一定是行星过境(了解行星过境)。 现在,有了布局协议,就像用自

23种计模式之Python/Go实现

设计模式 what? 设计模式是面对各种问题进行提炼和抽象而形成的解决方案。 这些设计方案是前人不断试验,考虑了封装性、复用性、效率、可修改、可移植等各种因素的高度总结。 它不限于一种特定的语言,它是一种解决问题的思想和方法。 why? 由于高级语言的出现,让机器读懂你的意图已经不是最主要的“矛盾”,而让人读懂你的意图才是最重要。按照设计模式编写的代码,其可读性也会大大提升,利于团队项目的继承和扩展。 设计模式:设计模式也衍生出了很多的新的种类,不局限于这23种

TypeScript判断对象类型的四种方式

一、typeof typeof ""; //string typeof 1; //number typeof false; //boolean typeof undefined; //undefined typeof function(){}; //function typeof {}; //object typeof Symbol(); //symbol typeof null; //object typeof []; //object typeof new Date(); //obj

Android问题笔记十四:解决WebView白屏空白的九种方案,AutoSize?

专栏分享 点击跳转=>Unity3D特效百例 点击跳转=>案例项目实战源码 点击跳转=>游戏脚本-辅助自动化 点击跳转=>Android控件全解手册 点击跳转=>Scratch编程案例 点击跳转=>软考全系列 👉关于作者 众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣 !!!专注于Android/Unity和各

el-select数据过多的解决(纯前端)

前言 el-select数据过多这个问题应该很多人都遇到过,在生产环境中数据几百、几千条是比较常见的。当数据过多时,就会造成浏览器卡顿,如果客户电脑性能不行,浏览器直接卡死也有可能。 解决 先说一下现在项目中遇到的两种解决方案: 原解决方案 添加分页条 这种方案好像有点问题,具体什么问题忘记了,感兴趣的可以看一下:element ui 下拉框分页(下拉框数据过多) 滚动懒加载 这种方式是我的一个同事写的,代码就不放了。原理就是一开始加载20条数据,当列表滚动到底部的时候,加
加载更多

一个令你着迷的主题!

查看演示 官网购买