20170611 前端开发日报-前端开发博客

CSS 揭秘笔记 – 文字效果；关于js闭包；一个 PHPer 第一次用 Koa2 写 Node.js 的心路历程；vue子组件向父组件传值；重拾css(9)——float；利用 HTML5 Web Audio API 给网页 JS 交互增加声音；（译）一篇对css网格布局的介绍；前端与SQL

CSS 揭秘笔记 – 文字效果 —— 由敖天羽分享
关于js闭包闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的常见方式，就是在一个函数内部创建另一个函数。之所以一个内部的函数可以访问其外部的变量，而且在其被返回或是调用时还可以访问，是因为这个内…
一个 PHPer 第一次用 Koa2 写 Node.js 的心路历程学了一段时间的 js 了，突然想实践一下。正好公司有个小的项目要做，就顺手拿 Koa2 来做了。真是不做不知道，做了想不到。踩了一堆新手坑。初次接触 Koa2 在知道 Koa2 之前，我也了解过 Express，可惜并没有实战…
vue子组件向父组件传值1、子，父组件相互传值。话不多说直接上代码：父组件向子组件传值就是通过子组件定义的props子组件： {代码…} 父组件： {代码…} 以上timeControl是针对jedate时间控件做的一个组件，当选择完毕后会调用choo…
重拾css(9)——float1.引言对于我们所有的web前端开发人员，float是或者曾经一度是你最熟悉的陌生人——你离不开它，却整天承受着它所带给你的各种痛苦，你以为它很简单就那么一点知识，但却驾驭不了它各种奇怪的现象。这就是我们又爱…
利用 HTML5 Web Audio API 给网页 JS 交互增加声音首先务必要弄清这一点，本文这里所说的 HTML5 Web Audio API 和 HTML5
（译）一篇对css网格布局的介绍css3 Grid Layout 表格布局是在css中强大的难以置信的布局模块。它是二维空间的，所以它可以处理行和列它有些类似于Flexbox，但是又有本质的差别。Flexbox同样很强大，但是它主要是一维空间的。Flexbox可以处理…
前端与SQL 本篇将介绍前端本地存储里的Web SQL和IndexedDB，通过一个案例介绍SQL的一些概念。 1. 地图报表的案例现在要做一个地图报表，如下图所示：将所有的订单数据做一个图表展示，左边的地图展示每个city的成单情况，右边的图形，展示最近7天的成单情
采用 Flow 以及 TypeScript
Vue.js轻松实现页面后退时，还原滚动位置前言从Vue.js 2.x发布之后，陆陆续续做了七八个项目，摸索出来了一套自己的状态管理模式，我将之称为Vuet。它以规则来驱动状态更新，它带来的是开发效率上的飙升，它就像草原，而你是野马，任你随意驰骋，总之它是为敏捷开发而诞生。缘由在大型的Vue应用程
前端面试的一道算法题（使用canvas解答）据了解，现在前端面试也喜欢考算法题了。前几天去面试，果不其然的，面试官给我四道算法题，让我自己回去做。下面说一个跟前端有点相关并且有点趣的一道算法题。题目：平面上有若干个不特定的形状，如下图所示…
初识 weex 系列（前端视角） – 基础完结因为组件和模块一篇讲不完，接着上一篇，继续讲组件和模块 list和scoller组件实现上拉刷新和懒加载 list组件就像是ul标签，官方给出的demo是上拉加载的一个滚动效果(网页显示不了，要在手机上跑) list组件可以绑定一个事件loadmore：
重拾css(5)——浏览器默认样式上一节介绍了样式的五种来源，咱们再通过一张图回顾一下。对于上面的三层，咱们大概都比较熟悉了。下面的两层中，用户自定义样式一般也就是改一改字号大小和字体样式，也没甚好说的。而最有的说的就是浏览器的默…
Google 开发者博客：PNaCl 再见，WebAssembly 你好随着 WebAssembly 的发布，网络平台为新一代可在任何浏览器中快速运行的沉浸式网络应用奠定了坚实的基础。我们期待看到开发者接下来将开发出多么精彩的应用！ —— 由谷歌开发者分享
weex 模板集合 weex 模板集合 —— 由icepy分享
编写模块化 CSS（一）
Angular 4 快速入门目录第一节 – Angular 简介第二节 – Angular 环境搭建第三节 – 插值表达式第四节 – 自定义组件第五节 – 常用指令简介第六节 – 事件绑定第七节 – 表单模块简介第八节 – Http 模块简介第九节 – 注入服务 …
【猿眼电影售票系统】GitHub团队项目合作流程MonkeyEye（电影售票系统）项目地址：https://github.com/SYSUMonkeyEye/MonkeyEye-FE 由于系统分析与设计的期末Project需要团队合作开发，因此在这里想谈谈GitHub团队项目合作开发的流程：项目创建项目负责人…
Python 微型 Web 框架 Bottle 源码分析
《做 Web 开发必备的安全核对清单》在云端开发安全又健壮的 Web 应用非常难。如果你认为这很容易，那你技术水平要么已经很牛叉，要么还没有踩过坑。我做 Web 开发有 14 年多了。虽然这个清单很简单，也不大而全，但绝对包含了一些相对重要的问题。（tsteho 译，欢迎加入翻译组：全文
手把手走进toast,你也可以快速开发vue插件什么是toast 在使用IOS、Android的APP时，经常会收到系统的一些简短的提示信息，在其显示1–3s后自动关闭。分析toast {代码…} 内容简短，大多数就是一句话显示在固定且显目的位置没有关闭按钮 1–3秒后自动…