- 博客(156)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 教你搭建一个页面秒开的Vue项目
在 web中，页面打开速度是考量一个项目好坏非常重要的指标，因此在项目开始开发之前需要着重解决的问题（在主文件 main.js中引用大量的依赖是一个非常忌讳的事情）。下面是我为减少打包后文件过大的几个要点。...
2021-09-20 17:29:15
2686
5
原创 说一说要求 小程序自定义导航栏 的需求有多沙雕
小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在 超级App内被便捷地获取和传播，同时具有出色的使用体验。在程序项目中自定义导航栏绝对算得上是最恶心的需求之一。本篇文章公开 diss一下产品们的沙雕行为。可能会引起产品们的唾沫攻击，但我还是要发，不服顺着网线来打我。小程序有顶部导航栏（navigationBar）和底部导航栏（tabBar）。#...
2020-04-21 09:29:42
3517
6
原创 uni-app h5平台在电脑浏览器打开解决方案
本篇文章教大家的方法是使用 的方式来实现的，目前官方也增加了PC端的适配，其他的优秀博主也有相关的设置页面最大宽度的方法。但是限制宽度并不是重点，页面上弹窗，定位布局，移动事件，支付都是存在兼容问题的。
2020-01-12 12:05:10
17922
23
原创 js async和await使用详解
文篇文章讲一讲js中async 和 await 使用，围绕 “如何使用”、“异常处理”、 ”什么情况下使用“ 3个重点给予说明。
2022-12-27 18:14:06
492
原创 CSS 居中定位的弹窗效果（源码超详细解释）
这是一个超详细的 CSS实现居中定位弹窗效果源码解析，如果看完这篇文章还没学明白，小编劝你趁年轻赶紧改行！弹窗一般有两种情况：弹窗的尺寸是已知的（宽高都是固定的）；弹窗尺寸是未知的（内容不固定，弹窗高度随内容改变）；本篇文章会对这两种情况，各给出2种解决方法。每一种方法的实现源码解释都超详细！！
2022-10-14 00:51:01
1683
7
原创 Vue2 重新安装依赖后 @vue/compiler-sfc 编译报 ＞＞＞ and /deep/ 警告
最近突然项目冒出@vue/compiler-sfc 编译报 /deep/警告的问题，一顿对网上操作后，还是没能解决。也不去探究什么原因造成的吧(总之和 Vue 2.7 版本有关)，若按警告的提醒去一个个改显然是不能接受的，直接上解决方案。
2022-09-04 11:10:16
1804
原创 给大家推荐一套 git 工作流
一套规范的git工作流能让每个开发者都有自己的本地的完整项目副本。隔离的环境使得每个开发都的工作独立于项目的其它修改。—— 他们可以在自己的本地仓库中添加提交，完全无视上游的开发，直到需要的时候。小编给大家推荐一套公司内部的一套 git 工作流。.................................
2022-08-30 22:20:02
646
原创 web前端页面开发工具的演进史
codeFun是UI设计稿智能⽣成源代码解决⽅案。codeFun的核⼼能⼒是UI 设计稿⼀键⽣成源代码，能让传统研发流程的8小时基于codeFun流程在10分钟完成。能实际的解决研发成本、交付速度、产品质量问题，可谓是甲⽅、CEO、CTO、项⽬经理的福音，更是前端开发者的摸鱼神器！...
2022-07-25 22:22:38
1542
原创 手把手教你解决web前端跨域问题
本文章只讲述前端解决跨域的办法，并且前端解决跨域问题只在本地开发时有效，项目发布线上需要前端服务器配置请求代理比如nginx的反向代理。解决跨域的方法就是“欺骗”浏览器或删除浏览器限制...
2022-04-03 23:16:58
4455
原创 手把手教你使用 Vue CSS深度作用选择器
当标签有scoped属性时，它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装。
2021-12-13 22:21:39
4837
10
原创 一篇文章教你弄懂CSS背景图
在网络中经常看到大家写出如下这段示例的CSS代码，说是为了处理图片完全平铺页面。这代码不知道是那个没水平的在网络上广播出来的，而且还大受“好评”，简直离谱！！！
2021-12-12 21:11:49
5216
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
1167
原创 uni-app 应用换肤功能
应用换肤这个“毫无卵用” 又浪费时间的的功能却是许多产品经理们喜欢玩的（某信国民应用都不做的功能）。首先我坦白，我TM就从没用过 应用换肤 这种功能，其次我氪金跟有没有 换肤 这个功能毫无关系，真是受够了这种沙雕产品，虽然我在产品经理提出这个需求之前已经解决了产品经理本人。但是在这里先拯救一下正在受难中的卑微的程序员鄙视链底端的 web前端。
2021-09-21 17:38:42
3049
6
原创 带弧度的选项卡源码分享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
481
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
470
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
418
3
原创 CSS 笔记
启用硬件加速【移动端】启用硬件加速，使IOS系统下元素滚动条滑动流畅。-webkit-overflow-scrolling: touch;去掉超链接点击高亮【移动端】去掉超链接点击高亮（移动端超链接在点击时会有淡蓝色半透明状的点亮样式）-webkit-tap-highlight-color:transparent;禁止保存或拷贝图像【移动端】禁止保存或拷贝图像（通常当你在手机或者pad上长按图像 img ，会弹出选项 存储图像 或者 拷贝图像）img {-webkit-tou
2021-08-03 21:58:44
174
原创 正则表达式 笔记
基本方法search() 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置match() 用于提取字符串中符合规则的字符串，并返回一个数组对象replace() 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串test() 用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 falsesplit() 用于把一个字符串分割成字符串数组（接收字符串或者正则）修饰符i 执行对大小写不敏感的匹
2021-08-03 21:58:26
203
原创 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
207
原创 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
132
原创 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
381
原创 手机浏览器打开QQ聊天和群聊天
普通QQmqqwpa://im/chat?chat_type=wpa&uin=${qq}&version=1&src_type=web&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
1216
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
323
1
原创 百度站点LOGO尺寸标准
PC端与移动端的Logo图片尺寸要求不同，PC端为121*75，移动端为200*133其它补充：站点Logo权益获取与使用说明 站点属性（LOGO）审核原则
2021-07-03 16:33:17
493
1
原创 uni-app uView UI1.x API集中管理多模块方案(多个JS文件)
本篇文章是 uView UI 1.x的版本安装教程uni-app uView UI1.x API集中管理多模块方案(多个JS文件)
2021-02-18 21:51:16
3745
4
原创 移动端 line-height 文字不居中问题解决方案
在移动端中使用 line-height=容器高度实现文字垂直居中时，在安卓手机会发现文字偏上的问题。小编总结了两个比较合理且简单的解决方案；上效果图从以上的效果图中，能感觉到 “按钮三”的文字会有轻微的向上偏移的问题（不同字号和浏览器的偏移大小不同）。小编觉得 flex方案和 padding方案较为简单与合理，下面是源码。源码中有优缺点和特殊属性的说明；<!DOCTYPE html><html lang="en"><head> ...
2021-01-10 15:18:03
2190
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
7716
原创 javascript 手机QQ和微信的判断方法
一、判断手机QQfunction isMQQ(){ var _UA = window.navigator.userAgent; if(/QQ\/\d/i.test(_UA)){ return true; } return false;}二、判断微信function isWechat(){ var _UA = window.navigator.userAgent; if(/micromessenger/i.test(_UA.ma
2020-12-15 21:39:24
728
原创 怎样学好CSS?这篇文章教会你
一说到CSS那就是大部分后端开发者有噩梦，称得上是一门迷之语言。若正在阅读该文章的你只从事后端开发，即可关闭该页面，好好写后端会更有出息。
2020-12-13 17:45:40
684
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
756
原创 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
17032
2
原创 微信浏览器 rem 不适配的解决方案
在升级系统或升级微信之后，微信内置浏览器产生的 rem 不能正确填充满的问题。该问题着实让人难受，小编在看到测试提的这个BUG之后也是瞬间整个人都不好了。经过尝试得知了该问题产生的原因是因为微信在设置字体大小后，会对浏览器中 rem的值产生影响。
2020-07-26 14:00:13
3686
5
原创 小程序 底部导航栏(tabBar)图标的正确做法
许多人都认为小程序系统的底部导航栏特别不好看，为了美观而选择自定义，从此身陷漩涡无法自拔。其实真正的原因是图标的图片处理不当（说白了就是前端和设计太菜了），导致会有线条变粗，间距不当的视觉感受。除小程序外 uni-app框架开发的 app也可参照本篇文章中的方法进行调整小程序中自定义底部导航是非常不明确的选择，小编有发布过一篇《说一说要求 小程序自定义导航栏 的产品有多沙雕》，文章地址：https://blog.csdn.net/u013350495/article/details/105645..
2020-05-13 21:42:58
22022
2
原创 uni-app uView UI框架1.x npm安装教程(HBuilderX创建)
本篇文章是 uView UI 1.x的版本安装教程，框架文档地址：https://www.uviewui.com。
2020-05-10 23:11:01
20492
5
原创 uni-app 搜索内容高亮（源码分享）
在列表中将搜索的内容过滤显示并给搜索的关键字增加高亮效果是常见的需求。效果图：已过滤和高亮后 已过滤和高亮后 源码：<template> <view> <view class="search"> <input type="text" placeholder="请输入搜索内容" @input="set"&...
2020-05-01 22:49:26
4098
2
原创 微信小程序 自定义tabBar(底部导航栏)
微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。在写本文章之前，发布过一篇 《说一说要求 小程序自定义导航栏 的产品有多沙雕》文章地址：https://blog.csdn.net/u013350495/article/details/105645427在文章中说明了自定义导航栏的诸多弊端，小编是坚决抵制自定义小程序导航栏的。但由于一...
2020-04-26 10:43:01
12833
3
一个页面秒开的Vue项目示例源码
2022-04-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人