- 博客(125)
- 资源 (4)
- 收藏
- 关注
RSS订阅转载 vuejs2.0实现分页组件，使用$emit进行事件监听数据传递
首先使用基础 Vue 构造器，创建一个“子类”,Vue.extend( options )var barHtml = '<div class="page-bar">'+ '<ul>'+ '<li v-if="cur>1"><a v-on:click="cur--
2018-05-24 15:55:19
412
转载 如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
使用vue-cli构建的vue项目，webpack的配置文件是分散在很多地方的，而我们需要修改的是build/webpack.base.conf.js，修改两处的代码// 在开头引入webpack，后面的plugins那里需要var webpack = require('webpack')// resolvemodule.exports = { // 其他代码... resol...
2018-05-13 14:01:44
2049
转载 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plain copy.Absolute-Center { margin: auto;
2017-09-27 14:25:08
323
转载 使用&#x3000;等空格实现最小成本中文对齐
摘要： 一、重见天日第二春 11年的时候，写了篇文章“web页面相关的一些常见可用字符介绍”，这篇文章里面藏了个好东西，就是使用一些空格实现个数不等的中文对齐或等宽。见下表： 字符以及HTML实体 描述以及说明 这是我们使用最多的空格，也就是按下space键产生的空格。一、重见天日第二春11年的时候，写了篇文章“web页面相关的一些常见可用字符
2017-06-27 11:14:07
810
转载 WINDOW.OPEN()用法详解
myWindow=window.open('','','width=200,height=100') myWindow.document.write("This is 'myWindow'") myWindow.focus() myWindow.opener.document.write("This is the parent window")
2017-06-18 11:00:34
1024
转载 『AngularJS』$location 服务
参考：ng.$locationDeveloper Guide: Angular Services: Using $location简介$location服务解析在浏览器地址栏中的URL（基于window.location）并且让URL在你的应用中可用。改变在地址栏中的URL会作用到$location服务，同样的，改变$location服务也会改变浏览器的地址栏。（可以使用$loca
2017-06-09 05:49:00
360
转载 判断手机端
var from = '' if (from != 'wap') { var userAgentInfo = navigator.userAgent; console.log(userAgentInfo); if (userAgentInfo.indexOf("Android") > 0 || user
2017-03-26 16:37:54
320
转载 12个有关于JavaScript的小技巧
原文: http://www.w3cplus.com/javascript/12-extremely-useful-hacks-for-javascript.html?f=tt在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用!!操作符转换布尔值
2017-01-15 15:43:00
262
转载 JavaScript易错知识点整理
1.变量作用域var a = 1;function test() { var a = 2; console.log(a); // 2}test();上方的函数作用域中声明并赋值了a，且在console之上，所以遵循就近原则输出a等于2。var a = 1;function test2() { console.log(a); // undefined var
2016-12-27 11:15:31
237
转载 在github上发布个人主页
官方文档在此：https://help.github.com/articles/creating-pages-with-the-automatic-generator/1. 首先你得有个github账号。。2.有了github账号之后，新建一个代码仓库。代码仓库的名字有要求，需要符合：username.github.io or orgname.github.io
2016-11-28 16:18:27
1037
转载 提高数据库处理查询速度
1、对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。2、应尽量避免在 where 子句中对字段进行 null 值判断，否则将导致引擎放弃使用索引而进行全表扫描，如： select id from t where num is null 可以在num上设置默认值0，确保表中num列没有null值，然后这样查询：
2016-08-05 07:42:19
244
转载 javascript中call apply 与 bind方法详解
在JavaScript中，call、apply和bind是Function对象自带的三个方法，本文将通过几个场景的应用，来详细理解三个方法。call()call() 方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法。当调用一个函数时，可以赋值一个不同的 this 对象。this 引用当前对象，即 call 方法的第一个参数。通过 ca
2016-08-04 07:45:09
403
转载 微信端的alert
新出来个，尝试下https://github.com/t4t5/sweetalertqinxiaotong2015-06-25 22:17:40给你一个TAOBAO的，我用的是zepto，应该和jQuery兼容 msg.js:function compareVersion(v1, v2) { v1 = v1.toString()
2016-07-28 13:58:31
7792
转载 5个你必须知道的JavaScript和Web Debug技术
前端开发中，调试技术是必不可少的技能本文将介绍五种前端开发必备的调试技术：Weinre移动调试DOM 断点debugger断点native方法hook远程映射本地调试 1 、 Weninre在移动上面开发调试是很复杂的，所以就有了Weinre。安装Weinre可以实现pc来调试手机页面，所以对于移动开发调试是很重要的哦~安装WeinreWei
2016-07-15 17:39:38
446
转载 CSS 元素垂直居中的 6种方法
转自：http://blog.zhourunsheng.com/2012/03/css-%E5%85%83%E7%B4%A0%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD%E7%9A%84-6%E7%A7%8D%E6%96%B9%E6%B3%95/2012年03月30日 ⁄ Web设计 ⁄ 评论数 1 ⁄ 被围观 306+利用CSS进行元素
2016-07-15 16:51:45
333
转载 微信开发 -- 企业付款 PHP代码实现
写这篇文章的目的主要是由于在微信公众平台提供的SDK中并没有提供此功能的SDK实现，其实最后实现还是借助 微信公众平台开发文档 和 SDK 。企业付款的应用场景： 公众号向已关注用户付款，比如处理退款、财务结算等先说一下实现思路：在SDK中自带类库的基础上扩展WxMchPay组件， 实现企业付款功能的扩展。话不多说，上代码， 下面是继承SDK，实现企业付
2016-07-06 17:42:27
1360
转载 HTML5使用JavaScript控制＜audio>音频的播放
1，下面是一个播放音乐的最简单样例（controls属性告诉浏览器要有基本播放控件）原文:HTML5 - 使用播放音频2，预加载媒体文件设置preload不同的属性值，可以告诉浏览器应该怎样加载一个媒体文件：（1）值为auto：让浏览器自动下载整个文件（2）值为none：让浏览器不必预先下载文件（3）值为metadata：让浏览器先获取音频文件开
2016-06-28 15:50:21
82115
1
转载 HEXO+Github,搭建属于自己的博客
经过各种找资料，踩过各种坑，终于搭建好了hexo，域名是在万维网上买的，我的hexo是3.1.1版本，hexo不同的版本，很多配置都不一样。好吧，废话不多说了，开始吧。正文：hexo是一款基于Node.js的静态博客框架,hexo github链接,这篇教程是针对与Mac的，参考链接，由于原文讲到的hexo是以前的老版本，所以现在的版本配置的时候会有些改动。之前是想着写博客，一
2016-06-25 20:15:25
465
转载 JavaScript跨域总结与解决办法
什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络（http://f2e.me/200904/cross-scripting/，该网址已不能访问），仅作个人读书笔记之用，并稍作修改和补充。
2016-06-22 16:36:36
228
转载 史上最全的CSS hack方式一览
做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。可是啊，现实太残酷，浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协，虽然这只是个别情况。今天，结合自己的经
2016-05-25 08:14:03
259
转载 CSS box-flex属性，然后弹性盒子模型简介
一、淡淡的开头语昨天趁着不想工作的时间间隙闲逛24ways，在My CSS Wish List一文中，见到了个新鲜的CSS属性，就是题目中的box-flex，以前没有见过，顿生疑惑，不知是骡子还是马，于是习惯性谷歌之，真是不谷不知道，一谷吓一跳。倒不是该属性本身，而是此属性作为导火索，让我了解了下CSS3中新的盒子模型——弹性盒子模型(Flexible Box Model)。对于我这样
2016-05-17 15:32:50
494
转载 跨域整理
1. 跨域资源共享 CORS对于web开发来讲，由于浏览器的同源策略，我们需要经常使用一些hack的方法去跨域获取资源，但是hack的方法总归是hack。直到W3C出了一个标准－CORS－”跨域资源共享”（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。首先来说 CO
2016-05-17 13:55:23
279
转载 用逆序数的奇偶性来判断数字拼图游戏的解的存在性问题
原帖链接:http://topic.csdn.net/u/20080926/23/301801ca-2fe0-4d24-84e3-fbd454be4604.html?291383689有一个3*3的矩阵，里面分别填着数字0~8，填入的时候是随机的，要求每次只能用0和和边上的一个数字交换，最终实现所要求的数字排列。 如： 随机真数字矩阵为： 1 3 5 0 2 6 4 7
2016-05-16 17:57:39
2715
转载 纯干货！大前端必备网站-超全（上
01.前端这个圈子社区/组织W3C TPAC w3ctech WebReBuild HTML5研究小组 阿里技术嘉年华 京/沪JS 前端圈HTML5梦工场 无障碍联盟国内综合前端观察 阮一峰 W3CPLUS W3CFUNS 大前端 W3HELP W3SCHOOL HTML5中国 前端乱炖F2E社区 MDNNEW国内个人CSS森林 twinsen 艾文王 余果 张鑫旭 大猫 飘飘 米
2016-05-06 17:58:52
2738
转载 Yahoo性能优化35条军规
yohoo关于性能优化的35条不可触犯的军规，web2.0的设计与视觉，用户越来越注重用户体验，但用户体验的前提就是网站的访问速度，对于一个大型网站的yahoo来说，处理性能优化是不可缺少的，他是怎么制定性能优化呢，相比很多朋友都想了解下，YaHoo把性能优化作为他们不可触犯的军规，具体怎样优化呢，且看他们的优化方案；一、 Yahoo的军规条例：谨记：80%-90%的终端响应时间是
2016-04-30 07:54:18
511
转载 懒加载——网页图片的加载技术
目前，网络上各大论坛，尤其是一些图片类型的网站上，在图片加载时均采用了一种名为懒加载的方式，具体表现为，当页面被请求时，只加载可视区域的图片，其它部分的图片则不加载，只有这些图片出现在可视区域时才会动态加载这些图片，从而节约了网络带宽和提高了初次加载的速度，具体实现的技术并不复杂，下面分别对其说明。首先，在页面中准备一个id为div1的div,在这个div中放一个ul,ul中准备了一些li,然
2016-04-29 14:54:36
954
转载 js如何打印object对象
js调试中经常会碰到输出的内容是对象而无法打印的时候，光靠alert只能打印出object标示，却不能打印出来里面的内容，甚是不方便，于是各方面整理总结了如下一个函数，能够将数组或者对象这类的结果一一打印出来，具体代码如下：?12345678functionwrite
2016-04-21 14:49:31
3169
转载 详解css3弹性盒模型（Flexbox）
今天刚学了css3的弹性盒模型，这是一个可以让你告别浮动、完美实现垂直水平居中的新特性。Flexbox是布局模块，而不是一个简单的属性，它包含父元素和子元素的属性。Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间，当可用空间变大，Flex元素将伸展大小以填充可用空间，当Flex元素超出可用空间时将自动缩小。总之，Flex元素是可以让你的布局根据浏览器的大小变化进行自
2016-04-21 08:12:13
611
转载 使用Chrome修改user agent模拟微信内置浏览器
很多时候，我们需要模拟微信内置浏览器，今天教大家用chrome简单模拟。如图设置： F12或者右键审查元素进入开发者模式，点击Emulation，然后点击Network，把Spoof user agent改成Other，并把下面的带复制进去，有三句，大家自己尝试。回车然后刷新页面即可。Mozilla/5.0 (iPhone; CPU iPhone OS 5_
2016-03-24 17:30:50
20013
转载 Javascript 找到子元素在父元素内的相对位置
// 找到子元素在父元素中的相对位置function getElementTop(element){ var el = (typeof element == "string") ? document.getElementById(element) : element; if (el.parentNode === null || el.style.display == '
2016-03-18 16:36:03
3101
转载 获取URL参数
function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return decodeURI(r[2]); return null
2016-03-17 09:39:21
240
转载 HTTP返回码总结
HTTP协议状态码表示的意思主要分为五类 ,大体是 : ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 1×× 保留 2×× 表示请求成功地接收 3×× 为完成请求客户需进一步细化请求 4×× 客户错误 5×× 服务器错误 100 Continue指示客户端应该继续请求。回送用于通知客户端
2016-03-09 09:44:49
321
转载 js读取解析JSON类型数据
一、什么是JSON？JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式，同时，JSON是 JavaScript 原生格式。非常适合于服务器与 JavaScript 的交互二、为什么使用JSON而不是XML他们都是这样说的： 尽管有许多宣传关于 XML 如何拥有跨平
2016-03-02 16:48:43
379
转载 IE7以下绝对定位的DIV被相对定位的DIV挡住问题
原因：在ie6下，不论绝对定位的z-index有多大，比如图中的div2，如果父层的div的z-index小于或者等于其它层的z-index，则div2会被其它的div覆盖住。解决办法：给父层（切记是与div2同级的父级）的div指定z-index原链接：http://www.w3cfuns.com/notes/18692/94a48912ac28f5322d554939ff589879
2016-01-11 17:16:47
356
转载 文字轮播无缝滚动
文字轮播无缝滚动 a{text-decoration:none; color:inherit;} ul{margin:0; padding:0;} ul li{list-style:none;} .scroll-txt{width:350px; height:30px; border:1px solid #ccc; color:#484848; position:relativ
2016-01-11 17:12:01
619
转载 rem Chrome bug：rem单位的字号在Chrome浏览器中过大
http://www.w3cfuns.com/notes/14585/c8028cdf6726f49a8cacc87f533e97f6
2016-01-11 16:57:31
2058
转载 兼容各浏览器的强制换行，不论中英文。。。。单词，长串等
最近用到列表展现，一长串一长串的json日志在界面，在ff等浏览器下，总是不换行，在word-break和word-wrap属性间怎么弄，都不行不行，后来加上white-space: pre-wrap;就哦了。white-space: pre-wrap;word-break: break-all;word-wrap: break-word;
2016-01-11 16:52:02
422
转载 meta标签详解
备注：以下教程部分资料来自w3c以及网络.meta为标签head中的子标签，包括content（必选，存储值）、name（键名）、http-equiv（键名）、scheme(content格式)四个属性。其中content属性为标记的具体值，必填值；name为把值关联到某个名称，http-equiv是把值关联到http头部；scheme是规定了content 的文本格式。一
2016-01-11 16:49:36
322
转载 如何去除移动端链接a标签产生带色边框
还记得刚到公司第一次写移动端WEB页的时候，测试时发现点连接的a标签点击时会有一个很丑的边框出现，很是影响页面美观；小狂我用尽各种办法，最后终于解决了这个问题。样式代码如下a{border:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outli
2016-01-11 16:48:21
3598
iScroll5中文帮助文档
2015-07-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人