alvyang-CSDN博客

原创 vue移动端错误信息弹出提示

vue移动端错误信息弹出提示（1.5s后，自动关闭）git地址 {{message}} export default({ data(){ return { initTop:0, }; }, watch:{ message:{ handler(val, oldVal){ if(val){ var _s

2017-04-26 16:18:18 3881 1

原创 vue 相关文章目录

1.vue移动端滑动删除组件

2017-04-05 11:36:29 649

原创 vue滑动删除组件

组件 <div class="slider_delete" :style="{left:currentX + 'px'}" @touchstart.stop="touchStart($event)" @touchend.stop="touchEnd($event)" @touchmove.stop="touchMove($event)"> /* * 滑动

2017-04-05 11:34:52 5637

原创 Mock Server安装配置及使用

软件安装第一步tomcat 下载，解压。下载地址：http://tomcat.apache.org/第二步安装mysql数据库、navicat第三步在官网https://github.com/thx/RAP/releases将最新的war包下下来，然后改名为ROOT.war，放到tomcat下面的webapps里面第四步：rap安装启动tom

2017-04-05 11:07:25 3526

原创 Web前端开发环境搭建以及公司私服搭建

web前端开发基础参考网址：http://www.w2bc.com/Article/50764 http://www.cnblogs.com/samwu/p/5003809.html1. 安装nodejs下载地址：https://nodejs.org/en/安装完成后，进入dos环境输入node –v 显示版本号，即安装成功。

2016-05-17 11:55:02 2777

转载 javascript 读取本地图片（file），并在img中显示

javascript 读取本地图片（file），并在img中显示var f = document.getElementById("upload").files[0];var src = window.URL.createObjectURL(f);

2016-03-31 10:51:49 8414 1

原创 css选择器

摘至 css3 选择器学习（一）css3 选择器学习（二）css3 选择器学习（三）css3 选择器学习（四）css3 选择器学习（五）一、css3中的属性选择器在CSS3中，追加了三个属性选择器分别为：[att*=val]、[att^=val]和[att$=val]，使得属性选择器有了通配符的概念。（1）[att*=v

2016-03-21 17:50:29 404

原创面向对象编程-状态模式（js）

面向对象编程-状态模式（js）本文参考状态模式（js）var rainbow = function(){ this.currentColor = COLOR.red; this.button = document.getElementsByClassName("circle")[0];};rainbow.prototype.init = function(c){ se

2016-02-24 15:10:51 731 1

原创 web前端编码规范

web前端编码规范本文摘至bootstrap中文网中bootstrap编码规范中常用部分，详细请查看bootstrap编码规范1.html用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。嵌套元素应当缩进一次（即两个空格）。对于属性的定义，确保全部使用双引号，绝不要使用单引号。不要在自闭合（self-closing

2016-02-16 10:34:28 535

原创技术服务于业务（工作总结）

技术服务于业务还有不到两周的时间就要过年了，想到现在工作的各种不如意，并面临的年后找工作的问题。今天在13号线上，对自己近三年的工作总了一个简单的总结，那就是技术服务于业务——也算是对三年工作总结的一种价值观吧，不求大家认同，只求领会其中的用意。技术服务于业务，所以我这三年工作中，不会说是为想去学习一门技术而去学习。而是，要实现一种什么业务，必需要用

2016-01-27 10:18:28 2823

原创 web前端开发环境搭建（grunt）

web前端开发环境搭建（grunt）本文参考：用grunt搭建自动化的web前端开发环境-完整教程以上推荐文章已经很详细的讲解了node.js grunt的安装，今天重点写一下有关web前端开发插件的安装。在package.json中可定义一些参数如name、version、author等。在Gruntfile.js中通过grunt.f

2016-01-22 13:35:17 720

原创 jquery2.0.3动画（animate）源码解读与javascript基本知识学习一

jquery2.0.3动画（animate）源码解读与运行流程jquery添加动画如下：$("#divv").animate({width:300},2000,"linear",function(){ console.log("动画回调函数");});在animate方法中，首先执行的代码为optall = jQuery.speed( speed, easing, cal

2016-01-18 15:52:37 1083 1

原创页面局部滚动（scroll）实现方式

移动端（手机）开发，页面局部滑动实现方式移动端开发，做到手机自适应是一个非常困难的事情。特别是当页面中文字长度不固定时，会导致文字太长超出外部div，或者超出屏幕的问题。此时，需要将文字部分设置为可滚动（scroll）。这样可以做到手机适应。第一：在做移动端开发的时候，页面需要一屏显示的时候。要禁用浏览器滑动功能（特别是在微信公众平台开发时

2015-12-28 11:36:54 16137 1

原创 javascript高级开发学习笔记十

1 跨文档消息传递（XDM）：指的是在来自不同域的页面间传递消息。XDM的核心是postMessage()方法，该方法的目的是向另一个地方传递消息。对于XDM而言，另一个地方指的是包含在当前页面中的iframe元素，或者由当前页面弹出的窗口。 postMessage()方法接受两个参数：一条消息和一个表示消息接受方来自哪个域的字符串。接收到XDM消息时，会触发window对象的mess

2015-12-25 09:22:50 469 1

原创 javascript高级开发学习笔记九

事件1.事件流事件冒泡：IE的事件流叫做事件冒泡，即事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点。事件捕获：不太具体的节点应该更早接受事件，而最具体的节点应该最后接收到事件。事件捕获的用意在于在事件到达预定目标之前捕获它。 DOM事件流：DOM2级事件规定的事件包括三个阶段：事件捕获阶段、处于

2015-12-25 09:22:08 479 1

原创 javascript高级开发学习笔记八

一、DOM：针对HTML和XML文档的一个API。DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。 1.1 Node类型：每一段标记可以通过树中的一个结点来表示：HTML元素通过元素节点来表示、特性结点通过特性结点表示、文档类型通过文档类型结点表示、而注释则通过注释结点表示。共有12种节点类型。 javascript中的

2015-12-25 09:21:29 601 1

原创 javascript高级开发学习笔记七

1.window对象：BOM的核心是window。在浏览器中，window对象有双重角色，它既是通过Javascript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。表示在网页中定义的任何一个变量、对象和函数，都以window作为其Global对象。 1.1 全局作用域：由于windows对象同时扮演着ECMAScript中Global对象的角色，因此所

2015-12-25 09:21:02 453 1

原创 javascript高级开发学习笔记六

1.递归：使用arguments.callee代替函数名来实现。2.闭包：有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。当某个函数第一次被创建时，会创建一个执行环境（execution context）及相应的作用域，并把作用域赋值给一个特殊的内部属性[[Scpoe]]。然后，使用this、arguments和其

2015-11-09 11:00:57 423 1

原创 javascript高级开发学习笔记五

1.ECMA-262把对象定义为：“无序属性的集合，其属性可以包含其基本值、对象或者函数。” ECMA-262在定义只有内部才用的特性时，描述了属性和各种特征，这些特性是为了实现javascript引擎用的，因此在javascript中不能直接访问他们。特性为内部值，该规范把它们放在两对方括号中。 ECMAScript中的两种属性：数据属性和访问器属性。 1.1数据属性：数

2015-11-09 11:00:30 439 1

原创 javascript高级开发学习笔记四

1.Object：大多数的引用类型值都是Obejct类型的实例。创建Object实例的方式有两种，第一种是使用new操作符后跟Object构造函数（var person = new Object();）。另一种方式是使用对象字面量表示法（var person = { name :"",age:1}）。2.Array：

2015-11-09 11:00:15 467 1

原创 javascript高级开发学习笔记三

一、数据类型1、ECMAScript中有5种简单数据类型：Undefined、Null、Boolean、Number、String和一种复杂数据类型Object（本质上是由一组无序的名值对组成的）。ECMAScript数据类型具有动态性。1.1. typeof(typeof是操作数不是函数)：typeof用来检测给定变量的数据类型。使用typeof操作符返回以下字符串：undefined

2015-11-09 10:59:59 390 1

原创 javascript高级开发学习笔记二

1.HTML4.01为定义了6个属性（1）async:可选。async 属性规定一旦脚本可用，则会异步执行。async 属性仅适用于外部脚本（只有在使用 src 属性时）。（2）charset:可选。表示通过src属性指定代码的字符集。（3）defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部文件有效。（4）langu

2015-11-09 10:59:37 580 1

原创 javascript高级开发学习笔记一

1.一个完整的javascript实现应该由下列三种不同的部分组成。（1）核心-ECMAScript; （2）文档对象模型-DOM;(3)浏览器对象模型-BOM;2.ECMA-262规定了这门语言的下列组成部分（1）语法；（2）类型；（3）语句；（4）关键字；（5）保留字；（6）操作符；（7）对象；ECMAScript就是对实现该标准规定的各个方面内容的语言的描述。3.EC

2015-11-05 09:12:33 467 1

原创 javascript使用小技巧

1. 通过javascript将一个数组分为三类，添加到一个数组中 var input = ins1 = $("#t1 .td"); //取出一个htmld页面中的所有table中的td _add = [ [], [], [] ]; for (i = 0; i < input.leng

2015-10-21 14:58:35 506 1

原创 html5+javascript+css3实现下拉列表以及折叠功能

html5+javascript+css3实现下拉列表以及折叠功能 function show(id){ var d = $('#content'+id).css('display'); if(d == 'block'){ $('#content'+id).css('display','none'); $('#img'+id).attr('src',

2015-10-19 11:12:48 4186

原创 html5-svg标签使用基础三

html5-svg 标签滤镜（Path）它开始于位置 250 150，到达位置 150 350，然后从那里开始到 350 350，最后在 250 150 关闭路径。 M = movetoL = linetoH = horizontal linetoV = v

2015-10-18 10:22:53 995

原创 html5-svg标签使用基础二

1.html5-svg 标签滤镜标签的 id 属性可为滤镜定义一个唯一的名称（同一滤镜可被文档中的多个元素使用）filter:url 属性用来把元素链接到滤镜。当链接滤镜 id 时，必须使用 # 字符滤镜效果是通过标签进行定义的。fe 后缀可用于所有的滤镜标签的 stdDeviation 属性可定义模糊的程度in="SourceGraphic" 这个部分定义

2015-10-18 09:59:32 688

原创 html5-svg标签使用基础一

1.html5-svg 标签画圆cx 和 cy 属性定义圆点的 x 和 y 坐标。如果省略 cx 和 cy，圆的中心会被设置为 (0, 0)r 属性定义圆的半径 stroke边框颜色。 2.html5-svg 标签椭圆画椭圆 cx 属性定义圆点的 x 坐标、cy 属性定义圆点的 y 坐标、rx 属性定义水平半径、ry 属

2015-10-18 09:24:22 3815 1

原创 html5+css5使用小技巧

1.a标签添加背景图片，并添加click事件后，会出现阴影。去掉阴影的方法为：a { -webkit-tap-highlight-color: rgba(0,0,0,0);} tap点击，highlight背景高亮，color颜色

2015-09-29 15:55:23 736

转载 jquery 实现页面加载完成后，自动执行

1、$(function(){ 　　$("#a").click(function(){ 　　　　//adding your code here 　　}); }); 2、$(document).ready(function(){ 　　$("#a").click(function(){ 　　　　//adding your code here　　　　}); });

2015-09-28 21:12:17 839

Alvyang的专栏