javascript
关注
分享
扫一扫
一个柠檬味的前端
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
dateTable的简单使用
使用这个是因为昨天一个小伙伴问我怎么修改里面的配置，但是我没有用过这个东西，所以就稍微研究了一下。dataTable使用的时候只需要在table标签中写thead就行，tbody是不需要写的，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <me...原创 2019-11-14 17:22:04 · 1249 阅读 · 0 评论 -
javascript中的replace学习
之前一直都觉得这个方法就是替换呗，结果今天看到了一段代码，第一眼看的时候有点迷茫，再看的时候更迷茫，就稍微研究了一下：迷茫代码就是当replace方法的第二个参数是一个函数的时候，这个函数的各个参数分别都是什么东西，废话不多说了，上代码：function toHump(name) { return name.replace(/(a)(\w)/g, function(all, letter)...原创 2019-11-12 16:48:55 · 170 阅读 · 0 评论 -
Object.keys()方法使用
Object.keys()方法会返回一个由给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用for…in循环遍历该对象时返回的顺序一致，如果对象的键-值都不可枚举，那么将返回由键组成的数组var obj = [1,2,3]var obj1 = { name: '张三', age: 17, action: { 123: '123', 456: '456'...原创 2019-10-17 16:44:53 · 19959 阅读 · 0 评论 -
document.documentElement.scrollTop获取不到top值
获取页面纵向滚动位置的时候使用了document.documentElement.scrollTop，在电脑上是可以获取到的，但是到手机上就获取不到这个值了，所以我们需要处理一下兼容性：const top = document.documentElement.scrollTop || window.pageYOfset || document.body.scrollTop...原创 2019-10-17 16:15:02 · 1338 阅读 · 0 评论 -
城市选择26字母页 && 性能优化（vue--去哪儿网）
去哪网做到根据字母选择城市的页面，记录一下这个的实现首先在给循环出来的li元素上添加点击事件，通过点击事件获取到所点击的字母，通过$emit向父组件发送事件，并将获取到的元素传到父元素中handleLetterClick (e) { this.$emit('change', e.target.innerHTML)},父元素接收并定义事件，现在data中初始化即将收到的字母，然后将子组...原创 2019-09-24 11:21:22 · 427 阅读 · 0 评论 -
搜索实现（vue--去哪儿网）
搜索的下拉菜单样式做好之后就是搜索的逻辑实现了首先给input一个v-model=‘keyword’，实现数据的双向绑定，然后在data中定义一个keyword和一个空数组listdata () { return { keyword: '', //搜索的关键词 list: [], //搜索下拉菜单要循环的数组 timer: null /...原创 2019-09-25 09:53:24 · 284 阅读 · 0 评论 -
vuex实现城市定位的功能（vue--去哪儿网）
home.vue组件的子组件header.vue以及city组件的子组件list.vue需要使用公共数据，在list.vue组件中点击城市，则该城市的名字页会显示在header.vue中，这里使用的是vuex管理这个数据npm install vuex --savestate在src目录下创建一个store的文件夹，再新建文件index.js，在index.js中使用vuex//inde...原创 2019-09-26 12:03:41 · 644 阅读 · 0 评论 -
vue使用localStorage以及mapState、mapActions、mapMutations等辅助函数（vue--去哪儿网）
使用localStorage当选中某一个城市之后，如果没有使用缓存那么在刷新页面或者重新打开页面的时候，城市会变成初始化的城市，这个可以通过localStorage来解决在用户通过mutation来改变数据的时候，可以使用localStorage来存储数据，而state的值优先从localStorage中获取//index.jsstate: { city: localStorage.c...原创 2019-09-26 21:47:02 · 304 阅读 · 0 评论 -
使用keep-alive提高网页性能（vue--去哪儿网）
在未使用keep-alive时，点击路由跳转每次都会重新请求数据，这个时候可以使用keep-alive来解决这个问题//App.vue<div id="app"> <keep-alive> <router-view/> </keep-alive></div>使用keep-alive之后会产生一个问题就是数据不会重...原创 2019-09-26 22:33:51 · 200 阅读 · 0 评论 -
vue中简单使用swiper以及stylus修改其他组件中元素的样式
1、在vue中使用swiper，可以在github上找到vue-awesome-swiper查看使用方法首先下载：npm install vue-awesome-swiper --save接着在入口文件main.js中引入swiperimport Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-swiper'import...原创 2019-09-19 10:36:39 · 692 阅读 · 0 评论 -
浏览器后退跳转到指定的页面
最近在做移动端的项目，需要在人员的详细信息页面后退的时候跳转到人员列表页面，但是安卓和iOS的浏览器默认后退都是跳转到上一页，于是就想要监听浏览器的后退事件，具体代码如下：代码： pushHistory(); //监听浏览器后退事件 window.addEventListener(&quot;popstate&quot;, function(e) { ...原创 2019-01-06 18:19:47 · 8760 阅读 · 2 评论 -
swiper在tab选项卡切换后不会滑动
写移动端的项目，发现在tab栏切换后，swiper不会滑动，百度了之后发现之前都忽略了api上面的一个observer监视器：此时只需要给swiper添加以下代码就可以了observer:true,observeParents:true,...原创 2019-06-21 13:37:49 · 2406 阅读 · 0 评论 -
vue知识点（一）
vue知识点（一）1、Vue.set 给响应式对象添加一个响应式的属性2、Vue.filter 过滤器3、jQuery.extend()语法知识点补充4、$.proxy知识点补充5、创建全局组件Vue.component();6、创建局部组件7、父子组件传值8、Vue的生命周期9、模板语法10、计算属性、方法、侦听器1、Vue.set 给响应式对象添加一个响应式的属性Vue.set(thi...原创 2019-07-18 15:19:28 · 207 阅读 · 0 评论 -
vue知识点（二）
vue知识点（三）1、计算属性的setter和getter2、v-show和v-if条件渲染3、vue中的列表循环4、vue中的set方法(Vue.set、vm.$set)1、计算属性的setter和gettervar app = new Vue({ el: '#app', data: { firstName: 'Yan', lastName: ...原创 2019-07-21 18:48:11 · 145 阅读 · 0 评论 -
vue知识点（四）
vue知识点（四）1、使用组件的细节点a、组件的is属性b、组件中的datac、ref获取dom对象2、父子组件间的传值a、父组件向子组件传值1、使用组件的细节点a、组件的is属性某些特定的元素后面就要跟特定的标签，例如：tbody后面就要跟tr，如果将tr这个标签作为组件的一部分，渲染的时候就会有问题，这个时候在tr标签上加上is属性（还有ul标签后面要跟li标签、select后面必须写o...原创 2019-08-26 15:39:21 · 278 阅读 · 1 评论 -
vue知识点（五）【动画】
vue知识点（五）1、vue中css动画原理2、自定义添加class动画3、Vue中的使用animate.css库(5-2、5-3)4、vue中的js动画与velocity.js（5-4）5、vue中多个元素或组件的过渡（5-5）6、vue中的列表过渡（5-6）7、vue中的动画封装（5-7）1、vue中css动画原理给需要添加动画的元素包一层，在这个transition元素上加上name属性...原创 2019-08-27 10:49:11 · 244 阅读 · 1 评论 -
解决ios微信6.7.4键盘隐藏后留空白问题
ios微信6.7.4键盘隐藏后留空白问题由于公司的项目的需求，要实现一个聊天功能，在所有的需求开发完毕后，发现了一个bug，在苹果手机上，当输入框失去焦点，软键盘隐藏后，输入框不会下滑到底部，并且与底部之间留有大片空白。在安卓手机上没有毛病，不知道怎么的平常溜到不行的苹果手机这次怎么发疯了，出现这么大的bug。由于功能需求，我引用了iframe框架，一开始我以为是iframe导致的fixed定...原创 2019-01-06 18:07:07 · 1801 阅读 · 1 评论