![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 65
侠客岛的含笑
我只不过在说有可能发生的事情,我并没有肯定的说法,不相信也不怀疑,要是想法偏向任何一边,而真相却相反的时候。(这是以前菜鸡的我)
展开
-
Yahoo军规 (慕课课程小结)Yslow
第一条、尽可能的减少 HTTP 的请求数 (Make Fewer HTTP Requests )什么是htpp请求?官方解释是是指从客户端到服务器端的请求消息。包括:消息首行中,对资源的请求方法、资源的标识符及使用的协议。我的个人理解是当我们打开网站时,我们所看到的文字,图片,多媒体等等,这一切内容,都是从服务器获取的,每一个内容的获取,就是一个HTTP请求。http请求是原创 2016-04-17 20:23:35 · 593 阅读 · 0 评论 -
WebStorm快捷键,小技巧
历史操作文件 按住ALT键选择,多行光标选择 按住ALT不松手,多次点击 自定义快捷键 一般给别人推荐两个编辑器:webstorm,sublime text,因为,有个技术叫emmet(ZenCoding), Emmet Documentation,而这两个对他的支持是:sublime text 是所有编辑器里边支持emmet比较好的的唯一一款。webstorm是所有编辑器里边原创 2017-04-04 19:03:32 · 761 阅读 · 0 评论 -
Html5入门
HTML发展Expectation of the futureHTML5 ≈ HTML + CSS + JavaScript + APIWebAPP HTML5新增了离线存储,更丰富的表单,js,socket,扩展embed,css3流媒体与多媒体引擎(Audio,Video,Canvas,webgl等等)增强方便搜索引擎无障碍沟通(SEO) 这些优点毫无例外地帮助H5可以兼容PC,M原创 2017-06-13 11:56:15 · 890 阅读 · 0 评论 -
jQuery实现web备忘录-5(定时提醒-标记完成状态)
监听checkbox状态;选中就是完成事件; 而且完成和没有完成的事件分开放置; 要分析每条事件的状态extend()合并对象;$.merge() 函数用于合并两个数组内容到第一个数组。这里我们使用extend()升级提醒时间,替换js自带date,使用jquery时间插件,精确到秒npm i jquery-datetimepicker --save // 更新Task fu原创 2017-04-17 08:17:58 · 2006 阅读 · 1 评论 -
jQuery实现web备忘录-4,详情页
详情页的编写,也就是RT 当程序变的复杂时,最好进行单步测试 一闪而过,所以我们可以把默认的程序静止掉$update_form.on('submit',function(e){ e.preventDefault(); })一步一测试 测试双击事件是否能够执行; $task_detail_content = $update_form.find原创 2017-04-15 21:56:10 · 1140 阅读 · 0 评论 -
垂直居中的方法和技巧
简单的情况text-align:center; vertical-align: middle等,下面是复杂一点的: // 方法一:已知元素的高宽 CSS: .content{ background-color:#6699FF; width:200px; height:200px; position:原创 2016-12-17 20:45:18 · 466 阅读 · 0 评论 -
HTML5 移动Web App阅读器-1
html5本地存储,渐强式理念(兼容性处理) 苹果APP商店审核非常慢 微信朋友圈的H5广告和游戏 H5相比Native APP优点: 快速的更新和迭代 一次开发多终端受益 Native APP的优缺点:流畅;更新迭代,速度降低 HTML5 WEB APP的现状与发展趋势 不能实现多终端适配; 相比于Native APP,Hybrid APP动画方面和DOM操作是要差的原创 2017-04-06 22:52:57 · 6421 阅读 · 2 评论 -
HTML5 移动Web App阅读器-2(技术点讲解)
1.使用Base64格式的图片制作icon 记得写备注 缺点:图片体积更大,因为base64是未经压缩的,比原图大;维护不方便。 优点:base64图片利于页面加载,可以减少请求;加快首屏数据的显示速度。background: url.............url(data:image/png;base64,{img_data})2.使用CS3的图片制作icon(一般用在规格图形上面)原创 2017-04-07 10:42:15 · 3522 阅读 · 0 评论 -
HTML5 移动Web App阅读器-3(开发流程介绍、需求分解和技术选型)
交互图&需求分解 - 功能的体现 - 细节调整 技术选型和开发准备 - 轻量化 - 快速开发 - 维护简单 - 高性能 WEB app选择原生js还是框架?项目简单:选择原生js,开发成本和维护成本低. js,html,css放在一起的优点是:文件加载时减少请求;性能方面,加载速度提升; 页面逻辑的js,数据量不大的情况下,把放在html中,而且发布新版本文件会原创 2017-04-07 11:29:03 · 2011 阅读 · 0 评论 -
响应式布局开发-1
响应式互联网设计 https://alistapart.com/article/responsive-web-design http://article.yeeyan.org/view/340229/299850 弹性->响应式(媒介查询media queries,流动网格flexible grid layout,弹性图片flexible image) 响应式布局是一种设计理念; 在快速迭原创 2017-04-01 11:47:10 · 623 阅读 · 0 评论 -
响应式布局开发 -2
没有最好的组织方式,只有最合适的。 扁平化 - src 放置源代码 -css -login.css -main.css -normalize.css -js -vendor(第三方库) -jquery.js -main.js原创 2017-04-01 14:44:59 · 869 阅读 · 0 评论 -
响应式布局开发 -3
IE=edge表示强制以最新的IE浏览器模式渲染页面 IE11这个文档模式已经废除了 gt=greater than lt=less than gte=greater than or equal lte=less than or equal IE8不兼容html5标签和媒体查询,so<!--[if lte IE8]> <p class="browserupgrade">您的浏览器版原创 2017-04-01 17:36:17 · 368 阅读 · 0 评论 -
响应式布局开发 -4
CSS resets(对所有标签应用一段默认的样式,以此保持各个浏览器一致) vs Normalize.css(保证样式一致,同时保持各个浏览器的兼容型保持一致) 而且css resets会导致每个标签的继承链过长,嗯,很糟糕的感觉;而Normalize.css则非常谨慎,调试样式时很是简单 解决方法很简单:font-size:1em;font-size:16px;原创 2017-04-01 21:23:18 · 1438 阅读 · 0 评论 -
响应式布局开发 -5
(响应式广告)轮播图采用OwlCarousel2来使用 http://owlcarousel2.github.io/OwlCarousel2/ zepto是针对移动端的一个类似jquery的库; 按照文档引入https://owlcarousel2.github.io/OwlCarousel2/docs/started-installation.html。 样式引用放在上面,脚本引用放在下面原创 2017-04-03 17:04:36 · 884 阅读 · 3 评论 -
响应式布局开发 -6
Chrome V8引擎会将js代码直接转换成原生的机器码并且进行优化,使得js运行速度快很多,接近二进制程序,Node.js在非浏览器环境解释和运行js代码 事件的触发来调用相关的方法:事件驱动 异步编程->回调函数->典型的事件驱动,比如ajax请求 异步非阻塞的I/O才是Node.js的精髓。 同步: 异步: npm下载的模块会默认安装到node_modules文件夹;原创 2017-04-03 22:08:47 · 531 阅读 · 0 评论 -
流行的响应式框架,原型设计简介
BootstrapFoundationSemantic UIPureCSS Foundation卖点:结构语义化,可定制 www.foundcess.com Semantic UI更语义化,没有前缀约束 PureCSS非常轻量级原创 2017-04-04 19:25:17 · 1248 阅读 · 0 评论 -
jQuery实现web备忘录-1
技术点 - 定时提醒功能的实现 - 最大限度的重用数据 - 实现最强大的alert()功能 - position属性的特殊用法 使用js严格模式 - 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为; - 消除代码运行的一些不安全之处,保证代码运行的安全; - 提高编译器效率,增加运行速度; - 参数传递,为了避免$和其他库或模板原创 2017-04-08 13:29:49 · 2044 阅读 · 1 评论 -
html 内联 块级元素,浏览器内核,css继承性
块级元素(block)特性:总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示; 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; 内联元素(inline)特性: 和相邻的内联元素在同一行; 宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距原创 2016-12-17 21:32:19 · 426 阅读 · 0 评论 -
jQuery实现web备忘录-2(添加细节)
上次把布局做好了,不过呢,页面就好像一夜回到解放前呢~ 常规化CSSnpm isntall normalize.css --savecss *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outli原创 2017-04-13 22:44:39 · 617 阅读 · 0 评论 -
HTML5 移动Web App阅读器-4(页面基本结构开发)
上下边栏:绝对定位或者fixed.相对独立,所以可以放到一个相对独立过程中去。 然后就是内容区:标题,内容,操作条 。 引用normailze.css,zepto.min.js,jquery.base64.js,jquery.jsonp.js Zepto是为现代智能手机浏览器推出的Javascript 框架, 有和jQuery相似的语法,不过更小<meta name="viewport" co原创 2017-04-18 10:57:11 · 3582 阅读 · 0 评论 -
jQuery实现web备忘录-3
存储在Localstorage; 但是功能太少,比如定时无法实现 store.js比较灵活,用它.确定js代码能和html代码正常交互注意form表单里面的submit才有效果preventDefault() 方法阻止元素发生默认的行为(例如,当点击提交按钮时阻止对表单的提交)。定义变量,然后相对的定义函数,这样会非常的清晰,层层嵌套,能溯源代码在多个函数层层调用的时候,可以使用co原创 2017-04-13 23:05:02 · 1634 阅读 · 0 评论 -
GitHub学习指南
在执行 gem install jekyll报错了 C:\Sites> gem install jekyll ERROR: Could not find a valid gem ‘jekyll’ (>= 0) in any repository解决方法$ gem sources --remove RubyGems.org$ gem sources -a RubyGems.org$ gem i原创 2016-10-22 19:08:51 · 1998 阅读 · 0 评论