- 博客(23)
- 收藏
- 关注
原创 Vue——组件化
Vue——组件化目录Vue——组件化1. 组件化的基本使用2. 全局组件 和 局部组件3. 父组件 和 子组件4. 注册组件语法糖5. 组件模板抽离 2 种方式6. 组件 中的 data1. 组件化的基本使用创建组件构造器注册组件使用组件 <div id='app'> <cpn></Cpn> //3. 使用 组件 </div> <script> //1. 创建组件构造器 const cp
2021-02-28 11:54:27 129
原创 Vue——计算属性
Vue——计算属性目录Vue——计算属性1. 计算属性——computed2. 计算属性简单使用3. 计算属性复杂应用4. watch 、computed 、methods 的对比5. 计算属性原理 setter 和 getter1. 计算属性——computedcomputed 与 methods 评级在 computed 中,可以定义一些 属性,这些属性叫做计算属性,计算属性的本质就是一个方法,只不过,在使用 这些计算属性的时候,是把他们的 名称 ,直接把计算属性当作方法当做属性 来使用;并
2021-02-24 21:31:08 354
原创 Vue——指令
Vue——指令目录Vue——指令1. v-cloak2. v-text3. v-html4. v-pre5. v-bind1. v-bind动态绑定class2. v-bind动态绑定style6. v-on1. v-on提供了事件修饰符7. v-model8. v-for8. v-if9. v-show<div id="app"></div><script> var app = new Vue({ el: '#app'
2021-02-24 21:05:06 159
原创 webpack——plugin
webpack——plugin目录webpack——plugin1. Vue最终发布构建两类版本2. el 和template的区别3. 认识plugin4. 添加版权信息的 plugin5. 打包html的 plugin6. js 压缩 的 plugin7. 搭建本地 服务器1. Vue最终发布构建两类版本runtime-only代码中不可以有任何的templateruntime-compiler代码中可以有template,因为compiler可以用于编译template解
2021-02-24 20:23:57 245 1
原创 webpack——loader
webpack——loader目录webpack——loader1. 什么是loader2. css 文件处理——css-loader 和 style-loaader3. less 文件处理——less-loader4. sass文件 同理5. 图片资源 ——url-laoder 和 file-loader6. ES6 转 ES5——babel1. 什么是loader`loader是webpack中一个非常核心的概念在我们之间的实例中,我们主要是用webpack来处理我们写的js代码,并
2021-02-10 23:03:09 129
原创 webpack——基础
webpack——基础目录webpack——基础1. 什么是webpack2. 前端模块化3. 打包4. webpack node npm 的关系5. webpack安装6. js文件打包7. package.json中定义启动8. webpack 配置——webpack.config.js1. 什么是webpackwebpack 是一个用于现代 JavaScript 应用程序的_静态模块打包工具_。当 webpack 处理应用程序时,它会在内部构建一个 依赖图(dependency graph
2021-02-10 21:59:31 88
原创 WebSocket
WebSocket目录WebSocket1. HTTP协议2. 轮询3. 长轮询4. EventSource二、使用步骤1.引入库2.读入数据总结function getUser() { return new Promise((resolve) => { let xhr = new XMLHttpRequest() xhr.open('get', '/user', true)
2021-02-09 21:57:31 136
原创 axios
axios目录axios一、基本用法1.安装2.引入3.axios请求方法4.发起一个简单请求4.返回的响应5.get请求未授权——带上头信息6.初始配置7.添加拦截器8.create方法一、基本用法1.安装npm i axios -S2.引入Webpack打包之前,axios.js 或者 axios.min.js 拷贝出来直接引入特性①从浏览器中创建 XMLHttpRequests②从 node.js 创建 http 请求③支持 Promise API④拦截请求和响应⑤转换请
2021-02-07 22:55:26 75
原创 JavaScript——数组
JavaScript——数组目录JavaScript——数组一、数组 基本方法1. arr.push()2. arr.pop()3. arr.unshift()4. arr.shift()二、数组排序方法1. arr.sort(函数)三、数组常用方法1. arr1.concat(arr2)2. arr.join(sparator)3. arr.reverse()四、数组查找方法1. arr.indexOf(searchValue,[fromIndex])2. arr.indexOf(searchVal
2021-01-24 22:22:24 114
原创 JavaScript——字符串
字符串目录字符串一、字符串 查找方法1. str.charAt([index])2. str.charCodeAt(index))3. String.fromCharCode(25105)4. str.indexOf(searchValue,[fromIndex])5. str.lastIndexOf(searchValue,[fromIndex])二、字符串 截取方法1. str.slice(begin,[end])2. substr(start,[length])3. substring(begin,
2021-01-24 21:09:56 139
原创 node——koa
koa目录koa一、koa基本使用二、使用步骤1.引入库2.读入数据总结提示:以下是本篇文章正文内容,下面案例可供参考一、koa基本使用安装koa第三方包nvm install koa -Snpm i koa -S使用koa的文件中引入koa const Koa = require('koa')new 一个koa对象 const app = new Koa()4.通过koa创建一个简单的服务 const Koa = require('koa') const
2021-01-24 15:59:55 264
原创 Node.js中的模块系统
Node.js中的模块系统目录Node.js中的模块系统一、Node.js中的模块系统二、CommonJs模块系统1.require 加载2.exports 导出3.原理解析4.require标识符分析5.第三方模块总结一、Node.js中的模块系统使用Node编写应用程序主要就是在使用:ECMAScript 语言· 和浏览器不一样 ,在node中没有BOM、DOM核心模块· 文件操作的 fs· http服务的http· url路径操作模块· path路径操作模块· os
2021-01-20 15:53:43 457 2
原创 git 进阶
git 进阶目录git 进阶一、git 工作区 到 本地仓库1. 什么是HEAD?!什么是master?2. master分支3. 分支操作3. 合并分支4. 分支冲突5. 解决冲突6. 撤销大集合7. 存储8. 变基9. 取别名10. tag标签二、git 本地仓库 到 远程仓库1. 远程仓库2. 配置忽略文件3. 本地仓库 与 远程仓库 连接4. 使用SSH密钥3. linux常用命令总结一、git 工作区 到 本地仓库1. 什么是HEAD?!什么是master?1. 提交对象: 1.
2021-01-17 14:34:36 142
原创 git 入门
git文章目录git一、git入门1.什么是git2.版本控制系统3.git 基本工作流程3.简单的命令1.添加文件2.删除文件3.移动文件4. 查看功能二、git 进阶1.引入库2.读入数据总结一、git入门1.什么是gitGit is a free and open source distributed version control systemgit是一个免费并且开源的分布式版本控制系统2.版本控制系统保留文件所有的修改历史记录,可以方便地撤销之前对文件的修改操作3.git 基
2021-01-17 13:22:21 86
原创 原生实现——v-model 指令
目录一、发布订阅二、原生实现v-model1.myVue.html2.myVue.js总结一、发布订阅<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&.
2021-01-13 19:38:18 595
原创 Node.js 基础
Node 初识提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档目录Node 初识一、Node.js简介1. Node.js 是什么2. 构建与Chrome 的 V8 引擎之上3. Node.js 特性4. 浏览器 中的javascript5 . Node.js 中的javascript二. Node.js 安装三. Node.js 开始1.解析执行JavaScript2.文件读写1.文件读取2.文件写入3.一个简单的 http 服务总结一、Node.js简介1. Node
2021-01-11 15:20:04 102
原创 异步处理 ——Promise
异步处理专题目录异步处理专题一、同步 异步 概念二、promise 对象1.promise 对象三种状态1. pendding 等待状态2. fullfilled 成功回调状态3. rejected2.promise 对象的 then 方法1. then 方法 两个回调(成功回调,失败回调)2. catch 方法 捕捉错误3. then方法 3种返回值(返回值都是一个promise对象)2. promise 对象涉及到的方法1. resolve()方法 和 reject()方法2. all()
2021-01-10 17:01:47 742
原创 正则表达式
正则表达式一般用于:查找 替换 验证 分割目录正则表达式一、正则表达式的创建方式1.字面量创建2.构造函数创建二、正则表达式的匹配方法1.正则对象底下的方法2.字符串方法三、元字符1.字符相关\w \W \d \D \s \S .(点字符)2.数量相关{ } ? + *3.位置相关^ $ \b \B4.括号相关( ) [ ] { }四、匹配模式g i m s u y五、命名分组 和 零宽断言1.命名分组2.命名零宽断言总结一、正则表达式的创建方式1.字面量创建 let r
2021-01-09 11:42:53 311
原创 JavaScript 写 原生组件
JavaScript 原生组件笔记目录JavaScript 原生组件一、什么是组件1.继承Html组件2.自定义组件3.get 和 set4.合并配置(合并多个对象)二、案例1.Massagebox.js 文件2.组件模板.html 文件3案例效果案例总结一、什么是组件1.继承Html组件继承Html组件(div,Image ~~) -> 相当于修改html组件<img src="#" is="my-img" alt="">class MyImg extends
2021-01-06 21:05:29 2480
原创 JavaScript——DOM
JavaScript——DOM笔记目录JavaScript——DOM一、获取 DOM 元素1.简介2.DOM树3.获取 DOM 元素1.根据ID获取2.根据标签名获取4.通过H5新增的方法获取5.特殊元素获取二、DOM 关系1.常用节点类型2.查找节点1.查找子级1. - childNodes 子节点 (包含所有节点: 文本节点、注释节点、元素节点……) | - children 子元素 (只包含元素节点)2. - firstChild 第0个子节点 | - firstElementChild
2021-01-02 19:20:38 219
原创 面向对象编程思想
1.面向对象概念面相过程:注重解决问题的步骤,分析问题需要的每一步,实现函数依次调用面相对象:是一种程序设计思想。将数据和处理数据的程序封装到对象中面相对象特性: 抽象、 继承、封装、多态(提高代码的复用性及可维护性)2.创建对象3种形式1.字面量方式2.new Object()创建3.构造函数创建3.工厂模式 解决代码复用问题通过new运算符简化工厂模式代码new的特点:1.new执行函数 2.自动创建空对象; 3.this绑定到空对象;4 隐式返还this
2020-12-26 17:09:13 469 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人