随笔分类 -  前端

一个基于vux的时间筛选组件
摘要:前段时间根据需求处理一个时间筛选组件,如图 主要工作在于两点: 时间快选处理 开始时间和结束时间的可选范围处理 时间快选: 主要是获取到当前按钮的日期范围,全部代码如下所示 1 const getTimeRange = (startTime, endTime, xFormat) => { // 可选 阅读全文
posted @ 2020-04-30 18:19 如今若鱼,大鱼为鲲 阅读(852) 评论(0) 推荐(0)
react 笔记04
摘要:以下纯属笔记,这些技术胖视频有 ref的使用方法 以前的案例中,我们写了下面的代码,使用了e.target,这并不直观,也不好看。这种情况我们可以使用ref来进行解决。 inputChange(e){ this.setState({ inputValue:e.target.value }) } 如果 阅读全文
posted @ 2020-02-17 17:09 如今若鱼,大鱼为鲲 阅读(87) 评论(0) 推荐(0)
react 笔记04
摘要:以下纯属笔记,这些技术胖视频有 组件拆分 在src目录下,新建一个文件,这里就叫做XiaojiejieItem.js import React, { Component } from 'react'; //imrc class XiaojiejieItem extends Component { / 阅读全文
posted @ 2020-02-17 16:35 如今若鱼,大鱼为鲲 阅读(204) 评论(0) 推荐(0)
react 笔记03
摘要:以下纯属笔记,这些技术胖视频有 JSX代码注释 JSX中的代码注释是非常有讲究的,这个书上介绍的也非常少,所以在这里讲一下,因为技术胖在初学React在这里踩过坑。 //第一次写注释,这个是错误的 {/* 正确注释的写法 */} { //正确注释的写法 }可以把这个理解为,在jsx中写javascr 阅读全文
posted @ 2020-02-17 16:06 如今若鱼,大鱼为鲲 阅读(136) 评论(0) 推荐(0)
react 笔记02
摘要:以下纯属笔记,这些技术胖视频有 JSX 简介 JSX就是Javascript和XML结合的一种格式。React发明了JSX,可以方便的利用HTML语法来创建虚拟DOM,当遇到<,JSX就当作HTML解析,遇到{就当JavaScript解析. 组件和普通JSX语法区别 这个说起来也只有简单的一句话,就 阅读全文
posted @ 2020-02-17 16:00 如今若鱼,大鱼为鲲 阅读(169) 评论(0) 推荐(0)
react 笔记01
摘要:只作笔记用,这些东西在技术胖的视频下都有,自己去看 https://jspang.com/detailed?id=46#toc318 react 和 vue 对比React.js相对于Vue.js它的灵活性和协作性更好一点,所以我在处理复杂项目或公司核心项目时,React都是我的第一选择。而Vue. 阅读全文
posted @ 2020-02-17 15:27 如今若鱼,大鱼为鲲 阅读(106) 评论(0) 推荐(0)
iView 的Menu 导航菜单使用小记
摘要:最近做一个nuxtjs+IView的门户显示,其中列表的左侧菜单栏最初规划时只有一个级别,所以使用的是<ul><li></li><ul>显示 但是一个级别的左侧菜单满足不了运维的需要,于是需要二级菜单。于是我修改了,原先的代码<ul><li></li><ul>改为<ul><li><ul><li></ 阅读全文
posted @ 2019-12-10 17:36 如今若鱼,大鱼为鲲 阅读(8427) 评论(0) 推荐(0)
requestAnimationFrame 使用小记
摘要:前端的实现动画效果的方法比较多: 1.Javascript 中可以通过定时器 setTimeout 来实现 2.css3 可以使用 transition 和 animation 来实现 3.html5 中的 canvas 也可以实现。 除此之外,html5 还提供一个专门用于请求动画的API,那就是 阅读全文
posted @ 2019-12-10 16:18 如今若鱼,大鱼为鲲 阅读(345) 评论(0) 推荐(0)
post导出文件小记
摘要:我所有随笔都是自己用于以后参考的 阅读全文
posted @ 2019-07-06 15:29 如今若鱼,大鱼为鲲 阅读(547) 评论(0) 推荐(0)
锚点的animate使用过程中定位不准确的问题小记
摘要:源码: bug描述1:当滚动的主体不是body时,容易出现滚动不精确的问题 原因1:滚动条overflow并不在body标签上,body标签设置为禁止滚动了,所以不能使用$('html, body'),此时$('html, body, .S')包含了3个dom,一旦出现再有一个外层滚动条时,找不到最 阅读全文
posted @ 2019-02-13 16:05 如今若鱼,大鱼为鲲 阅读(1178) 评论(0) 推荐(0)
swiper插件使用遇到的一点小问题
摘要:最近做移动端开发 给出的静态页使用了Swiper,用的是4.0.3版本,应该是比较新的。 静态页这种东西,一般就是给你个雏形,设计部虽然使用了这个插件,但毕竟这个活儿毕竟还是得开发人员来干,所以,静态页html代码上明明白白地在图片分页的点那里注释着: <!--滚动图导航器,需开发写上对应--> 一 阅读全文
posted @ 2018-07-20 16:14 如今若鱼,大鱼为鲲 阅读(1914) 评论(0) 推荐(0)
$(window).scroll()无法触发问题
摘要:在微信端开发中遇到一个这种问题:明明用的公共文件(代码如下图),其他页面每次都能触发这个滚动条$(window).scroll事件,以显示右下角“回到顶部”这个按钮图标 但是,问题来了,最该需要使用“回到顶部”功能的列表页面时候,居然不显示这个图标了!!!(当时我就想一句mmp不知道送给谁)。 我查 阅读全文
posted @ 2018-07-04 16:06 如今若鱼,大鱼为鲲 阅读(4033) 评论(0) 推荐(0)