摘要: jQuery点击图片菜单超酷马赛克照片墙缓冲运动效果点击》jQuery点击图片菜单超酷马赛克照片墙缓冲运动效果超酷马赛克照片墙缓冲运动效果jquery鼠标滑过导航条菜单滑动显示图片百叶窗切换点击》jquery鼠标滑过导航条菜单滑动显示图片百叶窗切换内涵11中百叶窗效果原生js代码制作百度和谷歌地图拖 阅读全文
posted @ 2020-05-13 23:28 热爱前端知识 阅读(158) 评论(0) 推荐(0)
摘要: js mootools仿htc手机时钟表翻页时钟效果https://www.mk2048.com/demo/demo_target_desc.php?id=20ababj2j类似htc手机时钟样式jquery css实现的图片淡出淡进自动切换https://www.mk2048.com/demo/d 阅读全文
posted @ 2020-05-13 22:31 热爱前端知识 阅读(124) 评论(0) 推荐(0)
摘要: 本系列博文从 Shadow Widget 作者的视角,解释该框架的设计要点。本篇解释 Shadow Widget 中类 Vue 的控制指令,与指令式界面设计相关。 1. 指令式界面设计 Vue 与 Angular 都支持用控制指令描述界面,比如 Vue 中循环创建多个节点: <div v-for=" 阅读全文
posted @ 2020-05-13 21:46 热爱前端知识 阅读(493) 评论(0) 推荐(0)
摘要: 本系列博文从 Shadow Widget 作者的视角,解释该框架的设计要点。本篇讲解 Markdown 在 Shadow Widget 中的应用。 Markdown 在 Shadow Widget 中的应用 Shadow Widget 中 Markdown 采用 John Gruber 的 Mark 阅读全文
posted @ 2020-05-13 21:05 热爱前端知识 阅读(248) 评论(0) 推荐(0)
摘要: 前端的3D(css3版本),其实是依托Css3的功劳,先上一个例子 http://antario.act.qq.com/代码地址:链接: https://pan.baidu.com/s/1sldhljJ 密码: i6qh 这动画纵有万般变化,也离不开以下几个属性 transform (元素2D 3D 阅读全文
posted @ 2020-05-13 20:10 热爱前端知识 阅读(596) 评论(0) 推荐(0)
摘要: 本系列是一个教程,下面贴下目录~1.手把手教你从零写一个简单的 VUE2.手把手教你从零写一个简单的 VUE--模板篇 今天给大家带来的是实现一个简单的类似 VUE 一样的前端框架,VUE 框架现在应该算是非常主流的前端数据驱动框架,今天我们来从零开始写一个非常简单的 VUE 框架,主要是让大家知道 阅读全文
posted @ 2020-05-13 19:24 热爱前端知识 阅读(1534) 评论(0) 推荐(0)
摘要: 因为业务需要,这段时间一直在准备做一个新的HTML5播放器,涉及到一些底层的视频知识,这段时间到处搜索了解了一些相关信息,这里先做一个阶段性总结。 MPEG MPEG(Moving Picture Experts Group,动态图像专家组)是ISO(International Standardiz 阅读全文
posted @ 2020-05-13 18:48 热爱前端知识 阅读(2929) 评论(0) 推荐(0)
摘要: Shadow Widget 提倡在可视设计器中开发用户界面,输出转义标签,而非 JSX。许多童鞋可能不知道 SW 同样支持用 JSX 设计界面,开发体验比原生 React 编程好出很多,本文就介绍这方面知识。 1. 被官方忽视的开发方法 Shadow Widget 区别于其它前端框架的关键特色是可视 阅读全文
posted @ 2020-05-13 17:58 热爱前端知识 阅读(336) 评论(0) 推荐(0)
摘要: GitHub Repo:vue-objccn Follow: halfrost · GitHub 项目地址:https://github.com/halfrost/vue-objccn 利用 Vue.js 实现 objc中国 的跨平台全栈应用 ✅ 桌面应用,支持 Mac、Linux、Windows 阅读全文
posted @ 2020-05-13 17:02 热爱前端知识 阅读(486) 评论(0) 推荐(0)
摘要: Vuet.js是什么? Vuet.js是给Vue.js提供状态管理的一个工具,与vuex不同,它是一种崇尚规则定制的状态管理模式。事先将状态更新的规则写好,然后将规则注入到组件中,然后状态按照预订的规则来进行更新。github:Vuet.js 主动型和被动型规则 Vuet.js内置了life、man 阅读全文
posted @ 2020-05-13 16:22 热爱前端知识 阅读(515) 评论(0) 推荐(0)
摘要: 近日,APICloud重磅推出首款云端一体的全功能集成开发工具——APICloud Studio 2。为了更深入了解这款开发工具的特性及优势,APICloud CTO 邹达针对几个核心问题做出了解答。 一、APICloud Studio 2是一款什么样的开发工具? 我们为APICloud Studi 阅读全文
posted @ 2020-05-13 15:40 热爱前端知识 阅读(251) 评论(0) 推荐(0)
摘要: 首先先看设计稿 图中的12345便是主角进度条。 分析需求如下:线的长度不固定,适应移动端和pc端点平均地分布在一条线上点的个数不固定,可能会改变激活的点之间线的颜色是绿色的 两种种方式 百分比宽度切分和flex布局 贴上代码HTML <!DOCTYPE html> <html> <head> <m 阅读全文
posted @ 2020-05-13 14:53 热爱前端知识 阅读(615) 评论(0) 推荐(0)
摘要: vue-image-cropper 基于vue的图片压缩裁剪插件 1.功能说明 图片压缩,图片裁剪,vue图片压缩,vue图片裁剪,vue-image-cropper,解决了部分机型方向不对的问题,同时可以对图片进行尺寸和质量的压缩 2.效果演示(chrome调试模式下或者手机打开) 3.本地运行 阅读全文
posted @ 2020-05-13 14:14 热爱前端知识 阅读(306) 评论(0) 推荐(0)
摘要: 再看本篇文章之前,本人还是建议想入坑react的童鞋可以选有create-react-app来创建react的项目,因为现在dva和roadhog还不成熟,坑相对要多一些,当然如果你已经做好跳坑的准备,那么请继续往下走; 本文适合对 ES6+webpack 有一定了解的人。没有的了解的同学可以先看看 阅读全文
posted @ 2020-05-13 11:47 热爱前端知识 阅读(845) 评论(0) 推荐(0)
摘要: 技术栈:后端nodejs,前端jquery+d3+svg;实现的目标: 可视化分析js模块之间的依赖关系, 以及手动修改的功能。从项目构思,到第一个版本正式发布,经历了大约两个月时间。这苦逼的两个月,我的头发不知道掉了多少,心酸啊。先来一张效果图,犒劳一下自己(窃喜): 作为UI的我,有什么好怕的, 阅读全文
posted @ 2020-05-13 11:08 热爱前端知识 阅读(150) 评论(0) 推荐(0)
摘要: 项目地址 git传送门(内附项目预览) Weex环境配置 npm install -g weex npm install -g weexpack # weex客户端的cli npm install -g weex-toolkit # 安装调试工具 ios依赖Cocopod环境 探坑总结 1.div无 阅读全文
posted @ 2020-05-13 10:20 热爱前端知识 阅读(390) 评论(0) 推荐(0)
摘要: - call、apply:在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向。 JavaScript 的一大特点是,函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的 阅读全文
posted @ 2020-05-13 09:25 热爱前端知识 阅读(177) 评论(0) 推荐(0)
摘要: 用window.DeviceMotionEvent来判断手机浏览器是否支持访问硬件资源,window.addEventListener('devicemotion',deviceMotionHandler,false);通过上一句代码来对该事件进行监听,第一个参数是事件类型,第二个参数是一个func 阅读全文
posted @ 2020-05-13 08:35 热爱前端知识 阅读(623) 评论(0) 推荐(0)