D-liang先生-CSDN博客

原创 JavaScript内置对象及常用方法

JavaScript内置对象及常用方法*目标掌握各个对象的属性及常用方法一、ObjectObject 构造函数创建一个对象包装器。几乎所有的对象都是Object类型的实例，它们都会从Object.prototype继承属性和方法。Object构造函数，会根据给定的参数创建对象：如果给定值是 null 或 undefined，将会创建并返回一个空对象new Object(null) // {}如果传进去的是一个原始类型的值，则会构造其包装类型的对象new Object(2) /

2020-11-03 10:22:13 216

原创 MD5 加密防止中文加密错误

js MD5 加密

2023-02-03 17:00:27 283

原创 vue写一个到当天某一时刻的倒计时器

在16:43 - 16:50 时候进行倒计时的显示。

2022-10-31 16:52:50 239

原创 JS 触发CSS动画

JS 触发CSS动画

2022-06-14 12:00:51 1063 1

原创面试知识整理------HTML

1、重要标签的作用<!DOCTYPE html>①告诉游览器以什么类型的文档解析文档②!DOCTYE的声明必须在HTML文档的第一行lang=“en”申明页面的语言meta 标签可以参考<metar>标签提供关于HTML文档的元数据。它不会显示在页面上，但是机器可读。可以用于游览器、搜索引擎（关键词）、或者其他的Web服务。自闭和标签<br/> <hr/> <img/> <input/> <meta/&

2021-05-23 14:46:15 85

原创 HTTP与HTTPS的区别

一、HTTP与HTTPS介绍1.HTTPHTTP协议—超文本输出协议，用于在Web浏览器和网站服务器之间传递信息。以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息。因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。2.HTTPSHTTPS在HTTP的基础上加入了SSL/TLS协议，SSL/TLS依靠证书来验证服务器的身份，并为浏览器和服务器之间的通信加密。HTTPS协议是由SSL/TLS+HTTP协

2021-05-22 17:21:30 81

原创 Vue.js基础学习（三) -------------动态绑定v-bind的介绍和使用

Vue.js基础学习（三) -------------动态绑定v-bind的介绍和使用一、v-bind介绍v-bind:需要动态决定标签的属性的时候可以使用到v-bind语法糖的写法: : ,把v-bind替换为：二、v-bind的基本使用动态绑定a标签的href属性,动态绑定img的src属性 <img :src='imgURL' > <a :href="aHref">百度一下</a> aHref:'http://www.bai

2020-12-31 13:53:32 254 1

原创 Vue.js基础学习（二）----------------插值操作

Vue.js基础学习（二）----------------插值操作重点： v-html、v-clak、v-noce、v-pre的使用一、v-html<body> <div id="app"> <h3 >{{message}}</h3> <h3 v-html="url"></h3> </div> <script src="/vue.js"></script&

2020-12-31 10:46:56 111

原创 Vue.js基础学习（一) -----了解vue.js的生命周期

Vue.js基础学习（一) 重点： ① 了解vue ② 了解vue.js的生命周期函数一、什么是Vue.js什么是Vue.js？简而言之，它是使用HTML和JavaScript构建用户界面的渐进框架。详情请看Vue官网二、安装方式①通过直接用 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>②通过NPM安装$ npm install vue三、了解vue的生命周期

2020-12-30 17:34:11 100

原创可枚举与深浅拷贝

在JavaScript内置对象及常用方法文章中的Object中提到的枚举和深浅拷贝在这里做一个简单的理解可枚举可以理解为是否可以被遍历被列举出来，可枚举性决定了这个属性能否被for…in查找遍历到。js中基本包装类型的原型属性是不可枚举的（不可被 for…in… 遍历），比如：Boolean,Number和String三个的原型属性，或是 Boolean,Number值，都是不可枚举的，即是基本类型，也是引用类型。基本包装类型还可以像引用类型一样访问它自带的一些方法，但是不能像引用类型那样自定义方法

2020-11-03 10:51:23 182

原创用 transform: translateX()；来替换 left的好处

用 transform: translateX(); 来替换 left 来实现位移有什么好处？不会使页面造成重绘或者回流，当动画修改一个元素的 left 和 top会改变它的形状，而且可能引起页面上其它元素的移动和形状改变，会引起页面的重绘和回流什么是重绘和回流？重绘:当元素的一部分属性发生改变，如外观、背景、颜色等不会引起布局变化，只需要浏览器根据元素的新属性重新绘制，使元素呈现新的外观叫做重绘。重排（回流）:当render树中的一部分或者全部因为大小边距等问题发生改变而需要DOM树重新计算的过程

2020-11-03 10:37:28 5911

原创 Let Var Const的区别

Let Var Const 的区别1.作用域ES5 中作用域有：全局作用域、函数作用域。没有块作用域的概念。ES6 中新增了块级作用域。块作用域由 { } 包括，if语句和 for语句里面的{ }也属于块作用域。2. var、let、const的区别①var定义的变量，没有块的概念，它可以跨块访问，但是不能跨函数访问。②let定义的变量，只能在块作用域访问，不能跨块也不能跨函数访问。③const 定义常量，使用时必须初始化（就是要赋值），只能在块作用域访问，不能不能跨块也不能跨函数访问，而

2020-10-21 11:32:30 178

原创前端基础问题小总结（三）

前端基础问题小总结（三）CSS盒子模型由里到外有哪几部分组成？标准盒子模型和IE盒子模型有啥区别？通过什么方式进行转变?一个盒子模型分成几部分：- 内容区（content）- 内边距（padding）- 边框（border）- 外边距（margin）标准盒子模型： padding、border所占的空间不在width、height范围内IE盒子模型： width包括content尺寸＋padding＋border的总和响应式布局和自应式布局有啥区别？响应式布局：响应式布局就是实现不同屏幕分辨率

2020-10-13 09:47:49 655 1

原创 Flex布局的控件属性与用法

标题flex布局的控件属性与用法Flex布局的基本概念采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。项目默

2020-09-30 17:35:16 267

原创圣杯布局和双飞翼布局源码

圣杯布局和双飞翼布局圣杯布局和双飞翼布局解决的问题是一样的，就是两边顶宽，中间自适应的三栏布局，中间栏要在放在文档流前面以优先渲染。圣杯布局和双飞翼布局解决问题的方案在前一半是相同的，也就是三栏全部float浮动，但左右两栏加上负margin让其跟中间栏div并排，以形成三栏布局。不同在于解决”中间栏div内容不被遮挡“问题的思路不一样：① 圣杯布局，为了中间div内容不被遮挡，将中间div设置了左右padding-left和padding-right后，将左右两个div用相对布局position:

2020-09-29 17:55:52 153

weixin_45352819的博客