蓝戒博客

  • 首页
  • 研发说
  • 架构论
  • 效能录
  • AI谈
  • 随笔集
研发说
聚焦研发实践,沉淀代码经验与项目落地过程中的思考。
jQuery中对未来的元素绑定事件
研发说

jQuery中对未来的元素绑定事件

首先解释一下什么是未来元素,所谓未来元素指的就是由js动态生成的元素。 示例:点击由js自定义的弹出窗口中的按钮,然后清除页面中输入手机号的input中的内容的处理方案: 源码如下: $('#tel').blur(function () { var val = $.trim($(this).val()); if( /^\d{11}$/.test(val) ){ // 异步验证用户是否存在 $.get('?act=check_register&tar=mobile&mobile='+val,funct…

2015年6月23日 0条评论 7765点热度 0人点赞 cywcd 阅读全文
css3新增appearance属性改变元素默认外观
研发说

css3新增appearance属性改变元素默认外观

使用“appearance”属性,可以改变任何元素的浏览器默认风格,简单的说,你可以使用“appearance”属性将“段落p”渲染成button的风格,也可以渲染成“输入框”、“选择框”等效果。 大家都知道每个浏览器对HTML元素渲染都不一样,比如说“button”,在chrome和ff中,渲染出来的效果都是不尽相同的。这样一来就有了今天这个思路,利用浏览器的对元素的默认渲染风格,我们可以使用“appearance”属性对任何元素的渲染风格改变,最简单的来说,我要把“a”链接默认显示成“按钮”风格,那么我们可以使…

2015年6月8日 0条评论 6094点热度 0人点赞 cywcd 阅读全文
HTML5中input的placeholder颜色设置及兼容性解决方案
研发说

HTML5中input的placeholder颜色设置及兼容性解决方案

1、placeholder是什么? placeholder是html5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点(或输入内容)时,提示文字消失。 例如下文本框文字效果 2、placeholder的浏览器兼容性和在不同浏览器下的表现 由于placeholder是个新增属性,目前只有少数浏览器支持,如何让更多的浏览器支持它呢? 目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支持 默认情况下,plac…

2015年6月6日 0条评论 8102点热度 0人点赞 cywcd 阅读全文
JS判断移动设备浏览器信息
研发说

JS判断移动设备浏览器信息

/* * 智能机浏览器版本信息:**/ var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf('AppleWebKit') …

2015年6月3日 0条评论 5112点热度 0人点赞 cywcd 阅读全文
原生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条评论 7800点热度 0人点赞 cywcd 阅读全文
移动端HTML5中video视频播放优化方案
研发说

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

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

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

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

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

2015年5月4日 8条评论 17237点热度 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条评论 6009点热度 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条评论 7623点热度 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条评论 5179点热度 0人点赞 cywcd 阅读全文
1…1819202122
最新 热点 随机
最新 热点 随机
别再用AI洗稿了!学术圈疯传的“降维打击”神器:13个Agent帮你干翻垃圾论文评审 网页爬虫的终极“作弊码”:30项Bot检测全绿,CloakBrowser是如何把反爬系统按在地上摩擦的? 这个开源神级工具: Headroom让 Token 直接暴跌 95% 拒绝盲目堆Token!腾讯开源分层记忆引擎,把AI Agent的“健忘症”治好了 连加13小时班不喊累、自带300个分身?Kimi Work 开启“氛围办公”,到底谁在破防? Hermes 客户端来了:这不是聊天框,这是一个会长记性的 AI 打工人
别再为大模型 API 抓狂了!这款开源“全能型”代理神器 CCX,一站式搞定接口调度与可视化管理!程序员省钱神技:用 9Router 薅尽全网 AI 羊毛,Token 暴省 40%18万星标霸榜!Anthropic黑客松冠军神作,彻底榨干Claude Code潜力的最强外脑ECC开源了!💥 发现27年前的Bug?OpenAI Daybreak 贴脸硬刚 Claude Mythos,程序员的饭碗还能保住吗?🔥 Anthropic 都要封杀的开源黑马?oh-my-openagent 让你的 AI 团队替你打黑工!太炸裂了!AI竟然开始自己组队、开会、写代码了?
TypeScript 工具类型分享:从常用到进阶,实现可维护的类型体系 在线考试防作弊js实现代码完整版 WebAI 技术深潜:TensorFlow.js 与 ONNX Runtime Web 的架构与实战解析 Skills Desktop 完全指南:从认识到实践,打造你的 AI 技能中枢 未来 5 年,谁来证明“你是谁”?AI Agent 时代的身份战场 web实时通信应用解决方案:WebSocket模拟库-SockJS
文章栏目
  • AI谈 / 145篇
  • 效能录 / 59篇
  • 架构论 / 13篇
  • 研发说 / 220篇
  • 随笔集 / 20篇

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

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

京ICP备12026697号-2