- 博客(84)
- 资源 (35)
- 收藏
- 关注
转载 axios在vue中的简单配置与使用
尤雨溪之前在微博发布消息,不再继续维护vue-resource,并推荐大家开始使用 axios 。一、axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据...
2018-12-24 14:26:50 573
转载 Vuex简单入门
今天试了一下Vuex,感觉跟Redux的实现思想类似。再此,简单地总结一下。什么是Vuex在Vue中,多组件的开发给我们带来了很多的方便,但同时当项目规模变大的时候,多个组件间的数据通信和状态管理就显得难以维护。而Vuex就此应运而生。将状态管理单独拎出来,应用统一的方式进行处理,在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex采用和Redux类似的单向数据流的方式来管理数据...
2018-12-24 14:15:42 191
转载 使用Vue-Router 2实现路由功能
注意:vue-router 2只适用于Vue2.x版本,下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。推荐使用npm安装。npm install vue-router一、使用路由在main.js中,需要明确安装路由功能:import Vue from 'vue'import VueRouter from 'vue-router'import A...
2018-12-24 14:05:54 252
转载 vue-router 2.0 常用基础知识点之router.push()
router.push(location)http://www.jianshu.com/p/ee7ff3d1d93d除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。router.push(location)想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 histo...
2018-12-24 13:58:18 184
转载 vue理解 $nextTick 的作用
有同学在看 Vue 官方文档时,对 API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用不太理解。其实如果看一下深入响应式原理 - vue.js中的有关内容,可能会有所理解,不过有些同学可能看到这个标题之后就选择跳过了,因此这里简述如下:Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。$nextTick 是在下...
2018-12-24 13:54:12 938
转载 六种排序算法的JavaScript实现以及总结
最近几天在系统的复习排序算法,之前都没有系统性的学习过,也没有留下过什么笔记,所以很快就忘了,这次好好地学习一下。首先说明为了减少限制,以下代码通通运行于Node V8引擎而非浏览器,源码在我的GitHub,感兴趣的话可以下载来然后运行试试。为了方便对比各个排序算法的性能,这里先写了一个生成大规模数组的方法——generateArray:exports.generateArray =...
2018-12-22 15:29:57 154
原创 CSS实现内容超过长度后以省略号显示
样式:{width: 160px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}说明:white-space: nowrap 保证文本内容不会自动换行,如果多余的内容会在水平方向撑破单元格。overflow: hidden 隐藏超出单元格的部分。text-overflow: ellipsi...
2018-12-22 14:47:46 1724
翻译 CSS常用技巧
1.CSS实现内容超过长度后以省略号显示 样式:{width: 160px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}说明:white-space: nowrap 保证文本内容不会自动换行,如果多余的内容会在水平方向撑破单元格。overflow: hidden 隐藏超出单元格的部分。...
2018-01-09 09:43:39 210
转载 Jquery常用技巧
JQuery 判断某个属性是否存在 hasAttr 在jQuery编码中,我们会判断元素是否存在某个属性.比如是否包含 class="new" 的样式呢.JQuery判断就非常简单了,因为有 hasClass这个方法 $("input[name=new]").hasClass("new") 即可判断.但是有时候我们需要判断别的属性,比如有的 a 链接包含 rel 属性,有的没有rel属...
2017-12-19 09:31:49 210
转载 JavaScript移动端图片上传方法
移动端图片上传方法实现效果 文件下载 http://files.cnblogs.com/files/sntetwt/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0.rar 实现步骤一、隐藏<input type="file" id="file" name="Filedata" style="d...
2017-12-19 09:31:18 2969
转载 HTML5摄像头拍照组件的封装
摄像头调用主要使用了navigator.getUserMedia()函数。为了将摄像头的画像实时展现,可以将录像数据流导入到video或者canvas中。在展示的时候,建议使用video作为视频流容易,因为canvas绘画视频帧时存在一定的卡顿。在像素数据分析和将画像转成图片,则应将视频流导到canvas中,使用canvas API中进行数据提取。在这里,我使用了一个隐藏起来的canvas,...
2017-12-19 09:30:57 660
转载 javascript中基础但是很容易忽略的点
引言: 本篇文章主要总结了一些javascript中特别基础的内容,主要涉及到DOM0级和DOM2级事件,事件流, 事件委托, 判断变量的类型每次被问到,总是能想起一点,但是也总记不全,所以遇到这种情况的时候,就简单的记录一下.DOM0级事件和DOM2级事件的区别DOM0事件在标签内写onclick事件 在js中写onclick=function(){}函数 ...
2017-12-19 09:30:32 191
转载 原生js的常用方法整理
前言:随着前端市场日新月异的发展,现如今的市场要的不只是会切切图的小仔、小妹了,而是需要真正懂原生js闭包,继承,原型链,node,以及熟读源码的大神,那么我们也不能太落后各位大神,撸起袖子,重新拾起原生js吧!以下是个人总结,也有一些是copy大神的,现在放到一起,方便以后查阅(有不对的地方,还望大家能够提出,我会尽快加以改正)。一、!!强制转布尔值boolean根据当前需要判断的值是...
2017-12-19 09:30:07 395
转载 移动前端开发需要注意的20个要点
定心丸:移动前端开发正逐渐步入前端技术的主流,事实上跟在一般的pc上,并不需要你掌握额外的技术,然而你在pc web上那一套在多数情况下并不适用于手机web,你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地,这里面有足够高大上的技术等着你去驾驭,在这方面,你可以欣喜地说:让ie见鬼去吧。1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签...
2017-12-19 09:29:10 296
转载 JS如何判断一个对象为空
1、最常见的思路,for…in…遍历属性,为真则为“非空数组”;否则为“空数组”var judgeObj = function(obj){ for(var item in obj){ return true; } return false;}1 2 3 4 5 62.通过JSON自带的.stringify方法来判断var jud...
2017-12-19 09:28:51 252
转载 javascript 之模块化篇
什么是模块化?https://segmentfault.com/a/1190000011063732模块化就是把系统分离成独立功能的方法,这样我们需要什么功能,就加载什么功能。优点:可维护性:根据定义,每个模块都是独立的,良好设计的模块会尽量与外部的代码撇清关系,以便于独立对其进行改进和维护。可复用性:可以重复利用,而不用经常复制自己之前写过的代码原始JS开发问题1、污染全...
2017-12-19 09:28:36 216
转载 js点击下载跳转iOS或安卓
原文链接:http://caibaojian.com/android-ios-downapp.html 在移动wap上,最常见的就是引流用户下载安装自己的应用程序,如何通过js点击判断下载是ios还是安卓呢?其实很简单,就是要判断用户的设备是iOS还是Android,然后分别跳转就可以了。 之前写过的一个代码:判断iOS或安卓·<script type="text/ja...
2017-12-19 09:28:26 1064
转载 CSS居中的各种实现方式
CSS中如何完美做到居中,一直是令前端工程师头疼的问题。最近读到CSS-TRICKS中的一篇帖子,将居中问题的解决方案策略化。感觉收获很大,翻译过来供大家交流学习。当我们书写CSS时,让元素居中,是抱怨的爆发点之一:为什么会这么难?我认为问题的关键,不在于怎么做,而在于我们如何从诸多居中方法中选择出适应当前情景的。所以接下来,让我们一起创建一颗决策树,希望可以让居中变得简单。水平居中...
2017-12-18 10:53:54 204
转载 移动端 rem 布局的一些总结
资源一】基础知识恕不回顾基础知识参考以下两篇博客:http://isux.tencent.com/web-a...http://www.w3cplus.com/css3/d...【资源二】淘宝m站首页的动态实现学习http://m.taobao.com 首页的实现。最近读到@大漠 的新文章《使用Flexible实现手淘H5页面的终端适配》,和本部分有点关系。暂且加上来以供参...
2017-12-18 10:09:07 343
转载 关于移动端rem 布局的一些总结
1.rem是什么?rem(font size of the root element)是指相对于根元素的字体大小的单位2.为什么web app要使用rem?实现强大的屏幕适配布局(淘宝,腾讯,网易等网站都是rem布局适配)rem能等比例适配所有屏幕,根据变化html的字体大小来控制rem的大小,如不同html字体大小的计算下,rem值不同第一个例子:html{
2017-12-18 10:07:53 260
转载 canvas转base64/jpeg时,透明区域变成黑色背景的解决方案
问题:png图片转jpeg时,透明区域被填充成黑色在用canvas将png图片转jpeg时,发现透明区域被填充成黑色。代码如下:<p>Canvas:</p><canvas id="canvas" style="border: 1px solid #ccc;"></canvas><br><p&
2017-12-18 10:03:52 7517 1
转载 JavaScript的隐式类型转换浅析
http://blog.csdn.net/sweetllh/article/details/74075142参考博文:http://www.codeceo.com/article/javascript-type-convert.html http://www.jianshu.com/p/0f1e3ff14537JavaScript的数据类型分为六种,分别为null,undefined,b...
2017-12-18 09:38:21 204
转载 jQuery 操作 radio、select、checkbox
<script type="text/javascript"> $(function () { 一、radio 1.获取选中值,三种方法都可以: $('input:radio:checked').val(); $("input[type='radio']:checked").val(); ...
2017-12-18 09:38:05 176
转载 js强制类型转换
转载http://blog.csdn.net/sweetllh/article/details/74075353 转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数:js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not...
2017-12-18 09:37:46 1188
转载 谈谈JS中常遇到的浏览器兼容问题和解决方法
http://www.cnblogs.com/duenyang/p/6066737.html今天整理了一下浏览器对JS的兼容问题,希望能给你们带来帮助,我没想到的地方请留言给我,我再加上;常遇到的关于浏览器的宽高问题://以下均可console.log()实验 var winW=document.body.clientWidth||document.docuemntEle...
2017-12-18 09:37:20 218
转载 JavaScript技巧45招
在这篇文章里,我将分享一些JavaScript的技巧、秘诀和最佳实践,除了少数几个外,不管是浏览器的JavaScript引擎,还是服务器端JavaScript解释器,均适用。1、首次为变量赋值时务必使用var关键字变量没有声明而直接赋值得话,默认会作为一个新的全局变量,要尽量避免使用全局变量。2、使用===取代====和!=操作符会在需要的情况下自动转换数据类型。但===和!==不会...
2017-12-18 09:36:47 131
转载 浅谈JavaScript--声明提升,JavaScript常见错误
JavaScript是一种动态语言,不同于C、Java等静态语言先编译后执行,所以代码中的执行顺序并不像你看到的那样执行,有个词你需要知道声明提升,下面我们就来聊聊声明提升。抛砖 1 2 3 a = 1; var a; console.log(a); // 1 结果是1,不是...
2017-12-18 09:36:28 158
转载 jsonp跨域百度、跨域问题
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css">
2017-12-18 09:36:12 190
转载 深入浅出JSONP--解决ajax跨域问题、JavaScript跨域
上周客户新买了服务器,原本在旧的服务器上放着客户的Web主页信息和一个后台程序(asp.net),在客户的主页中有一个动态显示最新消息的处理,这个处理就是通过ajax异步从那个后台程序中取得的。由于又购买了新的服务器,客户想把web主页和那个后台程序分开来,后台程序被部署到了新的服务器上。不过这个项目是我的同事小福同志开发的,也就由他来把程序分开部署,然后进行一些小改动。 "怎么最新消息取不...
2017-12-18 09:35:53 368
转载 JSONP - 从理论到实践,跨域详解
同源策略ajax之所以需要“跨域”,罪魁祸首就是浏览器的同源策略。即,一个页面的ajax只能获取这个页面相同源或者相同域的数据。如何叫“同源”或者“同域”呢?——协议、域名、端口号都必须相同。例如:http://google.com 和 https://google.com 不同,因为协议不同; http://localhost:8080 和 http://localhost:100...
2017-12-18 09:35:31 174
转载 使用jQuery开发Todos实录
本例是模仿vue.js中todoMVC的功能,使用jQuery进行开发,第一版的jQuery会显得有些混乱,后续将进行优化。 todoMVC具有添加、修改、删除、更改状态、分类等操作todos的功能。我的开发过程分为了以下几个步骤。将整个应用进行功能拆分 分别实现每个子功能 合并功能 优化具体实现添加todos var newtodoVul= $('#newtodo').v...
2017-12-18 09:35:04 190
转载 jquery插件实现图片延迟加载
jquery插件实现图片延迟加载在页面中图片较多时,一次性加载所有图片会耗去很多时间。 我们可以选择“延迟加载”的方式来加载图片,相对这种页面的加载速度将会有个很大的提升。 图片延迟加载的原理很简单,依据用户正浏览的位置,当用户决定继续浏览文章中的其它内容时,用户会轻轻滑动滚动条, 到一个新的内容区域,图片延迟加载程序会选择在这个时候向用户展示图片。说明:1) 引用jquery.js ...
2017-12-15 11:29:14 153
转载 每个程序员都会的 35 个 jQuery 小技巧
http://www.imooc.com/article/8329收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发.1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});2. 隐藏搜...
2017-12-15 11:25:57 152
转载 JS面向对象
工厂模式function createObject(name,age){var obj = new Object() //创建对象obj.name = name ; //添加属性obj.age = age;obj.run = function(){ //添加方法 return this...
2017-12-15 09:15:31 125
转载 JavaScript window、location对象基础知识整理
一、window对象转载http://blog.csdn.net/hongchh/article/details/52238610window是BOM的核心对象,表示浏览器的一个实例。在浏览器中,window对象有双重角色,它是通过JS访问浏览器窗口的一个接口,也是Global对象。任何在全局作用域中声明的变量和函数都会变成window对象的属性和方法。虽然全局变量也是window对象...
2017-12-15 09:15:17 202
转载 前端面试题总结
http://www.cnblogs.com/bhan/p/6802644.html1:为何选择前端这个方向和对前端的理解为什么:第一的话就是对前端很感兴趣,之前也接触过其他的语言,但是直到接触到前端才发现真的有兴趣做下去,兴趣是一个人最好的老师,第二的话前端很有前途,像现在nodejs,rn,微信小程序这类工具和框架可以让前端进行后端和移动开发,所以我觉得前端的前途会更多一点。...
2017-12-15 09:14:54 341 1
转载 前端面试中的常见的算法问题
虽说我们很多时候前端很少有机会接触到算法。大多都交互性的操作,然而从各大公司面试来看,算法依旧是考察的一方面。实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题,这些基础知识的积累可以帮助我们更好的优化解决思路。下面罗列在前端面试中经常撞见的几个问题吧。http://www.cnblogs.com/libin-1/p/5998870.html#37...
2017-12-15 09:11:51 227
转载 25个最基本的JavaScript面试问题及答案
http://www.codeceo.com/article/25-essential-javascript-interview-questions.html1、使用 typeof bar === "object" 来确定 bar 是否是对象的潜在陷阱是什么?如何避免这个陷阱? 尽管 typeof bar === "object" 是检查 bar 是否对象的可靠方法,令人惊讶的是在Ja...
2017-12-15 09:10:20 194
转载 js判断浏览器的内核和是否支持某些CSS3属性
一、判断浏览器内核在前端开发过程中,有时我们需要判断浏览器的内核前缀,对不同的浏览器做出不同的处理,因此我们可以这么做。 alert(element.style.webkitTransition); 这个是获取以webkit为前缀的transition值。但如果不是webkit为前缀的浏览器,则会返回undefined。而我们可以将所有的内核前缀给枚举出来,然后获取其某个CSS的值,即可做...
2017-12-15 09:09:41 232
转载 JS实现继承的几种方式
前言JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一。那么如何在JS中实现继承呢?让我们拭目以待。JS继承的实现方式既然要实现继承,那么首先我们得有一个父类,代码如下:// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = f...
2017-12-15 09:09:15 215
androidGridView添加图片DeleteGridView0.2
2014-12-22
w3cschool php css js
2012-06-12
php手册 php php资料
2012-06-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人