随笔分类 - 前端
摘要：Generator 函数的异步应用 异步编程对 JavaScript 语言太重要。Javascript 语言的执行环境是“单线程”的，如果没有异步编程，根本没法用，非卡死不可。本章主要介绍 Generator 函数如何完成异步操作。 传统方法 ES6 诞生以前，异步编程的方法，大概有下面四种。 回调
阅读全文
posted @ 2017-02-20 16:31
创业男生
摘要：Generator 函数的语法 简介 基本概念 Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。本章详细介绍Generator 函数的语法和 API，它的异步编程应用请看《Generator 函数的异步应用》一章。 Generator 函数有多种理解角度。
阅读全文
posted @ 2017-02-20 16:30
创业男生
摘要：补充：http://nokit.org/ https://thinkjs.org/zh-cn/doc/index.html Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台， 用来方便地搭建快速的， 易于扩展的网络应用· Node.js 借助事件驱动， 非阻塞 I/
阅读全文
posted @ 2017-02-20 11:18
创业男生
摘要：背景 上图是一个典型的采用 Node.js 开发 web 应用的前后端结构，下面介绍一下 Node 服务层在其中的作用以及使用 Node.js 的一些优劣。 Node 服务层作用： 请求代理 传统做法是后端提供 api 供前端直接调用，但后端逐渐趋于服务化，直接调用面临的问题有： 跨域 数据需要二次
阅读全文
摘要：一. 资源教程: 综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 En类资源汇总 免费的编程中文书籍索引 前端书籍 前端免费书籍大全 免费的编程中文书籍索引 智能社 - 精通JavaScript开发 重新介
阅读全文
posted @ 2017-02-17 17:39
创业男生
摘要：一、简单明快的早期时代 可称之为 Web 1.0 时代，非常适合创业型小项目，不分前后端，经常 3-5 人搞定所有开发。页面由 JSP、PHP 等工程师在服务端生成，浏览器负责展现。基本上是服务端给什么浏览器就展现什么，展现的控制在 Web Server 层。 这种模式的好处是：简单明快，本地起一个
阅读全文
摘要：ES6 http://es6.ruanyifeng.com/#docs/generator Javascript UI CSS HTML Angular React Vue Node Gulp 其他 分享功能 在线演示 富文本编辑器 Chrome 性能优化 CDN Git Sass&Less Mar
阅读全文
posted @ 2017-02-15 18:00
创业男生
摘要：前端开发规范 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度. 文件规范 1、 html, css, js, images文件均归档至<系统开发规范>约定的目录中; 2、 html文
阅读全文
posted @ 2017-02-14 19:39
创业男生
摘要：前端工作思路及技巧 一．项目准备 1.以产品原型为基准对项目进行评审，对项目进行分析、思考，提出问题进行沟通 2.以设计图为基准进行评审，对设计图颜色、布局、交互效果进行讨论沟通 3.根据项目周期制定合理的开发任务，以天为单位 4.根据项目与团队沟通，选择运用的框架及技术进行部署 二．项目开发 1.
阅读全文
posted @ 2017-02-14 19:38
创业男生
摘要：目录 任务 1: 学会基本的HTML(5)标签骨架以及基本服务器概念 任务 2: 学会HTML5新增元素及CSS核心技术 任务 3: 学会CSS常用布局技巧以及绘制特殊图形和动画 任务 4: 掌握HTML+CSS的基本核心技巧 任务 5: JavaScript入门和基础 任务 6: 掌握JavaSc
阅读全文
posted @ 2017-02-08 17:54
创业男生
摘要：1. 单个页面内容不能过多 设计常用尺寸：7501334 / 6401134，包含了手机顶部信号栏的高度。 移动端H5活动页面常常需要能够分享到各种社交App中，常用的有微信、QQ等。 使用移动设备查看页面时会发现，在微信浏览器中有顶部导航栏，在qq内置浏览器里不止有顶部导航，底部也有操作栏（saf
阅读全文
摘要：目录 专业的技巧 支持情况 贡献准则 专业的技巧 使用CSS复位 CSS重置帮助实施用干净的石板为造型元素在不同的浏览器风格的一致性。您可以使用CSS复位库像Normalize等，也可以使用一个更简化的复位方法： * { box-sizing: border-box; margin: 0; padd
阅读全文
posted @ 2017-02-06 13:28
创业男生
摘要：H5项目常见问题及注意事项 H5页面 PSD转h5 http://h5.baidu.com/user Meta基础知识： H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 //一、HTML页面结构 <meta name="viewport" co
阅读全文
posted @ 2017-02-06 13:13
创业男生
摘要：一、大小不固定，多行文字的垂直居中 ① 单行文字 可能很多人都知道如何让单行文字垂直居中显示，就是使用line-height，将line-height值与外部标签盒子的高度值设置成一致就可以了。例如： 单行文字居中显示测试，css样式为：height:3em; line-height:3em;……
阅读全文
posted @ 2017-02-03 10:30
创业男生
摘要：按照上面的技术方案实施，具体过程为： 禁用页面顶部下拉事件 > 将页面的主体内容用一个DIV容器包含起来，同时复制需要放大处理的内容节点至主体内容之外 > 绑定页面滑屏事件 > 计算滑屏偏移量以及缩放等数值的运算 > 根据变化数值主体内容transfrom下滑，同时复制的节点做放大动效处理 > 监听
阅读全文
摘要：可扩展的布局 有一种流体布局的概念在早起web兴起的时，就开始盛行了。它的概念是说页面会根据浏览器窗口的变化进行更改，网站可以通过维护一套代码，保质一致性的设计。我这里强调的可扩展的布局也是基于这个概念，只是现在的方法多种多样，因此要强调页面布局的可扩展性。 可扩展的布局途径有很多，比如常见的百分比
阅读全文
posted @ 2017-01-06 17:16
创业男生
摘要：https://gold.xitu.io/entry/586483de8d6d81006506467b 腾讯移动Web前端知识库 最全前端资源汇集 http://www.jianshu.com/p/c3dae0951f74 2013年初接触移动端，简单做下总结，首先了解下移动web带来的问题 设备更
阅读全文
posted @ 2016-12-22 18:02
创业男生
摘要：目录 图片 布局 音频视频 编辑器 轮播图 弹出层 表单 存储 动画 时间 其它 CDN 图片 baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本。demo Lightgallery.js - 是一个功能齐全的JavaScript图像灯箱插件。demo viewerjs - 是
阅读全文
摘要：/* core.css v1.1 | MIT License | corecss.io */ html { font-family: sans-serif; font-size: 100%; line-height: 1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -we...
阅读全文
posted @ 2016-12-06 14:24
创业男生
摘要：正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。 正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式的JavaScript代码： 下面是技匠整理的，在
阅读全文
浙公网安备 33010602011771号