自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(71)
  • 收藏
  • 关注

原创 html中自定义鼠标光标

是不是有时候看着浏览器里默认的光标很窝火?尤其是当自己的网页很fashion的时候,其实,自定义光标形状很容易。CSS中有一个叫cursor的属性。它的值就可以定义光标形状,例如:body{ cursor:pointer;}整篇网页的光标都会变成手的形状。其他还有很多默认值可以自己去了解一下。今天主要说想要选取一张好看的图片作为网页光标时应该怎么办:body{ cursor:url

2017-08-25 13:43:24 2451

原创 在网页中使用个性字体

在一般的网页设计中,网页中的字体都是使用font-family这个CSS属性,但是一般默认的微软雅黑、宋体等种种默认字体都是比较规范但稍显死板的字体。如果想在自己的网页中使用比较个性的字体,应该怎么做呢?接下来就英语和汉语两方面总结一下我尝试过的方法:一.优秀的英文字体库——Google Fonts用法说明:假如你在Google Fonts中看重了如下字体,想应用到自己设计的网页中: 1.点击字体

2017-05-24 23:08:31 593

原创 position属性之absolute的那些事

在五月,潮湿的车厢 你看着车窗 窗外它,水管在开花 椅子在异乡 树叶有翅膀杭州的街道 雪山在边上 你靠着车窗 我心脏一旁我们去哪你看那,九点钟方向 日内瓦湖的房子贵吗 世界上,七千个地方 我们定居哪告诉我,答案是什么 你喜欢去哪 青海或三亚 冰岛或希腊 南美不去吗 沙漠你爱吗 我问太多了知道吗,这里的雨季只有一两天 白昼很长,也很短 夜晚有三年知道嘛,今天的消息

2017-05-23 22:23:18 272

原创 游荡在CSDN里只写随笔会不会被封号?

作为一个时常游荡在CSDN里的手无缚鸡之力的羸弱女子,我不禁暗自担忧,总是发随笔而不谈技术会不会被管理员封号?其实此次前来主要是想说一句话:知道自己要干什么要奔哪儿努力的感觉真舒服。行了,小女子圆润地走开了~

2017-05-07 17:41:13 365

原创 CSDN,好久不见

Hi,CSDN,好久不见啊。你还给我留着持之以恒勋章。这是一篇迟到的博客。开始接触IT从这里启航到现在,这里有我所有认真学习IT的态度和对自己IT之路的美好展望。展望着展望着我就找不见自己了,很长时间来我没有自信,总是活在别人的光环里。越来越浮躁,越来越急切,越来越迷茫,越来越急功近利,越来越不踏实。啪!我摔了个四仰八叉。只有我自己知道自己摔得有多疼。一度以为自己可能什么都没有了,每天心头压着一块巨

2017-04-24 23:27:07 386

原创 总结自己用原生JS实现的功能

1.实现jquery中addClass()和removeClass()的功能:function addClass( obj, className){ if( obj.className ==''){ obj.className = className; }else{ var arrClassName = obj.className.split(' ')

2017-03-12 23:38:22 5614 1

原创 Flex布局学习总结

概念部分就将通过学习阮一峰的Flex 布局教程总结的一些问答内容贴在下面:1.使用flex布局有什么好处?答:布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器

2017-03-12 10:19:48 364

原创 文章标题

一.概念: 正则表达式,也叫规则,让计算机能够读懂人类的规则,由人提供给计算机,让它进行多方面的判断。 注: 1.性能比正常的函数方法要好。 2.正则都是操作字符串的(最好不要用来操作对象等其他类型)二.使用: 1.首先还是要强调的是:正则表达式是用于匹配字符串中字符组合的模式。在javascript中正则表达式也是对象。这些模式被用于RegExp的exec和test方法以及String的

2017-03-02 22:51:39 1085

原创 cookie

cookie 1.概念:网站为了辨别用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密) 2.为什么要有cookie:我们用变量存储数据在关闭页面时会销毁。如果我们需要一段时间内保存数据,但又不至于使用后端数据库去存储的东西就可以用cookie来存储。例如,当用户访问了某个网站时,我们就可以通过cookie来向访问者电脑上储存数据。 3.注意: A.不同的浏览器存放

2017-03-01 16:54:22 1142

原创 javascript事件(四)之鼠标滚轮事件

一.鼠标滚轮事件 1.模拟滚动条:模拟滚动条的样式很难处理,类似于select的样式就很不好改变。如果页面中非要用样式好看的滚动条,可以先禁用浏览器中的滚动条之后再自己利用拖拽原理实现一个好看的滚动条。可以参考上一篇博客末尾的内容。 2.各浏览器中的鼠标滚轮事件: A.在IE和Chrome中:onmousewheel B.在Firefox中:DOMMouseScroll 注意:必须用add

2017-03-01 16:52:13 434

原创 javascript事件(三)(实现拖拽)

一.拖拽的原理:选择元素时(鼠标按下),保存鼠标的位置和元素位置的差值(以保证鼠标拖住元素移动时相对于元素的位置固定);移动元素时(鼠标移动),不停地给元素位置赋值(当前鼠标位置减去保存的差值);释放元素时(鼠标抬起),取消移动事件。二.可能会遇到的问题 1.若移动速度太快脱离元素时事件就不会执行了; 2.为了避免冒泡,onmousemove事件放在document上就可以了; 3.为了避免当

2017-02-27 15:48:47 313

原创 javascript事件(二)

一.事件函数的取消 1.第一种事件绑定形式的取消,如:function fn1(){ alert(1);}document.onclick = fn1;document.onclick = null; //取消点击事件2.第二种事件绑定形式的取消: IE浏览器下:obj.detachEvent(事件名称,事件函数);标准浏览器下:obj.removeEventListener(事件

2017-02-26 22:47:04 239

原创 javascript事件(一)

一.焦点事件(焦点就是光标所在的位置) 1.焦点事件的作用:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么它就可以等待用户的输入; 2.可以切换焦点的方法: A.点击; B.tab键; C.javascript 注意:不是所有的元素都有焦点,能响应用户操作的元素才有焦点(比如div就没有焦点,a就有焦点)3.onfocus事件:当元素获取到焦点时触发; 4.onblur事

2017-01-24 23:37:18 385

原创 javascript BOM

一.什么是BOM: BOM(Browser Object Model)的意思是浏览器对象模型。BOM方法一般指的都是在浏览器(window)中的方法。二.常见的BOM方法/事件:1.open('网址','打开方式'):打开一个新的窗口,例如:<body><button id="btn">弹出新窗口</button><script> document.getElementById('bt

2017-01-21 22:36:29 4195

原创 JavaScript DOM

一.什么是JavaScript DOM: JavaScript DOM是Document Object Model for html(HTML 文档对象模型)的缩写。 解释下面几个概念: A.文档:我们的html页面; B.文档对象:页面中的元素; C.文档对象模型:为了能够让程序中的JS去操作页面中的元素而定义的标准。把整个文档看成一棵树,数分枝就是节点,每个节点被定义为DOM节点,同时

2017-01-19 22:33:53 1343

原创 javascript的数组方法

一.json数组 一提到javascript的数组方法,第一个想到的肯定是json数组,用json数组存取数据的优势是跨平台、兼容性好和安全性高。 关于json数组的简单使用和遍历方式已经在前面的博客当中总结过,请戳这里查看二.常用的数组方法 1.数组的创建,例如:var arr1 = [1,2,3,4];var arr2 = ['a','b','c','d'];var arr3 = []

2017-01-18 23:17:25 317

原创 SASS学习——SASS的基本用法

其实关于SASS用法的教程有很多,下面贴两个自己觉得比较好的: SASS基础教程SASS语法接下来整理一些SASS的常用方法:1.SASS语言允许使用变量,但所有变量都以“$”开头$black: #000000;div{ color:$black}但当变量需要用在字符串中时就需要写在#{}之中$decration : left;.div {  border-#{$decration

2017-01-18 20:42:58 411

原创 SASS学习——SASS的安装及使用

一.什么是SASS SASS是一种CSS的开发工具,相比于非编程语言CSS而言,它更好书写,简单便捷,节省了设计者的时间。SASS作为“CSS预处理器”的基本思想是用一种专门的编程语言进行网页样式设计,再编译成CSS文件。二.SASS与SCSS SCSS 是 SASS 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 SASS 的强大功能。也就是说,任何标准的 CSS3 样式表都是具有相同

2017-01-17 22:13:46 561

原创 手机拍照上传

在前段时间的项目开发中,用到了拍照上传的地方,后来发现了最为简单的一种方法,现总结如下:<form id="form" method="post" action="http://192.168.1.131:8080/task/add" enctype="multipart/form-data"> <input id="input-file" type="file" accept="imag

2017-01-16 22:44:22 380 1

原创 APICloud和海马玩模拟器结合调试手机页面

1.运行APICloud 2.点击“帮助》查看WIFI真机同步服务器地址”,以查看当前网络下API服务器的端口号和服务器地址 3.点击“文件》新建APICloud项目”,选择一个任意的网页模板后确定,发现工作区新增了一个工程mobile 4.打开海马玩模拟器, 5.进入AppLoader 6.点击屏幕上的白色圆圈进行WIFI真机同步配置: 7.配置成功后,在APICloud中点击“w

2017-01-16 22:07:27 8070

原创 解决本地文件上传时fakepath的问题

首先应该看一下fakepath问题具体指的是什么:在写页面时,需要选择本地的图片上传给服务器,同时将选择的图片预览在页面中,代码是这样写的:$("input[type='file']").on('change', function () { $('.content').attr('src',$(this).val()); alert($(this).val());});我是这样选择

2017-01-01 16:50:05 33070 18

原创 用wamp5模拟一次AJAX请求

1.首先应当明确像这样的目录结构: 存储json字符串的lessonform.txt文件就是模拟存储服务器上的数据。由于我自己代码中ajax请求的url是 因此lessonform.txt文件应该与我的工程位于同一目录下,内容如下: 直接上代码://get the form of coursewindow.onload = function() { ajax('lessonform.

2016-12-14 20:40:46 841

原创 遍历几种常见格式的json、AJAX和json

最近一段时间项目进入了前后端交互的环节,因此多次使用到了对于json的处理。其中,在对json的遍历时出了一些问题,在网上查阅的资料也都是零零散散的,所以将今天自己的学习成果整理如下:一.关于JSON 1.简单概念: ~JSON(JavaScript Object Notation/javascript对象表示法),是存储和交换文本信息的语法; ~是轻量级的文本数据交换格式,相比于XML,更小

2016-12-14 00:02:56 6274

原创 nodejs之http、fs、querystring模块实现网页与服务器的交互

一.实现浏览器端请求之后,服务器响应打开相应的静态网页内容:思路:直接通过浏览器端输入的url值来判断,从而显示出该url对应的网页的内容。直接在配置服务器的js代码里写出静态页面的内容://前端页面和服务器未分离var http = require('http');//使用node提供的http模块var server = http.createServer(function(req,res){

2016-12-07 11:43:10 1640 1

原创 jquery选择器

一.基本 1.'*' :选择所有的元素 eg:$('*').css('background','red'); 2.'.class':按照类选择器名选择元素 (jQuery使用JavaScript的原生getElementsByClassName()函数来实现。)eg:$('.myclass').css('background','red'); 虽然简单,但是还是应该注意下面这组区别:

2016-12-06 12:25:21 470

原创 浅谈AJAX

一.定义 (Asynchronous Javascript And XML)是一种在无需重新加载整个网页的情况下,更够实现局部更新的技术。 二.工作原理简述 三.补充说明: 1.AJAX是基于现有的Internet标准,并且联合以下元素一同使用: XMLHttpRequest对象 (异步地与服务器交换数据) JavaScript/DOM (信息显示/交互) CSS (给数据定义样式

2016-12-05 12:10:18 423

原创 浅谈前端构建工具

上周末美团来的学长给我们讲了前端构建工具的相关知识,内容对于我这个菜鸟来说非常庞大和复杂,所以我需要在这里把他所讲的内容在这里细细地再捋一捋。首先强行插入一篇关于前端构建工具写得很好的文章:8个概念帮你弄懂各种前端build工具首先应该了解node.js: 一.概念: 简单地说,node.js既是javascript的运行环境(是除了浏览器之外能够运行javascript的地方),又是可以在本地

2016-11-22 23:58:39 563

原创 javascript的字符串方法

这篇文章均以var str='nihao'为例展开···1.str.length()获取字符串的长度 2.str.charAt(i)获取相应位置的字符(i不写时默认0,超过字符串本身长度时返回空) 3.str.charCodeAt(i)获取相应位置字符的unicode编码,不写时i默认为0 4.String.fromCharCode(),根据传入的编码值返回相应的字符,可以传入多个编码,用“,

2016-11-15 22:25:40 830

原创 javascript的时间对象

1.Date 对象用于处理日期和时间。 2.创建 Date 对象的语法:var myTime=new Date() 注:Date 对象会自动把当前日期和时间保存为其初始值。 3.Date对象的常用方法: Date():返回当日的日期和时间(直接使用,不需要对象调用) getDate():返回一个月的某一天(1~31) getDay():返回一周中的某一天(0~6分别代表周日~周六) g

2016-11-14 20:30:49 822

原创 计时器的深入学习2(抖动原理)

1.抖动的实现原理: a.通过获取元素的位置left,用定时器改变left; b.把一组数据(改变left的),比如16,-16,14,-14….0存到数组里 c.然后开个计时器把数组里的数字分别与原left值计算赋给left.最后数组走完的时候把计时器关闭代码如下:<head><meta http-equiv="Content-Type" content="text/html; chars

2016-11-10 08:10:19 470

原创 计时器的深入学习1(实现运动效果的domove()函数的封装过程及回调函数)

我最终的目的是用源生JS代码封装一个domove()函数,可以在传参之后实现元素任意方向的运动,在达到最终目的前应该一步一步地完成: 1.配合之前封装过的getstyle()函数,实现点击按钮之后让一个div向前移动10px的效果:<body> <button id="btn">前进</button> <div id="div1" style="width:100px; heigh

2016-11-09 16:31:30 1960 1

原创 javascript的计时器简单介绍

首先来介绍计时器setInterval()的概念和使用方法: 1.setInterval(函数,毫秒):计时器是一个带有时间概念的东西,表示每间隔多少毫秒的时间执行一次函数体内的代码。类似于循环结构,不过与循环结构仍然存在一些差异:当程序一旦进入循环结构,必须将循环体内的语句执行完毕出循环之后才能执行其他语句。而计时器只需要在到达某时间间隔的时候执行一次函数体内额代码即可,其他时间仍然可以执行其他

2016-11-03 17:02:28 539

原创 wampserver的本地访问和局域网访问

下载安装好wampserver之后,Apache是默认允许访问本地的,例如: 在浏览器上输入localhost就能看到: 啊哦···对的,是什么的没有看到,这是因为我的wampsever没有启动服务。-.-启动wampsever之后,再次进行本地访问: 如果打开显示 403 Forbidden,则可以直接手动输入 http://127.0.0.1进行访问,或者打开c:\windows\sy

2016-10-30 14:45:33 16698 1

原创 javascript的函数(2)及js的获取元素样式

一.函数的返回值 1.函数可以返回字符串、数字、布尔值、函数、对象([]/{}/null)、未定义。返回什么调用的函数就是什么,如function fn(){ alert("3");}fn();//该句就直接等于返回值2.typeof(fn1())可以判断返回值的类型 3.但返回函数时,会把这个函数变成字符串返回(包括注释),实际上调用这个函数相当于返回值函数的名字,例如: f

2016-10-25 09:19:24 442

原创 css其他样式

1.去掉a及input等标签的虚线框:input,button{outline:none;}::-moz-focus-inner{border:none;}a{blr:expression(this.onFocus=this.blur());}:focus{outline:0;-moz-outline-style:none;}将其加入common.css公共样式中去。2.元素透明度,格式如下:

2016-10-19 17:22:14 962 2

原创 阿里巴巴iconfont的简单使用

今天写作业的时候,遇到了这样一个问题: 很明显,需要用到四个图标。其实上一次整理过一篇关于奥森图标使用方法的博客,今天也第一个想到去奥森图标的官网去找找看。可是奥森图标网站没有检索功能,我就那样一页一页地找啊,差点瞅瞎了我的超级无敌卡姿兰大眼睛也没找到(也许是我不会搜索,反正我是没找见在哪搜)。。。后来就又想到了老师之前介绍过的阿里巴巴iconfont,现将使用方法总结如下:1.阿里巴巴iconf

2016-10-16 22:11:20 5216 1

原创 rgba和opacity的区别、修改表单中的placeholder属性样式

最近在写代码的时候频繁遇到这个问题的困扰,今天一次性将我对这两者区别的认知总结在这里:首先说opacity,这是一个css3属性,所以理所应当就存在兼容性问题: 并且需要注意的是,设置opacity元素的所有后代元素会随着一起具有透明性,一般用于调整图片或者模块的整体不透明度举个例子说,<html xmlns="http://www.w3.org/1999/xhtml"><head><meta

2016-10-16 21:21:11 1097

原创 奥森图标的基本使用方法

奥森图标官网 1.下载:进入奥森图标官网之后,点击“立即下载”将这个Font Awesome图标字体库和框架下载在自己的电脑上。 2.使用: a.新建一个html文件,做好初步布局:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; ch

2016-09-27 23:35:52 5153

原创 HTML之表单

一.表单的定义:<form action='' method=''></form>用于向服务器传输数据 1.action:表单处理服务器 2.method:表单的提交方式.一般浏览器通过上述任何一种方法都可以传输表单信息,而有些服务器只接受其中一种方法提供的数据。可以在 <form> 标签的 method (方法)属性中指明表单处理服务器要用方法来处理数据,使 POST 还是 GETa. po

2016-09-02 09:32:41 414

原创 javascript之作用域、运算符、常用的数学方法

一.作用域 1.概念:作用域即空间、区域、范围等。写js必须放在script里,css放在style里; 2.作用:读和写(在一个范围内) 3.浏览器对JS的解析(当读到script标签时开始解析)步骤: 第一步:预解析:找到var和function,但变量会被设置为未定义,函数会被整体取到。 注:预解析时会重复保留有内容的。接下来举例说明这句话: 假设script标签中分别有如下代码时

2016-08-09 21:12:13 468

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除