qq_24193261的博客

原创 链式与继承

原创 js设计模式-原型模型

原型的继承||克隆兼容模式

原创 一周总结：前端开发

今天是第五天了，总结下：1.配置了fis3环境，会了简单的js和css合并，还有知道几个fis重要的命令：1.fis3 release -w  对 release 命令添加-w 或者 --watch 参数启动文件监听功能 2.fis3 server open 目录

原创 js设计模式

原创 Vuejs的添加与移除

原创 Vue入门代码的一天

今天是第三天，跟前辈说了自己的学习情况，他给了我一套demo。很奏效，我在结构体了敲了官网上的样例。1.vue的计算操作css样式样式写在data里在v-for块内能完全访问父组件作用域内的属性，另有一个特殊变量$index变异方法替换数组v-for对象直接绑定方法：表单

原创 Vue.js数据绑定

今天阅读了项目代码，参看界面展示。发现不是之前所涉及过多的界面样式展示而是数据。因为知道是应用Vue.js框架，所以想进一步去接触这个框架。它的特点：Vue.js是一个构建数据驱动的web界面的库，         目标：通过尽可能简单的API实现响应的数据绑定和组合的视图组件。安装：因为项目需要，要多熟练使用命令行。所以我这次的安装方法是命令行工具,并且我已将cnpm命令替换成n

原创 fis3的初接触

在近20天的面试中，我回答过自己知道百度fis，但是事实呢，都是从一些面试题中套用过来的，据说说会fis会加分。然而工作找到了，我还是没看过fis的真实面目，在现在的工作中所涉及的技术要求有vue.js，fis,sass。这些对我来说很是陌生。但是我一点都不害怕，因为这就是我想学的技术。只是希望工作给我点时间，我想我会掌握这些技术的。上班第一天配置了fis环境，当它也出现在我的

原创 一场面试过后—移动前端开发

今天我又去面试了，外界因素一如从前，大公司，面试官男。但是重点是面试，考得是我更渣渣的移动前端。因为技术原因面试题没做完也就记得不全了，不过面试官讲了很多他的方法，32个赞。着重优化，css3。ctrl无数次这个标签，今天没写出来，回来敲了下，估计下次还忘，哈哈哈~第二个是动画 div水平移动200px;面试官好像提到了Traqball.js。我去度娘了，这是一个很小的

原创 快速排序+数组去重

今天我又去面试了，这次像备考一样通宵达旦的整理了HTML+CSS+JS(特别是js)。为什么呢，因为公司大向往呗！俗话说人往高处走嘛，我也想去试试，虽然我很菜，不妨碍我有梦想。第一次好好的敲敲代码，感觉面试的时候都不虚了，感觉有了弹药可以打鬼子似的，哈哈哈~~~~但是然并卵，面试官根本不跟我动手的机会，全程都在问。然而人要往长远看嘛，学习的东西留着等下个面试的人问我在回答，所以

原创 第一次学会面试反思—前端开发

不思考，不经大脑的侃侃而谈，也不知我哪来的自信。然而今天我却想思考，社会与校园不同，即使已工作三个月的我却还是活在校园里，现实却是再也不是提前一个星期泡在图书馆背书考试科科能过，还能给你个惊喜成绩竟然年组前三，no....再也不是那样了。这几天面试，特别经历了昨天的面试，去百度面试都没有敲醒我，然而就是昨天。脸盲症的我，不记得面试官长什么样了，但是我记住了他问我的所有问题，我今天想写下来加之我

转载 基于JQuery框架的AJAX数据获取

index.html jQuery Ajax 实例演示 $(document).ready(function(){//这个就是jQueryready ，它就像C语言的main 所有操作包含在它里面 $("#button_login").mousedown(function(){ login(); //点击ID为"button_login"的按钮后触发函数

翻译 git学习

Git ------分布式版本控制系统CVS和SVN--------集中式版本控制系统在windows上安装Gitmsysgit是Windows版本的Git,从从https://git-for-windows.github.io下载安装完成后，还需要最后一步设置，在命令行输入：$ git config --global user.name "Your Name"$ g

转载 基于时间的动画算

function moveDivTimeBasedImprove(div, fps) { var left = 0; var current = +new Date; var previous = +new Date; var dt = 1000 / 60; var acc = 0; var param = 1; function loop

原创 PHP深入—数组+日期

PHP多维数组多维数组指的是包含一个或多个数组的数组。注释：数组的维度指示需要选择元素的索引数。         1.对于二维数组，需要两个索引来选取元素          2.对于三维数组，需要三个索引来选取元素PHP-两维数组两维数组是数组的数组（三维数组是数组的数组的数组）在两维数组中存储上表中的数据：$cars=array(array("Volvo"

原创 PHP初学

在PHP创建用户定义函数用户定义的函数声明以关单”function “开头：语法：function functionName(){被执行的代码；}注释：函数名能够以字母或下划线开头（而非数字）注释：函数名对大小写不敏感提示：函数名应该能够反映函数所执行的任务。function writeMsg(){    echo "Hello world!";

原创 PHP初学

PHP是一种创建动态交互性站点的强有力的服务器端的脚本语言。运行简单实例：echo" 我的第一段PHP脚本"?>基础PHP语法php脚本以结尾：//此处是PHP代码？>注释：PHP语句以分号结尾（；）。PHP代码块的关闭标签也会自动表明分号。//这是单行注释#这也是单行注释/*这是多行注释*

原创 鼠标悬停看到坐标

body{font-size:70%;font-family:verdana,helvetica,arial,sans-serif;} function cnvs_getCoordinates(e){x=e.clientX;y=e.clientY;document.getElementById("xycoordinates").innerHTML="

原创 HTML 5 拖放

#div1, #div2{float:left; width:100px; height:35px; margin:10px;padding:10px;border:1px solid #aaaaaa;}function allowDrop(ev){ev.preventDefault();}function drag(ev){ev.dataTransfe

原创 js事件委托的方式绑定

系好安全带,准备启航#out{width: 500px;background-color: #CDE}#inner{background-color: #ABCDEF;margin: 0;padding: 0;width: 400px;}ul{background-color: pink;margin: 0;padding: 0;width: 400px;}li{width:3

原创 js绑定和解除事件

// 事件绑定 this.bindHandler = (function() { if (window.addEventListener) {// 标准浏览器 return function(elem, type, handler) {// elem:节点 type:事件类型 handler:事件处理程序

原创 计算器事件

使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。提示：获取元素的值设置和获取方法为：例：赋值：document.getElementById(“id”）.value = 1； 取值：var = document.getElementById(“id”）.value；任务第一步： 创建构建运算函数count()。第二步：

原创 js计算出该班级的平均分

某班的成绩出来了，现在老师要把班级的成绩打印出来。效果图:XXXX年XX月X日 星期X--班级总分为:81格式要求：1、显示打印的日期。 格式为类似“XXXX年XX月XX日 星期X” 的当前的时间。2、计算出该班级的平均分（保留整数）。同学成绩数据如下："小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小

原创 数组排序sort()

sort（）方法使数组中的元素按照一定的顺序排列。语法：arrayObject.sort（方法函数）参数说明：方法函数 可选。规定排序顺序，必须是函数1.如果不指定，则按unicode码顺序排列。2.如果指定，则按所指定的排序方法排序。myArray.sort(sortMethod);注意：该函数要比较两个值

原创 选定元素slice（）

slice()方法可从已有的数组中返回选定的元素。语法arrayObject.slice(start,end)参数说明：start 必需，规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置，也就是说，-1指最后一个元素，-2指倒数第二个元素，以此类推end 可选。规定从何处结束选取。该参数是数组片段结束处的数组下标。如果没有指定该参数，那么切分的数组包含从sta

原创 颠倒数组元素顺序reverse()

reverse()方法用于颠倒数组中元素的顺序。语法：arrayObject.reverse()注意：该方法会改变原来的数组，而不会创建新的数组。定义数组myarr并赋值，然后颠倒其元素的顺序： var myarr = new Array(3) myarr[0] = "1" myarr[1] = "2" myarr[2] = "3" document

原创 指定分隔符连接数组元素join()

join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。语法：arrayObject.join(分隔符)参数说明：separator 可选。指定要使用的分隔符，如果省略该参数，则使用逗号作为分割符。注意：返回一个字符串，该字符串数组中的各个元素串起来，用置于元素与元r素之间。这个方法不影响数组原本的内容。我们使用join()方法，将数组的所有元素

原创 数组连接concat（）

concat()方法用于连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。语法：arrayObject.concat（array1,array2,.....,arrayN）参数说明：array1 要连接的第一个数组arrayN 第N个数组注意：该方法不会改变现有的数组，而仅仅会返回被连数组的一个副本。创建一个数组，将把 concat() 中的参数连接到数组 m

原创 Array数组对象

数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的数组定义的方法：1.定义了一个空数组：var 数组名=new Array();2.定义时指定有n个空元素的数组：var 数组名=new Array(n);3.定义数组的时候，直接初始化数据：var 数组名=[元素1，元素2，元素3，...];

原创 随机数random()

random()方法可返回介于0~1之间的一个随机数。语法：Math.random();注意：返回一个0~1的符号为正的数字值。例子： document.write(Math.random());运行结果：0.190305486195328  document.write(Math.random());运行结果：0.19030548

原创 四舍五入round()

round()方法可把一个数字四舍五入为最接近的一个整数。语法：Math.round(x)参数说明：x  必需，必须是数字注意：1.返回与X最接近的整数2.对于0.5，该方法将进行舍入3.如果X与两侧整数同等接近，则结果接近+∞方向的数字值。把不同的数舍入为最接近的整数,代码如下： document.write(Math.round(1.6)+

原创 向下取整floor()

floor（）方法可对一个数进行向下取整语法：Math.floor(x)参数说明：x 必需，必须是一个数值注意：返回的是小于或等于x,并且与x最接近的整数。我们将在不同的数字上使用 floor() 方法，代码如下: document.write(Math.floor(0.8)+ "") document.write(Math.floor(6.3)+ "")

原创 向上取整ceil（）

ceil方法可对一个数进行向上取整。语法：Math.ceil(x)参数说明：x 必需，必须是一个数值注意：它返回的是大于或等于x,并且与x最接近的整数我们将把 ceil() 方法运用到不同的数字上，代码如下： document.write(Math.ceil(0.8) + "") document.write(Math.ceil(6.3) + "

原创 Matd对象

Math对象，提供对数据的数学计算使用Math的属性和方法，代码如下： var mypi=Math.PI; var myabs=Math.abs(-15); document.write(mypi); document.write(myabs);运行结果:3.14159265358979315注意：Math对象是一个固有的对象，无需创建它，直接把M

原创 提取指定数目的字符substr()

substr()方法从字符串中提取从startPos位置开始的指定数目的字符串。语法：stringObject.substr(startPos,length)参数说明：startPos必需，要提取的子串的起始位置。必须是数值。length可选，提取字符串的长度。如果省略，返回从stringObject的开始startPos到stringObject的结尾的字符。注意

原创 提取字符串substring()

substring()方法用于提取字符串中介于两个指定下标之间的字符语法：stringObject.substring(starPos,stopPos)参数说明：startPos必需，一个非负的整数，开始位置stopPos可选，一个非负的整数，结束位置，如果省略该参数，那么返回的子串会一直的字符串对象的结尾。注意：1.返回的内容是从start开始（包含start位置的字

原创 字符串split()

split()方法将字符串分割为字符串数组，并返回此数组语法：stringObject.split(separator,limit)参数说明：separator 必需。从该参数指定的地方分割stringObjectlimit可选参数，分割的次数，如设置该参数，返回的子串不会多于这个参数指定的数组。如果无此参数为不限制次数注意：如果把空字符串（“”）用作separat

原创 返回指定的字符串首次出现的位置

indexOf()方法可返某个指定的子字符串值在字符串中首次出现的位置语法：stringObject.indexOf(substring, startpos)参数说明：substring 必需，规定需检索的字符串值startpos 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是0到stringObject,length-1.如省略该参数，则将从字符串的首字

原创 JavaScript的事件委托及好处

1，什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。1，提高性能。2，新添加的元素还会有之前的事件。例子：   window.onloa

原创 Transform / Transition / Animation 区别

Transformtransform属性是静态属性，一旦写到style里面，将会直接显示作用，无任何变化过程。transform的主要用途是用来做元素的特殊变形，对于做设计的人来说并不是很陌生，简单的来说就是css 的图形变形工具。具体的给设计师改变元素样式用的属性则有以下五个：translate3d(x,y,z) 是用来控制元素的位置在页面上的三轴的位置的；rotat