2017年10月_柳柳Elena

原创【Salvation】—— 项目策划&市场分析

【Salvation】—— 项目策划&市场分析写在前面：这个项目是2017年，我们评选校级创新基金项目的参加作品，小组4人，我为负责人，这个项目现在已经基本完成，目前处于后期收尾阶段。一、项目的目标、内容及创新之处 1、研究目标体现人类与自然和谐相处的主题。让玩...

2017-10-31 23:15:00 263

原创【前端阅读】——《程序员思维修炼》摘记&读后感&思维导图

【前端阅读】——《程序员思维修炼》摘记&读后感&思维导图前言：这是一本介绍如何用脑的书，并从思维的角度（以程序员为例），介绍如何从新手成为专家。作者带领着读者（我）共同经历一次有关认知科学、神经学、学习和行为理论的旅程，探索人类大脑令人惊奇的工作的机制，并研究如何克服这一系统局限来提高自己的学习和思考技能。...

2017-10-31 22:23:00 1364

原创【前辈经验】——打破牢笼，展望更高层次的世界

前言：摘自原作者博客，感谢原作者，学到很多。笔者袁永福是一个十多年的老程序猿，一穷二白的出来创业多年，期间经历许多曲折和磨难，成功的在炮火连天的商业战场上活了下来，并持续发展中。其中不少体会，于是提出本文的主题--打破牢笼，展望更高层次的世界。回顾过去，我认为每个程序猿都关在一个透明的牢笼中，限制了思维、蒙蔽了眼界、蹉跎了岁月而不自知，如果不尝...

2017-10-30 23:50:00 98

原创【性能优化】——前端性能优化之DOM

【性能优化】——前端性能优化之DOM 前言：本文参考学习自 RenChao Guan的博客，来源FSUX.ME，感谢原作者，本文的思维导图为自己整理补充：浏览器工作流程避免重绘和回流的四种方式的具体实现 post...

2017-10-30 19:34:00 143

原创【性能优化】——前端性能优化之图片

【性能优化】——前端性能优化之图片前言：本文参考学习自 RenChao Guan的博客，来源FSUX.ME，感谢原作者，本文的思维导图为自己整理补充：离散余弦算法图片加载方式CSS Sprites响应式动态图片加载（SDK）<picture> ...

2017-10-29 23:42:00 163

原创【疑惑破解】——上手three.js需要什么基础？

前言：摘自原作者博客1、对于3D美术知识的认知，不管你有没有3D美术从业经历，但你必须要懂什么是mesh,什么是贴图，什么是材质，摄像机如何摆放才能构建出良好的视觉体验。还要明白viewport渲染出来的东西关系和camra中的参数如何配置。2、对于Javascript的能力以及OOP程序开发能力，游戏开发能力，明白如何使用js进行面向对象编程，尤其使用threejs...

2017-10-29 21:35:00 201

原创【前辈经验】——我的web前端面试经验（百度）

前言：摘自原作者博客写在前面的话博主就读于电子科技大学，大三狗一枚！面试是个漫长的过程，从海投到收获电话面试，一面、二面、三面，一个步骤出错那么后面就宣告终结。同时，面试过程中你也可能会遇到一些面试官的刁难，甚至部分面试官会说些比较打击你的话，但是大部分面试官都是很棒的！面试前的准备基础知识必须有牢固的基础知识，足够丰富的项目经历(就我...

2017-10-29 21:19:00 99

原创【前端阅读】——《JavaScript入门经典》摘记之JavaScript与XML

【前端阅读】——《JavaScript入门经典》摘记之JavaScript与XML 前言：这本书除了基础的JavaScript理论体系之外，有一个特别的章节，就是讲解——JavaScript与XML的关系，从中，我更进一步的了解了XML的基础、创建、显示以及使用JavaScript如何操作XML的知识，以下就是我对这部分内容的简单梳理，采用思维...

2017-10-29 20:31:00 140

原创【前辈经验】——前端工程师做事的三重境界：我的进阶之路

前言：摘自原作者博客写作本文的目的：构建自己关于前端工程师成长过程的认知模型，从自己的视角来分析 Programmer、Developer、Enginner 的能力结构与工程师成长过程的关联，并分享出来给大家，期望能对入门的前端同学有所借鉴和启发。需要提前说明的是，文中用到的工程师的不同叫法并不是要给工程师分类或者贴标签，因为工程师的成长过程是连续的，喜欢钻牛角尖的同学请自行绕路。...

2017-10-29 15:50:00 110

原创【前端阅读】——《JavaScript应用开发技术详解指南》摘记&思维导图

【前端阅读】——《JavaScript应用开发技术详解指南》摘记&思维导图读这本书，我主要关注三个部分：JavaScript内置函数，程序调试以及Ajax基础。由于多是介绍基本概念，所以，采用思维导图的方式，做了一个梳理，以下就是精简的主要内容。注：转载请注明出处...

2017-10-29 14:23:00 160

原创【面试试题】——在浏览器输入网址，直到页面出现，之间发生了什么？

【面试试题】——在浏览器输入网址，直到页面出现，之间发生了什么？从一道阿里面试题谈起：用户在浏览器中输入www.taobao.com直到看到页面之间发生了什么？注：本文转载自博客，并非本人原创，这里只参考学习前端面试时基本上都会被问到这类关于http协议相关的内容，不止是为了应对面试，实际开发时也会一直用到http...

2017-10-29 01:01:00 998

原创【前端阅读】——《代码整洁之道》摘记之整洁代码、命名、函数、注释

【前端阅读】——《代码整洁之道》摘记之整洁代码、命名、函数、注释这本书提出一种观念：代码质量与其整洁度成正比。干净的代码，既在质量上较为可靠，也为后期维护、升级奠定了良好基础。（作者认为书可以有另一个名字：《如何在意代码》）读这本书，促使我思考代码中何谓正确，何谓错误。更重要的是，它还可以促使自己重新评估自己的专业价值观，以及对自己技艺的...

2017-10-28 23:24:00 234

原创【前端阅读】——《活用PHP、MySQL建构Web世界》摘记之设计技巧

【前端阅读】——《活用PHP、MySQL建构Web世界》摘记之设计技巧二、设计技巧 Programming的习惯因人而异，这里只提供一些经验，可以参考。1、利用Include模块化你的程序代码 Include函数基本上说：就像是把另一个文件（HTML或者PHP程序）读进来，插入在Include的地方。适度地利用这个特性，可以模块化...

2017-10-28 02:34:00 232

原创【前端阅读】——《活用PHP、MySQL建构Web世界》摘记之高级应用

【前端阅读】——《活用PHP、MySQL建构Web世界》摘记之高级应用一、高级应用1、计数器计数器的原理很简单，只有两步：第一步就是读写一个数字，第二步就是显示出来。一般CGI'大多直接写到文件系统，当然也可以利用MySQL来存储这个数字，完成第一步的操作。第二步，除了直接写出数字之外，也可以用PHP的GD函数来试试。（注...

2017-10-27 23:59:00 273

原创【解惑破解】——什么是Github？看完你就了解一些了

写在前面：非原创，原作者TBHacker，博客地址。要了解Github，我们首先要知道Git，Git是管理代码的工具，写代码不是件轻松的事儿，一个人写的时候已经不轻松了，一群人写就更不轻松了，但这世界上很多事都是怎么不轻松怎么来的，大部分人都会和别人一起写代码，问题在于，这么多人写一个东西，你今天写一点，我明天写一点，然后发现你写错了，又影响到了我前天写的，最后汇总的...

2017-10-16 22:03:00 189

原创【重点突破】——第三方绘图工具FusionCharts.js的使用详解

一、引言项目组中，经常会因为绘制图表的繁杂度，衡量会不会使用第三方绘图工具，如果自己做很困难，成本使用高于第三方绘图工具库，就会使用。很多人使用的是Chart.js，因为它是免费使用的，不过，缺点就是只提供了八种统计图表，而FusionChart.js虽然是收费的，但一年也只是一千多元，相对较复杂的绘制图标，使用这个绘图工具库，要比几个人用几个星期来做，要更划算一些。二、F...

2017-10-15 02:14:00 350

原创【重点突破】——如何快速识别并解决“闭包问题”？

【重点突破】——如何快速识别并解决“闭包问题”？一、引言什么是“闭包”？它既是前端程序中常常会碰到的一个千年大坑，也是这个大坑唯一可以解决自身的办法。很多大牛对闭包都有自己的解释，但每个人的解释可能都不太一样，看太多反而混乱，这里，我会用一个小例子，尽量简单的说明这个“闭包”到底是什么，怎么识别？如何解决？二、闭包什么是？ ...

2017-10-14 21:44:00 389

原创【前辈经验】——写给前端应届生的职业规划建议

注明：转载自原作者-林洋博客林洋，YMFE 资深前端工程师，负责去哪儿网 Hybrid（Hy）、React Native（QRN）等移动端方案架构、开发和推进，负责一系列基于 Node 的开源平台（YIcon、YApi 等）、开发工具（小程序构建工具、YDoc、YKit 等）的管理维护工作。专注于移动前端，着眼于工程流程化。【前言】近一年多的时间，笔者在公司...

2017-10-13 19:41:00 206

原创【前辈经验】——前端职位描述

前言：这篇文章是转载自很有经验的前端前辈的博客里的，不是本人原创，在这里只做分享，原作者博客。以下是各种前端职称的列表和说明。最常被大家称呼的两个职位名称是前端开发者或者前端工程师。请记住，只要是称呼中包含前端、client-side、web UI、HTML、CSS或者JavaScript两个字的称呼，一般都说明这个人掌握了一定程度的HTML、CSS、DOM和JavaScri...

2017-10-12 23:54:00 328

原创【京东个人中心】——Nodejs/Ajax/HTML5/Mysql爬坑之注册与登录监听

【京东个人中心】——Nodejs/Ajax/HTML5/Mysql爬坑之注册与登录监听一、引言在数据库和静态页面都创建好之后，下面就该接着完成后台Node.js监听注册和登录的部分了。这个部分主要使用的技术是：Node.js的Express框架和ajax异步请求。登录和注册的代码实现过程基本相同，现在重点以注册监听为例进行叙述。二、...

2017-10-11 20:10:00 268

原创【自省】——什么是一个项目负责人处理事情的正确态度？

事情的缘由：大概是一个项目中期审核要开始了，我作为这个项目的负责人，在各个组员都不是很积极，很抵触继续着手做这个项目的时候，我和一个组员经历了与其中的另外一位组员相互之间由不太愉快的沟通到协商妥协，最后为了一起的利益达成共识的过程。这件事情让我对自己有很多不一样的看法：为什么我宁愿让步，也要坚持这么做呢?因为理智尚存它告诉我还有最正确的一条路可以走，它能让我我们每一个人都得到最...

2017-10-11 18:08:00 94

原创【京东个人中心】——Nodejs/Ajax/HTML5/Mysql爬坑之静态页面

【京东个人中心】——Nodejs/Ajax/HTML5/Mysql爬坑之静态页面一、引言接着上一篇，京东个人中心的所有功能数据分析完成之后，现在需要把静态页面完成，实现过程中要用到的技术有：Bootstrap、html5表单新特性等。除此之外，还要利用Node.js的Express框架实现向客户端提供折现静态资源。二、注册/登录页面...

2017-10-10 20:20:00 462

原创【京东个人中心】——Nodejs/Ajax/HTML5/Mysql爬坑之功能与数据分析

【京东个人中心】——Nodejs/Ajax/HTML5/Mysql爬坑之功能与数据分析一、引言在学习了Nodejs和HTML5之后，发现了Nodejs的使用很方便，和php是完全不同的另一种后台语言。我也明白了，在一个项目里，是不可能同时存在Apach服务器（php）和Web服务器（Node.js）。在前面我做过一个京东账户项目，那个是完全使...

2017-10-10 18:03:00 162

原创【重点突破】——使用Express创建一个web服务器

【重点突破】——使用Express创建一个web服务器一、引言在自学node.js的过程中有一个非常重要的框架，那就是Express。它是一个基于NodeJs http模块而编写的高层模块，弥补http模块的繁琐和不方便，能够快速开发http服务器。这里，就要用Express创建一个Web服务器，用来深入的理解这个框架，并熟悉创建Web服务器...

2017-10-06 18:33:00 624

原创【重点突破】——Drag&Drop拖动与释放

【重点突破】——Drag&Drop拖动与释放一、引言在学习HTML5新特性的时候，学到了Drag&Drop这两种拖放API，这里根据拖动的是“源对象”还是“目标对象”做两个小练习，主要是为了理解与应用HTML5为拖放行为提供的7个事件。二、七个事件HTML5为拖放行为提供了7个事件，分为两组：拖动的源对...

2017-10-03 22:51:00 546

原创【重点突破】——two.js模拟绘制太阳月亮地球转动

【重点突破】——two.js模拟绘制太阳月亮地球转动一、引言自学two.js第三方绘图工具库，认识到这是一个非常强大的类似转换器的工具，提供一套固定的接口，可用在各种技术下，包括：Canvas、Svg、WebGL，极大的简化了应用的开发。这里，我使用two.js手册里教的一些方法，做一个小练习，模拟绘制太阳-月亮-地球自转公转的类银河系转动的...

2017-10-03 16:43:00 480

原创【重点突破】——SVG技术动态随机绘制圆形

【重点突破】——SVG技术动态随机绘制圆形一、引言在学习Canvas绘图技术时，做的是随机验证码的例子，在学习SVG绘图技术时，同样也有一个随机绘制的例子——动态随机绘制圆形。这个练习，即综合了多种SVG技术的知识点，又很具有艺术感，随机生成的任意一张图片都具有艺术之美。二、要求在SVG画布上随机的绘制30个实心圆形，大小随机、...

2017-10-03 15:40:00 351

原创【重点突破】——Canvas技术绘制音乐播放器界面

【重点突破】——Canvas技术绘制音乐播放器界面一、引言在用Canvas练习制作了验证码之后，还有一个用Canvas技术很综合的练习——制作音乐播放器。在做这个练习的过程中，还有一个重要的观察点，那就是理解Canvas的一大问题。二、要求点击播放按钮，碟片开始旋转，背景音乐开始播放再次点击播放按钮，碟片停止旋转，背景...

2017-10-02 21:05:00 545

原创【重点突破】——Canvas技术绘制随机改变的验证码

【重点突破】——Canvas技术绘制随机改变的验证码一、引言本文主要是我在学习Canvas技术绘图时的一个小练习，绘制随机改变的验证码图片，虽然真正的项目里不这么做，但这个练习是一个掌握Canvas技术很好的综合练习。（真正的项目中验证码图片使用服务器端技术，而不是客户端技术。）二、要求画布背景颜色随机（浅色） ctx.f...

2017-10-02 17:49:00 182

原创【重点突破】——使用Canvas进行绘图图像

【重点突破】——使用Canvas进行绘图图像一、引言本文主要是canvas绘图中绘制图像的部分，做了几个练习，综合起来，复习canvas绘图以及定时器的使用。二、canvas绘制小飞机在指定位置<!DOCTYPE html><html><head lang="en"> &...

2017-10-01 21:03:00 201

原创【温故知新】——HTML5重要知识点复习

【温故知新】——HTML5重要知识点复习前言：本文是自己在学习课程中的课程笔记，这里用来温故知新的，并非本人原创。一、HTML5新特性 —— 十个新特性：凌乱 (1)新的语义标签 (2)增强型表单(表单2.0) (3)音频和视频 (4)Canvas绘图 (5)SVG绘图 (6)地理定位...

2017-10-01 18:05:00 473

原创【重点突破】——Cookie的使用

【重点突破】——Cookie的使用 cookie:小甜饼 cookie:保存客户端浏览器中一个纯文本文件版本高的浏览器可查看 F12->Resource 左下方cookie 查看 cookie作用: 保存:[安全性要求不高]文字或数字数据登录密码?安全性要求高，不能保存通用方...

2017-10-01 15:05:00 126

柳柳66的博客