2017年01月_Andone_hsx

03月 02月 01月

原创 Javascript基础（三）之运算符、函数

1、运算符 1、位运算符作用：针对数字操作将数字先转换为二进制再进行运算操作二进制：由0,1组成,逢二进一十进制二进制 0 0 1

2017-01-22 22:37:46 367

原创 JavaScript基础（二）之数据类型转换、运算符 &表达式

1、数据类型转换弱类型语言：由数据决定数据类型 var stuName = “张三丰”;//string stuName = 35; //number stuName = true;//boolean 函数：var 变量=typeof(变量);1、隐式转换不同数据类型之间的数据在计算过程中会自动进行转换 1、数字 + 字符串：将数

2017-01-21 21:14:03 462 1

原创 Javascript基础（一）之JavaScript(JS) 概述、JS 基础语法、变量和常量(重点) 、数据类型

1、JS 概述 1、什么是JS JS：Javascript，是一种运行于JS解释器/引擎中的解释型脚本语言 JS解释器/引擎： JS的运行环境，有以下两种 1、独立安装的JS解释器(NodeJS) 2、嵌入在浏览器内核中的JS解释器解释型：编译型：运行程序前，会先将其编译，并且能够检查语法错

2017-01-19 23:35:19 600

原创 CSS3之线条特效（鼠标悬停线条从中间变长）

当鼠标悬停在红色圆上时，福字下面出现一条白色的线条从中间不断向两边延伸<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=

2017-01-19 22:52:55 9475

原创 CSS3特效之翻转

鼠标悬停，图片翻转<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name

2017-01-19 22:16:42 714

原创 CSS优化概述

CSS优化的作用 1、减轻服务器的压力 2、缩短服务器响应时间 3、提高用户的体验度CSS优化原则 1、尽量减少HTTP请求个数 CSS sprites：合并多个背景图像到一个单独图像，然后通过background-image和background-position进行调整 Image maps，结合多个图像到一个单独图

2017-01-16 23:30:14 381

原创 CSS3练习之时钟计时器，3D旋转

1、时钟计时效果（计时器）模拟时钟从00:00:00开始转动计时 clock.html<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Autho

2017-01-15 22:40:14 764

原创 CSS3练习之通用兄弟选择器、伪元素选择器

点击按钮出现各图片： Demo .clear:after{ content:""; display:block; clear:both; } #dl a{ width:100px; height:20px; border:1px solid #000; back

2017-01-15 17:47:30 1394 2

原创 CSS3之转换、过渡、动画

1、转换1、转换的简介1、什么是转换改变元素在页面中的形状，位置，大小，角度的一种效果在页面中允许实现 1、2D转换允许元素在x轴和 y轴上做转换效果2、3D转换允许元素在x轴，y轴和z轴上做转换效果2、转换属性1、transform属性：transform取值：指定一组转换函数,多个转换函数之间用空格隔开2、转换的原点属性：trans

2017-01-15 17:41:13 790

原创 CSS3之复杂选择器、内容生产、多列、CSS Hack

1、复杂选择器2、内容生成3、多列4、CSS Hack==========================================1、复杂选择器1、兄弟选择器兄弟：平级元素兄弟选择器：只能向后找元素，不能向前找元素1、相邻兄弟选择器1、作用紧紧挨着的元素称之为相邻元素2、语法选择器1+选择器2{}ex:1、di

2017-01-15 16:39:12 612

原创京东首页之页面主体、配送方式

相同的原理可以完成floor2，floor3jd_index.html<!doctype html><html> <head> <title>Insert your title</title> <meta charset="utf-8"> <link rel="stylesheet" href="jd_index.css"> </he

2017-01-15 16:26:41 3581

原创京东首页之nav导航栏、banner广告部分、footer备案号

项目回顾：上一篇博文主要讲了如何实现京东首页的页面顶部和Logo&搜索框部分；里面主要知识：利用列表作划分鲜明的文字部分，相对定位和绝对定位去实现弹框效果。今天我们这篇博文主要是简单介绍京东首页的banner广告部分和左侧弹窗效果实现。下面是今天要实现的效果图：首先我们将先对nav导航栏部分进行分析：（代码稍后一起给出！）banner广告部分页面布局分析：（具体细节实

2017-01-13 00:29:25 4440 2

原创京东首页之页面顶部、Logo&搜索框

京东首页之页面顶部、Logo&搜索框昨天我们主要讲了京东首页的基本布局，今天我们主要来逐步实现京东首页的页面顶部、Logo&搜索框。首先我们来看下我们今天将要实现的效果：下面页面布局详细分析： 1、页面头部分三个部分依次实现：五角星图、收藏京东、右边文字部分（用列表实现）；其中当鼠标停放在手机京东上，手机背景图发生变化，变成红色带jd的图案；当

2017-01-12 00:06:47 6190

原创京东首页之页面分析

京东首页效果图：当面对一张设计师给出的网页效果时，我们切不可急忙着手去敲代码实现相应的效果。这样做可能在后续工作中会让我们因当初的考虑不周而事倍功半。所以为了防止这样的情况出现，我觉得应该按照以下步骤去执行，可能效率会更高。1、根据效果图，先分析页面的基本布局；2、从上到下，由左至右，详细分析；3、分块实现此页面分析如下：本京东首页页面由上到下共分为7个部分；分别是：页

2017-01-11 00:24:11 16747

原创 CSS基础之固定定位

固定定位1、什么是固定定位将元素固定在网页的可视化的某个位置处，不会随着滚动条而发生位置的改变2、属性 & 值position:fixed;通过偏移属性实现位置的调整top/right/bottom/left3、注意1、固定定位元素会脱离文档流2、固定定位元素会变成块级元素3、固定定位元素永远都是相对于body实现位置的初始化效果如下图所示：

2017-01-10 23:23:17 492

原创 CSS练习四之导航栏及弹窗示例

Insert your title body{ font-size:12px; } #discuss{ width:990px; margin:0 auto; } #mt{ /*高度：30px，边框，上边框，背景颜色*/ height:30px; border:1px solid #ddd;

2017-01-09 23:26:17 669 1

原创 CSS基础之浮动定位、显示、光标、定位

1、浮动定位 1、定位简单点说，定位就是改变元素在页面上的默认位置 2、定位的分类按照定位的效果，可以分成以下几类： 1、普通流定位（默认方式） 2、浮动定位 3、相对定位 4、绝对定位 5、固定定位 3、定位方式-普通流定位普通流定位，又称为“文档流定位”，页面中所有元素默认定位方式

2017-01-09 22:52:49 2204

原创 Web前端面试基础知识（一）

Web前端基础面试题（一）1、Html5基础1.1请描述一个网页从打开到最终在浏览器中显示的完整过程？思路分析：总述共多数个步骤（环节）；分述各环节执行的内容；可适当介绍一些基础原理；答：一个网页从打开到最终显示总共需要7个步骤；1、在浏览器中输入网址；2、发送至DNS服务器并获得域名对应的WEB服务器的IP地址；3、与Web服务器建立TCP连接；4、浏览器向Web

2017-01-08 21:31:23 967

原创 CSS练习三之渐变、文本格式化、表格

商品评论页面的设计

2017-01-08 19:36:42 674

原创 CSS基础之渐变、文本格式化、表格

1、渐变： 1、什么是渐变两种或多种颜色之间平滑过渡的效果 2、渐变分类 1、线性渐变按照一条直线的方式填充渐变色 2、径向渐变按照原型的方式向外放射性填充渐变颜色 3、重复渐变将线性渐变和径向渐变重复实现多次 3、色标每个渐变颜色出现的“位置”及其“颜色值” 4、语法

2017-01-08 19:20:38 533

原创 css练习之边框、框模型、背景属性

CSS Sprites(雪碧图，精灵图)将若干幅小图合并到一副大图中，根据实际使用需求，改变图像的位置，从而显示出向看的图片如何显示雪碧图中的某一块图像???1、根据要显示的图像创建一个一模一样大小的元素2、为元素设置背景图，并且移动图像到显示区域

2017-01-06 00:09:17 829

原创 CSS基础之边框、框模型、背景属性

css样式之边框，框模型，背景属性

2017-01-05 22:08:05 787

原创 CSS练习一之内部样式表、外部样式表、边框

内部样式表、外部样式表的实现

2017-01-04 23:04:52 776

原创 CSS基础之CSS概述、CSS语法、尺寸与边框

1、CSS概述 1、问题 1、控制页面中所有的文本颜色为红色 2、控制页面中所有 div 的文本颜色为蓝色 3、将所有 div 的颜色变为黄色 HTML元素的不足: 1、要完成相同的效果，使用的是不同的属性 2、没有提升 html属性的可重用性和可维护性可重

2017-01-04 22:35:00 544

原创 Html练习三

Html表单练习

2017-01-04 01:07:34 563

原创 Web基础知识四之图像、链接、表格和列表

Chrome浏览器审查元素F12；区分块级元素：display：block 块级元素display：inline 行内元素扩展：1、嵌套问题1、p 标记不能嵌套块级元素!错误！浏览器会自动修改为嵌套结构正确P中嵌套块级元素2、尽量不要让行内元

2017-01-04 01:01:16 563

原创 Html练习二

1、点击左上角的Disy、Rose、Daffodil 分别跳到本页面相应的地方即Daisy处、Rose处、Daffodil处2、点击图片跳转到相应页面3、点击左下角Top跳转本页首部其他页面：DaisyRoseDaffodilindex.html Day02_1 Fl

2017-01-04 00:44:47 467

原创 Web基础知识五之Html表单标记

1、列表 1、作用按照一定的结构来显示数据按照从上到下的顺序来显示数据所有的列表都由两部分组成 1、列表类型（有序或无序） 2、列表项 2、使用列表 1、有序列表 1、语法列表类型： -- Order List 列表项

2017-01-04 00:29:38 1065

基于Python词云生成器

基于python实现的的免安装词云生成器——使用python实现文章的词云图的绘制，然后需要具有交互界面，并且能够在没有python环境的电脑下运行，方便不懂编程的人直接使用。

2018-11-12

editplus编辑器

EditPlus是一款由韩国 Sangil Kim （ES-Computing）出品的小巧但是功能强大的可处理文本、HTML和程序语言的32位编辑器，用户甚至可以通过设置用户工具将其作为C、Java、Php等等语言的一个简单的IDE。EditPlus（文字编辑器）可取代记事本的文字编辑器，拥有无限制的撤消与重做、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。

2018-09-18

前端开发专业录屏截图软件（免安装版）

一款轻量级录屏截图软件集成器，免安装版，FSCapture质上是一款图像软件，具有很棒的图像浏览、编辑和抓屏工具，支持包括BMP、JPEG、JPEG 2000、GIF、PNG、PCX、TIFF、WMF、ICO 和TGA在内的所有主流图片格式，同时拥有不规则抓图、滚动抓图、活动窗口抓图、图片简单处理、屏幕录制等很多很多实用的功能，真是数不胜数。

2018-09-18

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人