摘要: APICloud自成立之初,一直秉承着开源一切的初心,为了给予广大开发者们更多的资源及内容。不知不觉,2年时间已过,APICloud的github上已经集合了APICloud模块、前端框架及文档、云API SDK、开发工具和应用模板5大类共50项开源项目,而广大开发者基于APICloud平台的开源项 阅读全文
posted @ 2020-05-23 23:29 热爱前端知识 阅读(383) 评论(0) 推荐(0) 编辑
摘要: tooltips 纯css工具提示 bubbles-tooltips 查看效果 演示 安装 npm install tooltips --save 使用 在 gulp 中使用 gulp var gulp = require('gulp'); var gutil = require('gulp-uti 阅读全文
posted @ 2020-05-23 22:39 热爱前端知识 阅读(224) 评论(0) 推荐(0) 编辑
摘要: Content Security Policy减少劫持 什么是CSP? CSP是由单词 Content Security Policy 的首单词组成,是HTML5带给我们的一套全新主动防御的体系,旨在减少(注意这里是减少而不是消灭)跨站脚本攻击。CSP是一种由开发者定义的安全性政策性申明,通过CSP 阅读全文
posted @ 2020-05-23 21:41 热爱前端知识 阅读(265) 评论(0) 推荐(0) 编辑
摘要: 一、普通手机页的设置1.<meta name="viewport" content=""/>说明:屏幕的缩放 content的几个属性: width viewport的宽度[device-width | pixel_value]width如果直接设置pixel_value数值,大部分的安卓手机不支持 阅读全文
posted @ 2020-05-23 20:52 热爱前端知识 阅读(692) 评论(0) 推荐(0) 编辑
摘要: 由于众所周知的原因,国内使用google font库有很大的问题。 解决方案1:使用国内镜像如360网站卫士常用前端公共库CDN服务 优点:使用方便 缺点:目标用户包含国外的开发者,不清楚国外用户的加载速度 解决方案2:提供另外一种解决方案,可以自主决定资源下载源,自主配置cdn等服务。 在goog 阅读全文
posted @ 2020-05-23 19:59 热爱前端知识 阅读(3477) 评论(0) 推荐(0) 编辑
摘要: 官网地址:http://jrainlau.github.io/elf/项目地址:https://github.com/jrainlau/elf 介绍 取名为“精灵”的elf,是一个干净,轻巧的响应式CSS框架。她基于flexbox,旨在快速搭建能够适配不同尺寸设备的响应式布局。 使用 安装 npm 阅读全文
posted @ 2020-05-23 19:09 热爱前端知识 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 使用H5 canvas绘制的可交互扇形 requestAnimationFrame() 现有动画实现方式的不足 setTimeout和setInterval都不十分精确。为它们传入的第二个参数,实际上只是指定了把动画代码添加到浏览器UI线程队列中以等待执行的时间。如果队列前面已经加入了其他任务,那动 阅读全文
posted @ 2020-05-23 18:29 热爱前端知识 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 前言 图片裁剪上传,不仅是一个很贴合用户体验的功能,还能够统一特定图片尺寸,优化网站排版,一箭双雕。 需求就是那么简单,在浏览器里裁剪图片并上传到服务器。 我第一个想到的方法就是,将图片和裁剪参数(x,y,scale,rotate)一并上传给服务器,服务器来做图片处理,so easy。但是,这并不符 阅读全文
posted @ 2020-05-23 17:47 热爱前端知识 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 英文原文(需FQ):https://code.facebook.com/posts/1189117404435352/ 早些时候,我们介绍过iOS版的React Native. React Native带来的是用web方式的React - 自声明式的UI组件和快速的开发迭代来完成手机平台的功能,然后 阅读全文
posted @ 2020-05-23 17:07 热爱前端知识 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 简约响应式的手机微网站模板https://www.mk2048.com/demo/demo_target_desc.php?id=hai110j12j响应式移动端通用模板,有两个主页。许多其他页面,购物,组合,博客等,现代设计布局很容易使用。这个模板很容易编辑,带来干净的设计,现代设计,以及许多其他 阅读全文
posted @ 2020-05-23 16:28 热爱前端知识 阅读(493) 评论(0) 推荐(0) 编辑
摘要: 序言 为了让用户有更加良好的体验,在操作成功或者失败后,来个提示并跳转页面,我就在Yii2上实现了这一个效果。在写这个跳转提示页的时候,找资料我发现网上关于这方面的中文资料真的很少,大家也都共享下吧! 需求分析 1、用户在操作成功或者失败后,来个提示并跳转页面。2、使用这种方式$this->succ 阅读全文
posted @ 2020-05-23 15:36 热爱前端知识 阅读(659) 评论(0) 推荐(0) 编辑
摘要: 为了监控移动端视频播放的情况,研究了一下 html5 <video> 标签的属性与事件触发,及其在各系统和各个浏览器的兼容情况 属性与事件 理解清楚属性和事件,才能更好的使用 video ,达到预期的效果,更好的检测视频播放的状况来做出分析和调整,这里仅列举了解到且大致理解的,更多相关后续补充 属性 阅读全文
posted @ 2020-05-23 14:53 热爱前端知识 阅读(296) 评论(0) 推荐(0) 编辑
摘要: 【0x00】刚开了专栏,没事过来投投稿混眼熟啦~//才不是为了抱枕呢刚刚结束了黑客马拉松,回来也是缓了好久才缓过来。这么高强度的脑洞劳动···阿不,是脑力劳动的说。真的第一次。说起来,跟代码相识,还是源于一个带我入坑的大神@skywalker_z ,真·人生赢家。的确,他带着我走进了这么一条不归路。 阅读全文
posted @ 2020-05-23 13:54 热爱前端知识 阅读(116) 评论(0) 推荐(0) 编辑
摘要: Web存储之LocalStorage初探 HTML5的发布和定稿为前端界带来巨大的变化,新增的API和特性给业务带来了更多可能性,让用户体验拥有了更可能的丰富。 · HTML Geolocation 可以定位到用户的地理位置· HTML Drag and Drop 拖拽API,可以实现更简单有效的交 阅读全文
posted @ 2020-05-23 13:06 热爱前端知识 阅读(308) 评论(0) 推荐(0) 编辑
摘要: -webkit-box 的用法 通常,在移动端要实现水平方向平分宽度的布局,会使用 -webkit-box 来布局。它的使用方法是: <div class='parent'> <div class='child'></div> <div class='child'></div> <div class 阅读全文
posted @ 2020-05-23 11:20 热爱前端知识 阅读(320) 评论(0) 推荐(0) 编辑
摘要: Mac 安装WordPress 一、环境要求 PHP 5.2.4或更新版本 MySQL 5.0或更新版本 WebServer(可以选择Apache、nginx等支持PHP的,这里我选择Apache) 二、软件安装 1、安装PHP Mac OSX 自带PHP,无需安装。 不建议通过brew、源码安装等 阅读全文
posted @ 2020-05-23 10:21 热爱前端知识 阅读(678) 评论(0) 推荐(0) 编辑
摘要: 先来看一段代码: var dom = document.querySelector('body'); for(var i in dom){ console.log(i,dom[i]) } 可以看到很多,来整理一下,总共有三大类(我自己分的,没有科学依据) 除了一些私有属性、方法(比如a的私有属性hr 阅读全文
posted @ 2020-05-23 09:40 热爱前端知识 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 先来介绍下 media,确切的说应该是 CSS media queries(CSS 媒体查询),媒体查询包含了一个媒体类型和至少一个使用如宽度、高度和颜色等媒体属性来限制样式表范围的表达式。CSS3 加入的媒体查询使得无需修改内容便可以使样式应用于某些特定的设备范围。 那么该怎么定义 media 呢 阅读全文
posted @ 2020-05-23 08:42 热爱前端知识 阅读(136) 评论(0) 推荐(0) 编辑