蓝戒博客

  • 首页
  • 研发说
  • 架构论
  • 效能录
  • AI谈
  • 随笔集
智构苍穹
融合 AI、架构与工程实践,沉淀方法论,构建可持续的技术价值。
原生js写ajax请求(兼容各主流浏览器)
研发说

原生js写ajax请求(兼容各主流浏览器)

1.创建XMLHttpRequest对象 [codesyntax lang="php"] function createXMLHTTPRequest() { //1.创建XMLHttpRequest对象 //这是XMLHttpReuquest对象无部使用中最复杂的一步 //需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码 var xmlHttpRequest; if (window.XMLHttpRequest) { //针对FireFox,Mozillar,Opera,Safari,IE7,IE8…

2015年6月2日 0条评论 7664点热度 0人点赞 cywcd 阅读全文
移动端HTML5中video视频播放优化方案
研发说

移动端HTML5中video视频播放优化方案

在做一个致匠心的专题页面中多个视频在要在本页面播放,为了更友好的用户体验,对视频播放进行优化,点开播放其中的一个视频,在没有看完视频并且没停止该视频的播放的情况下,又点击播放了另外一个视频,这时在一个页面中两个视频同时播放,需要用户自己去关闭上一个视频播放,那么我们通过页面中加入js代码帮助用户节省这个步骤,实现当其中一个视频播放时,又打开了另一个视频,那么上一个视频自动停止播放。 下面是我需要的一个腾讯视频引用地址: <iframe frameborder="0" width="100%" src="htt…

2015年5月7日 0条评论 16793点热度 0人点赞 cywcd 阅读全文
移动端ios:active伪类无效的兼容解决方案
研发说

移动端ios:active伪类无效的兼容解决方案

最近做移动端页面,优化UI的时候发现,苹果手机浏览页面中设置的css伪类:active失效。查找资料发现要让css active伪类生效,只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。 :active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式。最常用于锚点<a href="#">这种情况,一般主流浏览器下也支持其他元素。在多按键的鼠标系统中,:active只适用于主按键,目前的大部分情况都是左键即主键。该伪类下定义的CSS样式只在按下鼠标按钮与释放鼠…

2015年5月4日 8条评论 16796点热度 1人点赞 cywcd 阅读全文
新增HTML5标签cssReset
研发说

新增HTML5标签cssReset

为了确保各个浏览器初始化时页面布局一致,需要使用css在重置以下页面标签: @charset "utf-8"; body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, th, td, pre, blockquote, fieldset, lengend, input, button, textarea, form{margin: 0; padding: 0;} body, input, button, textarea, select{font-size:1…

2015年5月2日 0条评论 5805点热度 0人点赞 cywcd 阅读全文
package.json配置字段全解析
研发说

package.json配置字段全解析

目录(?)[-] Name Version Description Keywords Homepage Bugs License Author contributors Files Main Bin Directories Directorieslib Directoriesbin Repository Scripts Config Dependencies devDependencies peerDependencies bundledDependencies optionalDependencies Engin…

2015年4月26日 0条评论 7498点热度 0人点赞 cywcd 阅读全文
HTTP协议详解(经典收藏)
研发说

HTTP协议详解(经典收藏)

引言 HTTP是一个属于应用层的面 向对象的协议,由于其简捷、快速的方式,适用于分布式超媒体信息系统。它于1990年提出,经过几年的使用与发展,得到不断地完善和扩展。目前在WWW中 使用的是HTTP/1.0的第六版,HTTP/1.1的规范化工作正在进行之中,而且HTTP-NG(Next Generation of HTTP)的建议已经提出。 HTTP协议的主要特点可概括如下: 1.支持客户/服务器模式。 2.简单快速:客户向服务器请求服务时,只需传送请求方法和路径。请求方法常用的有GET、HEAD、POST。每种方…

2015年4月24日 0条评论 4980点热度 0人点赞 cywcd 阅读全文
node.js如何搭建web服务器
研发说

node.js如何搭建web服务器

今天测试移动端页面使用谷歌浏览器的手机模拟器测试页面效果时发现和手机看的效果有差异,因此想在本地搭建一个简单的web服务器,通过谷歌浏览器安装一个在线二维码生成工具,在浏览器工具栏上显示,点击生成当前url的二维码,通过手机微信扫聊二维码浏览本地制作的页面,这样非常方便移动端页面的查看调试,由于效果需要不断查看修改后的效果,在手机微信浏览器右上角下拉菜单里有刷新选项,通过刷新查看效果,还好公司有wifi不用费自己的流量。那么接着问题来了,如何高效的搭建一个操作简单方便的web服务器呢,马上想到了node.js帮助你…

2015年4月22日 0条评论 5241点热度 0人点赞 cywcd 阅读全文
移动端微信分享弹出遮罩层js效果
研发说

移动端微信分享弹出遮罩层js效果

css部分: .btonshare{ width:80%; height:50px; float:left; background:#16bb5c; margin:0 10%; margin-top:15px;text-align:center; color:#fff; line-height:50px; border-radius:10px;} #cover{display:none;position:absolute;left:0;top:0;z-index:18888;background-color:#00…

2015年4月17日 4条评论 25607点热度 0人点赞 cywcd 阅读全文
强大的jquery表单验证插件jquery validate
研发说

强大的jquery表单验证插件jquery validate

一、为何选择jquery validate这个表单验证插件 自己写一个通用没有bug而且强大的jquery表单验证插件并不容易,jquery validate表单验证插件功能强大通用好用,jquery validate这个jquery插件几乎可以轻松应对95%以上的表单验证。 二、jquery validate表单验证如何调用? 1、引用jquery.min.js和jquery.validate.js 由于jquery.validate.js是jquery插件,需要依赖jquery支持,因此必须先引用jquery.…

2015年4月13日 0条评论 6751点热度 0人点赞 cywcd 阅读全文
webApp开发基础之META标签详解
研发说

webApp开发基础之META标签详解

See the Pen doQwbv by cywcd (@webzsky) on CodePen. 屏幕的缩放及初始大小 添加到主屏幕全屏,图标等 苹果设备默认的工具栏和菜单栏 苹果设备状态栏样式 苹果设备自动识别电话、邮箱相关 屏幕的缩放及初始大小 <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=…

2015年4月11日 0条评论 6074点热度 0人点赞 cywcd 阅读全文
1…3132333435…37
最新 热点 随机
最新 热点 随机
一条命令操控网站: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,实现“养虾自由”
css清除浮动方法及优缺点解析 网页顶部页面加载线性进度条js及css3实现方法 markdown-exit:现代化的 Markdown 解析工具 Docker 进阶(七):容器化体系设计总结与生产落地经验复盘 高效构建响应式Web:Tailwind CSS原子化实战 新增HTML5标签cssReset
文章栏目
  • 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