随笔分类 -  HTML+CSS+JS

threejs
摘要：threejs： 三维模型开发 Cesium是一个跨平台、跨浏览器的展示三维地球和地图的javascript库 阅读全文
posted @ 2023-02-01 16:32 天然呆☆☆ 阅读(482) 评论(0) 推荐(0)
CSS贝塞尔曲线
摘要：SVG与canvas绘制弯线都要用到贝塞尔曲线，它分两种形式（二次方与三次方） 我们先看canvas的。 quadraticCurveTo(cp1x, cp1y, x, y) //二次方 bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)//三次方 它们都有一个起 阅读全文
posted @ 2023-02-01 16:27 天然呆☆☆ 阅读(356) 评论(0) 推荐(0)
Javascript全栈工程师养成攻略
摘要：鉴于阮一峰老师的技术文章，在此做一个转载记录。转战react技术一年，希望在技术上可以不断精进，日后成为一位大牛！ 引子：《准备工作》 知识准备 环境准备 第一讲：《前端开发的历史和趋势》 前端开发的历史演变 前端MVC框架的兴起 前后端分离 全栈工程师 前端开发的未来 第二讲：《React 技术栈 阅读全文
posted @ 2023-02-01 15:39 天然呆☆☆ 阅读(202) 评论(0) 推荐(0)
H5跳转google市场或者app store
摘要：场景1： 在 h5下载页面上，不管用户是否安装过该app，都直接跳转到应用市场(比如google play or app store）。 思路：这种场景处理比较简单，直接判断判断是android端还是ios端，然后在点击按钮上赋值对应终端的应用市场下载链接就可以了，在微信上打开h5页面时也不用另外处 阅读全文
posted @ 2022-05-06 15:07 天然呆☆☆ 阅读(1808) 评论(0) 推荐(0)
JavaScript 事件循环机制（Event Loop）
摘要：javascript从诞生之日起就是一门 单线程的 非阻塞的 脚本语言，单线程意味着，javascript代码在执行的任何时候，都只有一个主线程来处理所有的任务，非阻塞靠的就是 event loop（事件循环），本文就讲解下事件循环。 event loop它最主要是分三部分：主线程、宏队列（macr 阅读全文
posted @ 2021-08-23 16:44 天然呆☆☆ 阅读(90) 评论(0) 推荐(0)
css3之图形绘制
摘要：由于近期的项目中出现了不规则的边框和图形， 所以重新温习一下CSS3的图形绘制。。。样式绘制的图形比图片的性能要好，体验更佳，关键一点是更加有趣！ 以下几个例子主要是运用了css3中border、bordr-radius、transform、伪元素等属性来完成的，我们先了解下它们的基本原理。 bor 阅读全文
posted @ 2018-08-18 18:23 天然呆☆☆ 阅读(1202) 评论(0) 推荐(0)
Js中数据类型判断的几种方法
摘要：判断js中的数据类型有一下几种方法：typeof、instanceof、 constructor、 prototype、 $.type()/jquery.type(),接下来主要比较一下这几种方法的异同。 先举几个例子： var a = "iamstring."; var b = 222; var 阅读全文
posted @ 2016-07-13 10:50 天然呆☆☆ 阅读(349) 评论(0) 推荐(0)
Canvas基本绘画学习
摘要：学好Canvas,从简单开始。下面是一些Canvas入门最基本的实例分享： 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>demo</title> 6 <script> 7 window 阅读全文
posted @ 2015-09-18 15:04 天然呆☆☆ 阅读(273) 评论(0) 推荐(0)
实现一个最简单的输入框提示功能
摘要：实现原理：文本框失去焦点事件、获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件 onpropertychange 当属性改变发生该事件 无论粘贴 keyup 阅读全文
posted @ 2015-09-11 16:08 天然呆☆☆ 阅读(2363) 评论(1) 推荐(2)
web前端性能优化指南
摘要：web前端性能优化指南 web前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5. 阅读全文
posted @ 2015-08-05 17:13 天然呆☆☆ 阅读(372) 评论(1) 推荐(1)
css3Transitions 实现的鼠标经过图标位移、旋转、翻转、发光、淡入淡出等多种特效
摘要：HTML如下： 1 <div class="container"> 3 <!--特效1 --> 4 <section id="set-1"> 5 <div class="hi-icon-wrap hi-icon-effect-1 hi-icon-effect-1a"> 6 <a href="#set 阅读全文
posted @ 2015-08-04 16:40 天然呆☆☆ 阅读(6336) 评论(0) 推荐(0)