摘要: html5新增了在客户端存储数据的新方法:1.localStorage - 没有时间限制的数据存储;2.sessionStorage - 针对一个session的数据存储,当用户关闭浏览器窗口后,数据会被删除。 浏览器支持程度 注意到,IE8以及以上版本是支持localStorage和session 阅读全文
posted @ 2020-05-17 23:28 热爱前端知识 阅读(833) 评论(0) 推荐(0) 编辑
摘要: 最近做了一个翻书效果的项目, 来总结一下实现过程和遇到的一些问题, 供自己以后快速解决问题, 希望也能帮到同样遇到此类问题的同学, 如果有更好的方法,希望你能分享给我git地址 插件: Turn.js, Fabric.js, Touch.js, jQuery.js, jQuery-ui.js, ES 阅读全文
posted @ 2020-05-17 22:48 热爱前端知识 阅读(576) 评论(0) 推荐(0) 编辑
摘要: 作者:如意来自:授权地址转自:微信小程序联盟​ 小程序是长在微信上的,是移动端的界面,为了能够更方便的使用,我们常常希望使用九宫格界面的方式作为导航,那要如何实现呢? 基于一个简单的思考,九宫格就是三行三列,如果把行作为一个单位,再将每一行分成三列,那是不是就可以了?我们实践一下。 首先来考虑九宫格 阅读全文
posted @ 2020-05-17 22:10 热爱前端知识 阅读(322) 评论(0) 推荐(0) 编辑
摘要: 来自:微信小程序联盟 如果大家使用小程序的同时还在使用公众号的话,可能会用到unionId这种功能,由于公司业务需要,我们需要使用unionId,具体使用方法,请参考微信开放平台的说明,但是在微信小程序的文档中只给出了部分语言实现的源码,竟然没有java的,小程序的开发人员是有多么懒。难道大家都不用 阅读全文
posted @ 2020-05-17 21:25 热爱前端知识 阅读(438) 评论(0) 推荐(0) 编辑
摘要: 由于刚刚接触svg,在w3school和菜鸟教程上面的简直是入门的入门,过于简洁,完全不利于学习,所以不得不在网上找了一些文章和资料来看看,对于svg动画这部分完全可以跟css3动画抗衡,现在整理一下,以备忘。 SVG中的几个用于动画的元素,它们分别是:<animate><animateMotion 阅读全文
posted @ 2020-05-17 20:36 热爱前端知识 阅读(1202) 评论(0) 推荐(0) 编辑
摘要: 本文主要讲解下一些canvas的基础 1.<canvas id="canvas">若此浏览器不支持canvas会显示该文字</canvas> //创建个html节点 2.var context = canvas.getContext(‘2d’) //返回一个表示用来绘制的环境类型的环境,目前只支持2 阅读全文
posted @ 2020-05-17 19:46 热爱前端知识 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 相信大多数前端开发者在需要与后端进行数据交互时,为了方便快捷,都会选择JQuery中封装的AJAX方法,但是有些时候,我们只需要JQuery的AJAX请求方法,而其他的功能用到的很少,这显然是没必要的。 其实,原生JavaScript实现AJAX并不难,这篇文章将会讲解如何实现简单的AJAX,还有跨 阅读全文
posted @ 2020-05-17 19:02 热爱前端知识 阅读(345) 评论(0) 推荐(0) 编辑
摘要: 之前在HTML5 Canvas属性和方法汇总一文中,介绍过Canvas的各种属性以及方法的说明,并列举了自己写的一些Canvas demo,接下来开始写一个简单的小游戏吧,有多简单,这么说吧,代码不到100行,先上效果图:左侧为我们控制的控制板,右侧为假想的电脑控制的控制板体验小游戏链接: http 阅读全文
posted @ 2020-05-17 18:17 热爱前端知识 阅读(1018) 评论(0) 推荐(0) 编辑
摘要: 转自 https://github.com/FrontEndZQ... H5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一、HTML页面结构 <meta name="viewport" content="width=device-width,i 阅读全文
posted @ 2020-05-17 17:28 热爱前端知识 阅读(347) 评论(0) 推荐(0) 编辑
摘要: Hello Omi Omi框架的每个组件都继承自Omi.Component,本篇会去完成Omi的Component的基本锥形,让其能够渲染第一个组件。 omi.js实现 var Omi = {}; Omi._instanceId = 0; Omi.getInstanceId = function ( 阅读全文
posted @ 2020-05-17 16:52 热爱前端知识 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 本文是译文,原文是https://da-14.com/blog/top-11...我在原文的基础上加了百度的Echats图表库,这个也是毫不逊色其他图表库的。另外Handsontable电子表格库也是蛮好玩的。 前端开发工具在过去几年中取得了进步和成功。这些日子,JS库和框架可以简化工作流程,提高开 阅读全文
posted @ 2020-05-17 16:11 热爱前端知识 阅读(762) 评论(0) 推荐(0) 编辑
摘要: msecphp 毫秒服务引擎(Mass Service Engine in Cluster)是一个开源框架,适用于在廉价机器组成的集群上开发和运营分布式后台服务。 毫秒服务引擎集RPC、名字发现服务、负载均衡、业务监控、灰度发布、容量管理、日志管理、key-value存储于一体。 此项目是基于腾讯开 阅读全文
posted @ 2020-05-17 15:26 热爱前端知识 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 接《每周一点canvas动画》——波形运动 圆周运动可以分为两种基本的形式:正圆运动和椭圆运动。在讲解圆周运动之前,必不可少的数学公式即将袭来。so,各位骚年们,请护好自己的膝盖。听不懂没关系,只要明白其中的原理就行。当然,能懂是最好的,这对后面学习高级动画是很有帮助的。好吧,废话少说直接上菜。 1 阅读全文
posted @ 2020-05-17 14:46 热爱前端知识 阅读(386) 评论(0) 推荐(0) 编辑
摘要: 前言 socket.io: 包含对websocket的封装,可实现服务端和客户端之前的通信。详情见官网(虽然是英文文档,但还是通俗易懂)。Notification: Html5新特性,用于浏览器的桌面通知,只有部分浏览器支持。通过nodejs+Socket.io+Notification实现服务端往 阅读全文
posted @ 2020-05-17 14:08 热爱前端知识 阅读(466) 评论(0) 推荐(0) 编辑
摘要: 背景 我们平时用到的浏览器编辑器功能都会比较多,实现的代码逻辑也会非常复杂,往往是作为一个单独插件被引入进来的。但是,现在我只需要一个很基本的内容输入内容编辑的功能,如:粗体、斜体、列表、对齐等。那要怎么办,直接引用个插件太臃肿了。 借助 HTML5 特性,所有的工具都已经可用,所有你需要做的只是配 阅读全文
posted @ 2020-05-17 13:50 热爱前端知识 阅读(591) 评论(0) 推荐(0) 编辑
摘要: 前端模块化 关注前端技术发展的各位亲们,肯定对模块化开发这个名词不陌生。随着前端工程越来越复杂,代码越来越多,模块化成了必不可免的趋势。 各种标准 由于javascript本身并没有制定相关标准(当然es6已经有了import和export),所以在模块化方面诞生了各种不同的规范。主要有AMD规范( 阅读全文
posted @ 2020-05-17 13:19 热爱前端知识 阅读(200) 评论(0) 推荐(0) 编辑
摘要: div css3样式表制作鼠标滑过导航条淡进淡出效果点击》div css3样式表制作鼠标滑过导航条淡进淡出效果div+css3制作一个会动画的导航,当鼠标滑过内容块时,底部背景动画显示,css3与字体引用谷歌字体目录,让这个css3动画导航更加的美光。div css样式表A标签属性hover纯CSS 阅读全文
posted @ 2020-05-17 11:53 热爱前端知识 阅读(136) 评论(0) 推荐(0) 编辑
摘要: 导语 最近看到不少使用vue制作的音乐播放器,挺好玩的,本来工作中也经常使用Vue,一起交流学习,好的话点个star哦 本项目特点如下 : 1. 原生js封装自己的跨域请求函数,支持promise调用,支持错误处理 2. 制作一些复用性强的vue组件,如轮播图组件,支持手势滑动,无限循环,图片按需加 阅读全文
posted @ 2020-05-17 11:30 热爱前端知识 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 需要解决的问题:store存储登录状态Vue-Router导航钩子拦截路由Vue-Resource获取后台的数据需要判断登录返回的user源码参考原文地址 主要技术栈:Vuex + Vue-Resource + Vue-Router后台用mock-data来模拟数据。 先来看一下效果图 第一步、起个 阅读全文
posted @ 2020-05-17 10:51 热爱前端知识 阅读(1521) 评论(0) 推荐(0) 编辑
摘要: 介绍 在ECharts中看到过这种圆形扩散效果,类似css3,刚好项目中想把它用上,but我又不想引入整个echart.js文件,更重要的是想弄明白它的原理,所以自己动手。在这篇文章中我们就来分析实现这种效果的两种方法,先上效果图: 实现原理 通过不断的改变圆的半径大小,不断重叠达到运动的效果,在运 阅读全文
posted @ 2020-05-17 10:11 热爱前端知识 阅读(2248) 评论(0) 推荐(0) 编辑