请稍侯

LOFTCam 产品体验报告

LOFTCam 是一款网易出品的移动端照片后期处理应用,定位为专注手机摄影的移动软件,追求高品质的滤镜效果,简洁快速的操作体验。 1. 概览 体验产品:LOFTCam Android版本 软件版本:3.5.0 设备型号:RedmiNote 4 / MIUI8 7.66.10 操作系统:Android 6.0 2. 产品定位 用心创造滤镜,让照片说出故事 从产品的定位可以看出来,LOFTCam的核心点是提供简单纯净的图片编辑功能,达到不错的图片处理效果。这个定位将LOFTCam与...

read more

css书写规范

css书写顺序 (供参考:) 1.影响文档流的属性 如:display, visibility, float, clear, position, top, z-index, table-layout,... 2.自身盒模型等相关属性 如:width, height, overflow, margin, padding, border, outline,... 3.文字、排版相关属性 如:font, line-height, text-align, text-indent, letter-spacing, white-space, vertical-align,... 4.装饰...

read more

JavaScript与排序算法

研究算法可以锻炼思维。今天整理一下几种常见的排序算法的 JavaScript 实现。 排序算法评断标准 稳定性:待排序数组中有 a、b 两个元素,且 a = b。若排序前 a 在 b 之前,排序后 a 仍位于 b 的前面,则说这个算法是稳定的;若排序前 a 在 b 之前,排序后 a 位于 b 之后,则这个算法不稳定。 评判一个排序算法的好坏,一般要谈到复杂度。这个复杂度包括时间复杂度(算法执行耗费的时间)和空间复杂度(运行程序耗费的内存)。 数组长度为 n,一般来说,对于计算复杂度而言,好的表现为 O(nlogn),坏的表现为 O(n²)。 插入排序 这应该是几种算法里面最...

read more

underscore(一)内部函数

Underscore.js 是一个 JavaScript 工具包,加上注释也不到2000行,精巧实用,比较适合源码阅读入门。这里是中文文档,这里是英文源码及注释,参考以上内容完成本系列。 立即执行的函数表达式 Underscore.js 的最外层是这样的: (function(){ //... }.call(this)); 严格模式下,函数调用的 this 并不会指向全局对象,但像这样做了之后,就能确保函数运行时的 this 指向。 ##基本设置 baseline setup //创建root对象,在浏览器中表现为window,服务器中表现为exports v...

read more

css浮动布局

本文中的自适应只考虑宽度,不包括高度。 单列布局 给块级元素设置定宽,再设置margin: 0 auto;实现水平居中。需要注意的是,此时不能设置元素的 float 或绝对定位,否则居中失效。 举个🌰: 百度首页 ![](https://cdnmagic.github.io/pic/o_1arurutnf10uc19iq118814k01cq29.png) 效果: 所有演示均在此地址 两列布局 两列定宽 <!-- html结构 --> <div class="wrap"> <div class="left"></div>...

read more

Sublime Text3 快捷键

Mac版 在Sublime Text主菜单中找到Preferences -> Key Bindings - Default或Key Bindings - User,可查看系统默认/用户自定义的快捷键。相同的文件也可以在命令面板中输入kbd(此处为简写,也可以写全)或kbu进入。命令面板唤醒方式在下一行。 工具 命令面板: shift + command + p 侧边栏 sidebar 显/隐: command + k + b 格式 放大字体: command + + 缩小字体: command + - 新建页面: command + n 把下一行添加到当...

read more

Ajax知识点

Ajax概念 同步 异步 HTTP请求 HTTP 是无状态的协议(即服务端不保留连接的相关信息,无记忆)。 一个完整的 HTTP 请求包含以下步骤: 建立 TCP 连接 Web 浏览器向 Web 服务器发送请求命令 Web 浏览器发送请求头信息 Web 服务器做出应答 Web 服务器发送应答头信息 Web 服务器向浏览器发送数据 Web 服务器关闭 TCP 连接 HTTP 请求的组成: 请求的方法或动作,GET(一般用于信息的获取,查询) P...

read more

手把手教你用canvas画熊本熊

canvas 是 H5 一个超棒的元素,能创造好多漂亮的效果。现在就用它最简单的几个方法,画一只酷炫的熊本熊(恩,酷炫是因为熊本熊本来就是一种酷炫的生物)。 成果 先来看一下本文的成果。用后文中几个封装好的函数加一点别的小功能,可以做成一个生成熊本熊图片的网页小应用。(目前只推荐下载png格式的图片) 戳这里看效果:用canvas画熊本熊 准备工作 支持 canvas 的现代浏览器,html 页面、css 文件、js 文件。 HTML & CSS 先写结构和样式: <!-- html文件 --> <canvas class="kumamon"...

read more

canvas 绘图

最近了解了一些 canvas 绘图相关知识,现整理出来。 ##准备知识 作为一个 HTML 元素,<canvas>在页面中设定一个区域,然后用 JavaScript 在这个区域中绘制图形。注意,<canvas>只是一个容器,JavaScript 才做着绘图的工作。你可以用它来制作照片集或动画。 想用它创造一些很棒的效果,我们需要相关的 HTML、JavaScript 知识和支持该元素的新版本浏览器。 ![IE9+](https://cdnmagic.github.io/pic/o_1aqcdo2cldv1pt8rfj1m88d3jj.gif) ![Fir...

read more

JavaScript中的事件

##DOM事件流 DOM2 级事件规定的事件流包括三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。 举个 🌰,在一个标准的 HTML 页面中点击某个<div>元素,触发顺序如下: DOM 事件流中,<div>在捕获阶段不会接收到事件。在处于目标阶段,事件在<div>上发生,在事件处理阶段被看成是冒泡阶段的一部分。冒泡阶段,事件又传回文档。 ##事件处理程序 用户或浏览器执行的动作是事件,如 click,load,mouseover。 事件处理程序是响应事件的函数,以 “on” 开头,如 onclick,onload,onmouse...

read more