文洛-CSDN博客

转载利用@media screen实现网页布局的自适应

利用@media screen实现网页布局的自适应优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值1280分辨率以上（大于1200px）@media screen and (min-width:1200px){ #page{ width: 1100px; }#c

2017-11-24 15:44:24 353

转载 JS实现继承的几种方式

前言JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。JS继承的实现方式既然要实现继承，那么首先我们得有一个父类，代码如下：// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep

2017-11-21 15:47:45 248

转载 HTML5和HTML4的区别

解释一下W3C Working Group Note，作为“工作组笔记” 发布，意味着它是一个草稿版文档，可能被其它文档更新、替换或废弃。但由于翻译时草稿只发布了不到二十天，本文有很好的时效性。也作为比较性质的文献，比起HTML5的标准它更容易理解，可以让人快速地理解HTML5的变化轮廓。关于本翻译：原文所有指涉HTML5的地方用的要么是无定语的"HTML"，要么是“新的HTML”

2017-11-21 14:15:12 582

转载 canvas贪吃蛇

[html] view plain copy print?<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{ text-align: center;

2017-10-31 21:14:40 605

转载 null和undefined的区别

null和undefined的区别？null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。undefined：（1）变量被声明了，但没有赋值时，就等于undefined。（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。（3）对象没有赋值的属性，该属性的值为undefi

2017-10-31 21:05:05 356

转载 HTTP状态码知道哪些

HTTP状态码知道哪些？100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务器已接受请求，但尚未处理301 Moved Permanently

2017-10-31 21:01:41 457

转载常见浏览器兼容问题与解决方案

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以

2017-10-31 20:57:30 352

原创 node.js自动监听服务器修改

node.js自动监听服务器修改这篇博客是接着我的上一篇的博客而写的，上一篇介绍了node.js的安装和简单实用，现在主要介绍一下node.js的自动监听，其次是补充一些漏掉的内容。1、自动监听在上一篇文章里面有一段代码，引用了node.js的服务。 ”’//建一个变量，引用node.js提供的http服务 var http = require(“http”); //使用这个对象中create

2017-10-16 19:59:03 6080

原创 node.js的安装和简单应用

1、node.js的安装在安装node.js的时候，在官网上下载node.js时，要是下载的是以.msi结尾的文件，是可以直接安装的，不需要在配置环境变量，因为在你安装的时候，会自动帮你添加环境变量；但是当你下载的是.zip文件的时候，是要配置环境变量的，在计算机的属性里找到环境变量，在其中找到path进行配置，把你下载的地址加到最后面，并且加上分号“;”，要是在这个路径前面还有东西的话，也需

2017-10-16 11:00:20 2917

原创 CSS3选择器、CSS3圆角

CSS3选择器1.1 属性选择器E[attr^=’value’]指定属性名，找以value开头的属性值。E[attr$=’value’]指定属性名，找以value结尾的属性值。E[attr*=’value’]指定属性名，找包含value的属性值。1.2 伪类选择器1.2.1 和用户界面相关的E:enabled{}：元素被激活的时候触发，比如输入框获取焦点E:dis

2017-10-15 19:58:56 2359

转载 Vue--过滤器

vue – 过滤器一、Vue提供的过滤器vue本身提供了很多便利的过滤器，这里列举一下，具体的可以参考官方文档过滤器。例子中使用到的data和methodsdata:{ message: 'hello world', money: 12345, num: [1,2,3,4,5], obj: {

2017-10-12 17:42:30 2592

转载 vue插件：vue-resource的使用笔记

最近手头有个小项目，打算用vue练个手，期间用到了vue的插件：vue-resource。下面是我使用这个插件的一些经验，算是给自己写的一个笔记，分享出来也希望和我遇到同样坑的朋友可以借此踩坑而过~ 在使用这个插件之前，当然是先安装啦：npm i vue-resource --save1安装读条完毕，接下来便是在项目中引入：import VueResource from 'vu

2017-10-12 17:39:38 3064

转载 JS显示当前时间（包含农历时间）

时间格式：JavaScript代码：var sWeek = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); var dNow = new Date(); var CalendarData = new Array(100); var madd = new Array(1

2017-10-09 18:31:09 5697

转载 MySQL字符串函数substring：字符串截取

MySQL字符串函数substring：字符串截取MySQL 字符串截取函数：left(), right(), substring(), substring_index()。还有 mid(), substr()。其中，mid(), substr() 等价于 substring() 函数，substring() 的功能非常强大和灵活。1. 字符串截取：left(str, le

2017-10-08 18:36:27 4141

转载 MySQL取余集

SELECT a.* FROMnewtrsinfocsv aLEFT JOIN(SELECT * FROM newtrsinfocsv WHERE goodsType LIKE '%虚拟%') bON a.id=b.idWHERE b.id IS NULL;

2017-10-08 18:34:27 2906

转载用JS获取地址栏的参数的方法

用JS获取地址栏参数的方法（超级简单）方法一：采用正则表达式获取地址栏参数：（强烈推荐，既实用又方便！）function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window

2017-09-28 16:07:21 2804

原创 JQuery Autocomplete

JQuery Autocomplete插件JQuery的Autocomplete插件主要根据输入的内容来查找和查询想要是内容，让用户快速的找到自己想要是内容。展示：先要导入插件：这样才能使用Autocomplete插件，来获取内容 $(function(){ var content = [ "华", "华点

2017-08-27 21:14:16 2937

原创 jQuery的Accordion插件

JQuery的Accordion插件这个插件主要是起到折叠的作用，一般与列表的嵌套、定义列表和div一起使用。这个插件方便就在于它可以把零碎的东西收起来，也就是折叠起来。就像你写一篇文章，每一章之间都是文字，看起来就没有特别精美。但是使用Accordion插件，可以是每一章都折叠起来，看起来就没有特别的繁琐。这里是需要导入插件的，这里都是可以在学习教程上都可以找到。或者可以直接下载插件

2017-08-27 20:48:08 2003

原创 JQuery的validate插件

validate插件，主要是为了验证表单提交的内容，让客户端验证变得极为简单。现在让我们来体验一下validate插件对表单提交的强大性。在使用validate插件的时候，需要下载JQuery validate插件，但是这样就比较麻烦了，光是下载安装就相比较费时间，所以我们有一个简便的方法。从菜鸟网站上，使用菜鸟教程上面提供的CDN。导入这两个插件： src="http://stati

2017-08-27 20:16:35 2541

原创 HTML5地理定位

HTML5地理定位1、geolocation API（地理定位）允许我们喜欢的网站分享我们的位置信息。在开发中使用JS可以获取我们当前位置的坐标（经纬度）。geolocation是基于navigator的一个新属性。我们创建一个地理定位的方式：var getlocation = navigator. geolocationgetCurrentPosition()是基

2017-08-22 18:44:46 2373

原创 HTML5的变化

HTML5 的变化1、HTML5 推出的原因推出的原因和目标：因为目前的web端存在的一些问题（比如：兼容性问题），同样的页面，在不同的浏览器上的显示结果是不一样的，那么开发人员需要做很多的工作去解决这一问题，需要花费大量的时间在这上面。一些特殊的权限其实没有开放给开发人员，比如：定位权限、拉起照相机拍照权限、动画、绘画。那么H5的推出就是为解决这一系列的问题。H5解决的问题:

2017-08-22 18:04:44 2520

原创 JQuery DOM

一、文本操作1、内容操作（1）text():文本内容的操作要捕获的内容 //JS内容 /*var p1 = document.getElementById("p1"); alert(p1.textContent);*/ alert($("#p1").text());//JQuery内容作用：获取或者设置文本内容（等价于DOM操作中

2017-08-15 18:23:52 1708

原创 JQuery

JQuery基础知识1.1基本概念JQuery是一个JS库，能够帮助我们轻松实行一些原本可能比较麻烦的功能。Jquery每个又有两个小版本：压缩版和未压缩版，压缩版文件较小、但没有排版和注释，所以不便于阅读；而未压缩版文件较大，有排版和注释，便于阅读。Jquery实际上就是一个js文件，加载到页面就可以使用了。scriptsrc="../jquery-3.2.1.min

2017-08-14 21:04:03 2440

原创 BOM

BOM概念：BOM（browser object model）窗口对象模型1、常用对象window：窗口，浏览器的窗口我们定义的全局变量和全局函授都是window对象的属性和方法例子：var a = 1;function test(){ var a = 2; alert(a); alert(window.a);}全局变量是windo

2017-08-12 14:57:23 4108

原创 DOM

DOM1、DOM概念DOM（Document Object Modele）文档对象模型使用一个案例来展示：班级名册 H5-17-03班级名册姓名性别电话

2017-08-12 14:12:34 2835

原创事件

事件1、鼠标常用事件（1）单击事件（click）案例： function fun(){ //获取到指定元素 var p1 = document.getElementById("p1"); p1.innerText = "我被单击了！"; p1.style.fontSize = "54px"; }

2017-08-08 20:24:28 2780

原创 JS常用算法

常用算法1、累加/累积一般形式：累加：v += e累积：v *= e（v代表累加和/累积，e代表累加/累积项）累加：将一系列的数据加到一个变量里面。最后得到累加的结果。比如：将1到100的数求累加和。var sum = 0;for(var i=1; i<=100; i++){ sum +=i;}alert(sum);//结果为：5050累

2017-08-08 09:10:10 2972

原创正则表达式

正则表达式为什么要有正则表达式：因为查找是一个比较复杂的东西，我们需要更加准确快速的找到自己想要的。什么是正则表达式：它可以定义一种字符串逻辑的方式，来和要查找的字符串匹配，进而找到自己想要的。1、定义规则：（1）使用 /规则/修饰符;var patt = /HelloCoolDog/i;//i代表修饰符（2）新创建一个RegExp对象，给两个参数，分别为规则和修饰符va

2017-08-05 15:24:16 1282

原创其他对象

其他对象1、Math对象（1）Math.max(n1,n2,n3,n4)：取得n1,n2,n3,n4中的最大值（2）Math.min(n1,n2,n3,n4)：取得n1,n2,n3,n4中的最小值（3）Math.PI：获得π的值var pi = Math.PI;alert(pi);（4）Math.E：获取e的值var e = Math.E;alert(e);

2017-08-05 15:01:28 1683

原创 JS中的常用对象

常用对象1、字符串字符串的定义：定义一个变量，然后直接将字符串赋值给它。字符串实际上是字符组成的数组，所以数组的方法它基本都能使用。var str = "hello world";//alert(str.length);//alert(str.search("world"));alert(str[0]);（1）访问字符串里面的字符a、数组的方式：(str[i])b、字符

2017-08-05 14:31:26 1461

原创数组的应用

数组的应用（1）查找其实在数组的属性与方法中，我们学习了一个indexOf方法就是查找，它是系统提供的方法，我们其实也可以实现自己的查找方法。a、顺序查找 var a = [3,1,34,45,35,67,84,36,24]; var num = Number(prompt("请输入要查找的值：")); var index = -1;//最初认为要找的数不在数组

2017-08-03 20:44:17 1364

原创 JS中的数组

数组1、数组的概念先是用一个案例来表示：案例1：计算5名同学的平均分var a1,a2,a3,a4,a5;a1 = Number(prompt("请输入分数："));a2 = Number(prompt("请输入分数："));a3 = Number(prompt("请输入分数："));a4 = Number(prompt("请输入分数："));a5 = Number(pr

2017-08-02 18:00:11 1162

原创函数

函数1、函数的概念为什么需要函数？那么首先我们来看一下输出100以内所有素数问题的解决方案案例1：循环的嵌套var n = Number(prompt("请输入一个自然数："));var fount = false;//找到因子的标记for(var i=2; i<=n/2; i++){ if(n%i == 0){ fount = true;

2017-08-01 18:45:44 1492

原创 JS循环辅助语句

今天主要就几天前写的JS循环结构的一些补充。主要是JS循环辅助语句和循环的嵌套。今天还是主要案例为主，其中有些理论知识，希望能帮助你。1、循环辅助语句break：跳出所在的switch或者循环结构案例1 素数思路：素数：对于自然数，如果它只有1和本身之外在没有其他因子1、提示并接受判断的数n的输入 2、在[2，n-1]之间去寻找因子 3、如果找到则设置找到标志，并提前结

2017-08-01 18:11:21 1765

原创 JS循环结构

JS循环结构1、循环结构的概念生活中有许多的重复做着一种事情的人，计算机程序为了解决生活中的实际问题，程序中也应该有的描述，这就是循环。下面的一个案例，让我们了解一下循环：计算1+2+3+....+10/*方案一*/var sum1 = 1+2+3+4+5+6+7+8+9+10;/*方案二*/var sun2 = 0;sum2 += 1;sum2 += 2;sum2

2017-07-29 19:26:17 1408

原创 JS错误与调试

一、错误与调试1、错误的概念与处理计算机程序的错误有两种：语法错误和逻辑错误。①语法错误：比如，alert拼写错误，写成了alter。 var a = 3 + 4; alert(a); alter(a); a++; alert(a);上面的例子的运行结果只显示了7，后面的结果没有显示，说明后面的代码没有运行。因为在输出7之后遇到了

2017-07-29 17:39:40 1775

原创 JS选择结构（if嵌套、switch语句）

JS选择结构今天学习了JS选择结构的另两个知识点，if嵌套和switch语句。下面就这两个知识点，来一起了解下。今天主要以案例为主，主要写了几个案例可供参考。1、if语句嵌套案例1四则运算，利用if嵌套来完成var ch = prompt("请输入运算符：");var a = Number(prompt("请输入第一个数："));var b = Number(p

2017-07-28 09:06:59 11247

原创 JavaScript的程序设计思维与选择结构

今天主要学习了JS中的程序设计思维，跟平常的生活思维不一样，你要运用计算机的思维去看待问题，那这就考验你的思维能力了，今天老师说的最多的就是思路是最重要的，确实是。因为人类使用的是自然语言（先称为自然语言吧），而计算机使用的是机器语言，思考的自然不一样。那么现在就来说说程序的设计思维吧。1、程序：就是解决生活中问题的步骤（流程）描述。计算机中是程序：解决问题的步骤描述，但用的是计算机语

2017-07-26 20:03:20 1841

原创 JavaScript的程序设计基础

今天主要讲解了JS程序设计基础相关是一些知识。先说一下其中的几个吧。其中有：数据类型、变量、对象类型和各种运算符的表达式。现在就系统的写一下。2.1 数据类型（也可称为常规数据类型与变量）其实计算机程序就是处理现实中的各种数据。包括三种类型：字符串（string）、数值（number）和布尔类型（boolean）；还包括了警告提示框（打印）alert()，数据的类型typef()。但是

2017-07-25 18:22:08 1784

原创 JavaScript的基础知识

从这一星期开始，我们将要开始对JavaScript的学习，那现在我想就JavaScript的基础知识来进行一些总结。其中包括理论知识和代码的展示，希望会对你们有所帮助。1、JS基础知识1.1 基本概念我先问一个问题你：就是为什么需要有JavaScript呢？JavaScript有什么作用呢？那就先来说说HTML和CSS用来做一个对比，首先HTML是负责呈现具体的内容；而CS

2017-07-25 17:05:09 1673

空空如也

空空如也