
Web前端
文章平均质量分 74
遛狗的代码
仰望星空,脚踏实地
展开
-
Bootstrap响应式图片的进一步处理
最近在做一个项目,首页特别简单这是半成品,但是刚开始的时候使用图标的时候,遇到过一个较大的问题,接下来与大家分享。既然是响应式布局,肯定我们的图片必须要有 class="img-responsive" ,我天真的以为问题可以解决了,接下来 ,我们在开发人员工具中查看效果,分别经历了三个状态,并没有达到我们的要求。于是,我们查看bootstrap的源码,发现.img-原创 2015-12-16 19:08:35 · 6769 阅读 · 0 评论 -
全面解析Angular中$Apply()及$Digest()的区别
使用 $apply()的情况如下:•通常可以依赖于Angular提供的可用于视图中的任意指令来调用 $apply() 。所有 ng-[event]指令(比如 ng-click 、 ng-keypress )都会调用 $apply() 。•此外还可以依赖于一系列Angular内置的服务来调用 $digest() 。比如 $http 服务会在XHR请求完成并触发更新返回值(pr转载 2017-03-07 21:11:34 · 693 阅读 · 0 评论 -
编写模块化的jquery插件
这篇博客是解决了jquery加载jquery.cookie插件,jquery加载失败的问题。这两天看了点儿requirejs,于是开始尝试编写模块化的Javascript代码,于是,特别想应用到项目中去。废话不多说,鄙人菜鸡一枚,就不赘述requirejs的API了,不懂的朋友请自行到它的官方网站查看。然后,我急切的将它应用到项目中,第一个问题就让我懵逼了,得益于这个问题,让我学到了新原创 2017-03-26 15:30:28 · 1410 阅读 · 0 评论 -
JavaScript之EcmaScript5中geter和setter
我在搞懂JavaScript的getter和setter之前,通过百度搜索在网上看了很多别人写的文章,个人的内心是表示很气愤的,因为大家都是一知半解,很多博主都并没有真正的理解这个语法的用处。虽然getter和setter的意思是这样,但是它的意义并不是局限于此。先说下网上大部分人的理解: function Person(){ var _personName="anon原创 2017-05-01 10:26:32 · 850 阅读 · 0 评论 -
为JavaScript内置对象扩展方法
首先,需要准备一个扩展的模板: Function.prototype.method = function(name, func) { if (!this.prototype[name]) { this.prototype[name] = func; console.log(this);原创 2016-09-11 12:08:57 · 1700 阅读 · 0 评论 -
解决axios跨域请求出错的问题
错误信息:Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9000' is therefore not al原创 2017-08-11 22:48:26 · 29032 阅读 · 10 评论 -
深入理解JS原型及其扩展
相信各位一定看到过Array.prototype.slice.call(arguments,1);这样的写法。(我是清楚的记得在看函数柯里化的时候遇到的,这儿我们不讨论它)先查slice的定义:上面的写法和我们看到MDN的例子看起来有很大的差别,其实殊途同归。首先,简单向大家提及一下call,apply,bind的区别:apply:(...).apply(context,[原创 2017-09-09 20:38:10 · 1246 阅读 · 0 评论 -
Vue-cli之http请求代理
现在流行前后台分离开发,就是前端先前端的页面,后端写后端的接口。但是,当两者的工作合并的时候,要么前端自己搭建一个服务器,要么后端开启跨域让前端访问接口,我一般在开发的时候采用的是后者。但是这个是很坑的,经常出现无法跨域的错误。Vue-cli中自带了代理,当你配置了这个代理之后,你访问他人电脑的接口的时候,就像访问自己本机的接口一样,避免了跨域的问题。首先找到,config下面的index原创 2017-10-28 16:28:26 · 3385 阅读 · 0 评论 -
简谈对ES7的async和await的理解
如果遇到过深度回调的朋友一定对JS的回调地狱再熟悉不过了,举个例子说(如果我的列子不恰当尽请谅解),常见的就是省市区级联吧,假如我要获取一个县级市的信息,那么我首先得获得它所在的省的信息,当取得省的信息以后,再拉去地级市的信息,当获得地级市的信息以后,然后才有可能获取到它的信息。这就是典型的深度回调的业务场景。这使得开发人员变得痛苦不堪,代码的质量难以得到保证。对此,ES6中引入了一个Promis...原创 2018-03-14 22:20:41 · 985 阅读 · 0 评论 -
解决vue-cli中webpack无法打包js变量中的图片路径
首先,我们先来重现一下问题,如果直接通过路径的形式引入一个图片,例如:<template> <div id="app"> <img src="./assets/demo.jpg"> <!--<img :src="demo">--> <HelloWorld/>原创 2018-03-12 22:33:02 · 3217 阅读 · 1 评论 -
在Vue项目里面使用阿里巴巴IconFont
http://ms.youkuaiyun.com/geek/257473转载 2018-04-13 14:22:49 · 386 阅读 · 0 评论 -
对于JavaScript同样的正则表达式多次执行的结果不一致分析
正则表达式的基础内容我就不在此进行赘述,不懂的小伙伴们请自行Google。废话不多说,直接上正题:我现在要验证一个10以内(包括10)的数字,最多保留2位有效数字,但是不能以0打头,可以是0.00。那么:^((10)|[0-9])(\.\d{1,2})?$我们到图形化正则表达式的网站上测试一下。https://regexper.com/,在此把链接贴出来,大家可以自行测试。...原创 2018-12-15 17:47:04 · 2140 阅读 · 0 评论 -
HTML5视频播放的一点儿小收获
事情的起因是因为本人最近在淘宝网上买了一套Photoshop的视频,但是有个问题就是,它只能在淘宝学习模块观看,但是淘宝学习做的不能用难用来形容(相比网易云课堂、慕课网),于是我萌生了把视频下载下来的想法。开始准备工作,以为满心欢喜的打开了F12,准备把它抓取出来。然后就开始问题来了:然后,发现它的URL是一个blob,由此,开始引入Blob类。我才疏学浅,就不进行解释了,直...原创 2019-01-19 13:35:24 · 938 阅读 · 0 评论 -
ElementUI解决自定义表头
开门见山,我直接阐述我的问题的由来:根据Element官方的Demo,使用其渲染一个表格需要以下代码:<el-table :data="data" stripe border> <el-table-column prop="date" label="日期" width="180"> <原创 2019-03-08 16:09:37 · 1832 阅读 · 0 评论 -
使用纯CSS实现文字超过一定的长度后自动显示省略号
在我不知道CSS具有这个功能之前,我都是通过在后台判断字符串的长度,然后通过取substr再通过字符串连接“...”形成想要的效果,但是,如果遇到英文的话,就会判断不准确了,用我自己的话讲叫做英文字符比较瘦。偶然发现,CSS可以完成这样的事情,而且可以完成的非常棒: * { margin: 0px;原创 2016-09-23 12:18:39 · 2673 阅读 · 0 评论 -
不定宽高的弹出框自适应居中
传统的弹出框居中一般是这样的: .layer { position: fixed; top: 50%; left: 50%; background: red; width: 200px; height: 400px; margi原创 2017-02-01 10:57:34 · 592 阅读 · 0 评论 -
JavaScript操作cookie
参考自石川讲师讲授的内容,在此表示感谢言归正传,JavaScript操作cookie,分为三个阶段:第一,设置cookie:setCookie = function (name, value, days) { var date = new Date(); date.setDate(date.原创 2016-02-13 19:47:35 · 366 阅读 · 0 评论 -
在Asp.Net MVC中使用AngularJS的路由
参考自:http://www.tuicool.com/articles/mMzAvy主页面代码如下:@{ Layout = null;}} Angular Routing Example原创 2016-03-14 21:47:59 · 2142 阅读 · 0 评论 -
如何在ASP.NET MVC中使用ajax
由于原生ajax写起来比较麻烦,我未来省事就用的jquery的库。HTML代码如下:@{ Layout = null;} Index 1111 $(function () { $("#request").click(function () {原创 2016-04-10 11:26:33 · 666 阅读 · 0 评论 -
JavaScript闭包
所谓闭包,概念是父函数的执行虽然完成,但是在父函数中嵌套的子函数仍然可以访问父函数的变量的权利。就像这样: function father() { var i = 10; return function () { console.log(i); } }原创 2016-07-03 11:04:14 · 320 阅读 · 0 评论 -
如何编写jquery插件之轮播图
对于一位合格的前端开发人员来说,首页图片轮播可谓是必会的基本功。那么我们聊一聊如何用jquery封装自己的轮播插件。首先必须要聊到的jquery为我们提供的两大扩展方法,$.fn和$.extend(),$.extend相当于为jQuery类(注意,JavaScript并没有类,我们只是以类来理解这种做法)添加静态方法,$.fn其实就是jQuery.prototype,原型,对于新手比较难解原创 2016-08-17 09:40:43 · 3747 阅读 · 0 评论 -
cordova+ionic配置
很早之前就想试一下ionic了,我个人是AngularJS的忠实粉丝,搞了好久,才把环境搭建好,爬了很多坑,和大家分享经验。1.配置JAVA开发环境,这个网上的例子实在太多,我就不赘述了,配置好了之后,控制台输入java -version和javac-version都可以运行就是对的。2.配置Android SDK,我个人是直接下载的Android Studio,安装好之后,Android原创 2016-08-08 12:44:16 · 681 阅读 · 1 评论 -
妹子UI之自定义分页控件
妹子UI,http://amazeui.org,在这儿顺便帮他打下广告,我个人觉得比Bootstrap漂亮,于是,我就选择了基于它的UI写出来自己的分页控件。paginator.js的内容如下:(function ($) { $.fn.paginator = function (options) { //this指向当前的选择器 var config原创 2016-08-30 10:28:59 · 4787 阅读 · 1 评论 -
JavaScript闭包应用之封装
闭包,“网友调侃为封闭的包包”,我对它的理解是原创 2016-08-19 17:24:18 · 408 阅读 · 0 评论 -
CSS之visibility和display的差别
今天又看到一个坑爹的CSS属性,即标题所说。以前一直用的是display:none。然后我试了下那篇文章上说的。设置了下visivblity:hidden的效果。最开始让我有点儿想当然了 * { margin: 0; padding: 0; }转载 2016-08-23 17:01:44 · 528 阅读 · 0 评论 -
浅谈对JavaScript原型的理解
说到JavaScript原型,我硬是花了几个月才把这个概念吃透。原型与对象的关系就好比是印章和印章印出的印一样,我们必须要聊到的两个属性是__proto__和prototype。 Object.prototype.Show = function() { console.log("Hello World!"); } var obj原创 2016-09-15 16:36:53 · 421 阅读 · 0 评论 -
在ASP.NET MVC中简单使用跨域Ajax
什么是跨域Ajax,我们都知道Ajax,可以用服务器进行少量数据交互的技术。所谓跨域,简单的理解,就是跨越域名去访问,当你的网站要访问别人网站数据的时候,就必须使用跨域Ajax。言归正传,首先来看客户端代码 $(document).ready(function() { $("#ajax").bin原创 2016-08-21 17:28:47 · 2745 阅读 · 0 评论 -
ionic加载百度地图失败的解决方案
最近比较寂寞,试着用ionic写点儿东西,因为在上个作品中用到了百度地图,这次也有地图查询功能,那么,毫不犹豫的插入百度地图,插入之后,发现一个较大的问题,地图无法加载,被搞的很懵逼,说好的JavaScript API到了移动端就不行了,于是,各方查资料,终于找到答案,https://www.v2ex.com/t/162491,这是原链接,答案是在评论里面,就是在安卓的配置文件里加一句:<uses原创 2016-12-04 21:31:47 · 1815 阅读 · 0 评论 -
文件上传显示缩略图
文件上传之后是不能直接把文件的路径赋值给img的src的,需要用一个API进行转换,其方法如下: "createRelUrl": function (src) { if (window.URL) { return window.URL.createObjectURL(src); } else if (window.原创 2017-01-18 11:14:46 · 3120 阅读 · 1 评论 -
你可能不知道的JSON.stringify
JSON.stringify,是定义在ES5中的标准对象。(以下均简称stringify)说到stringify,大家可能再熟悉不过了,不过,我们最常见的使用还是使用的是仅仅带一个参数的情况。stringify至多可接收3个参数,value: 要序列化的对象, ?replacer: 过滤条件,?space: 缩进。replacer可以是3种值,null,字符串数组,函数。1、当是n...原创 2019-03-22 23:11:53 · 472 阅读 · 0 评论