![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 59
主要js,有些html,css
俺足
这个作者很懒,什么都没留下…
展开
-
无法用raven-js,如何直接使用TraceKit标准化错误字符串(一次有趣的探索)
*but:**到处找了一下raven-js,已经没有官方出处了,只在Sentry的源码仓库里发现它已经被Sentry集成到@sentry/browser里面了:https://github.com/getsentry/sentry-javascript.git。6、官方的例子不能用了,因为那个是劫持window.onerror等方法,并且得写个异步监听,我们要的是直接的把错误转成 标准化错误字符串 的。搞下来还以为是个很大的库,没想到核心就一个js文件,1000多行而已,不多。。。。幸运的是,我帮你拔完了:原创 2024-04-11 17:34:20 · 309 阅读 · 0 评论 -
typescript断点调试,用chatGpt也走了不少弯路,最终换了思路才成功
换着方式问gpt,它也已经反反复复的回答差不多的内容了,这时可以考虑换思路了。并且关键一点是进一步学习一点知识,并用对比思维提问自己:如上面的可以dev运行跑起项目,断点调试却不行,那么就可以了解一下为什么dev行我本来还想着了解完再看怎么结合调试配置的(就像以前调试nodejs时那样),但gpt给的解释已经足以启发我找到跟dev对应的调试配置了,于是我按它给我的话提炼丢回去给它,并得到我想要的结论。原创 2023-07-08 16:03:25 · 549 阅读 · 0 评论 -
Google111版本允许跨域-搞了很久
这里我多设置了一个: chrome://flags/ 中搜索 cors , 把出现的这个选项禁用掉: Omit TLS client certificates if credential mode disallows。如题,常规的那些做法其他版本的都有,也都试过,没有生效。原创 2023-04-16 10:55:37 · 256 阅读 · 1 评论 -
mac上装yarn的痛苦经历
离线安装brew下载的yarn包被坑经历原创 2023-02-07 11:19:39 · 693 阅读 · 0 评论 -
安装cargo-generate各种坑【mac + wasm + rust 环境搭建】
cargo install cargo-generate 如果报openssl错误千万别再去装了,各种坑,这个cargo-generate可以手动下载安装的。原创 2022-04-26 23:13:50 · 4821 阅读 · 3 评论 -
谷歌浏览器使用相关
跳过https提示私密链接页面私密页面输入 thisisunsafe 即可chromium59 https不提示私密链接页面找不到,有一篇可以借鉴: https://jingyan.baidu.com/article/636f38bb64f3c0d6b9461046.html1,新版的输入 thisisunsafe原创 2021-09-02 21:21:50 · 315 阅读 · 0 评论 -
开始学习 Backbone
如何将模型-视图-控制器 (MVC) 架构引入 Ajax Web 应用程序如何高效管理 Web 应用程序中的数目众多的 JavaScript 代码行是一个挑战。Asynchronous JavaScript and XML (Ajax) 交互大量充斥着各种页面,为用户提供了更好体验。越来越普遍的单页界面均由 Ajax 驱动。Backbone 是一个 JavaScript...原创 2014-03-20 09:04:35 · 70 阅读 · 0 评论 -
12 款优秀的 JavaScript MVC 框架评估
http://www.iteye.com/news/25142在最近的几个月中,作者(Gordon L.Hempton)一直在寻求哪种MVC框架最为完美,他将目前能获取到的所有框架都粗略地试了试,然后在文章中列出了每一种框架的情况概要,在文末分享了作者经过对比之后最终的推荐产品。 首先要特别说明一下,作者认为以下四个功能是十分重要的: UI Bindings(UI绑定):作者想说的不...原创 2013-09-30 17:54:27 · 80 阅读 · 0 评论 -
15、backbone实战:webchat(四)server端开发
http://blog.csdn.net/the_fire/article/details/7521880原创 2014-03-17 17:30:18 · 83 阅读 · 0 评论 -
css Selectors
http://www.w3.org/TR/CSS2/selector.html我的推荐:高性能WEB开发系列http://www.blogjava.net/BearRui/archive/2010/04/26/web_performance.html CSS选择器、优先级与匹配原理 polaris不是前台开发人员,然而作为一个Web开发者,掌握必要的前台技术也是很重要的...原创 2012-11-16 14:58:48 · 99 阅读 · 0 评论 -
less学习
使用node.js编写工具简化less编译(less2css.js)(转载)SmashingMagazine] LESS介绍,和与Sass的比较原创 2014-03-14 15:58:19 · 78 阅读 · 0 评论 -
hover 你的触发边界在哪里
hover 你的触发边界在哪里原创 2014-04-08 11:24:08 · 223 阅读 · 0 评论 -
web数据储存cookies、sessionStorage和localStorage
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据。有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递。sessionStorage、localStorage、cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个“浏览器窗口”的概念。sessio...原创 2013-09-05 19:33:02 · 88 阅读 · 0 评论 -
HTML5游戏技术开发难点分析
HTML5游戏的优劣势最近微信公众游戏平台讨论得如火如荼,HTML5游戏的热度也一波高过一波,那么开发HTML5游戏和传统游戏相比有什么优劣势呢?首先看优势,当属跨平台最受欢迎,开发一套游戏即可在PC,平板、手机中无缝切换,而且统一标准的API也极大地方便开发者。其次,HTML5原生浏览器支持,无需任何插件支持,这对用户来说也是很大的一个优点。最后当属各大公司的鼎力支持,G...原创 2013-06-02 21:12:10 · 327 阅读 · 0 评论 -
html5自带占位符颜色设置及垂直居中
设置颜色:input::-webkit-input-placeholder{ color:#AAA; font-weight:normal; font-size: 32px;} 要垂直居中,给input text控件加上:.placeholderstyle{ line-height: normal;} 参考:http://www.zhangxinxu....2012-11-07 17:27:04 · 518 阅读 · 0 评论 -
为您详细比较三个 CSS 预处理器(框架):Sass、LESS 和 Stylus
http://www.oschina.net/question/12_44255#tags_navCSS 预处理器技术已经非常的成熟,而且也涌现出了越来越多的 CSS 的预处理器框架。本文向你介绍使用最为普遍的三款 CSS 预处理器框架,分别是 Sass、Less CSS、Stylus。首先我们来简单介绍下什么是 CSS 预处理器,CSS 预处理器是一种语言用来为 CSS 增加一些编程的...原创 2014-03-12 16:17:00 · 110 阅读 · 0 评论 -
15个超炫的HTML5效果
http://www.iteye.com/news/228331、Canvas Cycle 2、Google Gravity 3、Canvas Trees 4、Magnetic 5、Celebrity Earnings Graph 6、Canvas Ribbon 7、WebGL Water 8、Chrysaora 9、Voxel...原创 2014-03-18 16:12:14 · 568 阅读 · 0 评论 -
HTML5 CANVAS中的SAVE和RESTORE的原理详解和应用
/** *save是保存当前绘图状态,并把它压入一个堆栈 restore是恢复上次保存的绘图状态,从堆栈弹出。 关键在于绘图状态,它是指Canvas的平移、放缩、旋转、错切、裁剪等操作或者颜色、线条等样式。 */ window.onload = function() { var canvas = document.getElementById('canv...原创 2014-06-20 10:35:15 · 264 阅读 · 0 评论 -
HTML5中script的async属性
HTML4.01中的script标签属性HTML4.01 为script标签定义了5个属性:charset 可选。指定src引入代码的字符集,大多数浏览器忽略该值。defer 可选。延迟脚本执行,相当于将script标签放入页面body标签的底部。除IE和较新版本的Firefox外,其他浏览器并未支持。language 已废弃。大部分浏览器会忽略该值。src 可选。指定引...原创 2013-09-03 15:55:49 · 119 阅读 · 0 评论 -
node版本管理相关
一: nvm永久切换node版本问题描述使用nvm use 版本,只是在当前items下临时切换,重新打开一个窗口,依然是切换前的版本,导致每打开一个窗口都要重新切换。解决方案nvm alias default 4.6.0nvm use 4.6.0...原创 2021-08-18 21:38:53 · 1207 阅读 · 0 评论 -
npm 无法安装 devDependencies 下的依赖包的问题
windows上可以参考:https://www.jianshu.com/p/a00e500f7affmac上和windows差不多,只是修改环境变量可以通过 :1: vi ~/.bash_profile注释掉export NODE_ENV=production2: 保存后让配置生效:source~/.bash_profile3:最后重启终端、vscode等(vscod...原创 2020-01-01 21:00:28 · 1565 阅读 · 0 评论 -
使用X-UA-Compatible来设置IE8/IE9兼容模式
英文原文:http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式,文件...原创 2014-04-02 09:44:59 · 115 阅读 · 0 评论 -
用ajax清除浏览器缓存的js、css、图片等
为了减小浏览器与服务器之间网络传输压力,往往对静态文件,如js,css,修饰的图片做cache,也就是给这些文件的HTTP响应头加入Expires和Cache-Control参数,并指定缓存时间,这样一定时间内浏览器就不会给服务器发出任何的HTTP请求(除了强制刷新),即使在这段时间内服务器的js或css或图片文件已经更新多次,但浏览器的数据依然是原来最能初cache的旧数据,有没有办法...原创 2013-10-05 15:15:43 · 104 阅读 · 0 评论 -
年度回顾:2013年前端技术盘点
转这篇文章的目的是想提醒自己原来在年初时自己想到的CSS隔离已经有新技术在实现了(shadow Dom),只不过我当初的解决方案是CSS命名空间(声明了命名空间的话就不受外部CSS 影响,这简直和shadow Dom异曲同工【可见关注常见问题就能有长远眼光】,同时也在想当时W3C为何不留这个接口?让CSS统治整个页面长达10年之久,所以有条件的话可以回顾下HTML整体架构设计的发展变化,也许对...原创 2014-08-08 11:16:26 · 590 阅读 · 0 评论 -
烟花效果
随机位置创建烟火,烟火作为烟花的容器,每个烟火会包含多个烟花。代码里都有注释。<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-w原创 2014-03-25 06:51:57 · 265 阅读 · 0 评论 -
模拟jq的jsonp跨域访问
参考我之前的一片文章:http://andrewstz.iteye.com/blog/1668231现在做了跨域访问。代码在附件的 webService1\designMode\3bridge_jsonp2.html 里原创 2012-08-31 18:57:34 · 88 阅读 · 0 评论 -
码农干货系列【5】--lambda in js:lambda.js 1.0.0发布
lambda.js的由来作为一个当耐特程序员,对lambda一定不陌生。随着当耐特版本的更新迭代,C#也由委托==〉匿名委托==〉lambda表达式。由于javascript语言的约束,没有提供相应的lambda的机制,所以就有了lambda.js,让广大jser也可以 (a,b)=>a.xx==”yyy”&&b>11 一把!Query Operator而...原创 2014-03-20 09:26:53 · 130 阅读 · 0 评论 -
RESTfull-backbone
RESTfull Web Service中文版http://download.csdn.net/detail/long511703/5014866 SqliteJDBC驱动http://download.csdn.net/download/lw001x/4687935原创 2014-03-20 09:04:45 · 85 阅读 · 0 评论 -
11个优秀的Web开发框架新鲜出炉
http://developer.51cto.com/art/201105/263175_all.htm 11-5月最新20款Web设计和开发工具推荐 20个新鲜的Web应用 Web设计师不可错过原创 2014-03-18 18:12:10 · 91 阅读 · 0 评论 -
带划痕效果的刮图效果
带划痕效果的刮图效果 配置说明:brushworkSrc 用于图章效果的笔触。核心代码说明: drawPoint 画了一个渐变的中心点(这样有模糊效果),然后一个循环调用 drawRandomLine 画随机划痕用的,大家可以改改里面的代码逐渐逼真。 =============对于uc9.6.2.404 在小米系统中会显示为半透明怀疑是uc在小米上的bug是: 直接画图...2014-03-18 17:39:48 · 406 阅读 · 0 评论 -
高性能WEB开发应用指南- 专题
http://developer.51cto.com/art/201104/257581.htm原创 2014-03-17 22:30:12 · 96 阅读 · 0 评论 -
JavaScript社区开发者调查:服务端JS盛行
http://www.iteye.com/news/28578用什么工具来验证代码质量? jsHint如何处理客户端依赖? AMD更喜欢用哪种脚本构建方案? grunt使用什么框架? angular backbone如何找到可重用的代码、库或工具? github通过哪个CND服务来使用第三方库? ...原创 2014-03-25 06:52:37 · 130 阅读 · 0 评论 -
第三方应用中间件收集
分享js api (baidu搜索分享按钮)http://www.jiathis.com/http://www.bshare.cn/http://tongji.cnzz.com/ 流量访问量统计api http://www.xiaoi.com/web.html 小i机器人 - 智能聊天 ...2014-03-25 18:05:00 · 110 阅读 · 0 评论 -
js类型, 值, 变量
类型:基本类型:number,string, boolean,null, undefined,其中number,string,boolean都有wrapper objects,所以他们有对应的方法可以调用,但是null和undefined就没有。其余的都是object类型。普通的object类型是一个无序的key-value集合.array,function,date,regu...2016-02-19 11:53:26 · 98 阅读 · 0 评论 -
双向绑定框架学习研究
avalonhttp://www.cnblogs.com/rubylouvre/p/3181291.htmlhttp://avalonjs.github.io/2016-01-12 11:52:37 · 92 阅读 · 0 评论 -
解决vue-resource的post的问题
如题。通过这个错误,初学者能学到很多知识。 今天又同事用 vue-resource 搞了个post,后台用php,里面有获取参数tap。$tap = $_REQUEST['tap']; 普通的jquery的ajax 的get和post都没有问题,但是vue-resource会导致php获取不到参数【上面那行代码报错的错误信息会连同报文一起返回到前端,导致前端获取到错误的js...2016-12-28 19:50:38 · 1098 阅读 · 0 评论 -
Lisp之根源
http://daiyuwen.freeshell.org/gb/rol/roots_of_lisp.html#foot84原创 2016-07-25 07:48:07 · 151 阅读 · 0 评论 -
SeaJS spm
主题:SeaJS快速入门,让js代码模块化 - 2011-09-09修订,新增参考资料使用spm build 批量打包压缩seajs 代码主题:从 RequireJS 到 SeaJS 可作预加载require到一个模块时是阻塞的。【真正的按需加载】...原创 2013-10-28 10:18:37 · 104 阅读 · 0 评论 -
基于有限状态机与交互组件设计与实现
有限状态机(Finite-state machine)是一个非常有用的模型,可以模拟世界上大部分事物。简单说,它有三个特征: * 状态总数(state)是有限的。 * 任一时刻,只处在一种状态之中。 * 某种条件下,会从一种状态转变(transition)到另一种状态。它对JavaScript的意义在于,很多对象可以写成有限状态机。举例来说,网页上有一个...原创 2014-03-27 10:15:03 · 295 阅读 · 0 评论 -
浏览器底层相关
编译V8WebKit实现Chrome插件WebKit编译之cairo 编译WebKitWebKit的第三方库之CFLite2014-03-26 11:45:58 · 149 阅读 · 0 评论