bizhongbio.com
前端 | 双鱼bizhongbio - 渡人渡己,前端开发技术博客
http://www.bizhongbio.com/category/web
早前访问 Google Design 网站,在 Resources 目录下看到了 Material Design Lite 链接。 后来详细阅读 Material Design 文档,才明白 Material Design Lite (MDL) 是一个基于 Material Design 理念的 web 开发组件. 阅读全文. Movie 电影 是用 Node.js 和 MongoDB 实现的 Web 应用程序。 一、项目结构 - movie(项目根目录) - app(应用程序根目录) - controllers(控制器) - category.js(分类目录控制器) - comm. 阅读全文. 一、在HTML中使用CSS 查看我之前写过的文章 在HTML中使用CSS 二、CSS书写规范 位置属性 position,top,right,bottom,left,z-index,display,float 等 大小 width,height,padding,margin 等 文字系列 font,line-height,letter-spacing,color,text. 阅读全文. 一、前言 现今,无论是移...
bizhongbio.com
首页滚动特效 | 双鱼bizhongbio - 渡人渡己,前端开发技术博客
http://www.bizhongbio.com/home-scrolling-effects.html
页面渲染时,CSS3 实现文字动画 滑动页面时,JavaScript 实现改变背景图片的 background-position 属性和线性改变文字透明度。 DOCTYPE html html head meta charset="utf-8"/ meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" / title 首页滚动特效 /title meta name="keywords" content="双鱼,双鱼bizhongbio,bizhongbio"/ meta name="description" content="双鱼bizhongbio,是专注于分享web前端开发技术的个人博客。 双鱼bizhongbio, http:/ www.bizhongbio.com/". Width=device-width, initial-scale=1, minimum-scale=1". 0,0,0,.2. Head,#gallery-content h1,#gallery-content p,#gallery-content span.
bizhongbio.com
Node.js概述 | 双鱼bizhongbio - 渡人渡己,前端开发技术博客
http://www.bizhongbio.com/nodejs-summary.html
最近几年,Web 领域出现了一个全新的 JavaScript 开发框架 Node.js。 以下主要从什么是 Node.js 框架,使用 Node.js 框架能够解决什么问题,为什么要用 Node.js 框架,在哪些场合下应该考虑使用 Node.js 来展开概述。 一、什么是 Node.js 框架. 官网介绍 Node.js 是一个基于 Chrome V8. Nodejs 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。 也就是说,Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。 Nodejs 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。 二、使用 Node.js 框架能够解决什么问题. 在 Java、PHP 或 ASP.NET 等服务器端语言中,为每一个客户端连接创建一个新的线程,而每一个线程需要耗费大约 2MB 的内存。 也就是说,理论上,具有 8GB 内存的服务器可以同时连接的最大用户数为 4000 个左右。 32 非阻塞型 I/O 及事件环机制.
bizhongbio.com
Hum-Start Within | 双鱼bizhongbio - 渡人渡己,前端开发技术博客
http://www.bizhongbio.com/hum-start-within.html
欣赏更多 Romain Briaux 作品 Romain Briaux on Behance. Romain Briaux, French graphic designer. 注明出处格式 双鱼bizhongbio http:/ www.bizhongbio.com/hum-start-within.html. 夏陌浅曦 2015.11.06 21:34. This website very nice, I liked it!
bizhongbio.com
HTML&CSS编码规范 | 双鱼bizhongbio - 渡人渡己,前端开发技术博客
http://www.bizhongbio.com/html-css-code-guide.html
用两个空格来代替制表符 tab – 这是唯一能保证在所有环境下获得一致展现的方法. 不要在自闭合 self-closing 元素的尾部添加斜线 — HTML5 规范. 不要省略可选的结束标签 closing tag ,例如 /li 、 /body。 DOCTYPE html html head title Page title /title /head body img src="images/company-logo.png" alt="Company" h1 class="hello-world" Hello, world! 为每个 HTML 页面的第一行添加标准模式 standard mode 的声明,这样能够确保在每个浏览器中拥有一致的展现。 DOCTYPE html html head /head /html. 强烈建议为 html 根元素指定 lang 属性,从而为文档设置正确的语言。 更多关于 lang 属性的知识可以从 此规范. IE 支持通过特定的 meta 标签来确定绘制当前页面所应该采用的 IE 版本。 阅读 stack overflow 上的文章. 使用 HTML link 标签.
bizhongbio.com
JavaScript实现侧边栏滚动特效 | 双鱼bizhongbio - 渡人渡己,前端开发技术博客
http://www.bizhongbio.com/javascript-sidebar-scroll-effects.html
右边文章可见区域高度 oarticleH 大于左边侧边栏可见区域高度 osidebarH 时触发 scrollEvent 事件。 如果网页被卷去的高度 scrollH 加上屏幕可视化区域高度 screenH 大于左边侧边栏可见区域高度 osidebarH ,左边侧边栏 osidebar 固定 属性 position 的属性值置为 fixed ,若滚动到右边文章底部,左边侧边栏 osidebar 不固定 属性 position 的属性值置为 absolute。 双鱼bizhongbio, http:/ www.bizhongbio.com/". Position:absolute;top:auto;bottom:0px;". 注明出处格式 双鱼bizhongbio http:/ www.bizhongbio.com/javascript-sidebar-scroll-effects.html. This website very nice, I liked it!
mnhelper.com
优德官网 - 优德88 - 优德
http://www.mnhelper.com/helper/serverscript/sql/376.html
FE Word More Fun. 2014年最新前端开发面试题 题目列表 答案 完整版. 社会招聘 微信 – 前端开发工程师. 前端轻量级web进度条 – Nprogress & nanobar. 全面的css hack ie6-9,firefox,chrome,opera,safari. 实用的sublime插件集合 – sublime推荐必备插件. Sublime text 2 前端编码神器-快捷键与使用技巧介绍. 字体 排版 更多…. 公众平台发布微信 web 开发者工具,可以在 PC 或 Mac 上模拟访问微信内网页,帮助开发者更方便地进行开发和调试。 具体功能如下 1. 使用真实用户身份. 前言 由于 H5 页面适用于移动网络传输,跨终端,且方便快速迭代,此外在 App 应用里加入h5的混合开发越来越普遍,如微信里面即将要上线的 H5 微信运动等。 响应式布局 响应式网站设计(Responsive Web design)的理念是 集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境 系统平台、屏幕尺寸、屏幕定向等 进行相对应的布局。 站酷 ZCOOL - 设计师互动平台.
mnhelper.com
优德官网 - 优德88 - 优德
http://www.mnhelper.com/helper/serverscript/sql/384.html
FE Word More Fun. 2014年最新前端开发面试题 题目列表 答案 完整版. 社会招聘 微信 – 前端开发工程师. 前端轻量级web进度条 – Nprogress & nanobar. 全面的css hack ie6-9,firefox,chrome,opera,safari. 实用的sublime插件集合 – sublime推荐必备插件. Sublime text 2 前端编码神器-快捷键与使用技巧介绍. 字体 排版 更多…. 公众平台发布微信 web 开发者工具,可以在 PC 或 Mac 上模拟访问微信内网页,帮助开发者更方便地进行开发和调试。 具体功能如下 1. 使用真实用户身份. 前言 由于 H5 页面适用于移动网络传输,跨终端,且方便快速迭代,此外在 App 应用里加入h5的混合开发越来越普遍,如微信里面即将要上线的 H5 微信运动等。 响应式布局 响应式网站设计(Responsive Web design)的理念是 集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境 系统平台、屏幕尺寸、屏幕定向等 进行相对应的布局。 站酷 ZCOOL - 设计师互动平台.
mnhelper.com
优德官网 - 优德88 - 优德
http://www.mnhelper.com/helper/serverscript/sql/364.html
FE Word More Fun. 2014年最新前端开发面试题 题目列表 答案 完整版. 社会招聘 微信 – 前端开发工程师. 前端轻量级web进度条 – Nprogress & nanobar. 全面的css hack ie6-9,firefox,chrome,opera,safari. 实用的sublime插件集合 – sublime推荐必备插件. Sublime text 2 前端编码神器-快捷键与使用技巧介绍. 字体 排版 更多…. 公众平台发布微信 web 开发者工具,可以在 PC 或 Mac 上模拟访问微信内网页,帮助开发者更方便地进行开发和调试。 具体功能如下 1. 使用真实用户身份. 前言 由于 H5 页面适用于移动网络传输,跨终端,且方便快速迭代,此外在 App 应用里加入h5的混合开发越来越普遍,如微信里面即将要上线的 H5 微信运动等。 响应式布局 响应式网站设计(Responsive Web design)的理念是 集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境 系统平台、屏幕尺寸、屏幕定向等 进行相对应的布局。 站酷 ZCOOL - 设计师互动平台.