10 2017 档案

【Salvation】—— 项目策划&市场分析
摘要：写在前面：这个项目是2017年，我们评选校级创新基金项目的参加作品，小组4人，我为负责人，这个项目现在已经基本完成，目前处于后期收尾阶段。 一、项目的目标、内容及创新之处 1、研究目标 体现人类与自然和谐相处的主题。 让玩家在感受解密的乐趣中，接触并了解到保护自然的重要性。 同时锻炼玩家的思维灵活能 阅读全文
posted @ 2017-10-31 23:15 柳洁琼Elena 阅读(298) 评论(0) 推荐(0) 编辑
【前端阅读】——《程序员思维修炼》摘记&读后感&思维导图
摘要：前言：这是一本介绍如何用脑的书，并从思维的角度（以程序员为例），介绍如何从新手成为专家。作者带领着读者（我）共同经历一次有关认知科学、神经学、学习和行为理论的旅程，探索人类大脑令人 惊奇的工作的机制，并研究如何克服这一系统局限来提高自己的学习和思考技能。 我认为，这本书，不仅适合程序员了解行业，认识 阅读全文
posted @ 2017-10-31 22:23 柳洁琼Elena 阅读(788) 评论(0) 推荐(0) 编辑
【性能优化】——前端性能优化之DOM
摘要：前言：本文参考学习自 RenChao Guan的博客，来源FSUX.ME，感谢原作者，本文的思维导图为自己整理 补充： 浏览器工作流程 避免重绘和回流的四种方式的具体实现 阅读全文
posted @ 2017-10-30 19:34 柳洁琼Elena 阅读(221) 评论(0) 推荐(0) 编辑
【性能优化】——前端性能优化之图片
摘要：前言：本文参考学习自 RenChao Guan的博客，来源FSUX.ME，感谢原作者，本文的思维导图为自己整理 补充： 离散余弦算法 图片加载方式 CSS Sprites 响应式动态图片加载（SDK） 阅读全文
posted @ 2017-10-29 23:42 柳洁琼Elena 阅读(275) 评论(0) 推荐(0) 编辑
【前端阅读】——《JavaScript入门经典》摘记之JavaScript与XML
摘要：前言：这本书除了基础的JavaScript理论体系之外，有一个特别的章节，就是讲解——JavaScript与XML的关系，从中，我更进一步的了解了XML的基础、创建、显示以及使用JavaScript如何操作XML的知识，以下就是我对这部分内容的简单梳理，采用思维导图的方式。 补充：关于DTD文件的创 阅读全文
posted @ 2017-10-29 20:31 柳洁琼Elena 阅读(202) 评论(0) 推荐(0) 编辑
【前端阅读】——《JavaScript应用开发技术详解指南》摘记&思维导图
摘要：读这本书，我主要关注三个部分：JavaScript内置函数，程序调试以及Ajax基础。由于多是介绍基本概念，所以，采用思维导图的方式，做了一个梳理，以下就是精简的主要内容。 注：转载请注明出处 阅读全文
posted @ 2017-10-29 14:23 柳洁琼Elena 阅读(237) 评论(0) 推荐(0) 编辑
【面试试题】——在浏览器输入网址，直到页面出现，之间发生了什么？
摘要：从一道阿里面试题谈起： 用户在浏览器中输入www.taobao.com直到看到页面之间发生了什么？注：本文转载自博客，并非本人原创，这里只参考学习 前端面试时基本上都会被问到这类关于http协议相关的内容，不止是为了应对面试，实际开发时也会一直用到http协议的知识，因此，整理一下这方面内容非常有必 阅读全文
posted @ 2017-10-29 01:01 柳洁琼Elena 阅读(2010) 评论(0) 推荐(0) 编辑
【前端阅读】——《代码整洁之道》摘记之整洁代码、命名、函数、注释
摘要：这本书提出一种观念：代码质量与其整洁度成正比。干净的代码，既在质量上较为可靠，也为后期维护、升级奠定了良好基础。（作者认为书可以有另一个名字：《如何在意代码》） 读这本书，促使我思考代码中何谓正确，何谓错误。更重要的是，它还可以促使自己重新评估自己的专业价值观，以及对自己技艺的承诺。 1、整洁编程 阅读全文
posted @ 2017-10-28 23:24 柳洁琼Elena 阅读(2380) 评论(1) 推荐(1) 编辑
【前端阅读】——《活用PHP、MySQL建构Web世界》摘记之设计技巧
摘要：二、设计技巧 Programming的习惯因人而异，这里只提供一些经验，可以参考。 1、利用Include模块化你的程序代码 Include函数基本上说：就像是把另一个文件（HTML或者PHP程序）读进来，插入在Include的地方。适度地利用这个特性，可以模块化程序代码，也让程序不至于太过冗长。 阅读全文
posted @ 2017-10-28 02:34 柳洁琼Elena 阅读(212) 评论(0) 推荐(0) 编辑
【前端阅读】——《活用PHP、MySQL建构Web世界》摘记之高级应用
摘要：一、高级应用 1、计数器 计数器的原理很简单，只有两步： 第一步就是读写一个数字，第二步就是显示出来。一般CGI'大多直接写到文件系统，当然也可以利用MySQL来存储这个数字，完成第一步的操作。 第二步，除了直接写出数字之外，也可以用PHP的GD函数来试试。 （注：计数器一般都是以CGI程序做的，一 阅读全文
posted @ 2017-10-27 23:59 柳洁琼Elena 阅读(331) 评论(0) 推荐(0) 编辑
【重点突破】——第三方绘图工具FusionCharts.js的使用详解
摘要：一、引言 项目组中，经常会因为绘制图表的繁杂度，衡量会不会使用第三方绘图工具，如果自己做很困难，成本使用高于第三方绘图工具库，就会使用。很多人使用的是Chart.js，因为它是免费使用的，不过，缺点就是只提供了八种统计图表，而FusionChart.js虽然是收费的，但一年也只是一千多元，相对较复杂 阅读全文
posted @ 2017-10-15 02:14 柳洁琼Elena 阅读(1799) 评论(0) 推荐(0) 编辑
【重点突破】——如何快速识别并解决“闭包问题”？
摘要：一、引言 什么是“闭包”？它既是前端程序中常常会碰到的一个千年大坑，也是这个大坑唯一可以解决自身的办法。很多大牛对闭包都有自己的解释，但每个人的解释可能都不太一样，看太多反而混乱，这里，我会用一个小例子，尽量简单的说明这个“闭包”到底是什么，怎么识别？如何解决？ 二、闭包 什么是？ 一种对象，向外公 阅读全文
posted @ 2017-10-14 21:44 柳洁琼Elena 阅读(1216) 评论(1) 推荐(0) 编辑
【京东个人中心】——Nodejs/Ajax/HTML5/Mysql爬坑之注册与登录监听
摘要：一、引言 在数据库和静态页面都创建好之后，下面就该接着完成后台Node.js监听注册和登录的部分了。这个部分主要使用的技术是：Node.js的Express框架和ajax异步请求。登录和注册的代码实现过程基本相同，现在重点以注册监听为例进行叙述。 二、js文件-功能实现 在注册按钮<input... 阅读全文
posted @ 2017-10-11 20:10 柳洁琼Elena 阅读(1139) 评论(0) 推荐(0) 编辑
【京东个人中心】——Nodejs/Ajax/HTML5/Mysql爬坑之静态页面
摘要：一、引言 接着上一篇，京东个人中心的所有功能数据分析完成之后，现在需要把静态页面完成，实现过程中要用到的技术有：Bootstrap、html5表单新特性等。除此之外，还要利用Node.js的Express框架实现向客户端提供折现静态资源。 二、注册/登录页面 小知识点：用视频做背景 定义class= 阅读全文
posted @ 2017-10-10 20:20 柳洁琼Elena 阅读(811) 评论(0) 推荐(0) 编辑
【京东个人中心】——Nodejs/Ajax/HTML5/Mysql爬坑之功能与数据分析
摘要：一、引言 在学习了Nodejs和HTML5之后，发现了Nodejs的使用很方便，和php是完全不同的另一种后台语言。我也明白了，在一个项目里，是不可能同时存在Apach服务器（php）和Web服务器（Node.js）。在前面我做过一个京东账户项目，那个是完全使用php和Ajax以及mysql数据库做 阅读全文
posted @ 2017-10-10 18:03 柳洁琼Elena 阅读(841) 评论(0) 推荐(0) 编辑
【重点突破】——使用Express创建一个web服务器
摘要：一、引言 在自学node.js的过程中有一个非常重要的框架，那就是Express。它是一个基于NodeJs http模块而编写的高层模块，弥补http模块的繁琐和不方便，能够快速开发http服务器。这里，就要用Express创建一个Web服务器，用来深入的理解这个框架，并熟悉创建Web服务器的过程。 阅读全文
posted @ 2017-10-06 18:33 柳洁琼Elena 阅读(560) 评论(0) 推荐(0) 编辑
【重点突破】——Drag&Drop拖动与释放
摘要：一、引言 在学习HTML5新特性的时候，学到了Drag&Drop这两种拖放API，这里根据拖动的是“源对象”还是“目标对象”做两个小练习，主要是为了理解与应用HTML5为拖放行为提供的7个事件。 二、七个事件 HTML5为拖放行为提供了7个事件，分为两组： 拖动的源对象（会动）可以触发的事件： dr 阅读全文
posted @ 2017-10-03 22:51 柳洁琼Elena 阅读(1133) 评论(0) 推荐(0) 编辑
【重点突破】——two.js模拟绘制太阳月亮地球转动
摘要：一、引言 自学two.js第三方绘图工具库，认识到这是一个非常强大的类似转换器的工具，提供一套固定的接口，可用在各种技术下，包括：Canvas、Svg、WebGL，极大的简化了应用的开发。这里，我使用two.js手册里教的一些方法，做一个小练习，模拟绘制太阳-月亮-地球自转公转的类银河系转动的动画效 阅读全文
posted @ 2017-10-03 16:43 柳洁琼Elena 阅读(2509) 评论(3) 推荐(2) 编辑
【重点突破】——SVG技术动态随机绘制圆形
摘要：一、引言 在学习Canvas绘图技术时，做的是随机验证码的例子，在学习SVG绘图技术时，同样也有一个随机绘制的例子——动态随机绘制圆形。这个练习，即综合了多种SVG技术的知识点，又很具有艺术感，随机生成的任意一张图片都具有艺术之美。 二、要求 在SVG画布上随机的绘制30个实心圆形，大小随机、位置随 阅读全文
posted @ 2017-10-03 15:40 柳洁琼Elena 阅读(1058) 评论(0) 推荐(0) 编辑
【重点突破】——Canvas技术绘制音乐播放器界面
摘要：一、引言 在用Canvas练习制作了验证码之后，还有一个用Canvas技术很综合的练习——制作音乐播放器。在做这个练习的过程中，还有一个重要的观察点，那就是理解Canvas的一大问题。 二、要求 点击播放按钮，碟片开始旋转，背景音乐开始播放 再次点击播放按钮，碟片停止旋转，背景音乐停止播放 三、问题 阅读全文
posted @ 2017-10-02 21:05 柳洁琼Elena 阅读(1311) 评论(0) 推荐(0) 编辑
【重点突破】——Canvas技术绘制随机改变的验证码
摘要：一、引言 本文主要是我在学习Canvas技术绘图时的一个小练习，绘制随机改变的验证码图片，虽然真正的项目里不这么做，但这个练习是一个掌握Canvas技术很好的综合练习。（真正的项目中验证码图片使用服务器端技术，而不是客户端技术。） 二、要求 画布背景颜色随机（浅色） ctx.fillRect() 文 阅读全文
posted @ 2017-10-02 17:49 柳洁琼Elena 阅读(474) 评论(0) 推荐(0) 编辑
【重点突破】——使用Canvas进行绘图图像
摘要：一、引言 本文主要是canvas绘图中绘制图像的部分，做了几个练习，综合起来，复习canvas绘图以及定时器的使用。 二、canvas绘制小飞机在指定位置 实现效果： 三、canvas绘制小飞机左右自动移动 四、canvas绘制随鼠标移动的小飞机 五、canvas绘制以自己为中心旋转的小飞机 更简单 阅读全文
posted @ 2017-10-01 21:03 柳洁琼Elena 阅读(529) 评论(0) 推荐(0) 编辑
【温故知新】——HTML5重要知识点复习
摘要：前言：本文是自己在学习课程中的课程笔记，这里用来温故知新的，并非本人原创。 一、HTML5新特性 —— 十个新特性：凌乱 (1)新的语义标签 (2)增强型表单(表单2.0) (3)音频和视频 (4)Canvas绘图 (5)SVG绘图 (6)地理定位 (7)拖放API (8)Web Worker (9 阅读全文
posted @ 2017-10-01 18:05 柳洁琼Elena 阅读(1264) 评论(0) 推荐(1) 编辑
【重点突破】——Cookie的使用
摘要：cookie:小甜饼 cookie:保存客户端浏览器中一个纯文本文件 版本高的浏览器可查看 F12->Resource 左下方cookie 查看 cookie作用: 保存:[安全性要求不高]文字或数字数据 登录密码?安全性要求高，不能保存 通用方案: 1:用户昵称/用户名/用户编号 2:浏览过商品 阅读全文
posted @ 2017-10-01 15:05 柳洁琼Elena 阅读(318) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示