前端开发 Html/Css
刷新
从前端角度浅谈性能 | 京东物流技术团队

博主头像 1 前言 自网站诞生以来，页面白屏时间、用户交互的响应速度等一直都是开发者关心的问题，这直接影响了一个网站能否为用户的浏览提供舒适的服务，而这种舒适度，直接关系着对用户的吸引力，毕竟谁都不能忍受一个页面长达10秒的空白屏时间，更别说点击按钮后，页面长时间的毫无反应。 web 的性能一定程度上影响了用 ...

flex布局之美，以后就靠它来布局了

博主头像 写在前面 在很久很久以前，网页布局基本上通过table 元素来实现。通过操作table 中单元格的align 和valign可以实现水平垂直居中等 再后来，由于CSS 不断完善，便演变出了：标准文档流、浮动布局和定位布局 3种布局 来实现水平垂直居中等各种布局需求。 下面我们来看看实现如下效果，各种 ...

nginx启用HTTP2特性

本文于2017年2月底完成，发布在个人博客网站上。 考虑个人博客因某种原因无法修复，于是在博客园安家，之前发布的文章逐步搬迁过来。 查看当前nginx的编译选项 #./nginx -V nginx version: nginx/1.9.15 built by gcc 5.4.0 20160609 ( ...

nginx集成brotli压缩算法

本文于2017年2月中旬完成，发布在个人博客网站上。 考虑个人博客因某种原因无法修复，于是在博客园安家，之前发布的文章逐步搬迁过来。 Google开源Brotli压缩算法 Brotli是一种全新的数据格式，可以提供比Zopfli高20-26%的压缩比。 在caniuse网站查询当前主流浏览器对bro ...

nginx使用入门的笔记

本文于2016年4月底完成，发布在个人博客网站。 考虑个人博客因某种原因无法修复，于是在博客园安家，之前发布的文章逐步搬迁过来。 从源码安装nginx 下载软件 编译nginx，必备pcre，zlib，由于jackie打算研究HTTPS，所以还需要openssl。 wget https://www. ...

HTTP安全头部对jsp页面不生效

本文于2016年4月底完成，发布在个人博客网站上。 考虑个人博客因某种原因无法修复，于是在博客园安家，之前发布的文章逐步搬迁过来。 诡异的问题 AppScan扫描报告中提示，Web服务器返回js、css、png、jsp页面的HTTP响应中缺少安全头部。HTTP的安全头部包括HTTP Strict T ...

支付宝小程序备案流程详解（必看！）

博主头像 为什么要小程序备案 2023 年 8 月 4 日，工信部发布了《工业和信息化部关于开展移动互联网应用程序备案工作的通知》，为了落实《中华人民共和国反电信网络诈骗法》《互联网信息服务管理办法》以及《非经营性互联网信息服务备案管理办法》等法律法规要求，在中华人民共和国境内从事互联网信息服务的移动互联网应 ...

【开源】EDUCN网站

博主头像 EDUCN https://scrc.rth1.link/ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <!-- <script> ...

袋鼠云数栈UI5.0设计实战｜B端表单这样设计，不仅美观还提效

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：大喜 相关文章：袋鼠云出品！数栈UI 5.0全新体验升级，设计背后的故事 前言 表单是B端产品中最常见的组件之一，主要⽤于数据收集、校验和提交。比如登陆流程的 ...

网站优化之favicon.ico

本文于2015年底完成，发布在个人博客网站上。 考虑个人博客因某种原因无法修复，于是在博客园安家，之前发布的文章逐步搬迁过来。 背景 某一天在办公室分析产品首页加载速度时，无意中从Chrome浏览器的调试窗口看到浏览器在请求一个名为favicon.ico文件，由于Web系统的根路径下不存在这个文件， ...

现代 CSS 解决方案：文字颜色自动适配背景色！

博主头像 在 23 年的 CSS 新特性中，有一个非常重要的功能更新 -- 相对颜色。 简单而言，相对颜色的功能，让我们在 CSS 中，对颜色有了更为强大的掌控能力。 其核心功能就是，让我们能够基于一个现有颜色 A，通过一定的转换规则，快速生成我们想要的颜色 B。 其功能能够涵盖： 精简 调暗 饱和度 降低饱 ...

记录--页面使用 scale 缩放实践

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近接到一个任务，需要把页面放大1.5倍显示。这里使用 css 里的 transform: scale(1.5) 来实现。 document.body.setAttribute( 'style', `transform: scale(1. ...

CSS3入门

一．CSS3的概述 1.定义:层叠样式表;d 2.意义:把内容与形式分开;html: 内容; CSS: 形式 3.浏览器:chrome 4.css 样式规则e选择器(属性 1:值，属性 2: 值;.......) 选择器区分大小写，“ 5.css样式表的导入 (1)行内式 例: style="fon ...

HttpOnly的笔记

HttpOnly是什么 简单的说： HttpOnly是Cookie的属性； Web服务器通过为Cookie设置这个属性，告诉浏览器应当避免页面端的脚本访问对应Cookie的值，保证被Cookie承载的敏感信息不被恶意读取； Web服务器可以保存一些用户的敏感数据到Cookie中，实现比如SSO的功能 ...

CSS语法检查利器之csslint

本文于2015年底完成，发布在个人博客网站上。 考虑个人博客因某种原因无法修复，于是在博客园安家，之前发布的文章逐步搬迁过来。 背景 前段时间研究使用YUI Compressor压缩项目里的js和css文件，研究了两天之后，终于在周三晚上把YUI Compressor集成进了打包流程中；于是周四（2 ...

css+js瀑布流布局实现

博主头像 记录一个瀑布流布局问题的解决过程 最开始使用js实现，将子元素进行绝对定位，根据宽高及顺序判断定位的top与left。 问题：存在新增子元素页面加载不及时的问题，会出现子元素初始状态叠加在一起，计算完成后才能正常显示。 点击查看代码 window.onload = () => { /* 传入wate ...

一行代码修复100vh bug | 京东云技术团队

博主头像 你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？ 一、100vh bug 什么是移动视口错误？ 你是否曾经在网页上创建过全屏元素？只需添加一行 CSS 并不难： .my-page { height: 100vh } 1vh是视口高度的1% ，正是我们所需要的。 ...

由初中生实现的 Windows 12 网页版！

博主头像 大家好，我是 Java陈序员。 这几天，逛 Github 的时候，看到了一个项目 win12 —— 仿 Windows12 网页版！被它实现的页面功能震撼到了，大家可以一起来感受下！ 首先是登录页面。 登录后，再看看 “电脑桌面”，这风格完全和 Windows 操作系统的一模一样！默认的应用程序有 ...

京东哥伦布即时设计平台ChatGPT落地实践

博主头像 即时设计平台是一个即时搭建c端楼层的开发平台，支持通过导入relay设计稿url完成Ui2Code，在此基础上完成前端可视化搭建，同时支持通过ChatGPT完成一句话需求，搭建后的楼层自动同步ihub楼层市场，提供到通天塔、哥伦布等搭建平台使用。 ...

基于 Webpack5 Module Federation 的业务解耦实践

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：贝儿 前言 本文中会提到很多目前数栈中使用的特定名词，统一做下解释描述 dt-common：每个子产品都会引入的公共包(类似 NPM 包) AppMenus： ...

<1···789>