蓝戒博客

  • 首页
  • 研发说
  • 架构论
  • 效能录
  • AI谈
  • 随笔集
智构苍穹
融合 AI、架构与工程实践,沉淀方法论,构建可持续的技术价值。
display:inline|block|inline-block的区别及特点
研发说

display:inline|block|inline-block的区别及特点

inline|block|inline-block整体上的区别 1、在概念上说:inline和block完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满;inline-block为内联块元素,既可以不产生换行,还保留块元素宽高和边距的属性。 2、布局级别上说:HTML元素各有其自身的布局级别(block…

2015年4月4日 0条评论 5736点热度 0人点赞 cywcd 阅读全文
IE下hasLayout知多少?
研发说

IE下hasLayout知多少?

hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时,它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内容,而不是依赖于祖先元素来完成这些工作。 haslayout是怎么来的? 为了解决这个问题,微软的天才coder决定去修理他们的这个古老的引擎,因此haslayout这个属性就诞生了。每…

2015年4月3日 0条评论 5247点热度 0人点赞 cywcd 阅读全文
css清除浮动方法及优缺点解析
研发说

css清除浮动方法及优缺点解析

清除浮动是web前端工程师的必修课,下面就清除浮动的方法进行归纳整理及优缺点分析 方法一:DIV闭合处,加<div class=”clear”></div> (.clear{clear:both}) 代码如下: <div class=”div1″> <div class=”left”>我是左浮动</div> <div class=”right”>我是右浮动</div> <div class=”clear”></di…

2015年4月3日 0条评论 5524点热度 0人点赞 cywcd 阅读全文
浅析js闭包的作用
研发说

浅析js闭包的作用

闭包的概念 闭包是可以包含自由(未绑定到特定对象)变量的代码块;这些变量不是在这个代码块内或者任何全局上下文中定义的,而是在定义代码块的环境中定义(局部变 量)。“闭包” 一词来源于以下两者的结合:要执行的代码块(由于自由变量被包含在代码块中,这些自由变量以及它们引用的对象没有被释放)和为自由变量提供绑定的计算环境 (作用域)。 变量的作用域   作用域链 在理解闭包以前.最好能先理解一下作用域链的含义,简单来说,作用域链就是函数在定义的时候创建的,用于寻找使用到的变量的值的一个索引,而他内部的规则 是,…

2015年3月23日 0条评论 5336点热度 0人点赞 cywcd 阅读全文
css渐变背景色完美兼容解决方案
研发说

css渐变背景色完美兼容解决方案

页面制作中大渐变背景色切图非常影响页面打开速度,下面给出解决渐变背景色css解决方案供参考 filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#fcf8f3); background: -ms-linear-gradient(top, #ffffff, #fcf8f3); background: -moz-linear-gradient(top, #ffffff,#fc…

2015年2月9日 0条评论 5907点热度 0人点赞 cywcd 阅读全文
html页面切换过度效果实现方案
研发说

html页面切换过度效果实现方案

html页面切换过度效果实现方法很简单,但是对于浏览器的设置有需求,经过测试IE浏览器的默认设置没有问题,但是其他浏览器需要进行设置才可以。 实现方法就是:利用文本头的 <meta> 标记实现页面过渡效果,具体说明如下:   IE要求:   在IE5.5及以上版本的浏览器中. 启用网页过渡效果   默认情况下都已经启用了,如果需要手动启用则只需在Internet选项中: Advanced(高级) - Browsing(浏览) - Enable page transitions(启用页面过渡)即可。 应用…

2015年1月13日 0条评论 8566点热度 0人点赞 cywcd 阅读全文
延时摄影基础学习教程分享!
随笔集

延时摄影基础学习教程分享!

大神导演、佳能光线专家Vincent Laforet将教你从最基础的延时知识,包括拍摄地点、机位、镜头选择,以及需要避免的状况,到进阶设备的使用、后期处理,你可以学会完整的延时摄影工作流程。 延时摄影是表现时间流逝的上好方法,所以你需要仔细观察事物的动态和变化,尽量选择这样的对象,然后再架设相机。其灵魂是“变化、移动和动态”。 1、寻找变化和动态 2、寻找合适的前景物体 3、确定拍摄对象变化的时间长度 4、确保每秒钟至少有24张的图片可以使用 5、永远不要嫌照片太多   在延时摄影中,应当关闭所有自动功能…

2014年12月14日 0条评论 5549点热度 0人点赞 cywcd 阅读全文
向左走,向右走,终祈相见
随笔集

向左走,向右走,终祈相见

  人生总会有许多巧合 两条平行线,也可能有交会的一天。 人生总有许多意外 握在手里的风筝也会突然断了线。   下一刻是未知的,把握当下,做认为对的事,非不尽心而错过,无悔矣!

2014年12月4日 0条评论 5257点热度 0人点赞 cywcd 阅读全文
口袋里的蓝调
随笔集

口袋里的蓝调

  2014年12月1日晚上,无意间在书架底层翻书时,我找到了2008年买的口琴。那时候购买它,更多是一时头脑发热——受到一位假期临时工的影响,下班后听他吹口琴的声音特别动听,我也心生向往,于是买了一把24孔的口琴。假期结束后,我正好要上大学,几周后又买了入门教程,但最终没有坚持学习。回想起来,那时候真正的兴趣还不够成熟,我对学习缺少耐心和坚持,也在遇到困难时轻易放弃。 后来,哥哥的朋友又送我一把28孔口琴,两把口琴在盒子里静静地放了三年。今晚偶然翻到它们,随手摆弄了一会儿,不由自主地反思:坚持做一件事,…

2014年12月2日 0条评论 6574点热度 0人点赞 cywcd 阅读全文
10款免费网站检测速度分析工具
效能录

10款免费网站检测速度分析工具

网站加载速度的工具 1. Page Speed Google 的 Page Speed 是一款开源的,基于Firefox浏览器外接附件,您可以用它来测试当前的网页并获取信息如何来提升页面加载速度。 在使用Page Speed前,您还需要添加Firefox的另一款外接附件Firebug。 访问 Page Speed 2. Yahoo! YSlow Yahoo! YSlow也是一款基于Firefox/Firebug的外接附件,也可以拿来测试网站速度及相关提升网页性能意见建议。 通常而言,如果您的页面速度(Page Sp…

2014年11月27日 2条评论 6544点热度 0人点赞 cywcd 阅读全文
1…3334353637
最新 热点 随机
最新 热点 随机
一条命令操控网站:OpenCLI 会是自动化的下一步吗? 谷歌突然放大招:Gemma 4,可能是今年最值得本地部署的开源AI大模型 我把 Codex CLI 装上了“外挂大脑”:oh-my-codex 到底有多猛? Claude Code 生态大爆发:这周 GitHub 热点,已经不是工具升级,而是工作方式重写 51万行代码意外开源!Claude Code源码泄露事件全复盘 别再只卷提示词:Harness 才是让 AI 真正高质量完成工作的底层方法论
Codex + Agent Browser:让 AI 精准还原前端 UI 的新范式(从设计稿到像素级实现)一人指挥 AI 程序员军团:OpenAI:Codex App 来了,开发效率或将提升 10 倍CLI-Anything:让任意软件变成 AI Agent 可操控的工具效率神器 NotebookLM:构建高质量知识库的完整教程与落地最佳实践paperclip 正在把“无人运营超级个体公司”从概念,变成可执行系统免费一键部署自己的 OpenClaw,实现“养虾自由”
GEO(生成引擎优化)完整指南:AI 搜索时代的企业内容新机会 停止无效努力:Dan Koe 深度长文,极致专注力,一套让你进入心流的终极方法论 HTTP2协议特性解析 常见部署平台介绍:从静态站点到现代前端云的一站式指南 Biome:下一代前端一体化工具链,正在取代 Prettier + ESLint? 在线考试防作弊js实现代码完整版
文章栏目
  • AI谈 / 82篇
  • 效能录 / 44篇
  • 架构论 / 13篇
  • 研发说 / 217篇
  • 随笔集 / 17篇

AI Agent AI工作流 AI 编程 AI编程 angularjs Claude Code Codex CrewAI css css3 flutter html5 javascript jquery js js库 LangChain LangGraph mcp MCP Server Monorepo OpenAI Codex OpenClaw Plop.js RAG SSR UniApp vercel Vite vue webpack WebSocket web技术 前端安全 前端工具链 前端工程化 前端性能优化 性能优化 智能体 构建工具 浏览器 生活随笔 网页兼容 解决方案 超级个体

COPYRIGHT © 2025 蓝戒博客_智构苍穹-专注于大前端领域技术生态. ALL RIGHTS RESERVED.

京ICP备12026697号-2