能力说明:
掌握HTML5与CSS3的核心技术,掌握前端主流语言和开发框架JavaScript、jQuery和Ajax的基本知识,具备搭建动态交互网页的基本能力。
暂时未有相关云产品技术能力~
钟爱编程,偏前端开发,欢迎私信我(13908056224)加入EC尽享编程俱乐部共同学习,交流成长!
echarts 热力图(中国地图版)
css【详解】cubic-bezier()函数
js 等待接口访问成功后执行指定代码【3种方法】(含async await Promise的使用)
element-ui 在vue中el-input输入框的autofocus属性失效【解决方案】
Element UI 日期选择器el-date-picker禁止选择指定日期(禁止选择过去,禁止选择未来)【含是否包含今天】
vue组件封装——固定宽高比的容器(2种方法:纯CSS实现 + JS实现)
百度地图开发 —— 获取百度地图开发的 AK
vue实战——图标,请使用SVG!(含插件vue-svg-icon的使用)
阿里图标库——批量下载图标
vue实战范例——箭头步骤条/导航(含css 斜切skew的妙用)
前端模拟接口工具推荐——Apifox(mock数据)【图解教程】
css div填满剩余高度
大屏自适应/适配方案【详解】(echarts自适配、rem、flexible.js、vscode中px2rem插件自动计算rem)
echarts 提示框异步获取数据 —— formatter 异步回调函数的使用
echarts 高亮轮廓的中国地图
echarts 报错 —— Component series.map not exists. Load it first
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
http和https
vue 富文本编辑器 quill (含代码高亮、自定义字体、汉化、鼠标悬浮提示、组件封装等)
手机真机调试本地前端页面
js 下载文件(根据URL下载文件,根据URL下载图片)
js【详解】深拷贝 (含 JSON.parse(JSON.stringify(obj)) 的缺陷,5种手写深拷贝)
【项目部署系列教程】5. nginx配置反向代理,解决跨域接口的访问
vue 处理JSON文件——上传导入、下载导出、在线预览
vue 打包后自动部署到云服务器——scp2教程
vue 全屏 screenfull —— 整页全屏,指定元素全屏,退出全屏,全屏切换等
vue 电子表格Excel的上传导入、导出下载、读取本地Excel、json转Excel
vue 打印vue-print-nb
vue 数据变化触发页面响应的三种方式(解决:数据变化页面无响应/不刷新的问题)【含原理】
Typora使用技巧3 —— 查看默认主题、新增自定义主题
vue【解决方案】页面/路由跳转后,滚动条消失,页面无法滚动
Element UI 按需引入(含CollapseTransition)
Nuxt.js 速成(含使用宝塔实现nuxt项目部署)
vue项目打包后自动压缩成zip文件
Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等
vue 首屏添加加载动画 loading
vue 全局响应键盘按键/监听键盘事件(含 js 获取键盘keyCode值的方法)
URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
vue 父组件修改子组件的样式——深度作用选择器 >>> 、 /deep/ 、 ::v-deep
vue 自定义气泡弹窗 $pop (内含css晃动动画shake制作)
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
vue 生成分享海报、下载图片(含生成二维码qrcodejs2的使用,网页截屏html2canvas的使用)
npx教程
vue + d3.js(v6) 绘制【树状图/思维导图】可折叠/展开,可点击跳转,可带标签
Element UI 树形控件Tree 【详解】el-tree 展开指定节点,判断是否存在指定节点
vue 使用 async 和 await 实现异步 axios 同步化(实战案例:数据异步校验通过后,再执行保存)
vuex【解决方案】刷新页面数据丢失(两种方法)—— 含 vuex-along 教程
js【详解】本地存储 Cookie、sessionStorage、localStorage
js 混合排序(同时存在数字、字母、汉字等)
js【详解】arr.splice() 数组拼接