随笔分类 - 前端
摘要：项目初始化 vue-cli脚手架初始化 在对应项目文件夹下： vue create app app文件夹的结构如下： |____node_modules # 文件夹，项目依赖文件夹 |____src # 文件夹，一般放置静态资源（图片等），webpack打包时会原封不动打包到dist文件夹中 |__
阅读全文
摘要：JS文档 函数柯里化 柯里化 柯里化也称为部分求值，分步给函数传递参数 每次传递参数进行处理，并返回一个更具体的函数接收剩下的参数 中间可嵌套多层这样的接收部分参数的函数，直至返回最后的结果 function add(x, y) { return x + y; } add(1, 2); // 3 /
阅读全文
摘要：Codepen - 尤雨溪原版代码 Bilibili - 尤雨溪Vue源码分析 掘金 - 尤雨溪国外教程：亲手带你写个简易版的Vue！ 掘金 - [Vue官方教程笔记]- 尤雨溪手写mini-vue 响应性概念 响应性：当状态更新，系统会自动更新关联状态；在Web场景下，指的是不断变化的状态反映到D
阅读全文
摘要：Vue3文档 创建Vue3工程 vue-cli vue create test_vue3 分析工程结构 /* main.js */ import { createApp } from 'vue' // 引入的不再是Vue构造函数, 而是一个createApp工厂函数 import App from
阅读全文
摘要：Vue文档 AJAX 配置代理 官方文档 方式一 服务器： /* server1.js */ const express = require('express') const app = express() app.use((request,response,next)=>{ console.log
阅读全文
摘要：Vue文档 组件化编程 组件的定义：实现应用中局部功能的代码（HTML, CSS, JS等）和资源（images等）的整合。 组件分为： 非单文件组件：一个文件中包含若干个组件 单文件组件：一个文件中只有一个组件，即我们看到的.vue文件 非单文件组件 实现对下面HTML页面的组件化编程： <div
阅读全文
摘要：Vue文档 简介 Vue是一套用于构建用户界面的渐进式JS框架： 构建用户界面：将数据通过界面显示给用户 渐进式：对于简单的应用，只需要一个小巧的核心库；对于复杂应用，可以引入各式各样的Vue插件 特点： 组件化模型，提高代码复用率、让代码更好维护 声明式编码，无需直接操作DOM，提高开发效率 使用
阅读全文
摘要：JS文档 基础总结 数据类型 基本数据类型： String Number boolean undefined null 对象 (引用) 类型： Object：任意对象 Function：特殊的对象，可以执行 Array：特殊的对象，内部数据有序，数值索引 判断数据类型 typeof：返回数据类型的字
阅读全文
摘要：JS文档 BOM简介 JS通过浏览器对象模型 (Browser Object Model, DOM) 来操作浏览器，DOM对象参考下表： BOM对象 描述 Window 整个浏览器窗口，同时window也是网页中的全局对象 Navigator 代表当前浏览器的信息，通过该对象可以来识别不同的浏览器
阅读全文
摘要：JS文档 初识DOM DOM JS通过文档对象模型 (Document Object Model, DOM) 对HTML文档进行操作： 文档：整个HTML页面的文档 对象：将网页中的每一个部分都转换为了对象 模型：使用模型来表示对象之间的关系 节点 节点(Node)是构成页面最基本的组成部分，HTM
阅读全文
摘要：JS文档 数组 数组的创建 使用new创建数组 直接使用数组字面量创建数组 var arr1 = new Array(1, 2, 3); var arr2 = []; var arr3 = [1, 'abc', true]; console.log(arr3.length); // 3 // 访问数
阅读全文
摘要：JS文档 初识JavaScript 浏览器执行JS 渲染引擎: 用来解析HTML与CSS ,俗称内核,比如chrome浏览器的blink ,老版本的webkit JS引擎: 也称为JS解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如chrome浏览器的V8 浏览器本身并不会执行
阅读全文
摘要：CSS文档 HTML5新增特性 语义化标签 新增标签 语义 <header> 头部标签 <nav> 导航标签 <article> 内容标签 <section> 定位文档某个区域 <aside> 侧边栏标签 <footer> 尾部标签 注意： 这种语义化标准主要针对搜索引擎 页面中可以使用多次 在IE
阅读全文
摘要：CSS文档 精灵图 核心原理是将网页中的一些小背景图整合成一张大图，这样可以有效减少服务器接收和发送请求的次数，提高页面加载速度。 精灵图原理 精灵图主要针对背景图片使用，就是把多个小背景图片整合到一张大图，这个大图被称为精灵图(sprites) 使用background-position移动背景图
阅读全文
摘要：CSS文档 页面布局的核心是盒子模型、浮动和定位 盒子模型 盒子用来封装HTML元素，盒子模型的组成部分包括： 边框(border) 实际内容(content) 内边距(padding) 外边距(margin) border 指盒子周围一圈边框的样式。 属性 作用 border-width 粗细，常
阅读全文
摘要：CSS文档 CSS简介 层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 或 XML（包括如 SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染
阅读全文
摘要：HTML文档参考 HTML简介 网页 网页简介 网页是构成网站的基本元素，通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页是htm.或html文件。 HTML概念 HTML指的是超文本标记语言(Hyper Text Markup Language)，不是编程语言，而是标记语言(mar
阅读全文
