摘要: 目录 1. Web Storage 2. Cookie机制 3. 二者的联系与区别 1.Web Storage 1.1 概述 Web Storage是HTML5提供的一种新的浏览器端数据储存机制,它提供两种数据存储的对象: localStorage:该对象存储的数据没有时间限制; sessionSt 阅读全文
posted @ 2020-05-18 23:20 热爱前端知识 阅读(151) 评论(0) 推荐(0) 编辑
摘要: css3中user-select的用法详解 user-select属性是css3新增的属性,用于设置用户是否能够选中文本。可用于除替换元素外的所有元素,以下是user-select的主要用法和注意事项的说明,更多信息可参考如下css3文档说明。 参考链接:http://www.css88.com/b 阅读全文
posted @ 2020-05-18 22:34 热爱前端知识 阅读(3421) 评论(0) 推荐(0) 编辑
摘要: 纯css3火柴燃烧动画特效https://www.mk2048.com/demo/demo_target_desc.php?id=kbcjbaaaa基于css3 transform属性制作卡通火柴燃烧的火焰动画特效。打车租车APP软件官网模板点击》打车租车APP软件官网模板html5全屏滚动的打车租 阅读全文
posted @ 2020-05-18 21:15 热爱前端知识 阅读(224) 评论(0) 推荐(0) 编辑
摘要: 先看效果 演示地址: https://yueminhu.github.io/di...点击左边拉环切换夜间模式。 用到了伪元素生成数字的小三角`currentColor和color: inherit`来实现夜间模式的切换(改变父元素的颜色即可改变所有子元素的颜色和背景色。全部使用百分比和em为单位做 阅读全文
posted @ 2020-05-18 20:26 热爱前端知识 阅读(493) 评论(1) 推荐(0) 编辑
摘要: 原文链接:https://github.com/AlloyTeam/AlloyTouch/wiki/Powerful-transformjs 写在前面 上星期在React微信群里,有小伙伴觉得transformjs直接给DOM添加属性太激进,不可取(由于不在那个微信群,不明白为什么React会谈到t 阅读全文
posted @ 2020-05-18 19:36 热爱前端知识 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 什么是Webp? Webp 是一种支持有损压缩和无损压缩的图片文件格式,派生自图像编码格式 VP8。根据 Google 的测试,无损压缩后的 WebP 比 PNG 文件少了 45% 的文件大小,即使这些 PNG 文件经过其他压缩工具压缩之后,WebP 还是可以减少 28% 的文件大小,支持透明,及动 阅读全文
posted @ 2020-05-18 18:51 热爱前端知识 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 欲实现的水印平铺的效果图如下: 从图上看,应该做到以下几点: 文字在X和Y方向上进行平铺; 文字进行了一定的角度的旋转; 水印作为背景,其z-index位置应位于页面内容底部, 即不能覆盖页面主内容; 平铺的水印应能随窗口大小改变进行自适应。 思路: 首先我们先在canvas上绘制如下图所示一小块画 阅读全文
posted @ 2020-05-18 18:05 热爱前端知识 阅读(1429) 评论(0) 推荐(0) 编辑
摘要: 如果想看技术相关的,下拉到后面的重头戏就是了。 一个活动页面 在15年末的时候,加入到罗辑思维,刚过来就接手了一个微信朋友圈要传播的活动页面,效果页面大概和当时锤子手机的活动页面漂亮的不像实力派类似,不过不同的是,采用了Vuejs来写,单页面,也踩了不少的坑。填坑日记在此html5 上传本地图片处理 阅读全文
posted @ 2020-05-18 17:23 热爱前端知识 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 在 12 月 28 日微信公开课上,张小龙对微信小程序的形态进行了阐释,小程序有四个特定:无需安装、触手可及、用完即走、无需卸载。 由于携程这种订酒店、火车票和机票等工具性质非常强的服务,非常符合张小龙的对小程序的定义,所以很适合做一个小程序。 今天,有机会体验了一下携程酒店机票火车票这个小程序,在 阅读全文
posted @ 2020-05-18 16:39 热爱前端知识 阅读(1765) 评论(0) 推荐(0) 编辑
摘要: 很多人可能会问:微信小程序和在微信里面浏览一个网页有什么区别? 首先,小程序的运行是全屏的,界面跟进入了一个APP很像,更为沉浸跟在微信里面访问h5不一样;其次,它的浏览体验更为稳定。 不过,这还不够,除非……进入小程序之后他不会打断聊天,再次进入之后也依然是离开时的页面。 我也是非常不辞劳苦地想要 阅读全文
posted @ 2020-05-18 15:52 热爱前端知识 阅读(3052) 评论(0) 推荐(0) 编辑
摘要: 紧急情况~ 找不到厕所? 晴天霹雳 裤衩一声? 完喽快来用厕所雷达吧~。作为一个优秀的楼主,胖子我不仅写了代码,连广告次都想好了,哇咔咔咔~~~~ “厕所找的快,排的才痛快”。 练习区里看到一个“厕所雷达”就来做了下,主要还是为了练习小程序“控件的基本用法”和“页面间的交互”,CSS依旧让我感到头疼 阅读全文
posted @ 2020-05-18 15:09 热爱前端知识 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 阻止冒泡、默认行为、事件捕获 /* funname preventEventPropagation * desc 阻止冒泡事件&阻止默认行为&阻止事件捕获 * params {name: string}参数名称 * return {string or null} */ var preventEven 阅读全文
posted @ 2020-05-18 14:31 热爱前端知识 阅读(1104) 评论(0) 推荐(0) 编辑
摘要: 为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习; 一:微信小程序的特点 张小龙:张小龙全面阐述小程序,推荐通读此文; 小程序是一种不需要下载、安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即开打开应用,也出现了用完即走的理念,用户不用 阅读全文
posted @ 2020-05-18 13:52 热爱前端知识 阅读(686) 评论(0) 推荐(0) 编辑
摘要: 作为一个 web 前端开发者,在制作页面的时候你会从一大堆不同的标签中选择合适的标签来完成相应的功能。有些 HTML5 标签广为流传,例如 <article> <header> <footer>,然而有些标签可能知道的人不多,用的也少。 1. 上下文高亮 <mark> <mark> 标签应该用来表示 阅读全文
posted @ 2020-05-18 13:10 热爱前端知识 阅读(413) 评论(0) 推荐(0) 编辑
摘要: 前端html部分 //canvas.html <!DOCTYPE html> <html manifest="/test.appcache"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <tit 阅读全文
posted @ 2020-05-18 11:27 热爱前端知识 阅读(436) 评论(0) 推荐(0) 编辑
摘要: 扫描即可体验知乐微信小程序,并且看到入口 你可以在这里看到相应的小程序:微信小程序商店 发现内有历史列表入口 真实小程序 搜索 操作栏 放置到桌面示意图必须搜索全称,才可以搜索到小程序 推荐给朋友,可以直接分享给个人或群内 ios版本也是同样:需要先打开一次小程序,才能看到发现入口 本文转载于:猿2 阅读全文
posted @ 2020-05-18 10:43 热爱前端知识 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 1 别管什么性能,尽可能输出详细的必要日志。(除非你明显感觉到性能变低,而且性能变低的原因是由于日志输出太多而引起的) 2 不要总是使用console.log,试试console.info, console.error(),console.warn吧,让找日志更加方便。 3 千万别用alert, 这 阅读全文
posted @ 2020-05-18 10:04 热爱前端知识 阅读(647) 评论(0) 推荐(0) 编辑
摘要: 我花了两个月闲暇翻译完了文档,大概是目前最完整最实时的中文文档了,有需要可以去看看学学:github传送门,大多数的需求阅读文档即可解决,实际上,翻译文档正是我入门一项未知事物时的最简单常用的法子. electron其实很方便,不过对于刚接触的前端而言学起来可能比较麻烦,因为不少都需要命令行来.这是 阅读全文
posted @ 2020-05-18 09:25 热爱前端知识 阅读(10827) 评论(0) 推荐(0) 编辑
摘要: 新版本在线体验地址已经上线,欢迎体验? 2017-01-14 喜欢就Star,不只是Fork; 想要分享的动机才是驱动力,而技术仅仅是一种方法。 TP-admin TP-admin即基于ThinkPHP5拿来即用高性能后台管理系统 官方文档 地址:http://doc.tpadmin.shijinr 阅读全文
posted @ 2020-05-18 08:44 热爱前端知识 阅读(1100) 评论(0) 推荐(0) 编辑