自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

黄河爱浪的博客-专注CSS,jQuery,uni-app领域

分享实用好用的web前端开发原创内容

  • 博客(159)
  • 资源 (1)
  • 收藏
  • 关注

原创 教你搭建一个页面秒开的Vue项目

在 web中,页面打开速度是考量一个项目好坏非常重要的指标,因此在项目开始开发之前需要着重解决的问题(在主文件 main.js中引用大量的依赖是一个非常忌讳的事情)。下面是我为减少打包后文件过大的几个要点。...

2021-09-20 17:29:15 4466 5

原创 说一说要求 小程序自定义导航栏 的需求有多沙雕

小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在 超级App内被便捷地获取和传播,同时具有出色的使用体验。在程序项目中自定义导航栏绝对算得上是最恶心的需求之一。本篇文章公开 diss一下产品们的沙雕行为。可能会引起产品们的唾沫攻击,但我还是要发,不服顺着网线来打我。小程序有顶部导航栏(navigationBar)和底部导航栏(tabBar)。#...

2020-04-21 09:29:42 4730 10

原创 uni-app h5平台在电脑浏览器打开解决方案

本篇文章教大家的方法是使用 的方式来实现的,目前官方也增加了PC端的适配,其他的优秀博主也有相关的设置页面最大宽度的方法。但是限制宽度并不是重点,页面上弹窗,定位布局,移动事件,支付都是存在兼容问题的。

2020-01-12 12:05:10 20318 30

原创 React真的好难用

吹react的人都特么有毒。 工具,库,框架这种东西 肯定越简单越好 越快越好。 搞那么多心智负担干嘛? 炫尼玛技呢 ?

2024-04-23 08:36:55 559 5

原创 React useMemo useCallback useEffect 的区别(保姆级教程)

在2023年我学起了React + TS 这个 “前端大佬” “高阶玩家” 标配的技术栈,一套学习下来个人总结就是:React真特么难用!传染病式的渲染逻辑是真让人难受!如何解决React组件抽风式的刷新问题,小编使用解释和源码示例的方式讲解一下

2023-10-21 00:00:17 1032

原创 uniapp uView2 字体加载错误提示处理(字体离线方案)

最近老是收到有人反馈 uView2的字体图标报错,这个报错的原因有2种情况at.licdn.com网站维护,无法加载;国内这些小程序平台的开发工具日常抽风,代码能跑,但就是报错,简直离谱!

2023-06-21 11:52:21 2149 3

原创 js 时间转化工具库

一个简单小巧又实用的js时间转化工具库,包含创建日期对象、日期转JSON、日期转时间戳、日期格式化4个最常用的功能

2023-03-28 14:31:38 715 1

原创 js async和await使用详解

文篇文章讲一讲js中async 和 await 使用,围绕 “如何使用”、“异常处理”、 ”什么情况下使用“ 3个重点给予说明。

2022-12-27 18:14:06 1078

原创 CSS 居中定位的弹窗效果(源码超详细解释)

这是一个超详细的 CSS实现居中定位弹窗效果源码解析,如果看完这篇文章还没学明白,小编劝你趁年轻赶紧改行!弹窗一般有两种情况:弹窗的尺寸是已知的(宽高都是固定的);弹窗尺寸是未知的(内容不固定,弹窗高度随内容改变);本篇文章会对这两种情况,各给出2种解决方法。每一种方法的实现源码解释都超详细!!

2022-10-14 00:51:01 3170 7

原创 Vue2 重新安装依赖后 @vue/compiler-sfc 编译报 >>> and /deep/ 警告

最近突然项目冒出@vue/compiler-sfc 编译报 /deep/警告的问题,一顿对网上操作后,还是没能解决。也不去探究什么原因造成的吧(总之和 Vue 2.7 版本有关),若按警告的提醒去一个个改显然是不能接受的,直接上解决方案。

2022-09-04 11:10:16 3019

原创 给大家推荐一套 git 工作流

一套规范的git工作流能让每个开发者都有自己的本地的完整项目副本。隔离的环境使得每个开发都的工作独立于项目的其它修改。—— 他们可以在自己的本地仓库中添加提交,完全无视上游的开发,直到需要的时候。小编给大家推荐一套公司内部的一套 git 工作流。.................................

2022-08-30 22:20:02 1237 2

原创 我只用CV大法就实现了小程序的tabBar

哦嚯!我只用CV大法就实现了小程序的底部导航栏你信吗?今天小编将自己的前端开发“外挂”推荐给大家。

2022-08-03 22:24:56 548 1

原创 web前端页面开发工具的演进史

codeFun是UI设计稿智能⽣成源代码解决⽅案。codeFun的核⼼能⼒是UI 设计稿⼀键⽣成源代码,能让传统研发流程的8小时基于codeFun流程在10分钟完成。能实际的解决研发成本、交付速度、产品质量问题,可谓是甲⽅、CEO、CTO、项⽬经理的福音,更是前端开发者的摸鱼神器!...

2022-07-25 22:22:38 1710

原创 手把手教你解决web前端跨域问题

本文章只讲述前端解决跨域的办法,并且前端解决跨域问题只在本地开发时有效,项目发布线上需要前端服务器配置请求代理比如nginx的反向代理。解决跨域的方法就是“欺骗”浏览器或删除浏览器限制...

2022-04-03 23:16:58 6732

原创 手把手教你使用 Vue CSS深度作用选择器

当标签有scoped属性时,它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装。

2021-12-13 22:21:39 7307 10

原创 一篇文章教你弄懂CSS背景图

在网络中经常看到大家写出如下这段示例的CSS代码,说是为了处理图片完全平铺页面。这代码不知道是那个没水平的在网络上广播出来的,而且还大受“好评”,简直离谱!!!

2021-12-12 21:11:49 5930 1

原创 uni-app uView UI1.x框架 npm安装教程(vue-cli命令行创建)

本篇文章是 uView UI 1.x的版本 npm安装(vue-cli命令行创建)教程,​uView UI框架文档地址:https://www.uviewui.com。

2021-11-10 23:24:47 1445

原创 uni-app 应用换肤功能

应用换肤这个“毫无卵用” 又浪费时间的的功能却是许多产品经理们喜欢玩的(某信国民应用都不做的功能)。首先我坦白,我TM就从没用过 应用换肤 这种功能,其次我氪金跟有没有 换肤 这个功能毫无关系,真是受够了这种沙雕产品,虽然我在产品经理提出这个需求之前已经解决了产品经理本人。但是在这里先拯救一下正在受难中的卑微的程序员鄙视链底端的 web前端。

2021-09-21 17:38:42 3733 7

原创 带弧度的选项卡源码分享uniapp 小程序可用

<template> <view> <view class="tabs"> <scroll-view scroll-x="true" :scroll-into-view="scrollView" :scroll-with-animation="true"> <view class="h-flex-x"> <view v-for="(item,index) in 10" :key=...

2021-09-20 17:42:38 840 1

原创 web前端常用工具

Iconfont阿里妈妈MUX倾力打造的矢量图标管理、交流平台。链接BootCDN稳定、快速、免费的前端开源项目 CDN 加速服务链接Font Awesome一套绝佳的图标字体库和CSS框架链接CSS clip-pathCSS路径裁剪工具链接RGB转16进制RGB转16进制工具具用于将RGB颜色值与十六进制字符串相互转换链接图片转base64base64图片在线转换工具链接PNG图片压缩PNG图片在线压缩工具链接

2021-08-03 22:08:55 568 2

原创 CSS常用文档

布局flex:弹性float:浮动clear:清除浮动@media:媒体查询CSS3动画transition:过渡动画transform:2D或3D转换animation:动画@keyframes:动画规则CSS3效果(linear/radial)-gradient:渐变box-shadow:元素阴影text-shadow:文字阴影text-stroke:文字描边opacity:透明度transparent:全透明 同等于 rgba(0,0,0,0)常用设置

2021-08-03 22:06:38 504 3

原创 CSS 笔记

启用硬件加速【移动端】启用硬件加速,使IOS系统下元素滚动条滑动流畅。-webkit-overflow-scrolling: touch;去掉超链接点击高亮【移动端】去掉超链接点击高亮(移动端超链接在点击时会有淡蓝色半透明状的点亮样式)-webkit-tap-highlight-color:transparent;禁止保存或拷贝图像【移动端】禁止保存或拷贝图像(通常当你在手机或者pad上长按图像 img ,会弹出选项 存储图像 或者 拷贝图像)img {-webkit-tou

2021-08-03 21:58:44 278

原创 正则表达式 笔记

基本方法search() 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置match() 用于提取字符串中符合规则的字符串,并返回一个数组对象replace() 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串test() 用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 falsesplit() 用于把一个字符串分割成字符串数组(接收字符串或者正则)修饰符i 执行对大小写不敏感的匹

2021-08-03 21:58:26 272

原创 javascript 笔记

判读当前对象是否存在该属性Object.hasOwnProperty("属性名");字符串与数组的相互转换Arrry.join(","); // 数组转为字符串String.split(","); // 字符串转为数组字符串与JSON的相互转换JSON.parse(str); // 字符串转为JSONJSON.stringify(json); // JSON转为字符串阻止事件冒泡event.stopPropagation(); // W3C版window.event.cancel

2021-08-03 21:57:23 246

原创 HTML 笔记

HTML 笔记设置视图缩放比例【移动端】设置视图缩放比例<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">关闭邮箱地址识别址识别【移动端】邮箱关闭邮箱地址识别址识别(在 Android (iOS不会)上,浏览器会自动识别看起来像邮箱地址的字符串,不论有你没有加上

2021-08-03 21:56:27 177

原创 CSS 时间轴样式效果

效果预览源码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale

2021-07-31 11:38:31 595

原创 手机浏览器打开QQ聊天和群聊天

普通QQmqqwpa://im/chat?chat_type=wpa&amp;uin=${qq}&amp;version=1&amp;src_type=web&amp;web_src=oicqzone.com企业QQmqqwpa://im/chat?chat_type=crm&uin=${qq}&version=1&src_type=web&web_src=https:://wpa.b.qq.comm

2021-07-23 20:22:37 4660 2

原创 移动端适配

rem计算JS方式计算尺寸参照的标准尺寸 750px换算比例为 100:1 (100px=1rem50px=0.5rem 5px=0.05rem)下载 helang-flexible.jsrem计算CSS方式给 <html> 添加样式 font-size:calc(100vw/7.5)

2021-07-09 22:45:40 387 1

原创 百度站点LOGO尺寸标准

PC端与移动端的Logo图片尺寸要求不同,PC端为121*75,移动端为200*133其它补充:站点Logo权益获取与使用说明 站点属性(LOGO)审核原则

2021-07-03 16:33:17 726 1

原创 javascript 监听页面的显示隐藏

javascript 监听页面的显示隐藏,兼容 Android & iOS

2021-05-26 14:29:51 2879 1

原创 uni-app uView UI1.x 扩展自定义图标

uni-app uView UI1.x 扩展自定义图标的完整版详细教程

2021-04-19 12:07:17 3913 5

原创 uni-app uView UI1.x API集中管理多模块方案(多个JS文件)

本篇文章是 uView UI 1.x的版本安装教程uni-app uView UI1.x API集中管理多模块方案(多个JS文件)

2021-02-18 21:51:16 4155 4

原创 移动端 line-height 文字不居中问题解决方案

在移动端中使用 line-height=容器高度实现文字垂直居中时,在安卓手机会发现文字偏上的问题。小编总结了两个比较合理且简单的解决方案;上效果图从以上的效果图中,能感觉到 “按钮三”的文字会有轻微的向上偏移的问题(不同字号和浏览器的偏移大小不同)。小编觉得 flex方案和 padding方案较为简单与合理,下面是源码。源码中有优缺点和特殊属性的说明;<!DOCTYPE html><html lang="en"><head> ...

2021-01-10 15:18:03 2933 2

原创 小程序和uni-app 通用的表格样式库

表格在小程序 / uni-app中都是没有默认组件的。虽然表格并不是移动端设计的推荐布局,但是有些数据表格使用表格会拥有更好的阅读性。本篇文档分享一下自己写的表格样式源码一、源码下载源码下载地址:https://ext.dcloud.net.cn/plugin?id=3713在线预览:https://mydarling.gitee.io/uniapp-extend/#/pages/template/table源码gitee仓库:https://gitee.com/myDarling/...

2020-12-22 10:15:38 9238

原创 javascript 手机QQ/微信/支付宝的判断方法

用JS判断 手机QQ/微信/支付宝的方法

2020-12-15 21:39:24 1392

原创 怎样学好CSS?这篇文章教会你

一说到CSS那就是大部分后端开发者有噩梦,称得上是一门迷之语言。若正在阅读该文章的你只从事后端开发,即可关闭该页面,好好写后端会更有出息。

2020-12-13 17:45:40 835 1

原创 CSS flex布局通用库(小程序/H5/uniapp都可用)

/* * uni-app flex 布局盒子 * 作者:helang * 邮箱:helang.love@qq.com*//* 分列式弹性盒子,以X轴从左到右排列 */.h-flex-x{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; /* 水平左对齐 */ &.

2020-11-14 00:06:02 951

原创 uni-app px rpx 互相转换

1、rpx转 pxuniapp内置了 rpx转 px的方法,源码见下方:// 100 为 100rpx的值var px = uni.upx2px(100);2、px转 rpx由于 uniapp已经有 upx2px的方法,可以简单的得出反向取值的公式,源码见下方:// 200 为 px 的值,后面的两个 100 为计算比例使用var rpx = 200/(uni.upx2px(100)/100);// 验证上面rpx的值var px = uni.upx2px(r...

2020-09-07 17:48:36 20027 2

原创 微信浏览器 rem 不适配的解决方案

在升级系统或升级微信之后,微信内置浏览器产生的 rem 不能正确填充满的问题。该问题着实让人难受,小编在看到测试提的这个BUG之后也是瞬间整个人都不好了。经过尝试得知了该问题产生的原因是因为微信在设置字体大小后,会对浏览器中 rem的值产生影响。

2020-07-26 14:00:13 4187 5

原创 小程序 底部导航栏(tabBar)图标的正确做法

许多人都认为小程序系统的底部导航栏特别不好看,为了美观而选择自定义,从此身陷漩涡无法自拔。其实真正的原因是图标的图片处理不当(说白了就是前端和设计太菜了),导致会有线条变粗,间距不当的视觉感受。除小程序外 uni-app框架开发的 app也可参照本篇文章中的方法进行调整小程序中自定义底部导航是非常不明确的选择,小编有发布过一篇《说一说要求 小程序自定义导航栏 的产品有多沙雕》,文章地址:https://blog.csdn.net/u013350495/article/details/105645..

2020-05-13 21:42:58 25623 2

一个页面秒开的Vue项目示例源码

这是一个页面秒开的移动端Vue项目示例,集成了 Vant UI,flex布局,页面自适应方案,打包文件优化还有动态加载JS文件(如jQuery)等实用的封装。开箱即用! 资源详情说明:https://blog.csdn.net/u013350495/article/details/120343065

2022-04-12

空空如也

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

TA关注的人

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