能力说明:
掌握HTML5与CSS3的核心技术,掌握前端主流语言和开发框架JavaScript、jQuery和Ajax的基本知识,具备搭建动态交互网页的基本能力。
暂时未有相关云产品技术能力~
钟爱编程,偏前端开发,欢迎私信我(13908056224)加入EC尽享编程俱乐部共同学习,交流成长!
JS 你可能没用过的【回调函数式替换】replace()
css 超实用的:empty —— 隐藏空元素、缺失字段智能提示
vue + element UI【实战】音乐播放器/语音条(内含音频的加载、控制,事件监听,信息获取,手机网页阴影的去除等技巧)
element UI【解决方案】消息弹框被对话框遮挡($message消息框被dialog或$alert遮罩)
【实用技巧】下载音乐到本地电脑
js 解析lrc文件(歌词)
vue 报错【解决方案】/sockjs-node/info?t=
css 鼠标悬浮显示放大图片 vs 鼠标点击显示放大图片
vue + element-UI 图片压缩canvas【详解】(含完整demo)
vue组件封装 —— 仪表盘(有缺口的环形进度条内显示百分比值)
echarts 自动轮播
css 使用 :placeholder-shown校验空值、提示不能为空
eharts 中国地图添加城市(散点图实现,含获取城市坐标、图片转base64、自定义散点样式)
css 实现一笔画动画(如签名、手写、手绘等)
css 拉伸 resize —— 实现可拉伸的div(含限制拉伸的尺寸)
Element UI 数字输入框的实现
css 平滑滚动 scroll-behavior: smooth
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
js 区分中英文输入法(如中英文括号)
js 校验括号——括号不可嵌套且需成对出现
css图标合并——ClipPath Sprites技术
echarts 热力图(中国地图版)
css 分栏布局 columns
vue 下载插件downloadjs
css的flex布局中使用margin:auto智能分配剩余空间
js document.compatMode【详解】(含准确获取浏览器宽高等尺寸的方法)
vue实战——元素的拖拽 + 控制元素无法拖拽出盒子 + 随元素拖拽自适应变化大小的盒子
css【详解】cubic-bezier()函数
js 等待接口访问成功后执行指定代码【3种方法】(含async await Promise的使用)
element-ui 在vue中el-input输入框的autofocus属性失效【解决方案】
js函数封装 —— 金额添加千分位分隔符
Element UI 日期选择器el-date-picker禁止选择指定日期(禁止选择过去,禁止选择未来)【含是否包含今天】
vue组件封装——固定宽高比的容器(2种方法:纯CSS实现 + JS实现)
百度地图开发 —— 获取百度地图开发的 AK
vue实战——图标,请使用SVG!(含插件vue-svg-icon的使用)
阿里图标库——批量下载图标
css特效动画——转圈的加载动画
vue实战范例——箭头步骤条/导航(含css 斜切skew的妙用)
vue实战--v-for 遍历渲染按钮的两种实现方案(重点:按钮点击事件的绑定技巧)
前端模拟接口工具推荐——Apifox(mock数据)【图解教程】
css【详解】—— BFC 和 IFC
vue实战——电子时钟
css div填满剩余高度
大屏自适应/适配方案【详解】(echarts自适配、rem、flexible.js、vscode中px2rem插件自动计算rem)
echarts 提示框异步获取数据 —— formatter 异步回调函数的使用
echarts 高亮轮廓的中国地图
echarts 报错 —— Component series.map not exists. Load it first
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
css 实现打字特效(仅支持单行文本)