随笔分类 -  前端学习笔记

前端学习过程中的一些笔记
Angular独立组件简单体验
摘要：前言 Angular 14一项令人兴奋的特性就是Angular的独立组件终于来了。 在Angular 14中， 开发者可以尝试使用独立组件开发各种组件，但是值得注意的是Angular独立组件的API仍然没有稳定下，将来可能存在一些破坏性更新，所以不推荐在生产环境中使用。 如何创建一个独立组件 对于已 阅读全文
posted @ 2022-06-09 21:37 大明二代 阅读(835) 评论(0) 推荐(1)
记录一次迁移Apollo Server V3的过程
摘要：前言 Apollo Server V3出来也快半年了，是时候把express-postgres-ts-starter的graphql部分升级了。 使用dependabot帮助更新版本 dependabot是一个github的工具(似乎也支持gitlab,但是我不确定)，用于检测repo依赖安全性，同 阅读全文
posted @ 2021-12-15 15:18 大明二代 阅读(493) 评论(0) 推荐(0)
angular和spring boot的standalone部署
摘要：前言 虽然前后端分离是现在主流的开发模式，但是我不认为前后端分离就意味着前后端部署，部署的时候也可以将前端打包后的资源文件放在jar包里，成为后端的一部分。 angular打包 首先使用angular-cli的打包命令去编译angular文件 ng build --configuration pro 阅读全文
posted @ 2021-11-25 11:24 大明二代 阅读(393) 评论(0) 推荐(0)
使用Bazel编译TypeScript
摘要：准备 请事先安装Nodejs,Yarn 1.x和Bazel 我使用的版本为: Nodejs: v14.17.3 Yarn: 1.22.5 Bzel: 4.1.0 创建一个Typescript项目 选择指定目录，创建一个名为ts-bazel(其他名字也可以)的文件夹，使用终端进入该文件夹，然后执行np 阅读全文
posted @ 2021-08-22 12:14 大明二代 阅读(415) 评论(0) 推荐(0)
在windows上构建angular项目 (下)
摘要：前言 当完成bazel的安装之后，我们还需要安装nodejs就可以开始编译angular了。 Nodejs 目前angular仅支持nodejs12和nodejs14这两个版本，推荐使用node14这个版本。 对于windows平台而言，nodejs可以直接从官网选择windows平台的二进制包下载 阅读全文
posted @ 2021-05-17 21:38 大明二代 阅读(219) 评论(0) 推荐(0)
在windows上构建angular项目 (上)
摘要：前言 前端三大框架(angular, react, vue)中，angular一直都是一个很独特的存在。首先，angular的概念很多，服务、依赖注入、模块，指令等，都是在前端圈不是很常用的，此外，angular使用了bazel作为构建工具，而react和vue都是使用了rollup，因此在本地编译 阅读全文
posted @ 2021-05-13 22:46 大明二代 阅读(251) 评论(0) 推荐(0)
Angular包格式v8.0
摘要：Angular Package Format(APF)v8.0 This document describes the structure and format of the Angular framework packages currently available on npm. This fo 阅读全文
posted @ 2019-05-27 17:49 大明二代 阅读(794) 评论(0) 推荐(0)
推荐一套Angular2的UI模板
摘要：Core UI "Core UI" 是一款基于Bootstrap4的UI模板，有html、angular2,react和vue版.我是在使用angular2版本中发现其项目结构不符合angular风格指南推荐，同时感觉有一些组件其也不太支持，所以便有了一个改造它的想法。 Daming Core UI 阅读全文
posted @ 2019-02-07 21:54 大明二代 阅读(851) 评论(0) 推荐(0)
JavaScript对象类型之创建对象
摘要：引言 JavaScript中，可以通过对象直接量，关键字new(ECMAScript 5中的)Object.create()，函数来创建对象。 对象直接量 JavaScript中使用对象直接量来创建对象是最简单的方式。对象直接量是由若干名/值对组成的映射表，名/值对中间用冒号分隔，名/值对之间用逗号 阅读全文
posted @ 2017-11-07 22:59 大明二代 阅读(351) 评论(0) 推荐(0)
JavaScript对象类型之简单介绍
摘要：引言 对象是JavaScript的基本数据类型。 对象是一种复合值：将很多值(原始值或者其他对象)聚合在一起，通过名字访问这些值。 对象可以看做属性的无序集合，每个属性都是一个名/值对。属性名是字符串。 对象还可以看做字符串到值的映射。 除了可以保持自有的属性，对象还可以从一个称为原型的对象继承属性 阅读全文
posted @ 2017-11-07 20:19 大明二代 阅读(386) 评论(0) 推荐(0)
JavaScript数据类型之null和undeined
摘要：null null是JavaScrpt的关键字，表示一个特殊值，常用于描述“空值”。对null执行typeof运算将返回字符串“object”。 undefined JavaScript还有第二个值undefined来表示值的空缺，表明变量没有初始化。undefined是预定义的全局变量，表示“未定 阅读全文
posted @ 2017-11-04 18:12 大明二代 阅读(425) 评论(0) 推荐(0)
JavaScript数据类型之布尔类型
摘要：引言 布尔值指代真或假、开或关、是或否。这个类型只有两个值，保留字true和false。JavaScript程序中的比较语句的结果通常都是布尔值。布尔值通常用于JavaScript中的控制结构中。 真假值 所有的值，包括所有的对象(数组)都会转换成true，除了下面几个值： 1. undefined 阅读全文
posted @ 2017-11-04 17:21 大明二代 阅读(2079) 评论(0) 推荐(0)
JavaScript数据类型之文本类型
摘要：引言 字符串(string)是一组由16位值组成的不可变的有序序列，每个字符通常来自于Unicode字符集。JavaScript通过字符串类型来表示文本。字符串的长度(length)是其所含16位值的个数。JavaScript字符串(和其数组的索引从零开始，起始位是0)。JavaScript中没有表 阅读全文
posted @ 2017-11-03 21:27 大明二代 阅读(1037) 评论(0) 推荐(0)
JavaScript数据类型之数字类型
摘要：引言 JavaScript不区分整数值和浮点数值，全部使用浮点数值表示。当一个数字直接出现在JavaScript程序中，我们称之为数字直接量(numeric litertal)。JavaScript支持多种格式的数字直接量。 整型直接量 在JavaScript程序中，用一个程序序列表示一个十进制整数 阅读全文
posted @ 2017-11-02 21:47 大明二代 阅读(1037) 评论(0) 推荐(0)
JavaScript语法结构
摘要：注释 JavaScript支持两种格式的注释。在行尾“//”后的文本都会被JavaScript当作注释忽略掉的。此外，“/ ”和“ /”之间的文本也会当作注释，这种注释可以跨行书写，但不能有嵌套的注释。 直接量 所谓直接量(literal)，就是程序中可以直接使用的数据值。下面列出的都是直接量： 1 阅读全文
posted @ 2017-10-31 21:26 大明二代 阅读(379) 评论(0) 推荐(0)
JavaScript字符集
摘要：引言 JavaScript程序使用Unicode字符集编写。Unicode是ASCII和Latin 1的超集，并支持地球上几乎所有在使用的语言。ECMAScript3要求JavaScript的实现必须支持Unicode2.1及后续版本，ECMAScript5则要求支持Unicode3及后续版本。 区 阅读全文
posted @ 2017-10-30 09:49 大明二代 阅读(1364) 评论(0) 推荐(0)
Angular和Spring Boot一起做个项目
摘要：引言 最近由于公司人员调整，我不得不去转去做前端，被迫用三周的时间学习Angular，同时需要做一个简单的Web聊天室。对于前端不一点感冒的我而言，其实还算一个不小的挑战。在三周的过程中，我遇到很多的困难，其中一个困难是如何将Aangular和我已会的Java体系相结合。我不太习惯前后端分离，还是希 阅读全文
posted @ 2017-10-13 23:19 大明二代 阅读(13554) 评论(2) 推荐(1)