zeroone001-优快云博客

原创 Vue2.0 子组件传值给父组件

this.$emit(event,...args);/** event: 要触发的事件* args: 将要传给父组件的参数*/ Usage：子组件内容：<template><div @click="iclick"></div></template>methods:{ iclick(){ let data = { a:'data

2017-03-31 11:25:14 37695

原创安卓 CSS absolute 兼容性问题

看代码，大家都懂得<div style="position: relative"> <div style="position: absolute; -webkit-backface-visibility: hidden"> </div></div>-webkit-backface-visibility: hidden这个是关键～～

2016-09-12 16:57:49 2002

原创 0 ,'',[]小区别,工作中的一点小注意

if(''){alert(1);}else{alert(2);}//2if(0){alert(1);}else{alert(2);}//2if([]){alert(1);}else{alert(2);}//1工作中要注意这一点，否则很有可能会出问题～～

2016-09-12 11:23:05 343

原创 $('form').submit() （不支持）not working on iPad and iphone

在iPhone内嵌客户端使用form提交的时候，不要用jquery的这个函数，method为post也有问题，最好是改成get ~~~亲测，这是个坑～

2016-09-09 17:58:51 760

原创 vue配置微信开放标签wx-open-launch-app

背景H5在微信里打开，然后直接唤起APP,为了解决deeplink 在安卓里不能直接唤起APP的问题官方文档开发前置接口请求// WXOpenApp.jsimport Jsonp from 'jsonp';let wx = '';if (process.client) { wx = require('weixin-js-sdk');}class WXOpenApp { constructor () { this.url = 'https://xxx.xx

2021-09-15 16:44:54 1392

原创 webpack@1.x 和 webpack@2.x ，SASS ，LESS ,使用autoprefixer

webpack@1.x在webpack.config.js文件下，vue: { postcss: [require('autoprefixer')({ browsers: ['last 10 Chrome versions', 'last 5 Firefox versions', 'Safari >= 6', 'ie > 8'] })] }, plugins:[]webpack@2.

2017-04-13 12:00:21 3006

原创 ES6(ES2015) -Generators

Generatorsfunction* graph(){ let x = 0; let y = 0; while(true){ yield {x:x,y:y}; x += 2; y += 2; }}var m = graph();console.log(m.next().value);console.log(m.

2017-04-01 15:58:36 587

原创 JQuery $()选择器注意问题

前提：dd类或者#dd都是不存在的if($('.dd')){console.log(1);}else{console.log(2);}这个dd类在页面中是没有的，但是，打印的竟然是1,尽量不要这样做判断；在JQ3中$('.dd')和$('#dd')竟然是null 好神奇

2016-09-22 19:09:39 499

原创 <a>和<p>标签的各自的包裹问题

W3C 标准里面有提到 a 不能包裹 button 或者 a 这些 interactive content 元素，直接在查看器编辑代码xx浏览器会自动修正为xx，如果是通过 JS 来操作 DOM 就可以达到这个效果。可以通过 appendChild之类的来实现。 HTML 4 的 DTD 明确规定块级元素 p不能包裹其他块级元素，所以是不行的。

2016-09-22 17:36:27 2243

原创 Uncaught SyntaxError: Unexpected string

如果出现了这个问题，那么就是你的单引号和双引号出现了问题，因为在写javascript的时候，经常需要拼接字符串，那么很容易会遇到这个问题，仔细看一下自己的拼接字符串的引号使用的情况，看看是不是少了或者多了

2016-09-22 15:30:28 16842

原创判断图片加载完成的JS操作

var a = { init:function(){ this.initDom(); this.handleImg(); }, initDom:function(){ this.time_img; this.isLoad = true; }, doSomething:function(){}, isImgLoad: functio

2016-09-21 12:03:00 372

原创【Android 4.0 4.1 4.2】页面相关图片CSS absolute

.bk-img{ width: 120px; height: 120px; position: absolute; top: 0; left: 0; img{ position: absolute; top: 0; left: 0; }}图片也要加上定位

2016-09-13 10:32:37 311

原创 JS 移动端 userAgent 判断打开环境

function get_broswer_info(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){ //$('.header').hide(); }}get_broswer_info();我们在开发移动端的

2016-09-06 16:44:02 1638

原创《ECMAScript6 入门》笔记——generator函数

Generator函数是ES6提供的一种异步编程的解决方案，可以理解成他是一个状态机，内部封装了多个状态。特征有两个：1，function与函数名之间有一个星号；2，函数体内部使用yield语句，定义不同的内部状态，yield产出调用generator函数之后，该函数并不执行，也不是返回结果，而是返回一个指向内部状态的指针对象;generator函数是分段执行的，yield是暂停执行的标记，ne

2016-09-01 19:48:16 629

原创 javascript把number转化成百分比

function toPercent() { Number.prototype.toPercent = function(){ return (Math.round(this * 10000)/100).toFixed(2) + '%'; } }

2016-09-01 16:22:44 17650

原创 react研究（一）

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2016-07-26 19:06:57 355

原创 moudule.js:338 throw err; Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'

我查了一些资料，是因为全局安装webpack,导致的。解决方法：1，可以在本项目中安装，npm install webpack2, 或者是，在~/.bash_profile中添加如下设置： export NODE_PATH="/usr/local/lib/node_modules" 保存退出。（.bash_profile这个是隐藏文件，或者是配置文件，那怎么进入这个文件哪？

2016-06-30 17:56:52 22653 3

原创在Mac系统下安装mongodb两种方式

第一种：1，首先你要安装HomeBrew，不要问我这是什么（brew），然后在终端上粘贴/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"2，现在正式开始装，终端里 brew update,这是为了更新homeBrew3,用命令装mongodb有

2016-02-02 19:16:07 6128

原创 javascript二维矩阵的乘法。

百度&谷歌竟然搜不到“javascript二维矩阵的乘法”，那我就自己写一个分享给大家。（我写的是两个n*n的二维矩阵的乘法）下面又到了贴代码的时候了：function matrixMultiplication(a,b){ var len=a.length,arr=[]; for(var i=0;i<len;i++){ arr[i]=[]; for(var j=

2015-05-09 10:29:04 4006

原创 js 求一个数组元素的最小公倍数

今天我在网上查 “js 求一个数组元素的最小公倍数”，不管是Google还是百度，查出来的答案竟然都是一样的，最关键的是这是错误的。错误在哪那！刚一看感觉是正确的，而且你输入几个不同的数组，输出的是正确的，but，当我输入[2,3,4]的时候竟然是24，这就很明显不对了，还有输入[0,1]的时候输出的是1，我发现了这两点不对。好了贴一下我自己的代码。var lcm = function

2015-05-08 10:49:46 2921

转载学习前端一些知识点（二）

四、JSON的优缺点优点：1. 数据格式比较简单，易于读写，格式都是压缩的，占用带宽小，浏览器解析快2. 易于解析这种语言，客户端JavaScript可以简单的通过eval()进行JSON数据的读取3. 构造友好，支持多种语言，包括ActionScript， C，C#，ColdFusion，Java，JavaScript，Per，PHP，Python，Ruby等语言服务器端语言，便

2015-04-22 14:30:38 511

原创在英文网站kata上遇到的小题

function capMe(names) { for(var i=0;i names[i]=names[i].substr(0,1).toUpperCase()+names[i].substr(1).toLowerCase(); } return names;}alert(capMe(['jo', 'nelson', 'jurie']));解决方法多

2015-04-22 14:25:58 774

原创 web前端你需要掌握的一些个知识（一）

一，每当你在全局作用域中使用“this”关键字时（没在函数内部），它通常指向全局对象（global object）。JavaScript对象继承一瞥function People(age) {this.age = age;this.getAge = function (){return this.age};}var p1 = new People(20);//Peo

2015-04-22 11:29:46 1685

原创 Location对象

Location对象包含有关当前URL的信息。hash//设置或返回URL锚点href//设置或返回URLhostname//设置或返回当前的主机名pathname//设置或返回URL路径部分protocol//设置或返回当前传输协议search//设置或返回从问号 (?) 开始的 URL查询部分assign()//加载新的文档reload()//重新加载re

2015-04-19 10:35:22 654

原创 JS，上限，下限，随机数

var random=function(up,down){ return Math.random()*(up-down+1)+down; }//如果需要100-200的随机数random(200,100);

2015-04-17 09:41:24 2181

原创 CSS制作三角边框

字符制作三角边框*{margin:0;padding:0;}body{font-family:SimSun;}h1{text-align:center;}.demo1{width:100px;margin:20px auto;border:1px solid red;height:100px;}.demo1 em,.demo1 span {d

2015-04-12 15:04:43 1009

原创 JavaScript如何获得input元素value值

转载地址：http://aquarius-zf.iteye.com/blog/605144在页面中我们最常见的页面元素就是input了，但是我们如何用JavaScript得到网页input中输入的value值呢，其实很简单，方法也不止一种，据我总结比较常用的就是下面的两种方法，闲话不多说了，下面那就来看看我说的方法吧：方法一、Java代码

2015-04-10 10:43:08 123012 2

原创正则表达式小总结

1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$

2015-04-08 21:16:00 650

转载每三个数字加一个逗号

var str='123456789';var str=str.split('').reverse().join('').replace(/(\d{3})/g,'$1,').replace(/\,$/,'').split('').reverse().join(''); alert(str);挺好玩的，不是自己原创，只是借助这个平台让大家学到更多的知识。前端的成长

2015-04-08 16:22:48 1438

原创前端小试题

innerText IE支持，FIREFOX不支持。setAttribute('class'，'styleClass') FIREFOX支持，IE不支持js传入不定个数的参数 function op(){ var n = arguments.length; alert(

2015-04-07 21:01:44 554

原创 ORACLE习题

1.创建一个新的表a，表结构及数据与emp一致.create table a as select * from emp;2 增加主键约束alter table a add constraint pk_a_01 primary key(EMPNO);3.为a增加一个字段birthdate,类型date。alter table a add

2015-04-07 20:57:16 857

原创前端试题

自己写的，有什么错误，请多多指教。1. 什么是行内元素，什么是块级元素？你所知道的行内元素有哪些，块级元素又有哪些？CSS的盒模型是什么(可用文字或图像来描述)？块元素：,行内元素：块元素会独占一行，其宽度自动填满父元素的宽度。行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下才会换行，其宽度随元素的内容而变化。块元素可以设置width和heigh

2015-03-25 20:41:41 738

转载使用放射渐变制作光影效果

// HTML代码div class="box">赞/div> // CSS代码：.box{ width: 200px; height: 200px; font-size: 80px; line-height: 200px; text-align: center; background: -webkit-radial-gra

2014-12-20 22:18:27 875

原创网页制作中遇到的一些个小问题（3）

1. z-index：css中有position且其值为absolute，relative，fixed，这样才可以生效。其值越大则层叠在最上面；在 IE 浏览器中，定位元素会产生一个新的 stacking context，并且从 z-index 的值为 0开始。如果要让test3在test1的上面，那必须这样写z-index:1 ;">position:

2014-12-07 11:12:02 1484

原创网页制作中遇到的小问题（2）

2.表单中Readonly和Disabled的区别：这两个属性有一个共同的作用就是都能够使用户不能够改变表单域中的内容；另外他们的差别是readonly只对input类型text和password以及textarea有效，而disabled则对所有的表单元素有效。当使用disabled的时候，将表单提交的话是不会传出去，但是readonly却可以。在某个表单中为用户预填了某个唯一识别代码，不允

2014-12-06 10:28:20 1011

原创网页制作中遇到的一些个小问题（1）

display：table总结（自己的一些个理解总结）IE8是最后一款支持该属性的主流浏览器。在网页元素上应用该属性后，可以模仿出与表格相同的特性。IE8以下是不能够识别这个属性的此元素会作为块级表格来显示（类似），表格前后带有换行符。该元素还可以使左右元素的高度相同，这两个左右元素的父元素使用这个属性，左右元素使用display：table-cellhttp://www.liu

2014-12-05 17:33:35 811

原创 SEO搜索引擎优化（总结学习）

自己自学了几天的SEO，想要自己写一个总结性的文字，学习的也是各个前辈的经验。通过对网站的优化使你的网站对搜索引擎更加的友好，在使用Google的时候，你的搜索的排名会更加的靠前。从各个角度把你的网站做强，SEO是网络营销的一部分，很大意义上来说，SEO是思想跟技术的结合，大家在搜索的时候，80%的人会只看第一页，从这可以看出来SEO的重要性，网站的流量主要是来自搜索擎。Pag

2014-11-29 18:09:08 10773