自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 前端八股文

HTML(Hypertext Markup Language)是一种用于创建网页结构的标记语言。

2024-02-18 17:39:32 436

原创 关于CSS选择器

以上是一些常见的CSS选择器,它们可以单独或组合使用,以达到选择特定元素并应用样式的目的。CSS选择器是用于选择HTML文档中要样式化的元素的模式。

2024-02-18 17:38:55 273

原创 关于盒模型

盒模型(Box Model)是CSS中用来描述元素占用空间的模型。每个HTML元素可以被看作是一个矩形的盒子,包括内容区域、内边距、边框和外边距。这些部分合在一起构成了元素的盒模型。元素的盒模型包括内容区域、内边距、边框和外边距。元素的实际宽度和高度将是内容区域的宽度和高度之和,而整个盒模型占用的空间将包括外边距、边框、内边距和内容区域的总和。

2024-02-18 17:34:18 175

原创 关于事件委托

当用户点击任何li元素时,事件会冒泡到ul元素,然后我们通过判断事件的目标元素(event.target)是否为li元素来确定用户点击的是哪个子元素。事件委托的基本思想是将事件监听器绑定到父元素,而不是每个子元素,然后利用事件冒泡的过程,从而在父元素上捕获事件,进而判断事件的目标(target)是哪个子元素。事件委托是一种JavaScript编程模式,通过将事件处理器绑定到一个父元素上,以便利用事件冒泡机制来处理子元素的事件。这样可以减少事件处理器的数量,提高性能,并简化代码。

2024-02-18 17:30:14 219

原创 关于CDN

CDN(内容分发网络)是一种分布式的服务器系统,旨在有效地提供互联网上的内容,特别是静态资源,如图片、样式表、脚本文件等。CDN的主要目标是提高网站的性能、降低加载时间,并减轻原始服务器的负载。CDN会定期更新缓存的内容,确保用户获得最新版本的网站资源。当用户请求网站内容时,CDN会通过智能的路由系统将用户请求导向最近的服务器节点。CDN通过在全球范围内分布的多个服务器节点缓存静态内容。通过在全球范围内分布内容,CDN可以减少原始服务器的带宽成本,因为相同的内容不需要每次都从原始服务器传输。

2024-02-18 17:22:32 265

原创 关于前端性能优化

前端性能优化是提高网站加载速度、响应速度和用户体验的关键步骤之一。这些优化方法可以根据具体项目的需求和特点进行选择和组合,以达到最佳的性能提升效果。

2024-02-18 17:09:01 267

原创 关于懒加载和预加载

懒加载(Lazy Loading)和预加载(Preloading)是前端性能优化的两个关键策略,它们有助于改善网页加载性能,提升用户体验。

2024-02-18 16:47:52 466

原创 关于React中的状态和属性

在React中,状态(State)和属性(Props)是两个核心概念,用于管理组件的数据和传递信息。

2024-02-18 16:22:06 582

原创 关于Http和Https

HTTP(超文本传输协议)和HTTPS(超文本传输安全协议)是用于在计算机之间传输数据的协议。它们是互联网上常见的两种通信协议,用于浏览器和服务器之间的数据传输。

2024-02-18 16:10:17 1183

原创 关于pnpm安装

2、输入 set-executionpolicy remotesigned 后按y,问题得到解决。1、使用管理员的身份打开powershell, win + x。:现用执行策略是 Restricted(默认设置)

2024-01-29 10:54:46 132

原创 Node.js安装

Node.js安装官网地址 :https://nodejs.org/zh-cn/考虑到稳定性的问题,一般选择LTS版本,下载完成后,安装直接点击“下一步”,finish完成安装安装完成后Window+R cmd打开控制台,输入命令 node -v 即可查看到node的版本输入命令 npm -v 查看npm的版本如上图输出了版本号,即可使用npm命令了...

2024-01-25 14:48:50 333

原创 关于闭包.

闭包是一种在编程语言中常见的概念,特别是在函数式编程和JavaScript等语言中。闭包指的是一个函数(或者指向该函数的指针)以及在定义该函数时创建的闭包环境,这个环境包含了函数定义时所处的作用域中的局部变量。需要注意的是,过度使用闭包可能导致内存泄漏,因为闭包中的变量会一直存在于内存中,不会被垃圾回收。闭包包含了在函数定义时可访问的所有局部变量,即使在该函数执行完成后,这些变量依然可以被访问和引用。这种情况就是闭包的体现,内部函数保持对外部函数作用域的引用,形成了一个闭包环境。

2024-01-25 14:48:24 359

原创 关于BFC(块级格式化上下文)

BFC(块级格式化上下文)是CSS中的一个概念,用于描述块级盒子的布局规则。BFC是一个独立的渲染区域,规定了内部块级元素如何布局,并且与外部元素互不影响。理解BFC对于解决一些布局问题和避免样式冲突非常重要。

2024-01-25 14:47:52 353

原创 关于原型链

原型链是JavaScript中一个重要的概念,用于实现对象之间的继承。在JavaScript中,每个对象都有一个原型对象(prototype),并且对象之间通过原型链相互关联。当试图访问对象的属性或方法时,JavaScript引擎会沿着原型链向上查找,直到找到相应的属性或方法,或者到达原型链的顶端(Object.prototype)。

2024-01-25 14:46:42 328

原创 关于React、Vue和Angular

React、Vue和Angular是三个流行的前端框架,用于构建现代化的用户界面。它们在设计理念、使用方式和生态系统等方面有很多不同之处。

2024-01-25 14:46:24 362

原创 关于跨域.

跨域(Cross-Origin)是指在浏览器的同源策略(Same-Origin Policy)下,一个网页的文档或脚本试图请求另一个域下的资源时,会被阻止。同源策略是一种浏览器的安全机制,限制了不同源之间的交互,包括跨域的HTTP请求。同源策略要求两个页面具有相同的协议(http/https)、域名和端口。如果这三者中有任何一个不同,就会产生跨域问题。

2024-01-25 14:45:56 324

原创 关于HTML5新特性

支持在后台运行脚本的Web Workers,可以提高Web应用的性能,允许在主线程之外执行任务。引入了Web Sockets,提供了双向通信的能力,使得服务器和客户端之间可以实时进行数据交换。元素,允许使用JavaScript绘制图形,为开发2D游戏、图表和其他图形应用提供了强大的支持。HTML5引入了新的解析规则,使得浏览器更容易理解不规范的HTML代码,提高了容错性。元素,使得嵌入音频和视频变得更加简单,同时提供了对多媒体控制和自定义的支持。改进了对矢量图形的支持,引入了。引入了新的表单输入类型,如。

2024-01-25 14:43:02 370

原创 关于HTML

HTML是构建网页的基础,与CSS(Cascading Style Sheets)和JS(JavaScript)一起形成了现代Web页面的基本结构。HTML被用来创建和组织网页的结构,它包含头部(head)、主体(body)、段落(paragraphs)、标题(headings)、列表(lists)等元素,这些元素共同构成了一个网页的基本框架。HTML有不同的版本,目前最新的版本是HTML5,它引入了许多新特性和改进,以适应现代Web开发的需求。一个完整的HTML标签通常包括开始标签、内容和结束标签。

2024-01-25 14:37:37 948

原创 VUE项目记录(更新中)

目录1、根据链接获取文件类型2、文件预览3、文件下载4、开启调试模式5、适应手机屏幕(禁止点击输入框时页面放大)1、根据链接获取文件类型 getFileType(url) { let pdfReg = /^.+(\.pdf)$/ let txtReg = /^.+(\.txt)$/ let wordReg = /^.+(\.doc|\.docx)$/ let excelReg = /^.+(\.xls|\.xl...

2021-11-20 17:20:27 928

原创 Android之点击EditText外部收起软键盘

xml根布局中添加:android:focusable="true"android:clickable="true"android:focusableInTouchMode="true"Activity/Fragment中添加://点击软键盘外部,收起软键盘binding.passwordEt.setOnFocusChangeListener((view, hasFocus) -> { if(!hasFocus){ KeyboardUtil.closeSo

2021-06-30 21:29:45 1469 2

原创 HarmonyOS应用开发环境搭建

安装软件进入HarmonyOS应用开发官方网站

2021-05-28 14:21:12 680

原创 使用Vue创建一个项目

环境:已经 安装 node.js npm从git上clone项目命令:git clone http://10.7.0.240:9001/cq-smartplatform/tec-employee.git创建项目命令:vue create tec-employee选择配置配置完成最后附上所有命令代码:Microsoft Windows [版本 10.0.19041.508](c) 2020 Microsoft Corporation. 保留...

2021-04-14 14:45:45 232

原创 不透明度换算公式及参照表

换算公式:for (double i = 1; i >= 0; i -= 0.01) { i = Math.round(i * 100) / 100.0d; int alpha = (int) Math.round(i * 255); String hex = Integer.toHexString(alpha).toUpperCase(); if (hex.length() == 1) hex = "0" + hex; int percent = (in

2021-02-05 16:12:20 1180

原创 Android EditText之imeOptions属性控制软键盘回车键

功能描述:输入关键词之后,点击软键盘的搜索按钮,就可以执行搜索操作。布局如下:<EditText android:id="@+id/search_content_et" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="搜索关键字" android:maxLines="1" android:inputType=".

2021-01-06 11:44:03 377

原创 [ app.json文件内容错误] app.json: [ “usingComponents“ ] [ “van-overlay“ ] : “@vant/weapp/overlay“ 未找到

报错内容:解决办法:工具 -- 构建 npm ,如下图:

2020-09-08 11:06:25 18128 4

原创 Android权限之 位置信息

应用位置权限AndroidManifest中注册 <!-- 这个权限用于进行网络定位 --> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> <!-- 这个权限用于访问GPS定位 --> <uses-permission android:name="android.permission.ACCESS_FINE_LOCATI

2020-08-13 13:10:54 2745

原创 给指定的drawable着色

/** * 给指定的drawable着色 * 调用方式: * imageView.setImageDrawable(PicUtil.tintDrawable(imageView.getDrawable(), getResources().getColor(R.color.white))); * @param drawable * @param color * @return */public static Drawable tintDrawable(Drawable drawable, i.

2020-06-01 15:58:17 183

原创 使用Git将项目托管到码云远程仓库

【Git的安装】进入Git官网,下载最新的Git安装程序下载完成以后得到一个安装程序,双击之后按照提示进行安装(默认安装在C盘,也可以自己选择安装路径)安装完成之后,在开始菜单中找到Git控制台打开后输入git --version如果弹出Git的版本号,则表示安装成功了!【使用Git将项目托管到码云】Ps:码云提供了基于SSH协议的Git服...

2020-04-22 11:15:00 283

原创 https服务证书错误javax.net.ssl.SSLHandshakeException: java.security.cert.CertPathValidatorException:

javax.net.ssl.SSLHandshakeException: java.security.cert.CertPathValidatorException: Trust anchor for certification path not found

2020-04-21 11:59:16 4181

原创 Android应用上架前如何知道应用下载地址

比如微信:1、应用宝 - http://sj.qq.com/myapp/detail.htm?apkName=com.tencent.mm 2、豌豆荚 - http://www.wandoujia.com/apps/com.tencent.mm3、百度手机助手 - http://shouji.baidu.com/software/item?pid=27864823...

2020-04-10 14:22:46 1249

原创 java.lang.IllegalStateException: Only fullscreen opaque activities can request orientation

今天安装公司的app,发现安装完成之后竟然无法打开(乖乖,这是什么鬼,难道我的手有毒?)看了报错之后心态当场炸裂:【报错内容】Caused by: java.lang.IllegalStateException: Only fullscreen opaque activities can request orientation大概意思就是:只有不透明的全屏activity,才可以...

2019-11-28 17:49:19 492

原创 使用Glide将网络图片转换成File

new Thread(new Runnable() { @Override public void run() { try { mFile = Glide.with(mContext).asFile().load(Constant.IMG_CON...

2019-09-10 16:40:27 2243

原创 24小时制时间转换成am、pm (或 上午、下午)

/** * 获取显示的时间 --- 12:30 PM * 用这个方法,加入参数Locale.ENGLISH,既可输出am或者pm。如果加入参数Locale.CHINESE,既可输出“上午”或者“下午” */ public static String getDisplayTime(String time) { SimpleDateFormat...

2019-08-28 11:33:17 6190

原创 Handler机制原理

我们知道在Android中的UI线程中请求网络,需要开启子线程进行请求网络。但是,子线程中的网络请求结束之后需要更新UI,此时就比较头疼了,这时,Handler的出现就能解决此问题。那么问题来了,什么是Handler以及原理又是怎样的呢?什么是Handler?Handler是用于在2个线程之间进行通信的一个工具。比如:在UI线程中创建一个Handler对象,然后再子线程中调...

2016-08-11 21:48:16 211

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除