- 博客(21)
- 收藏
- 关注
RSS订阅原创 webpack基础配置
const path = require(‘path’);const HtmlWebpackPlugin = require(‘html-webpack-plugin’)const MiniCssExtractPlugin = require(‘mini-css-extract-plugin’);// 导出配置module.exports = {devServer: {open: true, // yarn 之后自动打开浏览器port: 3000 // 默认端口},entry: {
2021-03-23 21:27:38
147
原创 数组各方法
object.keys数据是数组时，以数组的方式返回数组的各个索引值数据是对象时，以数组的方式返回对象的各个键名Object.assign主要作用是把多个对象合并在一起，成为一个新对象注意点：原各个对象也会改变成新合并的对象，解决方法如下var emptyObj = {};var obj = Object.assign(emptyObj ,o1, o2, o3);includes主要是判断字符串中有没有某一片段，例如：var str = ’ this is your number ’
2021-02-16 15:04:24
161
原创 git常用命令
配置信息：git config --global user.name “xxxxxx”git config --global user.email “xxxxxx”步骤1：添加到暂存区 git add .步骤2：提交到本地仓库 git commit -m “每次提交说明”步骤3：提交到远程仓库 git push查看文件状态：git statusgit log --pretty=oneline #查看提交的历史（格式化）git reset --hard HEAD^ 回退
2020-07-23 10:32:13
139
原创 js手机号码、电话号码正则表达式
function checkPhone(){ var phone = document.getElementById('phone').value; if(!(/^1[3456789]\d{9}$/.test(phone))){ alert("手机号码有误，请重填"); return false; } }function checkPhone(){ var phone = document.getElementById
2020-07-01 09:12:46
3078
原创 onmouseleave、onmouseenter与onmouseout、onmouseover
1、onmouseleave、onmouseenter，鼠标进入到指定元素区域内触发事件，不支持冒泡，不包含子元素的区域。2、onmouseout、onmouseover、鼠标进入指定元素触发事件，含子元素区域。
2020-06-28 16:32:04
255
原创 简述isNaN()和NaN的区别
isNaN() 是一个全局方法，它的作用是检查一个值是否是非数字，不是数字就返回true，是数字就返回false。当一个字符串不能被 Number、parseInt 或 parseFloat 成功转换时，就返回 NaN，表示该字符串无法被识别为数字类型，这是一个异常状态，并不是一个确切的值。注意：NaN不等于NaN。...
2020-06-27 15:23:21
601
原创 你了解NodeJs吗？？
为什么要用NodeJsNodeJs的包管理器npm （Node Package Manager；全球最大的开源库生态系统）1.与在客户端浏览器运行的JavaScript不同的是：NodeJs是在服务端运行的JavaScript载体、容器、解释器、服务2.Javascript是一种web前端语言、编程语言、客户端语言，主要用于web开发中，由浏览器解析执行。Node.js 就是把浏览器的解释器封装起来作为服务器运行平台3.在服务器运行JS与客户端运行JS有什么区别 个人理解：在服
2020-06-27 13:27:28
238
原创 你对弹性盒了解的全吗？
弹性盒：是css3新增加的一种布局形式，目的是当页面在不同的屏幕尺寸上去显示时，使元素拥有恰当的显示效果弹性盒有两部分组成：弹性容器及弹性子元素弹性父元素：弹性容器设置：display:flex;弹性子元素在主轴上的对齐方式：justify-content：flex-start\center\flex-end\space-between\space-around（如果子元素自左向右排列，主轴是x，自上而下时主轴是y）弹性子元素的排列方式：flex-direction：弹性子元素在侧轴上的对齐方式
2020-06-26 10:17:29
300
原创 js中new关键字的作用,你知道它到底干了啥吗
使用关键字new创建新实例对象经过了以下几步：1、创建一个新对象，如：var person = {};2、新对象的_proto_属性指向构造函数的原型对象。3、将构造函数的作用域赋值给新对象。（也所以this对象指向新对象）4、执行构造函数内部的代码，将属性添加给person中的this对象。5、返回新对象person。...
2020-06-25 12:57:47
2647
原创 页面布局方式有哪些？
静态布局：pc页面无论宽高是否发生改变，元素的布局方式都不会发生改变双飞翼布局(圣杯布局)：左右固定，中间内容区域随着窗口变大而变大，缩小而缩小100%布局：屏幕尺寸越大，显示的内容越多（高度固定）Rem布局（等比缩放布局，弹性布局）：不同的尺寸，显示的内容大致是一样的文字流式布局：根据父元素的宽度自动去决定一排显示的个数。响应式布局：根据屏幕尺寸，去设置对应css，可以更改网页的排版使用的@media...
2020-06-25 09:59:02
641
原创 详解正则表达式，让你由懂变通！！！！
正则表达式简介较官方：正则表达式（Regular Expression 简称：RegExp）又成规则表达式，描述了匹配字符串的规则由我们自己来书写 “规则”，专门用来检测 字符串 是否符合 “规则” 使用的我们使用一些特殊的字符或者符号定义一个 “规则公式”，然后用我们定义好的 “规则公式” 去检测字符串是不是合格简单概括：概念：正则由用普通字符和特殊字符组成的字符串作用：检测是否符合规定留心：字符就是英文、数字、下划线， 字符串一堆字符集合正则表达式的作用**对表单域项目(用户
2020-06-25 09:53:28
242
原创 js中var let const的主要区别
var 变量名 = 变量值; // 声明变量，函数作用域let 变量名 = 变量值; // 声明变量，块级作用域 （ps. 作用域内不能重复定义、能修改const 变量名 = 变量值; // 声音常量，块级作用域（ps. 作用域内不能重复定义、不能修改...
2020-06-24 08:43:55
142
原创 事件捕获和事件冒泡的区别
事件捕获和事件冒泡的区别冒泡型（从里向外）捕获型（从外向里说明：DOM0级事件都是冒泡型（无法概念DOM2级事件默认冒泡型false、捕获型true (注：IE低版本浏览器都是冒泡型)验证：DOM1级就是冒泡型事件，无法改变 <script>// 1. 获取标签var div1Obj = document.querySelector('.div1')var div2Obj = document.querySelector('.di
2020-06-23 10:51:00
368
原创 javascript ES6新增特性
声明变量var 变量名 = 变量值; // 声明变量，函数作用域let 变量名 = 变量值; // 声明变量，块级作用域 （ps. 作用域内不能重复定义、能修改const 变量名 = 变量值; // 声音常量，块级作用域（ps. 作用域内不能重复定义、不能修改解构赋值let [变量名=默认值, 变量名=默认值, 变量名=默认值]= [‘神龙教主’, 18]let {uname:变量名,…,sex:变量名,键:变量名=默认值} = {uname:‘webopenfath
2020-06-22 08:43:55
200
原创 javascript event对象的clientX,offsetX,screenX,pageX区别
先总结下区别：event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性，但得到了广泛支持。IE事件中没有这2个属性。event.offsetX、event.offsetY鼠标相对于事件源元素（srcElement）的
2020-06-21 18:00:36
342
原创 网页返回顶部三种写法
网页返回顶部三种写法：<h1>头</h1><div style="margin-top:1600px;"></div><h1 id="button">底部</h1>方法一（简单版）：<script>button.onclick = function() { if (document.documentElement.scrollTop) { document.documentElement
2020-06-20 17:49:46
398
原创 块状元素水平垂直居中的五种方法
块状元素水平居中的五种方法 : <style type="text/css"> *{ margin: 0; padding: 0; } div{ width: 500px; height: 500px; background: #f00; } p{ width: 100px; height: 200px; background: #ff0; } /*第一种(固定或不固定都能用)*/ /*div{ position
2020-06-19 10:46:57
322
原创 获取当前系统时间，自动更新
将日期转换为指定的格式：比如转换成 年月日时分秒 这种格式setInterval(function(){ var d = new Date() var year = d.getFullYear() var month = d.getMonth() + 1 var day = d.getDate() var hour = d.getHours() var min = a(d.getMinutes())
2020-06-18 15:16:31
294
原创 浏览器内核代表作品
浏览器内核代表作品*Trident: IE、Maxthon(遨游)、腾讯 、Theworld世界之窗、360浏览器代表作品IE,因为IE捆绑在Windows中，所以占有极高的市场份额，又称IE内核或是MSHTML，此内核只能应用于windows平台，且是不开源的。*Gecko(壁虎)：代表作品Mozilla Firefox 是开源的,它的最大优势是跨平台，能在Microsoft Windows、Linux和MacOS X等主要操作系统上运行。*Webkit : 代表作品Safari、Chrome ，
2020-06-18 12:38:13
190
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人