- 博客(110)
- 资源 (5)
- 收藏
- 关注
RSS订阅
原创 面向对象设计的七大基本原则
面向对象设计的七大基本原则1、开闭原则（Open Closed Principle,OCP）2、单一职责原则（Single Responsibility Principle,SRP）3、里氏替换原则（Liskov Substitution Principle,LSP）4、依赖倒置原则（Dependence Inversion Principle,DIP）5、接口隔离原则（Interfac...
2020-03-12 20:42:15
717
原创 前端通用命名规范和Vue项目命名规范
函数和方法命名：函数和方法的命名应该能够准确描述其功能，使用动词开头，使用驼峰命名法，例如：calculateSum()、getUserInfo()。变量和常量命名：变量和常量的命名应具有描述性，清晰明了，使用驼峰命名法或下划线命名法，例如：firstName、MAX_VALUE。类和接口命名：类和接口的命名应具有描述性，使用名词或名词短语，使用驼峰命名法，例如：Person、OrderService。注释和文档命名：注释和文档内容的命名应具有描述性，清晰明了，能够准确表达其含义和作用。
2024-03-29 15:18:32
490
1
原创 ts环境搭建
首先TypeScript需要在node的开发环境中，如果想确认自己是否安装了node，可以在终端输入来查看是否有node的环境。node -v安装TypeScriptnpm i -g typescript (全局安装)编译完.ts文件后，运行代码将ts编译为js：tsc filename.ts由于ts代码在实际运行时是编译成js的，因此在需要使用ts文件的html页面上引入.ts文件对应的.js文件即可，例如编写ts文件index.ts，那么引入的文件则为index.js，如下
2021-12-30 15:23:00
650
原创 TypeScript基础类型
//1.任意类型：any；声明any的变量可以赋予任意类型的值。//变量的值会动态改变时，比如来自用户的输入，任意值类型可以让这些变量跳过编译阶段的类型检查let x:any = 1; //数字类型x = 'I am who I am'; //字符串类型x = false; //布尔类型//2.字符串类型:string;一个字符系列，使用单引号（'）或双引号（"）来表示字符串类型。反引号（`）来//定义多行文本和内嵌表达式。let name:string = "Runoob";...
2021-12-30 11:07:55
449
原创 为什么公司要求使用TypeScript而不是JavaScript
在过去的几年里，TypeScript的流行度一直在增加。它是2020年最有前途的五种语言之一。最大的前端框架之一Angular正在使用TypeScript。大约60%的JS程序员已经在使用TypeScript，22%的人希望尝试。首先我了解到，TypeScript是JavaScript的超集，主要提供可选的静态类型，类和接口。其中一个重要好处是使IDE能够在你键入代码时提供更丰富的环境来发现常见的错误。实际上一项研究表明，TypeScript可以检测到15%的JavaScript错误。我们都知道Ja
2021-12-30 10:11:28
768
原创 客户端与服务端的通信工程
注：客户端与服务端的通信过程始终遵循3点原则：1.客户端请求服务器；2.服务器处理这次请求；3.服务器响应客户端。客户端打开浏览器； 输入浏览器要访问的网站地址； 回车，向服务器发送资源请求；服务端服务端收到客户端发来的资源请求； 服务器内部处理这次请求，找到相关的资源； 服务器把找到的资源，响应（发送）给客户端。...
2021-09-11 10:22:57
119
原创 URL地址
URL地址的概念： URL(全程是UniformResourceLocator)中文叫统一资源定位符，用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问到对应的资源。URL地址的组成部分： URL地址一般由三部分组成：客户端与服务器之间的通信协议。 存有该资源的服务器名称。 资源在服务器上具体的存放位置。 ...
2021-09-10 16:03:15
343
原创 客户端与服务器
我们上网的目的是通过互联网的形式来获取和消费资源。服务器 上网过程中，负责存放对外提供资源的电脑，就做服务器。 服务器的本质就是一台电脑，只不过它的性能要比电脑高很多。客户端 上网过程中，负责获取和消费资源的电脑，叫做客户端。 个人电脑中，可以通过安装浏览器的形式，访问服务器对外提供的各种资源。...
2021-09-10 14:22:34
104
原创 Sass/SCSS和纯CSS写法对比
Sass和CSS写法有差别：Sass和CSS写法的确存在一定的差异，由于Sass是基于Ruby写出来，所以其延续了Ruby的书写规范。在书写Sass时不带有大括号和分号，其主要是依靠严格的缩进方式来控制的。如：Sass写法：body color:#fff background:#f36而在CSS我们是这样书写：body{ color:#fff; background:#f36;}SCSS和CSS写法无差别：SCSS和CSS写法无差别，这也是Sass后来越来越
2021-08-25 19:25:46
416
原创 Sass和SCSS有什么区别？
Sass和SCSS其实是同一种东西，我们平时称之为Sass，两者之间不同之处有以下两点：文件扩展名不同，Sass是以“.sass”后缀为扩展名，而SCSS是以“.scss”后缀为扩展名 语法书写方式不同，Sass是以严格的缩进式语法规则来书写，不带大括号（{}）和分号（;），而SCSS的语法书写和我们的CSS语法书写方法非常类似。Sass语法$font-stack:Helvetica,sans-serif //定义变量$primary-color:#eee //定义变量html f
2021-08-25 17:42:42
843
原创 什么是Sass
在Sass官网是这样描述的：Sass是一门高于css的元语言，它能用来清晰地、结构化地描述文件样式、有着比普通css更加强大的功能。Sass能够提供更简洁、更优雅的语法，同时提供多种能来创建可维护和管理的样式表。Sass的前世今生：Sass是最早的css预处理语言，有比LESS更为强大的功能，不过其一开始的缩进式语法（Sass老版本语法）并不能被大众接受，不过由于其强大的功能和Ruby on Rails的大力推动，还是有很多开发者选择Sass。Sass是采用Ruby语言编写的一款CSS预处理
2021-08-18 11:46:36
663
原创 什么是CSS预处理器
CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。通俗的说，“CSS预处理器用一种专门的变成语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用。CSS预处理器为CSS增加一些编程的特性，无需考虑浏览器的兼容性问题”，例如你可以在CSS中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性，可以让你的CSS更加简洁、适应性更强，可读性更佳，更易于代码的维护等诸
2021-08-18 11:27:27
253
原创 Vue3.0安装教程
如果你之前安装过vue2.0的话需要先卸载一下cnmp uni -g vue-cli然后需要安装最新的脚手架版本cnpm i -g @vue/cli下载完毕后，确定一下，查看下版本号vue -V然后就可以创建项目了vue create test然后有三个选项，建议新手选择第一个，这样你就不需要配置东西了，其余的建议选第三个手动设置，这样可以根据自己需要进行选择相关配置...
2021-07-22 21:31:10
373
原创 ts常用编译参数
--help 显示帮助信息 --module 载入扩展模块 --target 设置ECMA版本 --declaration 额外生成一个.d.ts扩展名的文件 --removeComments 删除文件的注释 --out 编译多个文件并合到一个输出的文件 --sourcemap 生成一个sourcemap (.map)文件。 --module nolmplicitAny 在表达式和声明上有隐含的any类型时报错 --watch 在监视模式下运行编译器。会监视输出文件，在它们改...
2021-07-08 15:41:07
245
原创 代码执行的两个阶段
在开发过程中我们不需要理解代码执行的过程，但是理解代码执行的过程对于我们理解JavaScript语言和代码运行机制非常重要，执行JavaScript代码主要分为以下两个阶段：代码预编译阶段 代码执行阶段预编译阶段是前置阶段，这一阶段会由编译器将代码编译成可以执行的代码。在其他语言中，编译是非常复杂的，涉及分词、解析、代码生成等过程。这里预编译是JavaScript中的独特概念，虽然JavaScript是解释性语言，编译一行执行一行，但是在执行前引擎会做好预先准备工作。在执行阶段就是执行代码的逻辑
2021-06-27 20:05:10
402
原创 初入React——Recat的起源和特点
React的起源来源于Facebook，当时Facebook想要做一款关于照片墙的App，当时筛选了市场上的大部分JavaScript MVC框架，都不满意，就决定自己写一套，用来架设自己的Instagram的网站。做出来以后，发现这套东西非常的好用，于是就决定对其进行开源，最终在2013年5月对外开源。React在定位上于传统的MVC框架是不同的：MVC模式MVC所实现的目标是使代码可扩展性，可复用性、可维护性、灵活性加强。Model层是业务逻辑，View层是界面，Controller（控
2021-06-25 14:05:37
427
原创 关于input的一些处理总结
一、input标签的类型标签 作用 <input type="text"> 单行文本框 <input type="password"> 密码框 <input type="checkbox"> 复选框(注意name要设置相同) <input type="radio"> 单行文本框（注意name）要设置相同 <input type="file"> 上传文件 <input type="
2021-05-24 17:50:13
386
原创 this根据上下文判断究竟指向谁
const student={ name:'小发发' fn:function(){ return this }}根据上面的示例我们来分析以下，this究竟指向的是什么。要想弄清楚this的指向，我们需要有一些根据。我们的根据到底是什么呢？根据资深老司机的经验老告诉你吧：一般通过上下文对象调用函数时，函数体内的this会被绑定到该对象中。所以我们可以清楚的知道student.fn()的是由student对象来调用的函数，所以此处的this应...
2021-04-11 19:49:06
98
原创 全局环境中的this
function a1(){ console.log(this)}function a2(){ 'use strict'; console.log(this)}a1() //windowa2() //undefined 这种情况下比较简单直接，函数在浏览器全局环境直接被调用，非严格模式下this指向window，严格模式下use strict情况下指向undefined。const foo ={ a:10, fn:function(...
2021-04-06 02:43:43
209
原创 让你明白this究竟指向谁
JavaScript中的this因指向灵活，使用场景较多，一直都是前端面试中的热点也是重点，无论对于初级开发者还是中高级开发者，几乎都是必考内容。这个概念虽然简单基础，但却是非常重要，你是否能够深刻理解this，是前端JavaScript进阶道路中的重要一环。this的指向并不是固定的，初学者常常会因为弄不清this究竟指向谁而导致很多bug。但this强大灵活，如果能熟练使用，就会让我们的代码更加简洁和优雅。关于this有一个广为肯定的说法：“谁调用它，this就指向谁”。也就是说，this的指向是在
2021-04-05 20:04:11
199
原创 等价类测试
产生的原因对系统进行穷尽测试是不可能的 使用有限的数据对系统进行测试是可能的 我们可以选择少量测试用例来测试系统，并满足以下条件： 测试是完备的 测试是没有冗余的 如何划分等价类有效等价类 有效等价类对应有效输入域的数据 有效等价类设计的测试用例用于检验被测系统是否能够正确完成指定功能。 无效等价类 无效等价类则对应无效输入域中的数据 无效等价类设计的测试用例被用来考察被测系统的容错性 ...
2021-04-04 00:37:36
561
2
原创 黑盒测试——边界值测试
产生的原因经过长期的测试工具经验表明，才输入域的边界或边界附近，常常会发现大量缺陷。 边界值测试倾向于选择系统边界或边界附近的数据来设计测试用例。使用边界值测试之前我们需要知道四个问题边界在哪里？ 如何定义边界的邻域？ 如何选择测试数据？ 如何设计测试用例？边界值在哪里？边界点就是可能导致被测系统内部处理机制发生变化的点。 需求中有利于识别边界点的文字：位置、尺寸、数量、长度、速度、高度、距离、质量、时间... 可能的边界点：第一个/最后一个，最小/最大，最少/最多，最短/最长，
2021-04-01 17:03:29
381
原创 软件质量的定义
什么是质量Joseph M.Juran，朱兰，美国质量管理专家 质量就是良好的实用性 从顾客角度出发 用户对产品的基本要求是适用不同类型用户对产品和服务的要求不同Philip B.Crosby，克劳斯比，美国质量管理专家，零缺陷之父。 质量是产品符合规定要求的程度从生产者角度出发 使用要求：即用户需求，应准确、清晰地表达，多样化、动态化的用户需求。 满足程度：应通过一定手段、借助工具进行定期测量。 提供标准：应有标准来衡量产品与需求的一致程度。ISO8402质量的定义
2021-04-01 15:40:17
433
1
原创 软件缺陷的定义
软件缺陷被定义为BugBug一词最早的发明家托马斯·爱迪生的年代就被广泛用于指机器故障，这在爱迪生本人在1870年左右的笔记中可以看到。第一个发现软件缺陷的人Grace Hopper，计算机软件之母 1945年9月9日 “First actual case of bug being found”（第一个发现虫子的实例）软件缺陷案例不胜枚举1978年，NASA臭氧层测试数据分析软件的缺陷。 1982年，西伯利亚天然气管道控制软件缺陷。 1990年，AT&T大型交换机软件的
2021-03-31 18:48:09
323
原创 测试三大问
为什么需要软件测试？软件测试是软件质量保证的一部分，早期引入软件测试有利于尽早发现缺陷和预防缺陷植入，并可以协助建立质量的文化。软件测试的核心价值是什么？软件测试职位本身带来的价值 设置这一职位的目的，就是要让软件产品在交到用户手里之前得到很好的检验，所以，从事软件测试工作的人员必须对被测产品的质量负责。有了岗位负责制，产品的质量就在一定程度上可以得到保障了。软件测试职位本身带来的价值 做得更专业，更好。哪些人需要了解软件测试？用户：参与需求验证和验收测试 项目经理...
2021-03-31 00:17:22
115
1
原创 安卓UI控件——RadioButton
RadioButton单选按钮，选中和未选中两种状态经常与RadioGroup配合使用，实现互斥关系。系统默认的RadioButton都是图标在左侧，文字在右侧。<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="请选择年级" android:textSize="20sp" />
2021-03-30 18:17:40
644
原创 内联元素和块元素
内联元素是不可以控制宽和高、margin等；并且在同一行显示，不换行。块级元素可以控制宽和高、margin等，并且可以换行一、inline使用此属性后，元素会被显示为内联元素，元素则不会换行inline是行内元素，同行不显示，例如：span、font、em、b这些默认的都说行内元素，不会换行，也无法设置宽度、高度、margin、border二、block使用此属性后，元素会被认为是块级元素，元素会进行换行。块级元素：div、p、ul、li等这些默认都是块元素，会换行，除非设置floa
2021-03-30 13:40:14
133
原创 在HTML中嵌入PHP代码的三种方法
以"<?php开头，以 ?>"结尾，中间为PHP代码 以<script language="php">开头，</script>结束，中间为PHP操作代码 "<! 开头，以>"结尾，中间为PHP操作代码
2021-03-30 11:42:56
3238
原创 关于select的一系列操作
<form name="a"> <select name="a" id="obj" size="1"> <option value="a">1</option> <option value="b">2</option> <option value="c">3</option> </select> </form>window...
2021-03-30 10:58:47
159
原创 HTML5新增全局属性——contenteditable
在HTML5中新增加了一个contenteditable属性，中文理解就是让文本处于可编辑状态。目前所有的主流浏览器都支持contenteditable属性，contenteditable属性指定元素内容是否可编辑，此元素可继承。<p contenteditable="true"></p>contenteditable属性有两个值：true：指定元素是可编辑的 false：指定元素是不可编辑的...
2021-03-29 18:12:08
1231
原创 前端行业发展和职业规划
在互联网行业技术的更新是日新月异，更新的速度是非常快的！我们应该做到学无止境！前端工程师的机遇我们应该抓住机遇、跟上风口：入口应用会小程序化 Web前后端融合为全栈开发 前端逐渐发展为全端前端工程师的瓶颈和突破技术层面：主要偏向于页面的设计、页面的交互。需要依靠设计和后端人员。 思想层面：如果工作环境比较轻松，会让自己变得比较懒散，思想让会退化，不求进步了！ 精神层面：随着工作经验的丰富，年龄也在增长，随着家人的加入和身体的退化，导致我们心有余力不足自我突破由前端到全栈 聚
2021-03-29 17:30:18
3467
1
原创 安卓UI组件——ImageView
ImageView是加载各种图片资源的控件。（1）它有两个可以设置图片的属性，分别是：src和background。src指的是控件内容，填入图片时，是按照图片大小直接填充，不会进行拉伸。 background指的是背景，填入图片时，会根据控件给定的宽度来进行拉伸。当固定了宽度或者高度，background会拉伸图片完全填充整个ImageView，而src依旧是那么大，并且图片居中显示在控件上（2）调整图片有时界面上需要ImageView大小固定，这样加载进来的图片尺寸不一定与控件大小保
2021-03-29 16:53:38
202
原创 安卓UI组件——EditText(文本框)
EditText文本框，程序和用户交互的另一个重要控件，这个控件允许用户输入和编辑信息。在发送短信、拨打电话这些操作时，都需要使用它。<EditText android:id="@+id/et_text" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="please input name" androi
2021-03-29 15:27:47
464
原创 Android组件Button点击实现原理
创建一个子类实现onClick方法创建的子类对象就是一个监听器调用setOnClickListener方法；然后绑定到BUTTON按钮上，当用户点击后，监听器监听到会告诉系统，系统会调用onClick方法，最后响应onClick中的代码！...
2021-03-29 14:01:39
241
原创 安卓UI组件——Button
Button继承自TextView控件，用于程序和用户进行交互，最重要的作用就是响应用户的点击事件。Button控件设置点击事件有四种方式。一、在布局文件中指定onClick属性 public void click1(View view){ }方法首部除方法名与onClick属性值保持一致，其他都说固定写法。借助Toast实现点击按钮时界面上显示提示信息。使用代码：Toast.makeText(this,"按钮1被点击了")Toast.LE
2021-03-29 11:41:42
288
原创 TextView常用属性
android:id 定义一个唯一的标识符android:layout_widthandroid:layout_heightandroid:text：指定显示的文本内容android:gravity:文本对齐方式，可选值top、bottom、left、right、centerandroid:textSize：文本大小，sp作为单位android:textColor：文本颜色android:textStyle：文本样式match_parent、wrap_content和设定固定
2021-03-27 15:20:47
147
原创 安卓UI控件——TextView
程序界面的功能是让用户观察和操作数据，能够响应用户的操作通知给程序。界面上的控件就是显示数据和响应用户操作的UI元素，控件就是数据和行为的载体。TextView主要用于界面上显示一段文本信息。<TextView android:id="@+id/textView" android:layout_width="36dp" android:layout_height="20dp" android:text="你好！"
2021-03-27 14:14:34
2117
3
原创 资源的管理与使用
Android中的资源是指非代码部分，是代码中使用的外部文件，包括图片、布局、字符串、颜色等。Android项目中资源文件分别存放在res和assets目录中。图片资源Android中图片资源包括扩展名为.png、.jpg、.gif等文件。应用图标资源存放在mipmap开头的文件夹，界面中使用的图片资源放在drawable开发的文件夹。调用图片资源文件有两种方式：1.通过Java代码调用图片getResources().getDrawable(R.mipmap.ic_launc
2021-03-26 18:06:15
314
原创 Android项目目录总结
一级目录app目录包含了项目中的代码和资源目录。 build.gradle就是项目的全局gradle构建脚本。 local.properties:主要是安卓开发中的SDK路径，都是系统自动生成的。 settings.gradle:用于指定项目中所有指定的模块二级目录：app目录Build：主要包含了一些在编译时自动生成的文件，不需要操作。 libs：项目中解析Json串时用到了第三方插件Gson，就可以将Gson.jar文件复制到libs目录下。 src：存放项目的源码以及项目中
2021-03-26 13:47:30
154
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人