能力说明:
掌握HTML5与CSS3的核心技术,掌握前端主流语言和开发框架JavaScript、jQuery和Ajax的基本知识,具备搭建动态交互网页的基本能力。
暂时未有相关云产品技术能力~
钟爱编程,偏前端开发,欢迎私信我(13908056224)加入EC尽享编程俱乐部共同学习,交流成长!
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智能分配剩余空间
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
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 实现打字特效(仅支持单行文本)
http和https
vue 富文本编辑器 quill (含代码高亮、自定义字体、汉化、鼠标悬浮提示、组件封装等)
下载安装最新版node.js
git 恢复单个文件到指定版本
js 金额格式化——显示千位分隔符
js 运行机制(含异步机制、同步任务、异步任务、宏任务、微任务、Event Loop)
nvm 管理和切换 node版本(windows操作系统)
手机真机调试本地前端页面
echarts 数据格式化
js 下载文件(根据URL下载文件,根据URL下载图片)
js【详解】深拷贝 (含 JSON.parse(JSON.stringify(obj)) 的缺陷,5种手写深拷贝)
【项目部署系列教程】5. nginx配置反向代理,解决跨域接口的访问
vue 处理JSON文件——上传导入、下载导出、在线预览
vue 打包后自动部署到云服务器——scp2教程