- 博客(39)
- 收藏
- 关注
RSS订阅原创 webpack的发布策略
webpack的发布策略在实际开发中，一般会有两套项目方案：一套是开发期间的项目，包含了测试文件、测试数据、开发工具、测试工具等相关配置，有利于项目的开发和测试，但是这些文件仅用于开发，发布项目时候需要剔除；另一套是部署期间的项目，剔除了那些客户用不到的测试数据测试工具和文件，比较纯净，减少了项目发布后的体积，有利于安装和部署！为了满足我们的发布策略，需要新建一个配置文件，命名为...
2020-02-16 16:43:00
267
原创 Typescript中抽象类与接口详细对比与应用场景介绍
Typescript中抽象类与接口详细对比与应用场景介绍抽象类当做父类，被继承。且抽象类的派生类的构造函数中必须调用super()；接口可以当做“子类”继承其他类抽象类派生：abstract class Human { constructor (readonly name:string) {} } class Student extends Human { ...
2020-01-03 09:55:27
923
1
原创 typescript中的接口
typescript中的接口说到接口：在面向对象的编程中，接口是一种规范的定义，它定义了行为和动作的规范，在程序设计里面，接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范，接口不关心这些类的内部状态数据，也不关心这些类里方法的实现细节，它只规定这批类里必须提供某些方法，提供这些方法的类就可以满足实际需要。 typescrip中的接口类似于java，同时还增加了更灵活的接口类型，包...
2020-01-03 09:51:27
313
原创 typescript中的重载
什么是函数重载简单来说，函数重载具有两个特征：名称相同，参数不同（参数类型、个数不同。）所以，函数重载的解释应该是具备不同参数的同名函数。注意：函数重载是多态的一种体现。函数重载的声明和实现TypeScript中，函数重载主要包括两部分：函数声明，和函数实现。函数声明主要是TSC解析的一种声明体现，实际编译中，并不会编译成具体代码。我们可以通过TypeScript的playground来查看...
2020-01-03 09:37:36
2227
原创 vscode中ts文件自动编译为js文件的配置
使用下列命令全局安装typescriptnpm i -g typescript 使用cmd到达指定的项目下, 使用下列命令进行初始化,创建tsconfig.json 文件tsc -init打开tsconfig.json文件修改和删除相应配置（如果想快速修改配置，请复制下列配置）{ "compilerOptions": { "target": "es5", "noImp...
2020-01-02 23:23:04
1086
原创 TypeScript
TypeScript是什么Type+EcmaScript6TypeScript是JavaScript的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的JavaScript代码。由于最终在浏览器中运行的仍然是JavaScript, 所以TypeScript并不依赖于浏览器的支持，也并不会带来兼容性问题。TypeScript是JavaScript的超集，这意味着他支持所有的JavaScr...
2019-12-31 17:57:31
692
原创 Angular介绍
目前，无论你使用什么前端框架，都必然要使用到各种 NodeJs工具，Angular也不例外，与其他框架不同，Angular从一开始就走的是“全家桶”式的设计思路，因此@angular/cli这款工具里面集成了日常开发需要使用的所有Node模块 使用@angular/cli可以大幅降低搭建开发环境的难度AngularCli类似于Vue Cli是 ANGULAR官方开发的一个脚手架工具 专门用来开发...
2019-12-31 16:40:15
1275
原创 React.JS介绍
React起源于 Facebook的内部项目 因为该公司对市场上所有Java Script Mvc框架 都不满意 就决定自己写一套 用来架设 instagram 的网站 组出来以后 发现很好用 就在2013年年5月开源了由于 react的设计思想 极其独特 属于革命性创新 性能出众 代码逻辑却非常 简单 所以 越来越多的人开始 关注和使用 认为它可能是将来 web开发的主流工具前端三大主流框...
2019-12-31 01:12:19
669
原创 Webpack
在网页中会引用哪些常见的静态资源？JS.js .jsx .coffee .ts（TypeScript 类 C# 语言）CSS.css .less .sass .scssImages.jpg .png .gif .bmp .svg字体文件（Fonts）.svg .ttf .eot .woff .woff2...
2019-12-30 11:05:54
296
原创 vue路由
什么是路由对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别于后端路由）；在...
2019-12-30 10:34:43
163
原创 Vue组件
定义Vue组件什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化： 是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式使用...
2019-12-30 10:23:14
210
1
原创 Vue中的动画
为什么要有动画：动画能够提高用户的体验，帮助用户更好的理解页面中的功能；使用过渡类名HTML结构： <div id="app"> <input type="button" value="动起来" @click="myAnimate"> <!-- 使用 transition 将需要过渡的元素包裹起来 --> ...
2019-12-30 10:15:11
179
原创 vue-resource 实现 get, post, jsonp请求
除了 vue-resource 之外，还可以使用 axios 的第三方包实现实现数据的请求之前的学习中，如何发起数据请求？常见的数据请求类型？ get post jsonp测试的URL请求资源地址：get请求地址： http://vue.studyit.io/api/getlunbopost请求地址：http://vue.studyit.io/api/postjsonp请求地...
2019-12-30 10:08:26
237
原创 键盘修饰符以及自定义键盘修饰符和生命周期函数
1.x中自定义键盘修饰符【了解即可】Vue.directive('on').keyCodes.f2 = 113;2.x中自定义键盘修饰符通过Vue.config.keyCodes.名称 = 按键值来自定义案件修饰符的别名：Vue.config.keyCodes.f2 = 113;使用自定义的按键修饰符：<input type=“text” v-model=“name” ...
2019-12-30 10:06:08
230
原创 Vue过滤器
概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示；私有过滤器HTML元素： {{item.ctime | dataFormat('yyyy-mm-dd')}}私有 filters 定义方式：filters: { //...
2019-12-30 10:03:35
164
原创 vue筛选案例
1.x 版本中的filterBy指令，在2.x中已经被废除：filterBy - 指令<tr v-for="item in list | filterBy searchName in 'name'"> <td>{{item.id}}</td> <td>{{item.name}}</td> <td>{{...
2019-12-30 09:54:54
420
原创 基于vue的ui框架
基于vue的ui框架饿了么公司基于vue开发的ui组件库Element UI 基于vue pc端的ui框架MintUI 基于vue 移动端的ui框架element UI的使用：1.找官网 http://element.eleme.io/#/zh-CN/component/quickstart2.安装 cnpm i element-ui -S ...
2019-12-30 09:49:25
258
原创 VUE第一天笔记
Vue.js - Day1课程介绍前5天： 都在学习Vue基本的语法和概念；打包工具 Webpack , Gulp后5天： 以项目驱动教学；什么是Vue.jsVue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js 是前端的主流框架之一，和An...
2019-11-12 13:58:37
434
原创 Git的使用
git什么是git？git是一款源代码管理工具（版本控制工具）我们写的代码需要使用git进行管理为什么要使用git进行管理因为人工的去处理不同的版本，作相应的备份很麻烦，git是linux之父当年为了维护linux—linus之前也是手动维护；linus自己写了一个版本管理工具（git）git安装1.初始化git仓库这个仓库会存放 git对我们项目代码进行备份的文件-在项目中打开 ...
2019-10-18 15:47:55
214
原创 Jquery知识总结（2）
一.相关尺寸设置与获取以及滚动事件1.获取和设置元素的尺寸width()、height() 获取元素width和height innerWidth()、innerHeight() 包括padding的width和height outerWidth()、outerHeight() 包括padding和border的width和height outerWidth(true)、...
2019-08-05 10:51:54
293
原创 jquery知识总结（1）
一、jQuery 的介绍jQuery 是目前使用最广泛的 javascript 函数库。据统计，全世 界排名前 100 万的网站，有 46%使用 jQuery，远远超过其他库。微软 公司甚至把 jQuery 作为他们的官方库。 jQuery 的版本分为 1.x 系列和 2.x、3.x 系列，1.x 系列兼容低版 本的浏览器，2.x、3.x 系列放弃支持低版本浏览器，目前使用最多 的是 1.x 系...
2019-07-29 12:28:56
1004
1
原创 HTML CSS JAVASCRIPT JQUERY阶段考核
1.$()是什么？$符号是jquery框架对外暴露的全局变量 是window对象的属性$()代表jquery的核心函数 可接收一个函数，字符串，DOM元素$(function(){}) 接收字符串选择器接收DOM元素 该元素被包装成一个jquery对象返回2.javascript window.onload事件和jquery ready函数的不同原生js和jquery入口函数的加载模式...
2019-07-29 11:16:07
440
原创 PHP数组
何为数组 顾名思义 数组就是很多个数据储存在一起如果您有一个项目清单（例如：手机名字的清单），将其存储到单个变量中，如下所示：$cars1="iphone";$cars2="vivo";$cars3="huawei";然而，如果您想要遍历数组并找出特定的一个呢？如果数组的项不只 3 个而是 300 个呢？解决办法是创建一个数组！数组可以在单个变量中存储多个值，并且您可以根据键访问其...
2019-07-26 23:30:10
190
原创 PHP的几种数据类型
1字符串个字符串是一串字符的序列，就像 “Hello php!”。你可以将任何文本放在单引号和双引号中：<?php $x = "Hello php!";echo $x;echo "<br>"; $x = 'Hello php!';echo $x;?>2.PHP 整型整数是一个没有小数的数字。有以下几项规则1.整数必须至少有一个数字 (0-9)2.整...
2019-07-26 22:45:24
453
原创 PHP基础知识
PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。PHP 是免费的，并且使用非常广泛。同时，对于像微软 ASP 这样的竞争者来说，PHP 无疑是另一种高效率的选项。输出结果为 hello php基础语法格式 为 <?echo？>PHP 是什么？PHP（全称：PHP：Hypertext Preprocessor，即"PHP：超文本预处理器"）是一种通用开源脚...
2019-07-26 22:12:45
321
原创 Javascript的高级应用之对象与面向对象详解
一、JavaScript面向对象编程1.对象对象是一个单独的存在，单个事物的抽象，对象是一个容器，封装了属性（property）和方法（method）。属性是对象的状态，方法是对象的行为（完成某种任务）。在实际开发中，对象是一个抽象的概念，可以将其简单理解为：数据集或功能集。在JavaScript中，所谓的对象，就是键值对的集合。将相关的变量和函数组合成一个整体，这个整体叫做对象，对象...
2019-07-17 22:27:01
195
原创 面向对象 构造函数和原型的重点
1、什么是面向对象？面向对象是一种对现实世界理解和抽象的方法，是计算机编程技术发展到一定阶段后的产物，它只是过程式代码的一种高度封装，目的在于提高代码的开发效率和可维护性。面向对象是一种思想 一种编程的思想2、面向对象好处重复使用 简化代码 方便维护 开发效率高3、面向对象的三大特征封装 对象是将数据与功能组合到一起, 即封装js 对象就是 键值对的集合- 键值如果是数据( 基本数据...
2019-07-17 00:59:09
136
原创 JavaScript第二天笔记
一、数组及数组的方法数组的概念数组是一组数据的集合，在 JavaScript 中，数组里面的数据可以是不同的类 型。数组的初始化初始化一个数组有三种方法：第一种方式：var myCars=new Array();myCars[0]=“xiaohong”;myCars[1]=“xiaohuang”;myCars[2]=“xiaolan”;第二种方式：var myCars=ne...
2019-07-17 00:54:23
221
原创 JavaScript第一天笔记
本章要点：1.JavaScript简介以及JavaScript中的变量；2.JavaScript中的数据类型及数据类型转换；3.JavaScript中的运算符与表达式；4.JavaScript中的流程语句（条件、循环）。一、JavaScript的介绍JavaScript是什么？JavaScript 是一种基于对象和事件驱动并具有相对安全性 的客户端脚本语言。同时也是一种广泛用于客户...
2019-07-17 00:54:06
564
原创 CSS第三天笔记
css3第三天3d转换左手坐标系伸出左手，让拇指和食指成“L”形，大拇指向右，食指向上，中指指向前方。这样我们就建立了一个左手坐标系，拇指、食指和中指分别代表X、Y、Z 轴的正方向。如下图2. CSS 中的 3D 坐标系CSS3 中的 3D 坐标系与上述的 3D 坐标系是有一定区别的，相当于其绕着 X轴旋转了 180 度，如下图借助示例理解 3D 转换绕X 轴旋转，见代码...
2019-07-17 00:53:44
265
原创 CSS第二天笔记
css第二天边框其中边框圆角、边框阴影属性，应用十分广泛，兼容性也相对较好，具有符合渐进增强原则的特征，我们需要重点掌握。边框圆角border-radius每个角可以设置两个值 ，x 值，y 值1: 边框圆角处理2: 正方形3：椭圆圆角处理时，脑中要形成圆、圆心、横轴、纵轴的概念，正圆是椭圆的一种特殊情况。如下图可分别设置长、短半径，以“/”进行分隔，遵循“1，2，3，4...
2019-07-17 00:53:23
386
原创 CSS3第一天笔记
CSS第一天如同人类的的进化一样，CSS3 是CSS2 的“进化”版本， 在CSS2 基础上， 增强或新增了许多特性， 弥补了CSS2 的众多不足之处，使得 Web 开发变得更为高效和便捷。 CSS3 的现状1、浏览器支持程度差，需要添加私有前缀2、移动端支持优于PC 端3、不断改进中4、应用相对广泛如何对待1、坚持渐进增强原则2、考虑用户群体3、遵照产品的方案4、听Boss ...
2019-07-17 00:52:49
388
原创 HTML5笔记
一、认识 HTML5前面我们学习的html 是什么？ Html4.0网页开发： html 结构 4.0Css ->样式 2.0Js 行为 用户交互HTML5 是html4.0 升级版结构 Html5 、样式 css3 、行为: API 都有所增强HTML5 并不仅仅只是做为HTML 标记语言的一个最新版本，更重要的是它制定了Web 应用开发的一系列标准，成为第一个将Web 做...
2019-07-17 00:52:10
393
原创 css第二天笔记
二、CSS 的盒子模型介绍和使用1．盒子模型解释元素在页面中显示成一个方块，类似一个盒子，CSS 盒子模型就是使用现实中盒 子来做比喻，帮助我们设置元素对应的样式。盒子模型示意图如下：把元素叫做盒子，设置对应的样式分别为：盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距(margin)。2．设置边框设置一边的边框，比如顶部边框，可...
2019-07-17 00:50:38
290
原创 CSS第一天笔记
CSS的学习1.css的概述CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一样式解决了一个普遍的问题HTML 标签原本被设计为用于定义文档内容。通...
2019-05-21 12:04:47
567
原创 HTML笔记framest框架使用
三、Html 内嵌框架<iframe>标签会创建包含另外一个 html 文件的内联框架（即行 内框架）， src属性来定义另一个html文件的引用地址， frameborder 属性定义边框，scrolling 属性定义是否有滚动条，代码如下：内嵌框架与 a 标签配合使用a 标签的 target 属性可以将链接到的页面直接显示在当前页面的iframe 中，代码如下：ro...
2019-05-19 22:03:26
909
原创 web前端学习笔记
二，HTML第二天笔记1.表单表单用于搜集不同类型的用户输入，表单由不同类型的标签组成，实现一个特定功能的表单区域（比如：注册），首先应该用<form>标签来定义表单区域整体，在此标签中再使用不同的表单控件来实现不同类型的信息输入，具体实现及注释可参照以下伪代码：form 定义表单区域,action 定义表单数据提交的地址，method 属性定义提交的方式 <fo...
2019-05-19 19:58:11
289
原创 web前端学习笔记
二、Html 概述和 Html 编译器及 Html 基本结构1. Html 简介 HTML 是 Hyper Text Markup Language 的首字母简写，意思是 超文本标记语言，超文本指的是超链接，标记指的是标签，是一种 用来制作网页的语言，这种语言由一个个的标签组成，用这种语言 制作的文件保存的是一个文本文件，文件的扩展名为html或者htm， 一个 html 文件就是一个网页，html 文件用编辑器打开显示的是文 本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照 标签描述内容将文
2019-05-19 18:56:06
256
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人