杂
关注
分享
扫一扫
文章平均质量分 52
前端好杂
夏大爷耶耶耶
花开生两面
人生佛魔间
展开
-
背上大大书包准备面试之JS篇（含Es6）
js面试高频题、Es6新增原创 2023-08-10 16:35:51 · 490 阅读 · 0 评论 -
背上大书包准备面试之CSS篇
面试大概率会问的h5、css问题。原创 2023-08-10 14:57:03 · 1199 阅读 · 0 评论 -
使用Moment格式化时间出现时间差
解决使用Moment格式化时间出现时间差问题的两种方法。一：直接对时间值做处理，split()方法分割取值；二：加时间偏移量utcOffset(480)。原创 2023-01-28 16:14:43 · 1179 阅读 · 1 评论 -
浏览器底部导航栏遮盖问题；app内嵌入h5底部导航下展示问题。
浏览器底部导航遮盖信息；浏览器安全区域；绝对定位VS固定定位；app内嵌入h5底部导航下展示问题原创 2022-12-21 15:50:35 · 2752 阅读 · 0 评论 -
eval()方法字符串转对象； 分别取对象属性名和属性的方法
字符串转对象；分别取对象属性名和属性的方法；数组转字符串原创 2022-12-02 14:34:12 · 621 阅读 · 0 评论 -
react项目里添加支持less（无webpack.config.js如何设置
react项目里添加支持less（无webpack.config.js如何设置原创 2022-12-06 14:55:29 · 1280 阅读 · 0 评论 -
Sourcetree拉取代码失败（git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks fetch
sourcetree拉取代码失败git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks fetch --no-tags origingit -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks pull origin saic-wechatLive-20220827hint: Pulling without spe原创 2022-09-08 16:48:23 · 2212 阅读 · 0 评论 -
HTML、XHTML、XML、XSLT是什么，它们之间的关系
HTML、XHTML、XML、XSLT是什么，它们之间的关系原创 2022-06-08 10:51:43 · 384 阅读 · 0 评论 -
数组去重方法（Array.from方法、数组includes属性、filter方法）
Array.from、扩展运算符...、includes属性、filter方法原创 2022-05-20 14:48:58 · 451 阅读 · 0 评论 -
for、for···in、for···of、forEach、map遍历循环
JS中有三种基本循环for、while、do···while见之前的笔记👇JS 循环小结_慢谷的博客-优快云博客for一般只用于循环遍历数组for···infor···offor···of是Es6新增的循环方法。遍历数组的每一项。forEach()forEach方法遍历数组，第一个参数遍历数组的值，第二个参数对应数组索引值，第三个参数是数组本身。...原创 2022-05-20 11:41:19 · 206 阅读 · 0 评论 -
npm安装指定版本的npm、typescript、yarn、lerna并查看版本号+nvm安装切换不同版本node
先全局卸载：npm uninstall -g typescript再安装指定版本：npm install -g typescript@2.9.2查看版本号：tsc -vyarn、lerna类似。原创 2022-05-18 18:02:29 · 4973 阅读 · 0 评论 -
VSCode yarn时报错（yarn : 无法加载文件因为在此系统上禁止运行脚本。执行命令：set-ExecutionPolicy RemoteSigned仍报错）
yarn : 无法加载文件因为在此系统上禁止运行脚本。执行命令：set-ExecutionPolicy RemoteSigned仍报错原创 2022-05-18 17:27:58 · 395 阅读 · 0 评论 -
react和react-native的样式写法
react样式写法、app端(react-native)写法原创 2022-05-17 17:49:50 · 355 阅读 · 0 评论 -
sourcetree提交报错 git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks ······
sourcetree提交报错找到项目目录→输入cd .git→输入cd hooks→输入命令rm .\pre-commit原创 2022-05-13 14:17:27 · 2757 阅读 · 0 评论 -
解决Android 模拟机开机黑屏问题、npm内存溢出问题
Android模拟机开机黑屏，试试Android Studio中顶部菜单栏中File中的Settings，Settings里搜Android SDK，找到其中的SDK Tools，勾选最高版本，点击下面的ok。在模拟器编辑界面，修改“Boot option”为“cold boot”，保存后即可正常使用npm内存溢出问题先输入命令：npm run start --max-old-space-size=8092再输入命令启动app：yarnandroid...原创 2022-04-26 11:37:21 · 3255 阅读 · 0 评论 -
ES6 Promise详解
Promise是JS中进行异步编程的新解决方案。从语法上来说：Promise是一个构造函数从功能上来说：promise对象用来封装一个异步操作并可以获取其成功/失败的结果值promise：启动异步任务 => 返回promise对象 => 给promise对象绑定回调函数（甚至可以在异步任务结束后指定/多个）promise支持链式调用，可以解决回调地狱问题回调地狱：回调函数嵌套使用，外部回调函数异步执行的结果是嵌套的回调执行的条件。不便于阅读，不便于异常处理。...原创 2022-05-20 10:03:17 · 7822 阅读 · 0 评论 -
Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported ····
解决方法：切换node版本试试。nvm ls 列出安装的所有node版本nvm use 版本号 切换node -v 查看node版本号原创 2022-04-24 10:37:37 · 252 阅读 · 0 评论 -
PC端、H5端、小程序端、app端区别及一些基础知识（react、taro、RN创建项目命令总结）
react安装、react脚手架安装；taro安装创建项目；RN创建项目原创 2022-06-28 14:58:28 · 4026 阅读 · 0 评论 -
各种环境（dev、test、sit、uat、prod、pre、fat）
dev（Development environment）：开发环境。prod（Production environment）：生产环境。test：测试环境。sit（System Integration Test）：系统集成测试。uat（User Acceptance environment）：用户验收测试环境。pre：灰度环境。fat（Feature Acceptance Test environment）：功能验收测试环境。线上环境：...原创 2022-04-15 09:44:09 · 54340 阅读 · 1 评论 -
Windows10设置Google默认浏览器闪退设置失败的解决方法
步骤：电脑管家→工具箱→浏览器保护→默认浏览器设定→电脑设置的默认应用里再看看要不要也改一下原创 2022-04-12 18:03:25 · 2085 阅读 · 6 评论 -
es6 let、const、解构赋值、模板字符串、Promise
let、constES6开始有块级作用域，let、const都在块级作用域里起作用。（块级作用域必须有大括号！）let用法与var类似，但是所声明的变量，只在let命令所在的代码块内有效。代码外调用let会报错。let不存在变量提升，一定要先声明再使用变量，否则报错。let不允许在相同作用域内，重复声明同一个变量。const声明一个只读的常量（简单类型数据等同于常量，值保存在变量指向的那个内存地址。复合数据是指向实际数据的指针）。一旦声明，常量的值就不能改变。const只声明不赋原创 2022-03-10 17:27:05 · 2065 阅读 · 0 评论 -
Git 详细知识点+常用操作
查看提交记录信息：git log修改上一次git提交信息：git commit --amend -m "" --author="xy " --no-verify用这个命令跳过husky检查：git commit -m "提交信息" --no-verify拉：git pull --no-verify推：git push --no-verify原创 2022-03-06 16:03:48 · 584 阅读 · 0 评论 -
JS 基础之正则
正则表达式用于定义一些字符串的规则，计算机可以根据正则表达式来检查一个字符串是否符合规范获取将字符串中符合规则的内容提取出来var reg = new RegExp("a","i"); //忽略大小写找a(A)[]里的内容也是或的关系[ab] == a|b...原创 2022-01-28 20:05:25 · 1483 阅读 · 0 评论 -
JS 数组方法大全（基础重点）含详细案例
原创 2022-01-05 20:14:43 · 300 阅读 · 0 评论 -
JS 字符串方法（基础重点）
原创 2021-12-27 15:40:39 · 233 阅读 · 0 评论 -
HTML表单控件(HTML5新增)+ul、ol、dl区别+CSS下拉菜单
form表单标签form表单标签用于获取用户跟浏览器交互（包含输入，选择，上传文件等操作）的数据，并将数据打包发给服务端。属性 ：???? action：控制数据的提交路径action=""：默认向当前页面所在的地址提交数据???? method：控制数据的提交方式，默认get???? enctype：控制数据提交的编码格式form中的标签????inputinput：文本框，可通过type属性设置不同类型的文本框type值 描述text ..原创 2021-12-21 17:12:44 · 900 阅读 · 0 评论 -
vw和vh
vw和vh是什么？vw/vh是一个相对单位（类似em和rem相对单位）-> vw是：viewport width 视口宽度单位-> vh是：viewport height 视口高度单位相对视口的尺寸计算结果-> 1vw=1/100视口宽度-> 1vh=1/100视口高度vw和百分比的区别是什么？-> 百分比%相对于父元素来说的-> vw/vh 相对于当前视口来说的...原创 2021-12-11 19:47:27 · 482 阅读 · 3 评论 -
移动端常见布局方式(流式布局、flex弹性布局、less+rem+媒体查询、Bootstrap)
一：单独制作移动端页面1.流式布局(百分比布局)· 流式布局，就是百分比布局，也称为非固定像素布局· 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。· 流式布局方式是移动端web开发使用的比较常见的布局方式。· max-width 最大宽度(max-height 最大高度)· min-width 最小宽度(min-height 最小高度)演示 ????<!DOCTYPE html><html lang="en.原创 2021-12-11 19:38:00 · 4056 阅读 · 0 评论 -
利用git把本地网站提交到码云新建仓库中
????在网站根目录右键---Git Bash Here????若是第一次利用git提交，请配置好全局选项git config --global user.name "用户名"git config --global user.email "创建的邮箱地址"????初始化仓库git init????把本地文件放到暂存区git add .????把本地文件放到本地仓库里面git commit -m "提交到"????链接远程仓库git remote add origi原创 2021-12-11 15:47:21 · 225 阅读 · 0 评论 -
本大爷收藏的学习前端相关网站、工具、VSCode必备插件（重点是都免费好用！！！）
前端框架、CSS渐变色、RGB查询颜色、图标网站、插件申请免费空间、JSON解析、加密解密、截图贴图工具、VSCode必备插件原创 2021-12-07 16:23:27 · 611 阅读 · 0 评论 -
移动端基础、视口、二倍图、移动端开发选择、移动端技术解决方案)
视口视口(viewport)就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口、视觉视口和理想视口。布局视口 layout viewport· 一般移动设备的浏览器都默认设置了一个布局视口，用于解决早起的PC端页面在手机上显示的问题。· iOS，Android基本都将这个视口分辨率设置为980px，所以PC上的网页大多都能在手机上呈现，只不过元素看上去很小，一般默认可以通过手动缩放网页。视觉视口 visual viewport· 字面意思，它是用户正在看到的网站的区域。注意:..原创 2021-12-01 19:32:09 · 396 阅读 · 0 评论 -
CSS3 3D转换
我们生活的环境是3D，照片就是3D物体在2D平面呈现的例子。三维坐标系：就是指立体空间，立体空间是由3个轴共同组成的。· x轴：水平向右 注意：x右边是正值，左边是负值· y轴：垂直向下 注意：y下面是正值，上面是负值· z轴：垂直屏幕 注意：往外面是正值，往里面是负值3D转换3D转换我们主要学习工作中最常用的3D位移和3D旋转1.3D位移2. 3D旋转3. 透视：perspective4. 3D呈现transform-...原创 2021-11-27 20:26:18 · 299 阅读 · 0 评论 -
CSS3动画
动画(animation)是CSS3中具有颠覆性的特征之一，可通过多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。1.动画的基本使用制作动画分为两步：1.先定义动画2.再使用(调用)动画1.用keyframes定义动画(类似定义类选择器)2.元素使用动画...原创 2021-11-25 20:53:49 · 5683 阅读 · 2 评论 -
CSS3 2D转换
转换(transform)是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果转换简单理解为变形????移动：translate????旋转：rotate????缩放：scale2D转换之移动 translate2D移动是2D转换里面的一种功能，可以改变元素在页面中的位置，类似定位。1.语法：transform: translate(x, y);transform: translateX(n);transform: translateY(n);2原创 2021-11-25 15:38:03 · 802 阅读 · 0 评论 -
CSS3新特性
1.CSS3新增选择器CSS3给我们新增了选择器，可以更加便捷，更加自由的选择目标元素。1.属性选择器属性选择器可以根据元素特定属性来选择元素。注意：类选择器、属性选择器、伪类选择器，权重为102.结构伪类选择器结构伪类选择器主要根据文档结构来选择元素，常用于父级选择器里面的子元素nth-child( n )选择某个父元素的一个或多个特定的子元素· n可以是数字，关键字和公式· n如果是数字，就是选择第n个子元素，里面数字从1开始...3.伪元素选择器..原创 2021-11-22 18:41:56 · 644 阅读 · 0 评论 -
HTML5新特性
1.新增语义化标签2.新增视频标签<video>视频格式尽量使用MP4格式语法：<video src="文件地址" controls="controls"></video>3.新增音频标签<audio>尽量使用MP3音频格式语法：<audio src="文件地址" controls="controls"></audio>4.新增input表单5.新增表单属性..原创 2021-11-21 20:55:03 · 97 阅读 · 0 评论 -
常见布局技巧
1.margin负值的运用1.让每个盒子margin往左侧移动 -1px 正好压住相邻盒子边框2.鼠标经过某个盒子的时候，提高当前盒子的层级即可（如果没有定位，则加相对定位(保留位置)，如果有定位，则加z-index）2.文字围绕浮动元素巧妙运用浮动元素不会压住文字的特性3.行内块的巧妙运用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> .原创 2021-11-21 20:25:58 · 115 阅读 · 0 评论 -
溢出的文字省略号显示+文本换行问题
1.单行文本溢出显示省略号--必须满足三个条件①先强制一行内显示文本white-space: nowrap;(默认normal自动换行)②超出部分隐藏overflow: hidden;③文字用省略号替代超出的部分text-overflow: ellipsis;2.多行文本溢出显示省略号多行文本溢出显示省略号，有较大兼容性问题，适合于webKit浏览器或移动端(移动端大部分是webkit内核)。overflow: hidden;text-overflow: ell.原创 2021-11-21 16:46:31 · 986 阅读 · 0 评论 -
vertical-align属性应用
CSS的vertical-align属性使用场景：经常用于设置图片或者表单(行内元素)和文字垂直对齐。官方解释：用于设置一个元素的垂直对齐方式，但是它只针对行内元素或者行内块元素有效。语法：vertical-align: baseline | top | middle | bottom值 描述baseline 默认。元素放置在父元素的基线上top 把元素的顶端与行中最高元素的顶端对齐middle ...原创 2021-11-21 16:22:41 · 447 阅读 · 0 评论 -
CSS用户界面样式
所谓的界面样式，就是更改一些用户操作样式，以便提高更好的用户体验。????更改用户的鼠标样式li { cursor: pointer; }设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。属性值 描述default 小白 默认pointer 小手move 移动text 文本not-allowed ...原创 2021-11-21 15:45:09 · 222 阅读 · 0 评论