随笔分类 -  Web Front

国外主机如何ICP备案
摘要：想都不要想了，无法备案。 因为，备案是在主机服务器提供商处的备案平台提交申请，国外的主机服务商是没有这种平台服务的。（跟你域名在哪儿买的没关系） 下面，把昨天折腾到半夜的过程记录一下，希望可以帮到需要的同学。 需求 国外主机（搬-瓦-工）+ 阿里云.top域名，在微信内正常访问 问题 微信会拦截，提 阅读全文
posted @ 2018-07-10 11:17 youryida 阅读(10278) 评论(0) 推荐(2)
深入浅出写一个多级异步回调从基础到Promise实现的Demo
摘要：今天一时兴起，写了一个渐进升级的异步调用demo，记录一下。 1. 最基础的同步调用 2. 引入异步回调 3. 回调函数名解耦 4. 更多层级的异步回调 4.1 试着优雅一点 5. 观察者模式拉平回调 重新思考下，看起来逐级依赖的函数回调，随着层级的加深，在传参和调用上都越来越吃力了。我们现在想办法 阅读全文
posted @ 2018-07-05 18:38 youryida 阅读(879) 评论(4) 推荐(0)
一个考察闭包的最基础的面试题
摘要：上面代码输出是5，如果希望输出是2 在我刚入行那个年代，这题目想考察的一定是闭包，如下： 但是，2016年开始，ES6成了面试必问套路。在ES6里面，多了一个答案，如下： 即 var 改为let，利用了ES6里的块级作用域。 今天，看一篇文章，突然看到了另外一个方案，这方案是ES5就支持的with， 阅读全文
posted @ 2018-07-03 17:04 youryida 阅读(299) 评论(0) 推荐(0)
node-webkit笔记
摘要：两个月前给一个运营站点做了个封皮，今天再做竟然忘了怎么搞了。。。为之文以志。 流程参考： http://www.cnblogs.com/2050/p/3543011.html 相关命令： 文档： http://docs.nwjs.io/en/latest/References/Window/#win 阅读全文
posted @ 2017-09-10 10:28 youryida 阅读(192) 评论(0) 推荐(0)
一个因为系统字号设置导致的rem计算渲染异常问题
摘要：测试同学突然拿着一部手机过来说，H5渲染各个元素都变大了，有些元素撑出了屏幕外面。 本来以为是某个Webview的渲染兼容问题，结果发现所有的浏览器都这样。 莫名其妙，隐约感觉是 rem计算出了问题，开始一点点查。 因为，组内移动端项目，统一约束了宽度满屏7.5rem，所以，先看看这个比例： 如下图 阅读全文
posted @ 2017-08-07 16:44 youryida 阅读(787) 评论(0) 推荐(0)
ie6-8 avalon2 单页应用项目实战备忘
摘要：坑爹的ie，作为小组leader，尼玛，小伙伴儿们不乐意做的事情，我来做好了。。心累、、、 如果，各位同学有定制开发ie6-8版本的需求，还是尽量不要用单页应用模式了，也不要用avalon这类mvvm框架了，也不是不能做，这种mvvm模式写起来还是挺爽的。 只是一旦在 ie6上遇到奇葩问题，你会很闹 阅读全文
posted @ 2017-07-30 16:35 youryida 阅读(467) 评论(0) 推荐(0)
“fixed+relative≈≈absolute”——对BFC的再次思考
摘要：好久没写博客了，刚好今天跨年夜没约到什么妹子，在家宅着不如写点东西好了。 需求 昨天晚上，给公司年会做一个移动端的投票页面，遇到一个UI优化的问题： · 正文内容少于一屏时，投票提交按钮固定显示在页面底部（如图一）· 正文内容多于一屏时，投票提交按钮，跟随内容，流式显示在内容下面（如图二）附图： 以 阅读全文
posted @ 2017-01-01 00:01 youryida 阅读(430) 评论(0) 推荐(1)
angluar1.8.2 PC Mail项目笔记
摘要：兼容性技术选型 前后端分离 代理gulp nginx jq+angluar1.8.2 使用级别刚刚好的相对目录，方便转移项目或者做接口代理时的切换目录 指令过滤器服务控制器书写位置 方法封装，自己写和使用jq 考虑mvc分层 公用私有业务文件目录等公用方法公用样式 sass公共样式 html叠加 层 阅读全文
posted @ 2016-05-23 13:27 youryida 阅读(226) 评论(0) 推荐(0)
nodejs、npm、grunt——名词解释
摘要：最近着手开发一个新项目，打算从工程化的角度整理一套自己的前端开发、发布体系。grunt这些工具，之前别人用我也用，并没有认真想过它们的前世今生，正好趁着这个机会，我来理一理目前业界比较流行这些工具的用处和相互关系。一、名词解释nodejs——可以在本地执行js代码的环境（类似java的jdk）npm... 阅读全文
posted @ 2015-09-23 20:07 youryida 阅读(804) 评论(0) 推荐(0)
前端架构相关笔记
摘要：1、简单少重用的前端模板可以配合underscore的模板引擎用script 注：解决语法和jsp冲突的问题 可以用转义，也可以_.templateSettings = {interpolate : /\{\{(.+?)\}\}/g};2、验证插件，jqueryvalidate支持控件元素自定... 阅读全文
posted @ 2015-03-03 14:14 youryida 阅读(231) 评论(0) 推荐(0)
常用插件笔记
摘要：1、bootstrap 编程式弹窗——bootbox2、 下拉选框——chosen3、日期时间选择——jquery-ui-timepicker-addon http://trentrichardson.com/ 阅读全文
posted @ 2015-02-27 17:53 youryida 阅读(152) 评论(0) 推荐(0)
dsoframer 使用笔记
摘要：dsoframer是微软提供一款开源的用于在线编辑、调用Word、Excel、PowerPoint等的ActiveX控件。1、层覆盖 如果需要在文档编辑区域上方覆盖一个div的话，z-index无效，需要在其上方覆盖一个。2、隐藏状态打开文档 如果需要在display:none时打开doc文档，然后再.show()的话，会导致打开失败。 阅读全文
posted @ 2013-09-06 17:15 youryida 阅读(370) 评论(0) 推荐(0)
jquery自定义滚动条 鼠标移入或滚轮时显示 鼠标离开或悬停超时时隐藏
摘要：一、需求：我需要做一个多媒体播放页面，左侧为播放列表，右侧为播放器。为了避免系统滚动条把列表和播放器隔断开，左侧列表的滚动条需要自定义，并且滚动停止和鼠标离开时要隐藏掉。二、他山之石：案例来自http://www.17sucai.com/pins/426.html但是下载demo需要先注册，还要20积分。显然，这违背了互联网的共享精神，so，F12，load it。分析源码，发现了一个强大灵活的插件，感谢开发者。插件：jquery.jscrollpane.min.js主页: http://jscrollpane.kelvinluck.com/。API：http://jscrollpane.k. 阅读全文
posted @ 2013-08-23 20:06 youryida 阅读(1710) 评论(1) 推荐(0)
阿里前端闯关游戏 “智勇大闯关第三季” 闯关攻略
摘要：《智勇大闯关第三季》闯关地址：http://ued.campus.alibaba.com/quiz3/index.php(需要chrome)以我目前的水平，我认为两个小时之内闯到第六关的，都可以算是高手了，咳，这还只是一个校招游戏。攻略开始之前，先做个声明：本人菜鸟一个，从第四关开始就歇菜了，此攻略来自于JS/Javascript交流群(31609956)，本人撰稿，并由以下几位同学协助完成：嚼头(592737223)、js-dino(904591031)、难得清醒(582416882)，尤其是dino同学，提供了很多帮助，膜拜了要。第一关 1. 鼠标点击号码器上的回车键，弹出“Opps，不是 阅读全文
posted @ 2013-08-15 19:42 youryida 阅读(1730) 评论(4) 推荐(0)
注册表单模板设计
摘要：前几天优化之前做过的一个用户注册页面，发现这种表单从布局到各个表单项的验证提示，重复性很强，想着可以做成一个模板，日后再有此类需求直接拿来修改一下就可以了。一、UI设计 布局：每一个表单项都由项名、项值、填写/验证提示这三部分组成，在布局上是一个三列多行的表格结构。 交互：表单初始化时显示各表单项的填写提示；表单项blur时验证该项并验证提示；表单项focus时还原该项填写提示；submit时验证所有表单项并验证提示。二、关键部分实现 布局实现：考虑到表格布局以及各表单项的垂直居中需求，用是最合适的，每行两个td，左为项名，右为项值，提示div在项值td中并且position:absol... 阅读全文
posted @ 2013-08-14 10:04 youryida 阅读(784) 评论(0) 推荐(0)