小女子的博客-优快云博客

原创小女子

小女子程序员，刚开始打算写一些东西，请大家多多关照，有问题欢迎指点！

2017-01-13 12:37:49 513 3

原创 vue的手风琴

对于vue的手风琴思想：点击当前的添加toggle事件，给这个事件传入当前点击的index值初始化的时候给data中添加个inshow，默认的值是-1html中根据isshow是否等于当前的index判断显示还是不显示点击的时候判断如果inshow等于这个index就设为-1，否则的话isshow就复制为index，这样在页面中即可判断li class="t

2018-04-25 17:47:12 1548

原创 vue删除数据，不刷新页面

对于循环出来的列表，会出现删除的按钮，删除当前的一条数据思想：点击当前的删除按钮事件时，需要把当前的index传入点击的时用splice删除数据的index，删除当前一条即可splice:方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。demo:tr v-for="(list,listindex) in

2018-04-25 17:36:05 8127 1

原创小程序组件学习-完整的对话框

dialog.wxml<view class='wx_dialog_container' hidden="{{!isShow}}"> <view class='wx-mask'></view> <view class='wx-dialog'> <view class='wx-dialog-title'>{{...

2018-03-27 18:14:05 797 1

原创 Vue之vue-resource入门--模拟数据

vue-resource属于vue.js的一个插件，提供了XMLHttpRequest或JSON进行web请求和处理响应的服务下面简单的进行分析1.安装：npm install vue-resource2.在main.js中用import进行引入3.Vue,use(vueResource)4.在组件中进行使用，例子this.$http.get('someUrl'.the

2017-07-25 13:35:20 437

原创 vue-router

对于vue这个前端框架，构建单页面是十分重要的，对于单页面肯定是少不了路由，vue-router是vue官方提供的一个路由框架，下面简单的说说1.使用node安装：npm install vue-router2.对于一个项目需要使用Vue.use(VueRouter),但是这个前提是需要引入这个模块import VueRouter from "vue-router"3.使用需要将路径与

2017-07-25 11:54:10 261

原创 Vue手脚架的搭建

小女子对Vue的学习零零散散有一个月的时间了，做了一个仿饿了吗的实战项目，有需要的可以到我的github上了解一下，欢迎指出问题，不过还没有竣工哦！https://github.com/liuian1946/elema-vue1.npm install -g vue-cli2.vue init webpack +项目文件 // 使用webpack模板，给项目添加一个名字3.接下

2017-07-25 11:09:27 1816

原创前端编辑器-kindeditor的使用

项目中用到了编辑器，就来科普了一下，由于不懂什么php,asp什么的，兜了一圈！调用这个插件的时候还需要还需要依赖于show_ads.js，本事只是提供参考，更多的API请参考官网：http://kindeditor.net/doc.php kindeditor --> $(funct

2017-04-13 14:53:23 3193 1

原创不同方法数组去重的比较

方法一： var arr1=[1,2,3,4,4,4]; var arr2=[]; arr1.forEach(function(item,index){ if(arr2.indexOf(item)==-1) { arr2.push(item); } }); console.log(arr2);

2017-03-24 17:13:20 421

原创原生js上传图片并显示图片名称

今天整理了一下上传图，用jquery的还是方便点，小女子整理的是原生的js！！！ img{max-width: 100%; height: 100px;margin: 10px 20px;} .img_list .img-div{width: 100px;height: 200px

2017-03-20 16:39:27 6935

原创关于类型转换

一：，+号：在不同的情况下作用是不同的1.字符串+字符串=字符串2.字符串+数字=字符串3.数字+数字=数字4.作为正号时，可以将字符串转化成数字；eg: typeof(1+ +"2"); 类型是number;结果是3二：-号：无论什么情况下都是数字相减，进行隐式转化成数字三：++;与+=的区别1.++：可以将字符串转化成数字2.+=：如果是数字与字符串，结果是字符

2017-03-13 16:28:25 387

原创点击遮罩层没有内容的地方进行隐藏

在项目中遇到的问题，因为是手机端的遮罩层，为了给用户更好的体验，需要在遮罩层中点击没有内容的地方讲遮罩层进行隐藏这个主要用的知识点是事件的冒泡和捕获事件的冒泡：是从里向外，DOM的层次像冒泡一样，不断的向上一级上升事件的捕获：是从外向里注意：1.ie只有事件的冒泡没有事件的捕获 2，事件的捕获会先发生例子： .popup

2017-03-13 13:30:32 6350

原创 tab选项卡-2句话解决

想起刚开始学js 的时候会一个选项卡感觉已经很厉害给大家整理一段非常简单的选项卡 1.下面是css .nav-tab{width: 100%;overflow: auto;} .nav-tab span{float: left;text-align: center; padding: 20px 0; display: inline-block;w

2017-03-10 14:40:07 288

原创如何改变input的type=text的背景颜色

在网上看到的是直接用background-color ，小女子试了一下完全不行哦但是以小女子的聪明才智想到了一个办法，就是用阴影，用内部的阴影，设置阴影的半径比较大就是将输入框的背景颜色发生了改变html body input:disabled{cursor: no-drop;box-shadow: 40px 40px 40px 40px #F1F1F1 in

2017-01-24 16:42:57 15318

原创用css定义组件-下拉框

下拉框（简单的说明一下：在父级进行相对定于，用伪元素添加小图标，同时让下拉框默认的样式隐藏问题：伪元素的小图标不能进行处罚select事件，有知道的小伙伴可以告知）.select-grp{ position: relative;vertical-align: middle; display: inline-block; }.select-grp:before{content

2017-01-13 12:03:05 1028

liuian1946的博客