1. web 开发 - 文章分类(第5页) - 河图s

常用页面效果 --- 在每次打开视频时从上一次的观看时间开始播放

摘要：1. 代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> video { width: 600px; height: 400px; margin: 300px 阅读全文

posted @ 2024-05-23 17:31 河图s 阅读(32) 评论(0) 推荐(0)

优化 --- 节流

摘要：1. 什么是节流单位时间内,再次触发同一个事件,不会再开启新的事件,只执行第一次 2. 使用场景鼠标移动(mousemove) 页面尺寸缩放(resize) 滚动条滚动(scroll)等 3. 案例 3.1 鼠标划过盒子,数字+1 由于鼠标滑动1像素,就算是触发了鼠标移动事件,这样就会不断地执行阅读全文

posted @ 2024-05-23 17:26 河图s 阅读(10) 评论(0) 推荐(0)

优化 --- 防抖技术

摘要：1. 什么是防抖单位时间内,如果频繁触发事件,只执行最后一次 2. 使用场景搜索框输入,只需用户最后一次输入完,再发送请求手机号、邮箱验证的检测 3. 案例 3.1 鼠标划过盒子,数字+1 由于鼠标滑动1像素,就算是触发了鼠标移动事件,这样就会不断地执行这个事件的回调函数,如果里面存在大量消耗阅读全文

posted @ 2024-05-23 17:06 河图s 阅读(29) 评论(0) 推荐(0)

常用页面效果 --- 基础效果

摘要：1. CSS 鼠标点击后背景变色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; box-sizing: bor 阅读全文

posted @ 2024-05-22 11:04 河图s 阅读(11) 评论(0) 推荐(0)

京东 --- avif格式图片转成jpg格式图片

摘要：1. 模块 pip install pillow-avif-plugin Pillow -i https://mirrors.aliyun.com/pypi/simple/ 2. 实现 import pillow_avif #注意一定要引入pillow_avif否则会抛异常'cannot ident 阅读全文

posted @ 2024-05-16 17:02 河图s 阅读(249) 评论(0) 推荐(0)

常用页面效果 --- 京东商品图片放大镜效果

摘要：1. 效果图当鼠标悬浮在图片中,会放大图片的细节 2. 素材 3. 实现 1. 鼠标悬浮在右侧小图时,左侧中图显示对应鼠标悬浮的图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title 阅读全文

posted @ 2024-05-16 17:00 河图s 阅读(46) 评论(0) 推荐(0)

Vue --- 导出Excel

摘要：1. 模块安装 npm install file-saver xlsx -S npm install script-loader -D 2. 文件准备 src/excel/Blob.js /* Blob.js * A Blob, File, FileReader & URL implementati 阅读全文

posted @ 2024-04-26 16:29 河图s 阅读(21) 评论(0) 推荐(0)

前端 --- WEB APIS (Dom / Bom 操作)

摘要：0.简介 0.1 干什么的? DOM (Document Object Model 文档对象模型),是浏览器提供的一套专门用来操作网页内容的功能 0.2 DOM树将HTML文档以树状结构直观的表现出来,称之为文档树或DOM树,用以描述网页内容关系的名词,文档树直观的体现了标签与标签之间的关系 0. 阅读全文

posted @ 2024-04-25 17:13 河图s 阅读(52) 评论(0) 推荐(0)

前端 --- JS 基础语法

摘要：0. 官方网站 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 1.简介 1.1 组成部分 ECMAScript -- JavaScript的语言基础 Web APIs -- 接口( DOM(页面文档对象模型) 和 BOM(浏览器对象模阅读全文

posted @ 2024-04-22 17:21 河图s 阅读(33) 评论(0) 推荐(0)

思维导图软件 --- XMind

摘要：1. 基本使用阅读全文

posted @ 2024-04-19 22:39 河图s 阅读(10) 评论(0) 推荐(0)

画笔软件 --- ZoomIt

摘要：1. 基本使用阅读全文

posted @ 2024-04-19 22:37 河图s 阅读(7) 评论(0) 推荐(0)

截图软件 --- Snipaste

摘要：1. 基本使用阅读全文

posted @ 2024-04-19 22:33 河图s 阅读(7) 评论(0) 推荐(0)

案例 --- 尚品汇前端页面实现

摘要：0. 资料地址 0.1 静态文件地址 https://pan.baidu.com/s/1Hx5hWneJQ-4yFteE1iM9qw?pwd=yyds#list/path=%2Fsharelink4035995002-565810062936917%2F%E5%B0%9A%E7%A1%85%E8%B 阅读全文

posted @ 2024-04-11 20:14 河图s 阅读(74) 评论(0) 推荐(0)

UI设计 --- 常用设计工具

摘要：0. Flgma 1. Sketch 2. Adobe XD 3. Adobe Photoshop(PS) 4. Adobe Illustrator(AI) 5. AE 6. C4D 建模阅读全文

posted @ 2024-04-11 14:42 河图s 阅读(11) 评论(0) 推荐(0)

前端 --- HTML5

摘要：0. 简介 0.1 官方文档 W3C: https://html.spec.whatwg.org/multipage/index.html 0.2 优势针对 JavaScript, 增加了很多可操作的新接口新增了一些语义化标签、全局属性新增了多媒体标签,可以很好的替代 flash 更加侧重语义阅读全文

posted @ 2024-03-28 15:37 河图s 阅读(33) 评论(0) 推荐(0)

前端 --- CSS3

摘要：0. 简介 0.1 官方地址 https://www.w3.org/Style/CSS/curent-work.html 0. 2 新特性新增了更加使用的选择器,如: 动态伪类选择器、目标伪类选择器、伪元素选择器等等新增了更好的视觉效果,如: 圆角、阴影、渐变等新增了丰富的背景效果,如: 支持阅读全文

posted @ 2024-03-28 15:37 河图s 阅读(9) 评论(0) 推荐(0)

前端 --- CSS2

摘要：0. 概述 CSS(Cascading Style Sheets) 层叠样式表 1. 像素屏幕是由很多发光的小点组成的,即像素点,像素点越多,屏幕呈现的效果越细腻 1. 引入方式 1.1 外部文件( 常用 ) <head> <link rel="stylesheet" href="h1.css"> 阅读全文

posted @ 2024-03-28 15:36 河图s 阅读(20) 评论(0) 推荐(0)

学习网站 --- 网站列表

摘要：1. w3Shool w3School 阅读全文

posted @ 2024-03-27 21:07 河图s 阅读(8) 评论(0) 推荐(0)

Vue_2 --- 项目

摘要：1. 阅读全文

posted @ 2024-03-27 14:21 河图s 阅读(3) 评论(0) 推荐(0)

Vue_2 --- 自定义插件

摘要：0. 概述用于增强Vue,插件中定义的各种方法,可以在全局中使用 1. 定义插件 src/plugins.js export default { // Vue会自动调用install(),第一个参数是Vue对象,其他参数是插件使用者传递的参数 install(Vue,options) { // 定阅读全文

posted @ 2024-03-25 17:35 河图s 阅读(19) 评论(0) 推荐(0)

河图

文章分类 - 1. web 开发

公告