12 2020 档案
前端模块化
摘要：一、什么是模块？ 将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行在一起。 块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信。 二、模块化开发的好处 避免变量污染，命名冲突 提高代码复用率 提高了可维护性 方便依赖关系管理，更好的分离, 并且按需加载
阅读全文
CSS中的/deep/理解
摘要：一、含义 /deep/ 深度选择器 二、用法 在vue中，我们为了避免父组件的样式影响到子组件的样式，会在style中加<style scoped>，这样父组件中如果有跟子组件相同的class名称或者使用选择器的时候，就不会影响到子组件的样式。 我们在加了 scoped 之后样式会自动添加一个has
阅读全文
vue字符串拼接添加点击事件
摘要：一、场景 我想要实现的场景是：将后端返回的字符串中的电话号码拼接成html形式并且绑定一个点击事件。 二、实现 将电话号码绑定一个选择器和点击事件。点击事件使用原生的onclick方法，代码如下： setPhoneStyle(str) { let pattern = /(1[0-9]{10})/;
阅读全文
devServer之proxy跨域
摘要：一、配置 devServer:{ contentBase:'./', proxy:{ // 当你请求是以/api开头的时候，代理会访问到http://localhost:3000 // 例如： // /api/users 则访问到 http://localhost:3000/api/users //
阅读全文
vue+Element表单的校验方式
摘要：一、单个添加校验 这种方式适合校验个别字段，或者表单字段有改变的校验。 <template> <div> <el-form :model="model"> <el-form-item label="姓名：" prop="name" :rules="[{required:true,message:'请
阅读全文
CSS选择器方法总结
摘要：一、nth-child和nth-of-type的区别 测试一段代码，如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>选择器测试</title> <style type="text/css"> p:
阅读全文
vue中$attrs
摘要：一、概念 vue官网定义如下： 包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过v-bind="$attrs
阅读全文
CSS宽度或者高度设置100%和inherit的区别
摘要：一、相同点 大多数情况下，两者作用是一样的。 ① 父容器width/height: auto，无论width/height:100%或者width/height:inherit表现都是auto。② 父容器width/height: 100px，无论width/height:100%或者width/h
阅读全文
