KID-1912’s Blog

初来乍到，请多指教

jQuery开发页面

兼容性优良，出色的DOM操作ajax封装，链式操作，隐式迭代，其他插件支持的特性

引入 <scipt src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 常用 判断 $ele.hasClass("transition") //判断元素是否含有参数类 $ele.is(":visible/hidden") /...

Posted by page on June 24, 2020

HTML5

HTML5新特性帮助我们构建web应用程序

HTML5 元素 语义化标签：header, nav, aside, section, article, footer 应用程序标签：datalist, progress, meter 媒体元素：audio, video, embed 图形图像：SVG, Canvas input类型：date, number, range, tel, search video 事件 onc...

Posted by page on June 24, 2020

速查笔记——CSS3篇

CSS3新技巧帮助我们更好开发优美的网页

选择器 奇偶项选择：.item:nth-child(odd/even) 选择前x项：.item:nth-child(-n + 2) 选择后x项：.item:nth-last-child(-n + 2) 下一项：.item + .item 后面所有项：.item ~ .box 渐变 渐变模拟线型 /* 实线 */ background-size: 100px auto; bac...

Posted by page on June 24, 2020

速查笔记——CSS篇

优雅使用css布局网页以及添加样式

CSS css初始化 reset.css necolas/normalize.css 常用属性 white-space：文本如何处理空白符/换行符，以及是否自动换行 word-break：文本内容断行规则，默认CJK文字断行，非CJK单词内不断行 overflow-wrap：文本溢出边界时断行处理 特殊属性 基础布局 头部/侧边栏 // 主题定位方法 .header{ ...

Posted by page on June 23, 2020

速查笔记——HTML篇

结构化语义化HTML网页结构

HTML 标签 文档声明 <!DOCTYPE html> HTML5声明位于HTML文档第一行，即使在低版本IE下不会影响其它HTML标签解析 语言声明 <html lang="zh-cmn-Hans"> “简体中文”，英文：lang=”en”， 便于于浏览器翻译识别 元数据 <meta> 常用： 注明字符编码 <meta cha...

Posted by page on June 21, 2020

ECharts

一个基于 JavaScript 的开源可视化图表库

ECharts 安装 npm install echarts --save 引入 // 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。 import * as echarts from 'echarts/core'; // 引入柱状图图表，图表后缀都为 Chart import { BarChart } from 'echarts/charts'...

Posted by page on June 8, 2020

BetterScroll2.0增强滚动

BetterScroll是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。借鉴iscroll实现。BetterScroll是使用纯 JavaScript实现的，这意味着它是无依赖的。

BetterScroll 基本使用 html结构 .wrapper滚动容器，作为滚动可见容器 .content滚动内容，作为滚动内容容器 …具体内容 ...

Posted by page on June 8, 2020

花儿实习总结

封装canvas2img与qrcode.js

一段实习(2021.3.22 - 2021.3.28) SVN 入门 工具安装 TortoiseSvn(小乌龟) SVN 生命周期 新建版本库(Create) 1.1 版本库唯一，部署在远程服务器 1.2 所有工作副本均来自版本库文件检出 检出副本(Checkout) 将版本库中的指定项目目录检出至本地作为工作副本 编辑本地副本 检查修改，对比版本库 本地同步...

Posted by page on March 29, 2020

正则表达式

强大的正则，灵活匹配字符，对字符串进行自定义的格式化处理

JS正则表达式 string.replace(reg,fn) 实现下划线命名到驼峰命名转换 使用replace + RegExp function toHill(str){ // 携带/g全局匹配，将替换所有匹配项 return str.replace(/_([a-zA-Z])/g,function(match,$){// 匹配串，匹配串的$1 return $.to...

Posted by page on January 20, 2020

FEATURED TAGS
JavaScript 类库 vue
ABOUT ME

弱者道之动 反者道之用

✉️ heyutongxue@gmail.com

FRIENDS