- 博客(5)
- 收藏
- 关注
原创 遍历文件夹下所有js文件
const modulesFiles = require.context('./modules', true, /.js$/)const modules = modulesFiles.keys().reduce((modules, modulePath) => { const moduleName = modulePath.replace(/^.\/(.*)\.js/, '$1') const value = modulesFiles(modulePath) modules[
2021-10-29 19:02:09 546
原创 模仿 element-UI 搭建 Vue UI组件库(二)
封装 button 组件前置知识:组件通讯组件插槽props 校验参数支持:参数名参数描述参数类型默认值type按钮类型(primary/success/warning/danger/info)stringdefaultplain是否是朴素按钮booleanfalseround是否是圆角按钮booleanfalsecircle是否是圆形按钮booleanfalsedisabled是否禁用按钮booleanfal
2021-04-13 23:41:22 385
原创 模仿 element-UI 搭建 Vue UI组件库(一)
实例目的掌握组件封装的语法和技巧学会造轮子,了解组件库实现原理搭建和积累自己的组件库实例内容封装常见的功能性组件(button、Modal、Form相关)。把组件封装成 UI 组件库,并发布到 npm 上。涉及知识vue 基础语法组件基本语法组件通讯(sync,provide,inject)插槽的使用props 校验过渡与动画的处理计算属性、监听属性v-model 语法糖vue 插件机制npm 的发布使用 vue cli 初始化一个项目使用 vue created
2021-04-13 23:39:58 769 1
原创 jsonp原理学习笔记
PS:根据B站学习视频 jsonp原理 学习整理,如有错误,欢迎随时指正,互相学习。JSONPJSON with padding —— 填充式 JSON原理script 、link 、img 可以进行跨域请求并成功接收响应。// 服务端代码// 引入支持接受请求,返回响应的模块 httpconst http = require("http");// 创建服务端程序实例http.creatServer( // 每次请求自动调用回调函数 (req,res) => {
2021-04-11 18:24:46 223 2
原创 webpack学习笔记
PS:根据B站学习视频 :【2020新课程】Webpack从原理到实战完整版-深入浅出,简单易学,前端工程师必学经典内容!学习整理,如有错误,欢迎随时指正,互相学习。重点:理解前端模块化理解 webpack 打包的核心思路理解 webpack 中的 “关键人物”前端模块化模块化的特点:作用域封装复用性解除耦合从作用域 => 命名空间 => 模块化的过程理解模块化。作用域概念:决定了代码中变量、函数、对象等其他资源的可见性。当我们把 js 逻辑代码按功能分成不同
2021-04-11 17:56:22 200
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人