蜗牛fighting-CSDN博客

原创 vue组件-轮播（走马灯效果）

这是一个在项目中用到的一个轮播效果，前端最难的应该就是动画了，逻辑什么的相比后台来说还是比较简单的（个人觉得），先来看看效果图拿到设计图时翻遍了所有的轮播插件，发现跟UI要的效果都相差甚远啊，没办法，只能找个相对来说适合的进行整改了，找的是一个jquery写的一个方法，因为项目用的是vue，vue里面使用jquery插件还是有点难用的（谁用谁知道），于是得想办法用自定义指令模拟touc

2017-11-23 10:25:47 13103

原创 vue——v-cloak与过度效果混合使用的坑

使用vue使用插值表达式时，因为文档初始化还没有进行挂载所以页面会显示两个花括号，这时候肯定会有人想用v-cloak进行隐藏上面那个就不会显示出来但是如果我们有用到过度效果，并且里面有动态绑定的的字时，如下显隐使用定时器控制第一次显示时，文字不会出现只会出现外面那个div框如果有动态提示框的页面最好不要与v-cloak混用

2017-08-31 16:30:05 2043

原创 vue开发——如可操作文档元素

有时候我们只需要使用vue的数据绑定功能，有可能还会使用jquery对文档进行操作，比如说根据遍历得到的数据长度进行样式的绑定，这个时候就会发生一个问题，如果我们直接在create或则mount阶段直接获取文档元素，打印出来的结果只是一个虚拟dom，并不是我们需要的文档对象，所以对其操作是无效的。这个时候update钩子就显示出作用来了每次数据更新渲染之后就会执行这个钩子里面的操作

2017-08-15 18:27:54 505

原创前端开发中的那些坑-数据返回值与显示值不一致

在实际的大型网页应用中，很多数据都是存在数据库中，比如sql和oracle。有时候后台定义的长整形返回给前端时，就会产生一个比较诡异的事情：我们console出来的数据值与response的值会不一致，这是由于js可表示的整数安全长度有关，js 可表示的安全值为2^54-1，只要后台返回的整型数值超过了这个值就有可能会导致解析错误解决办法：后台查询过后的数据转换为字符串类型

2017-08-15 18:10:55 10572 1

原创 css-垂直居中神器

居中包括水平居中和垂直居中两种水平居中：可以给父元素设置text-align:center就完事了，当然也可以这样{left：50%；margin-left:-width/2}，还有table-cell之类的方法;垂直居中：这个一般是比较难搞的，后面两种方法对块元素来说是实用的，但对于行内元素，比如说纯文字一类的，我们并不知道准确的元素高度，这个时候弹性布局就非常实用了，只需要给父元素设置

2017-07-18 09:18:00 206

原创 ios移动端按钮文字不居中

在移动端开发的过程中，特别是APP嵌入网页的开发，各种设备的兼容性是很让人头痛的一件事，我碰到的就有如下问题1.虚拟按键遮挡输入框的问题2.虚拟按键遮挡问题3.ios按钮文字不居中的问题解决方法1.将输入框置顶，或者监听输入框焦点事件2.通过视图尺寸改变事件，设置相应的自适应标签3.改变按钮字体大小，去除ios移动端的默认样式

2017-07-13 14:36:35 2732

原创 vue学习笔记之——v-for与局部组件的传值

在vue2.0中列表渲染也是一门学问，如果你的列表用到了v-for进行数据遍历，而且每一项使用一个自定义组件包裹，像这样其中：user就是组件元素的属性，在创建组件时只需要通过props引入其对应的数据，就可以通过组件得到相应的列表标签，完整代码如下: new Vu

2017-06-02 16:11:51 9688 1

原创 angular学习之——ng-show/ng-hide与ng-if的区

我们知道ng-show/ng-hide和ng-if 都是控制元素显示隐藏的内置命令。1.第一个区别ng-show/ng-hide控制的元素一直是存在文档中的，而ng-if是根据它的值来进行删除插入元素。ng-show我们可以看出ng-show是通过css属性display的值来控制元素的显示隐藏ng-ifng-if为false时，文档会删除其对应的元素，反之

2017-05-31 16:36:18 468

原创 angular学习笔记-$parse和$interpolate的作用

$parse主要用来手动解析表达式，下面是《angularJS权威指南》上的一个例子，当我以一次运行程序的时候我天真的以为结果是这样的马上被现实打脸，其实是这样的这个问题我居然研究了很久，突然看到这几个字“解析表达式”，于是我尝试输入了一个表达式$parse的用法显而易见$interpolate主要用来插值解析，同样使用的是《angularJs权威指

2017-05-26 16:57:35 619

原创用户体验性吐槽

每当我收藏博客之后弹出来的提示框我鼠标滚动到哪就跟到哪，我明白你做了个跟踪定位，但是我看一遍就够了，相关还关不掉，非得让我刷新。我想知道这是几个意思，收藏完了就不让再看了，好歹也有个关闭的按钮或提示吧

2017-05-26 11:36:31 335

原创移动端开发——zepto和jquery mobile的区别

zepto是专为移动端开发所设计的插件类似于桌面端的jquery，不过zepto比jquery更轻量级。jquery mobile一看名字就知道跟jquery脱不了关系，它是jquery 在移动端的一款UI插件，虽然也有一些事件插件，但是实用性不是很强。zepto和jquery mobile的区别zepto是一款轻量级的插件只有5kb，我们知道对于移动端来说内存是非常宝贵的，jquer

2017-05-23 17:26:58 3049

原创 angular学习笔记-数据绑定

angular数据绑定的方式有ng-model、ng-bind和{{attr}}三种方式ng-model主要用来进行双向数据绑定，不管是作用域的数据发生变化还是输入的数据发生变化都能马上反应到绑定的标签上ng-bind和{{attr}}都是用来数据显示的，但他们还是有一定区别的，比如当你页面刷新很快的时候可能就会出现一下的情况{{name}},你好这样显示对于用户来说是

2017-05-18 09:56:37 257

原创 angular学习笔记-独立作用域绑定

独立作用域的三种绑定方式1.属性绑定scope：{favor:"@"}2.双向绑定scope:{favor:"="}3.函数绑定scope:{favor:"&"}

2017-05-18 09:26:06 398

原创 web前端学习笔记-angular学习前必备知识

众所周知angular可以用来进行比较复杂的应用程序设计。当后台暂时没有数据传输时，前端需要测试的时候怎么办呢，这个时候http-server就显的尤为重要了http-sever 可以模拟后台服务器发送的数据，只需要把数据放在相应的包下就行了可以使用npm安装 npm install http-server / npm install -g http-server安装完成后就

2017-05-15 17:56:29 570

原创原型与字面变量的理解

我的小伙版传给我一段代码，让我猜猜结果是啥？ var A =function () { }; var B={ x:1, y:{ z:2 } } A.prototype=B;

2017-05-12 16:27:08 333

liu620151的博客