随笔分类 -  JavaScript

摘要:微信小程序 仿百思不得姐 设备 微信开发者工具 v1.02.1901230 扩展 修复了视频点击播放不流畅的问题 修复了视频的暂停够无法播放问题 优化了部分页面 接口 首页 http://api.budejie.com/api/api_open.php?a=list&c=data&type=1 ty 阅读全文
posted @ 2019-02-17 17:39 dirk_jian 阅读(792) 评论(0) 推荐(0) 编辑
摘要:最近在完成一个项目,其中需要用到日历组件,但是这个日历组件不同于点击按钮选日期,而是在一个月内选择自己想要的日期,只是单月内,其中还可以折叠,在一周内选择日期,切换周的时候也只能在一个月内,由于这个类似一个组件,想用js面向对象的思维去开发这个功能。 虽然说用的是zepto,相对于高大上的vue和r 阅读全文
posted @ 2018-12-24 22:03 dirk_jian 阅读(1053) 评论(0) 推荐(1) 编辑
摘要:城市选择器应该是比较常用的一个组件,用户可以去选择自己的城市,选择城市后返回,又根据自己选择的城市搜索小区。 这是选择结果 这是选择城市 这是搜索小区 这是搜索小区接口,key为城市名字,id是城市的id 假如切换城市 搜索接口也会相应变化,id=0997 就是指定的搜索城市id vue2.0+vu 阅读全文
posted @ 2018-09-02 12:15 dirk_jian 阅读(10508) 评论(0) 推荐(0) 编辑
摘要:需求:每个li标签在点击的时候,都同时展开。 但是碰见几个问题: 1、如果点第一个li 所有li都会展开; 2、点击第一个li,第一个li展开,点击第二个li,第一个li闭合,第二个li展开 这两种情况都与预期不符,我们要求,点击第一个li展开,点击第二个li第一个li不闭合,第二个li展开,依次类 阅读全文
posted @ 2018-08-16 23:42 dirk_jian 阅读(8099) 评论(0) 推荐(0) 编辑
摘要:进度条加载是页面加载时的一种交互效果,这样做的目的是提高用户体验。 进度条的的实现分为3大部分:1、页面布局,2、进度条动效,3、何时进度条增加。 index.less是样式文件 zepto是引入的库 less.js是编译less的 rem.js是移动端屏幕自适应 页面布局采用position布局, 阅读全文
posted @ 2018-07-21 00:18 dirk_jian 阅读(5992) 评论(0) 推荐(0) 编辑
摘要:主要目的是学习如何使用require.js AMD就是通过延迟和按需加载来解决各个模块的依赖关系,其中require就是AMD的框架之一 它的优点是可以解决以下问题: 源代码:https://github.com/dirkhe1051931999/writeBlog/tree/master/sanj 阅读全文
posted @ 2018-07-08 19:16 dirk_jian 阅读(373) 评论(0) 推荐(0) 编辑
摘要:1、zepto 2、iscroll.js 3、scroll-probe.js 完整代码:https://github.com/dirkhe1051931999/writeBlog/tree/master/iscroll iscroll: https://github.com/cubiq/iscrol 阅读全文
posted @ 2018-07-08 18:24 dirk_jian 阅读(426) 评论(0) 推荐(0) 编辑
摘要:用canvas实现图片的懒加载并且下滑到据底部60px的时候再次加载数据,模仿UC浏览器的新闻加载。 完整代码:https://github.com/dirkhe1051931999/writeBlog/tree/master/canvasloadimg 注意:$(document).height( 阅读全文
posted @ 2018-07-07 23:37 dirk_jian 阅读(908) 评论(0) 推荐(1) 编辑
摘要:前段时间在做一个任务的时候,碰见了一个问题:zepto无法用on事件去监听新增加的dom事件。这个问题用live可解决, 但是live在ios下失效,为了解决这个问题,我采用了暴力的方法去解决,每次添加dom都绑定一次事件,这样是可以解决问题的,但是这样的方式肯定消耗很多资源,不是一个好的方式,今天 阅读全文
posted @ 2018-04-16 15:39 dirk_jian 阅读(1030) 评论(0) 推荐(1) 编辑
摘要:最近在学习移动端组件化开发web页面,其中有好多小细节,值的去思考。 主要介绍JS的思路,具体的代码就不贴了,主要是想表达出一种思路 总体来说 引发的思考 比如说完全显示图片而不是自己再给img或者背景设置宽高,或者设置背景的left和top css 当然你也可以在js中手动添加background 阅读全文
posted @ 2018-03-10 13:40 dirk_jian 阅读(2505) 评论(0) 推荐(0) 编辑
摘要:jq和zepto很相似有许多共同的api,zepto也出了很多与jq不一样的api,总的来说,两者更相似,但是zepto更轻量一点,正好公司也在用,复习这两个没错 jq中的zepto的事件和ajax我没有整理,因为之前有专门的文章去详细的写了ajax和事件绑定的区别 再学ajax--第一天 再学aj 阅读全文
posted @ 2018-03-09 21:17 dirk_jian 阅读(211) 评论(0) 推荐(0) 编辑
摘要:简介 fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站。 主要功能 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、 阅读全文
posted @ 2018-03-04 16:15 dirk_jian 阅读(294) 评论(0) 推荐(0) 编辑
摘要:上一次更博还是去年10月28号了,截至今天已经有整整4个月没有更新博客了,没更新博客不是代表不学了,期间我已经用vue做了两个项目,微信小程序做了一个项目,只是毕竟找到工作了,想偷偷懒,你懂的。 过年期间一直在关注js片段代码,虽然这个时代前端框架横行,大量上层工具层出不穷,比如http请求的封装: 阅读全文
posted @ 2018-03-02 19:27 dirk_jian 阅读(868) 评论(0) 推荐(0) 编辑
摘要:react样式模块化的"omit -loader"坑 众所周知 react样式的模块化(css modules) 是自己模块中写自己的css,与其他模块互补影响,解决了命名冲突和全局污染的问题。 在使用css modules时,需要先配webpack.config 但是在配的时候,出现了这样的问题( 阅读全文
posted @ 2017-10-28 16:31 dirk_jian 阅读(2352) 评论(0) 推荐(1) 编辑
摘要:写在前面 在使用keyup事件时,存在一个问题,假如想要做出类似于表单验证的demo:表单输入账号 “xxx” 后 再去ajax异步去后台数据库匹配,但是keyup事件的原理是每次键盘事件弹起就会检测,也就是输入“x”的时候就会检测,所以输入“xxx”就会使用三次ajax,这样的用户体验是不好的。再 阅读全文
posted @ 2017-08-31 11:36 dirk_jian 阅读(3295) 评论(1) 推荐(0) 编辑
摘要:说在前面 说实话,刚开始在听到这个面试题的时候,我是诧异的,红绿灯?这不是单片机、FPGA、F28335、PLC的实验吗?! 而且还要用Promise去写,当时我确实没思路,只好硬着头皮去写,下来再review的时候,才真正懂了Promise红绿灯的实现原理 下来我就由浅至深的分析Promise红绿 阅读全文
posted @ 2017-08-31 00:49 dirk_jian 阅读(3181) 评论(5) 推荐(5) 编辑
摘要:牛客网有一道题 要求去除输入数组的重复项,有bool undefined null NaN number object string 几乎所有数据类型 但是去重的时候,不要求去除object "{}" 这个考点有两个 一个indexOf 和 NaN!==NaN 这种去重,有三种解决方案 原代码 测试 阅读全文
posted @ 2017-08-20 13:29 dirk_jian 阅读(350) 评论(1) 推荐(0) 编辑
摘要:写在前面 JS因为是单线程的,所以在执行事务的时候,往往会因为某个事务的延迟,而导致服务器假死,这时候异步编程就显的格外重要,但是异步编程一般理解为回调函数callback,典型的就是node,回调函数的层层嵌套又导致程序过于冗余,因为闭包的存在,导致了内存的泄露或者误改上一层回调函数的参数,于是又 阅读全文
posted @ 2017-08-17 22:32 dirk_jian 阅读(6027) 评论(0) 推荐(1) 编辑
摘要:node如何捕获异常 node基于js的单线程,有了非阻塞异步回调的概念,但是在处理多个并发连接时,并发环境要求高,最重要的是单线程,单核CPU,一个进程crash则web服务都crash,但是为什么node还这么火?甚至有了Node工程师这个岗,肯定就是node有自己crash之前与之后的解决方法 阅读全文
posted @ 2017-08-15 23:27 dirk_jian 阅读(2893) 评论(0) 推荐(0) 编辑
摘要:今天在学习node踩到一个坑:form设置enctype="multipart/form-data"上传文件时,无法获取到表单其他input的值。 因为之前上传文件用的是 formidable 方法1:formidable (无法获取其他input的值) 引包 app.js controller/p 阅读全文
posted @ 2017-08-13 21:23 dirk_jian 阅读(6335) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示