Calvin-Ming

一个前端程序员的博客


  • 首页

  • 标签

  • 分类

  • 搜索

export与export default

发表于 2021-10-12 | 分类于 日常学习

export与export default

1. export命令

1.1 构成

模块功能主要由两个命令构成:export和import。

  • export命令用于规定模块的对外接口
  • import命令用于输入其他模块提供的功能。

1.2 概述

一个模块就是一个独立的文件。该文件内部的所有变量,外部无法获取。

如果希望外部能够读取模块内部的某个变量,就必须使用export关键字输出该变量。

1.3 代码演示

1.3.1 export 命令

下面是一个js文件,里面使用export命令来输出变量,函数或类(class)

阅读全文 »

MVC与MVVM

发表于 2021-10-12 | 分类于 日常学习

MVC与MVVM

1. MVC

img

  1. 用户操作View层,View层发送指令到Controller层
  2. Cotroller层执行完业务操作,改变Model层的数据状态
  3. Model层将新数据传输到view层显示
阅读全文 »

css中link和@import的区别

发表于 2021-10-12 | 分类于 日常学习

css中link和@import的区别

1. 本质

  • link 是 XHTML标签,不仅可以加载 CSS ,还可以定义 RSS属性
  • @import 是 CSS提供的语法规则,只能导入样式表

2. 加载顺序

  • link 在页面加载时同时加载
  • @import 在页面完全载入后再加载

3. 兼容性

  • link 无兼容问题
  • @import 不支持低版本浏览器加载

4. DOM可控性

  • link 可以通过 JavaScript 控制 DOM 改变样式
  • @import 不支持

参考:

link和@import的区别浅析

link和@import的区别

js中this的指向

发表于 2021-07-12 | 分类于 日常学习

js中this的指向

1. 概述

​ this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象。

2. 实例

2.1 this指向window

1
// example 1
2
function a() {
3
  var user = 'XM';
4
  console.log(this.user); //undefined
5
  console.log(this);  //Window
6
}
7
a();
8
// 等同于 window.a();
9
// 在浏览器中的页面对象是浏览器窗口(window 对象)

​ 函数a实际上被Window对象所点出来的,在浏览器中的页面对象是浏览器窗口(window 对象),函数会自动变为 window 对象的函数。

阅读全文 »

js中栈和堆的概念和区别

发表于 2021-07-11 | 分类于 日常学习

js中栈和堆的概念和区别

1. 栈(stack)和 堆(heap)

1.1 栈

栈内存的简称,栈是自动分配相对固定大小的内存空间,由系统自动释放,栈数据结构遵循先进后出的原则。

乒乓球结构:最先放进去的乒乓球,最后才能取出

img
阅读全文 »

js对象属性通过“.”和“\[ \]”访问的区别

发表于 2021-07-10 | 分类于 日常学习

js对象属性通过“.”和“[ ]”访问的区别

1. 读取和设置对象属性有两种写法

1
(.) 方法: obj.attr 
2
([])方法: obj[attr]
  • (.) 点操作符: 静态的。右侧必须是一个以属性名称命名的简单标识符。

    属性名用一个标识符来表示。标识符必须直接出现再js程序中,它们不是数据类型,因此程序无法修改它们。

  • ([]) 中括号操作符: 动态的。方括号里必须是一个计算结果为字符串的表达式.

    属性名通过字符串表示。字符串是js的数据类型,在程序运行时可以修改和创建它们。

阅读全文 »

Node后端搭建(express+sequlize)

发表于 2021-06-15 | 分类于 Node后端

1. 概述

​ 首先编写一个 Express Web 服务器开始;接着为 MySQL 数据库添加配置;使用 Sequelize创建模型Tutorial并编写控制器;自定义所有请求的路由。

Methods Urls Actions
GET api/tutorials 获取所有内容
GET api/tutorials/:id 获取id对应的内容
POST api/tutorials 添加新的内容
PUT api/tutorials/:id 更新id对应的内容
DELETE api/tutorials/:id 删除id对应的内容
DELETE api/tutorials 删除所有内容
GET api/tutorials/published 查找 published属性值为true的内容
GET api/tutorials?title=[kw] 找到标题包含 'kw'的内容
阅读全文 »

HTML常用标签

发表于 2021-05-12 | 分类于 前端学习之HTML

HTML常用标签

1. 标题标签 <h1> - <h6>

1
<h1> 我是一级标题 </h1>

作用:作为标题使用,并且依据重要性递减

1
<h1>小明好帅!</h1>  
2
<h2>小明好帅!</h2>  
3
<h3>小明好帅!</h3>  
4
<h4>小明好帅!</h4>  
5
<h5>小明好帅!</h5>  
6
<h6>小明好帅!</h6>
阅读全文 »

HTML基本结构标签

发表于 2021-05-12 | 分类于 前端学习之HTML

HTML基本结构标签

1. 单标签和双标签

  • 单标签 <br/>

  • 双标签 <html> </html>

注:HTML 标签通常是成对出现的,标签对中的第一个标签是开始标签,第二个标签是结束标签。

2. 标签关系

2.1 包含关系

1
<head>  
2
<title> </title>  
3
</head>
阅读全文 »

Html简介

发表于 2021-05-12 | 分类于 前端学习之HTML

Html简介

1.概述

HTML指的是超文本标记语言,它是用来描述网页的一种语言。HTML 不是一种编程语言,而是一种标记语言。

2. 浏览器内核

浏览器内核(渲染引擎): 负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。

1

3. Web 标准

主要包括结构、表现和行为三个方面。

2

总结:

  • 结构写到 HTML文件中
  • 表现写到 CSS文件中
  • 行为写到 JavaScript文件中
123>
明同學_Calvin

明同學_Calvin

28 日志
10 分类
16 标签
RSS
GitHub 新浪微博
© 2021 明同學_Calvin