发表于 | 分类于
字数统计: 937 | 阅读时长 ≈ 3

前言：webpack相关

  • webpack主要使用场景是单页面（SPA），而SPA的核心就是前端路由。

  • webpack配置中最重要也是必选的两项是入口和出口，入口：告诉webpack从哪里开始寻找依赖，并且编译。出口：用来配置编译后的文件存储位置和文件名

  • webpack-dev-server的热更新功能，它通过建立一个WebSocket连接来实时响应代码的修改。

  • webpack虽然概念比较新，但它只不过是一个js配置文件，四个概念：entry,output,loaders,plugins

  • 文件为<div>Hello</div> 执行npm run dev之后，打开控制台可以看到组件被替换为了<div data-v-whfefewuif>Hello</div>

之所以多了一串data-是因为使用了<style scoped>

阅读全文 »

发表于 | 分类于
字数统计: 341 | 阅读时长 ≈ 1

这个问题真的是个坑，calc写的表达式运算符两边要有空格

分享一道面试题：

1
2
3
4
5
6
7
8
<div class="container">
        <div class="t"></div> <!--高：100px-->
        <div class="c"> <!--高：浏览器高 - 200px-->
            <div class="l"></div>   <!--高：父级  宽：100px -->
            <div class="r"></div>   <!-- 高：父级  宽：浏览器的宽度 - 100px -->
        </div>
        <div class="f"></div>  <!-- 高：100px -->
</div>
阅读全文 »

发表于 | 分类于
字数统计: 2.1k | 阅读时长 ≈ 8

​ 刷视频的方式学的就只是API层面（如果是买网课的那种视频，当我没说），趁着周末这两天，趁着还有图书馆资源，去借了3本回来，分别是《CSS权威指南-上》，《CSS揭秘》，《你不知道的JavaScript-上卷》。这篇主要用来记录JavaScript的学习笔记，方便以后快速复习，也帮助现在加深印象。

一.作用域

学习之前要先有个常识问题，var a = 1 是两句声明，一个由编译器在编译时处理，另一个则由引擎在运行时处理。

步骤：

  • 遇到var a ,编译器会先询问作用域中是否已经存在a。Y–》忽略改声明 继续执行；N–》要求作用域在当前作用域的集合中声明一个新的变量，并命名为a。

  • 接下来编译器会为引擎生成运行时所需的代码，用来处理a = 1这个赋值，引擎会先询问作用域，在当前作用域集合中是否存在一个a。Y–》使用a；N–》继续查找

阅读全文 »

发表于 | 分类于
字数统计: 2.2k | 阅读时长 ≈ 8

​ 在经历几次面试之后，我发现了我的一个最大短板—CSS。只要是问到CSS相关的东西，我都不能说好，🔒所以周末抽空看了看《CSS权威指南》，《CSS揭秘》。收获还是很大的，同时发现了学习CSS的乐趣。还有感谢这周面我的所有面试官了，面试是真的会使人进步的（前提是自己每次结束之后，会去复盘，不断学习）。有的面试结束之后，结果已经不重要了，整个过程都已经学到了不少东西，你会感觉这场面试非常有意义。

​ 进入正文，《CSS权威指南》里面的内容说的很细，会说到CSS的每一个属性以及取值（看起来可能会有点枯燥，动手敲敲，再来一瓶可乐，就会快乐很多）。《CSS揭秘》适合有基础的开发者。有趣的是《CSS揭秘》完全用H5写成，书中看到的全部东西都是由CSS渲染出来的HTML。图片是用SVG生成的 或者由SCSS函数生成的SVG data URI 。数学公式是用LaTeX中写成的，然后转化为MathML。书中的所有页码 章节号等都是纯粹的CSS计数器生成的。

阅读全文 »

发表于 | 分类于
字数统计: 630 | 阅读时长 ≈ 2

最大的区别是在响应式，所以我们先来说说响应式

响应式的区别

  • Vue2

    • 基于Object.defineProperty()只能监听到已有属性，对象直接添加或删除属性，界面是不会自动更新。并且它会为每一个属性添加上get set方法
    • 如果是数组的话，通过重写数组更新数组一系列更新元素的方法来实现元素修改的劫持

  • Vue3

    • 通过Proxy和Reflect实现，而且是深层次的监视

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      //参数1：user-----》target目标对象  
              //参数2:handler----->处理器对象，用来监视数据，及数据的操作
              const proxyUser = new Proxy(user,{
                  get(target,prop){
                      return Reflect.get(target,prop)
                  },
                  set(target,prop,val){
                      console.log("set方法执行了")
                      Reflect.set(target,prop,val)
                  },
                  deleteProperty(target,prop) {
                      console.log("delet方法调用了")  
                      Reflect.deleteProperty(target,prop)
                  }
              })
阅读全文 »

发表于 | 分类于
字数统计: 320 | 阅读时长 ≈ 1

css的预编译处理语言

  • 实现方式
    • Less基于JavaScript ，在客户端处理
    • Sass是基于Ruby ， 在服务端处理
  • 变量
    • Less用@
    • Sass用$
  • 特性
    • 变量，作用域，嵌套，继承，运算，颜色函数
    • Sass的继承是把一个选择器的所有样式继承到另个选择器， @extend .block;/继承.block选择器下所有样式/
    • 将Mixins中的样式嵌套到每个选择器里面。这种方法的缺点就是在每个选择器中会有重复的样式产生。 .block;/继承.block选择器下所有样式/
阅读全文 »

发表于 | 分类于
字数统计: 139 | 阅读时长 ≈ 1
  • 为什么不等于 因为计算机不能精确表示0.1 0.2这样的浮点数，计算使用的是有舍入误差的数
  • 并不是所有浮点数在计算机内部都存在舍入误差 比如0.5就没有
  • 具有舍入误差的运算一定与期望不符吗 不一定，负负得正
  • 怎么解决？方式一：使用整型代替浮点数计算；方式二：不要直接比较两个浮点数，可以使用bignumber.js这样的浮点数运算库

发表于 | 分类于
字数统计: 569 | 阅读时长 ≈ 2

  • 常规回答

    • GET只接收ASCII 。POST没有限制
    • GET参数通过URL传递 POST放在Request body中
    • GET请求在传参的时候有长度限制 POST没有
    • GET在浏览器回退无害 POST会再次提交请求

    着实有些普通

阅读全文 »

发表于 | 分类于
字数统计: 999 | 阅读时长 ≈ 3

MVC 与 MVVM

MVC是Model，Control，View。
核心：单向数据改变
用户操作–》View接收用户的输入–》交给Control业务逻辑层去处理—》处理完交给Model进行数据持久化–》最后将数据发给View
还有一种是Control去接收用户操作指令–》Model–》View

阅读全文 »

发表于 | 分类于
字数统计: 1.1k | 阅读时长 ≈ 4

如果vue文件可以像html那样直接运行在浏览器，不需要安装任何插件就好了。

没成功

阅读全文 »