2017年03月_LWK_Vanish

原创 Web开发之JS的DOM操作

本文根据慕课网教程整理：http://www.imooc.com/code/1575文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。先来看看下面代码：将HTML代码分解为DOM节点层次图： HTML文档可以说由节点构成的集合，DOM节点有: 1. 元素节点：上图中<htm

2017-03-29 10:45:56 403

原创 Android自定义图片选取器，类似微信样式，自带裁剪功能，适配Android7.0

不知道为什么README文档在github上排版格式全乱了，所以写个博客当文档看吧ImagePicker这是一个Android使用的自定义图片选择器，众所周知，Android碎片化问题严重，其中就包括图片选择的问题，调用系统相册选择图片或裁剪图片时反应慢，用户体验有种割裂感，所以自定义一个通用的图片选择器还是有点小必要的，最近也闲着没事做就撸了一个，效果还行，喜欢的可以star或fork，发现问题的

2017-03-24 20:36:44 5830 5

原创 Web开发之JS浏览器对象

本文根据慕课网教程整理：http://www.imooc.com/code/1146 Window对象window对象是BOM的核心，window对象指当前的浏览器窗口。window对象方法: JS计时器在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。计时器类型：一次性计时器：仅在指定的延迟时间之后触发一次。间隔性触发计时器：每隔一定的

2017-03-13 16:33:19 414

原创 Web开发之JS对象

本文根据慕课网教程整理：http://www.imooc.com/code/724本文测试代码是在2017年3月13日，星期一运行。什么是对象JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。对象的属性：反映该对象某些特定的性质的，如：字符串的长度、图像的长宽等；对象的方法：能够在对象上执行的动作。例如，表单的“提交”(Submit)，时间的

2017-03-13 10:03:37 336

原创 Web开发之JS事件

本文根据慕课网教程整理：http://www.imooc.com/code/635 什么是事件JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。主要事件表

2017-03-10 15:47:20 702

原创 Web开发之JS函数

本文根据慕课网教程整理：http://www.imooc.com/code/347 好水的一节函数的作用，可以写一次代码，然后反复地重用这个代码，示例：function add2(a,b){sum = a + b; alert(sum);} // 只需写一次就可以add2(3,2);add2(7,8);.... //只需调用函数就可以定义函数格式：function 函数名( )

2017-03-10 11:18:19 345

原创 Web开发之JS流程控制语句

本文根据慕课网教程整理：http://www.imooc.com/code/191 有Java、C基础的可以跳过这节了if语句语法:if(条件){ 条件成立时执行代码}if(条件){ 条件成立时执行的代码}else{条件不成立时执行的代码}if(条件1){ 条件1成立时执行的代码}else if(条件2){ 条件2成立时执行的代码}...else if(条件n){ 条件n成

2017-03-09 14:41:34 307

原创 Web开发之JS数组

本文根据慕课网教程整理：http://www.imooc.com/code/233 数组是一个值的集合，每个值都有一个索引号，从0开始，每个索引都有一个相应的值，根据需要添加更多数值。创建数组语法：var myarray=new Array();我们创建数组的同时，还可以为数组指定长度，长度可任意指定。var myarray= new Array(8); //创建数组，存储8个数据。注意： 1.

2017-03-08 15:47:43 409

原创 Web开发之JS基础语法

本文根据慕课网教程整理：http://www.imooc.com/code/113 变量命名变量名字可以任意取，只不过取名字要遵循一些规则： 1. 必须以字母、下划线或美元符号(“&”)开头，后面可以跟字母、下划线、美元符号和数字。 2. 变量名区分大小写，如:A与a是两个不同变量。 3. 不允许使用JavaScript关键字和保留字做变量名。声明变量语法：var 变量名;//声明一

2017-03-08 14:28:04 363

原创 Web开发之JS入门基础

本文根据慕课网教程整理：http://www.imooc.com/code/401在网页中植入JS代码引用方式1. 只需要使用<script>标签在HTML网页中插入JS代码，注意， <script>标签要成对出现，并把JavaScript代码写在<script></script>之间。 2. 除了直接写在HTML中，还可以使用外部引用的方式，可以把HTML文件和JS代码分开,并单独创建一个Ja

2017-03-08 10:50:29 509

原创 Web开发之CSS样式设置小技巧

本文根据慕课网整理：http://www.imooc.com/code/4339水平居中设置我们在实际工作中常会遇到需要设置水平居中的场景，比如为了美观，文章的标题一般都是水平居中显示的。这里我们又得分两种情况：行内元素还是块状元素，块状元素里面又分为定宽块状元素，以及不定宽块状元素。行内元素如果被设置元素为<font color=red>文本、图片</font>等行内元素时，水平居中

2017-03-01 17:19:45 700

原创 Web开发之单位和值

本文来自慕课网整理：http://www.imooc.com/code/3884颜色值在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种： 1、英文命令颜色前面几个小节中经常用到的就是这种设置方法：p{color:red;}2、RGB颜色这个与 photoshop 中的 RGB 颜色是一

2017-03-01 11:13:22 362

原创 Web开发之CSS代码缩写

本来来自慕课网整理：http://www.imooc.com/code/2088盒模型代码缩写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下：margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px

2017-03-01 10:50:04 562

LWK 的专栏