前端
文章平均质量分 60
笑别弯腰
这个作者很懒,什么都没留下…
展开
-
TypeScript
一、邂逅TypeScriptTS的编译环境注意:默认情况下,所有的ts文件都是在同一个作用域下编写的,如果想把每一个ts文件当做一个单独的作用域的时候,可以使用export {},这样这个文件就是一个单独的作用域,当然,这只是其中的一种方式npm install typescript -g安装typescript之后自动就安装了tsc。然后就可以通过tsc typescript.ts命令 把typescript.ts转成js代码ts的运行环境方式二:通过ts-原创 2021-07-21 14:05:36 · 740 阅读 · 0 评论 -
模块化开发
常见的模块化规范:CommonJS、AMD、CMD,还有ES6的ModulesCommonJS导出导入注意:直接在js文件中使用CommonJS的导入和导出并不能实现模块化,CommonJS可以使用webpack对上边的代码做一个支撑ES6导出(export)导入(import)导入只有 export defult 和 import * as aaa from 的时候不用加大括号...原创 2021-07-18 15:36:29 · 95 阅读 · 0 评论 -
VUEXvuex
一、什么是状态管理?二、vuex 的基本使用注意:vuex里的数据都是响应式的1、安装vuexnpm install vuex@next注意:vuex@next的意思是安装最新版本的vuex2、创建Store3、在组件中使用store三、单一状态树注意:虽然一个应用可以创建多个store,但是建议只创建一个store实例三、vuex的五大核心1、state注意,state属性为一个函数返回一个对象 和data一样使用opctionsAPI compu原创 2021-07-15 15:01:42 · 228 阅读 · 0 评论 -
三、css-loader以及style-loader的使用
1、什么是loader?loader 可以用于对模块的源代码进行转换;我们可以将css文件也看成是一个模块,我们是通过import来加载这个模块的;在加载这个模块时,webpack其实并不知道如何对其进行加载,我们必须制定对应的loader来完成这个功能;2、css-loader和style-loader的安装方法:npm install css-loader -D 安装css-loader方法:npm install style-loader -D 安装style-loader3、css原创 2021-07-12 15:02:45 · 778 阅读 · 0 评论 -
composition API(三)
一、生命周期钩子注意:生命周期可以注册多个二、provide和injectprovide()有两个参数 第一个是传过去的key,第二个是传过去的值inject()可以有两个参数 第一个是传过来的key,如果传来的没有值 第二个参数可以设置默认值建议:传过去的值一般都用readonly()包裹 这样的话子孙组件就没办法修改这个值了...原创 2021-07-12 15:02:11 · 86 阅读 · 0 评论 -
BOM对象
一、BOM对象1、Window代表的是整个浏览器的窗口,同事Window也是网页中的全局对象2、Navigator代表的是当前浏览器的信息,可以通过该对象来识别不同的浏览器3、Location代表当前浏览器的地址栏信息,通过Location可以获取地址栏信息,或者操作浏览器跳转页面4、History代表浏览器的历史记录,可以通过该对象操作浏览器的历史记录(该对象不能获取到具体的历史记录,只能操作浏览器页面向前或者向后。而且该操作只在当次访问是有效)5、Screen代表用原创 2021-07-12 15:01:36 · 88 阅读 · 0 评论 -
VUE ROUTER---路由
一、认识和安装vue-routervue-router是基于路由和组件的路由用于设定访问路径, 将路径和组件映射起来.在vue-router的单页面应用中, 页面的路径的改变就是组件的切换安装vuerouter:npm install vue-router@4细节:@4代表的是安装vuerouter4最新的版本二、路由的使用步骤三、路由的默认路径四、router-link通过.router-link-active这个类名可以给router-link这个内置组件样式原创 2021-07-06 16:15:10 · 970 阅读 · 0 评论 -
三、loader----file-loader和url-loaderr(加载图片的loader)
1、file-loader**实际开发中,引入图片一般有两种,img和background-image,1.1、background-image设置背景图这里的类名hulu1改为了hulu;然后安装file-loader方法:npm install file-loader -D配置:1.2 img图片引入**注意img引入的时候必须像上图这样把图片当做一个模块,先导入在赋值给img.src**配置方法和background-image一样,不需要重复配置。然后执行命令原创 2021-05-27 21:16:40 · 457 阅读 · 0 评论 -
一、webpack的全局安装和局部安装以及使用
1、webpack的使用前提webpack的运行环境是依赖Node环境的,所以电脑上必须有node。安装node 14.15.5版本,npm 6.14.11版本2、webpack和webpack-cli全局安装和使用**方法:npm install webpack webpack-cli -g**安装好之后就可以在终端运行webpack,当我们运行webpack的时候,webpack会找当前目录下的src/index.js作为入口,如果项目中没有这个文件夹那么就会报错。出口文件默认为dist文件夹原创 2021-05-26 18:55:31 · 4074 阅读 · 1 评论