- 博客(14)
- 收藏
- 关注
RSS订阅
原创 jQuery倒计时精确到秒
效果图：从左到右依次为天数，小时数，分钟数，秒数。只支持100天(不含)以内进行倒计时。var endDate = "2020-06-30 00:00:00";var endTime = new Date(endDate).getTime();var date = endTime - new Date().getTime(); var days = date / 1000 / 60 / 60 / 24;var daysRound = Math.floor(days);var hou
2020-05-28 14:53:16
848
原创 Vue中$refs与$emit的区别及使用场景实例
refs：1)父组件既可以通过refs：1)父组件既可以通过refs：1)父组件既可以通过refs访问或修改子组件的数据，又可以访问子组件方法。场景1：父组件发生某个事件，在事件执行的方法中，需要访问或者更改子组件数据属性或调用子组件方法。此时可以使用children和children和children和refs.但是children不常用，通常使用children不常用，通常使用children不常用，通常使用refs。 <div id="app"> <cpn ref="cp
2020-06-29 23:33:58
1097
原创 Vue中props与$parent的区别及使用场景实例
初学Vue，发现props和parent貌似都可以进行父子传递，那到底有什么区别呢？分别是在什么场景使用呢？以下是我自己的理解，欢迎前辈们指导。共同处：都能够接收来自父组件数据。不同处：1）props仅仅只能接收，单项绑定。着重数据传递。2）parent貌似都可以进行父子传递，那到底有什么区别呢？分别是在什么场景使用呢？以下是我自己的理解，欢迎前辈们指导。共同处：都能够接收来自父组件数据。不同处：1）props仅仅只能接收，单项绑定。着重数据传递。2）parent貌似都可以进行父子传递，那到底有什
2020-06-29 22:28:45
1491
原创 Vue-父子组件传值实例
1.子传父 <div id="xixi"> <cpn1 v-on:btnclick= "cpnclick"></cpn1> </div> <template id="tem"> <div> <button v-for ="item in categary" style="display:block;" @click="btnclick(item)">{{item.name}}</button>
2020-06-25 14:57:47
370
原创 v-show与v-if的区别
1.v-show与v-if的用法非常相似，都是用来决定一个元素是否显示2.开发中如何选择？v-if的条件为false时，压根不会有对应的元素在dom中v-show条件为false时，对应的元素还在dom中，只是将该元素的样式设置为display:none;当需要将该元素显示与隐藏频繁时，用v-show;只有一次切换时，用v-if;...
2020-06-18 10:35:47
252
原创 v-on 修饰符
Vue提供了一些修饰符来帮助我们处理一些事件1）.stop -阻止冒泡<div id="xixi" @click="divClick"> <button @click.stop="btnClick">按钮</button></div><script src="../js/vue.js"></script><script> let app = new Vue({ el:'#xixi', methods:{
2020-06-16 15:10:58
200
原创 ES6 const注意事项
1.一旦用const标识符赋值，不能修改2.使用const标识符，必须赋值3.赋值后，指向的对象不可以修改，但对象里的属性值可以更改。
2020-06-15 11:09:08
195
原创 Vue计算方法methods和计算属性computed对比
当我们想要显示data中没有声明的变量时,可使用methods里的方法或者computed里的属性去人为计算获得.比如,我们想要获得用户全名,但是data里并没有直接定义全名,只定义了firstName, lastName. 那么我们可以自己在methods内部定义方法去计算出该用户全名,或者在computed里计算出用户全名属性值.以下代码,是通过methods内部定义的方法获得了用户全名:<div id="app"> <p>{{getFullName()}}</p&
2020-06-11 16:56:00
319
原创 vue指令:v-once,v-pre,v-html,v-text
1.v-once告诉浏览器,只渲染该元素或组件一次.<div id="app"> <h2 v-once>{{info}}</h2> <h2>{{info}}</h2></div><script src="../js/vue.js"></script><script> let app = new Vue({ el:'#app', data:{ info:'learnVue'
2020-06-10 16:58:10
243
原创 MVVM是什么？
View层：1）视图层，在前端开发中，是指DOM层2）主要用来给客户展示信息<div id="cici"> <h2>当前计数：{{counter}}</h2> <button v-on:click="add">+</button> <button v-on:click="sub">-</button></div>Model层：1）数据层2）数据可能是固定写死的，也可能是从服务器中获得的V.
2020-06-09 11:00:00
388
转载 MVVM设计模式
解释 View是视图，就是DOM；对应视图也就是HTML部分–代表UI组件，它负责将数据模型转化成UI展现出来。 Model是模型，就是vue组件里的data，或者说是vuex里的数据；–代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 ViewModel–监听模型数据也就是data的的改变和控制视图行为、处理用户交互，简单理解就是一个同步View和Model的对象，连接Model和View。总结 在MVVM架构下，View和Model之间并没有直接的联系，而是通过ViewMode进行交互
2020-06-09 10:30:22
250
转载 如何处理ajax中嵌套一个ajax
在做项目的时候 遇到过第二次了 当我第二次去问’公子’的时候 被吐槽了 原来我以前遇到过 只是忘记了…他老人家竟然还记得…ajax由于他的异步特性 在第一次请求中的循环中嵌套第二个ajax会数据会读不出来我这边一共有三种方法第一种描述：如果条件许可,把两次请求都放在服务端处理掉一起发回来,这些就在客户端只有一次ajax了优点：代码放在服务端,安全性比较,且服务端处理速度较快缺点：可能请求的数据格式是json,这样在服务端处理JSON数据还需要对JSON进行反序列化,这样就比较麻烦第二种描述：
2020-06-05 11:19:02
1092
原创 前端JS 中常见算法面试试题
本人最近在研究学习算法，想要把自己的心得分享给大家，供大家参考，具体如下：1.数组去重算法：//需要进行去重的原数组var arr = [10,3,8,6,75,2,10,4,6,2,1];//去重之后的新数组var arrUnique = [];function uniqueNumber(){ for(var i=0; i<arr.length;i++){ //判断新数组中是否已有改元素值 if(arrUnique.indexOf(arr[i]) == -1
2020-05-29 14:25:36
465
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人