- 博客(322)
- 资源 (27)
- 收藏
- 关注
RSS订阅原创 12个移动端常见问题解决方案
移动端总会遇到一系列特定于移动设备的问题，分享下常见的移动端常见问题的处理方案。移动端浏览器为了检测用户是否双击会有300ms延迟。iOS滚动到顶部或底部时的回弹效果影响体验。在高清屏幕下，1px的边框显示得比较粗。不同设备屏幕尺寸不一致导致的适配问题。微信浏览器中长按图片会出现保存选项。刘海屏、底部虚拟按键区域遮挡内容。2. 点击延迟300ms问题。软键盘弹出时可能遮挡输入框。弹窗出现时，背景仍可滚动。8. 微信长按图片保存问题。系统字体大小改变影响布局。大图片加载影响页面性能。默认滚动条样式不美观。
2025-08-28 09:45:00
322
原创 uniapp集成极客推送
这里记得按照示例来，开通了哪些厂商就填哪些（android），比如我官网推送设置里面的小米的App ID是123456789，那我填写的时候就应该是MI-123456789。再插件市场点击进行管理我的app，进行新建应用生成appid，然后刷新在此处可以选择刚才新建的应用名称。到此极光推送的uniapp集成就算是完成了，接下来是进行真机调试，首先要进行自定义基座的打包。在Hbuilder中App原生插件配置可以选择云端插件，此时就是出现刚才购买的插件。查看应用信息：点击【设置】-【应用设置】
2025-08-27 08:15:00
4887
原创 常见的设计模式
设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论，而不是现成的代码，当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题，毕竟这是前人无数经验总结成的最佳实践，而代码实现则是对加深理解的辅助。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。单例设计模式单例模式仅允许类或对象具有单个实例，并且它使用全局变量来存储该实例。实现方法是判断是否存在该对象的实例，如果已存在则不再创建使用场景。
2025-08-26 13:41:04
573
原创 codeFun分享
CodeFun 是一款UI 设计稿智能生成源代码的工具，可以将 Sketch、Photoshop 的设计稿智能转换为前端源代码。它最大的特色是：精准还原设计稿，不再需要反复 UI 走查可以生成如工程师手写一般的代码智能切图：自动生成透明 png 切图， 无需设计或工程师手动切图导图；前端代码：自动生成静态页面 HTML 和 CSS 代码，无需工程师手动测算/拷贝图层样式和手写 HTML 结构代码；组件化：直接生成组件化的代码，并自动继承原设计稿图层样式信息，提升代码的复用性和引入交互逻辑。
2025-08-25 11:45:00
1683
原创 npx、npm、cnpm、pnpm、nvm、yarn 整理
关于包管理的分享npx、npm、cnpm、pnpm、nvm、yarn 等的发展历史，性能情况，及使用方法。
2025-08-23 10:15:00
871
原创 FileZilla连接远程服务器
如果您使用内置的Windows防火墙，您需要允许入站连接到TCP端口22（SSH端口）。目标目录可以搜索找到对应磁盘目录，站点选择目录，下面展示目录下的文件，选中右键上传即可。SSH服务正在运行且防火墙已正确配置，您就可以使用SSH客户端连接到服务器。此命令将在Windows服务器上安装OpenSSH Server。这将创建一个新的防火墙规则，以允许传入的SSH连接。
2025-08-22 10:00:00
670
原创 小程序监听GlobalData属性变化
当我们开发一个大型的微信小程序时，通常会涉及到多个页面或组件之间的数据传递和共享，而全局变量可以方便地实现这一需求。但是当全局变量的值发生变化时，我们需要及时地更新页面或组件的数据，以保证用户界面的实时性。这时候，我们就需要用到监听器的机制。监听器是一种设计模式，用于在对象状态发生改变时，自动调用特定的函数。在微信小程序中，我们可以通过定义一个全局变量来存储所有的监听器函数，并在需要监听的页面或组件中注册监听器函数，以实现对全局变量的监听。
2025-08-19 14:49:29
483
原创 小程序插件使用
相对于普通 js 文件或自定义组件，插件拥有更强的独立性，拥有独立的 API 接口、域名列表等，但同时会受到一些限制，如 一些 API 无法调用或功能受限。还有个别特殊的接口，虽然插件不能直接调用，但可以使用 插件功能页 来间接实现。插件开发者可以像开发小程序一样编写一个插件并上传代码，在插件发布之后，其他小程序方可调用。小程序平台会托管插件代码，其他小程序调用时，上传的插件代码会随小程序一起下载运行。否则需要申请并等待插件开发者通过后，方可在小程序中使用相应的插件。使用插件提供的自定义组件，和 使用。
2025-08-19 14:44:58
491
原创 小程序使用sdk对接cos存储桶
配置地址可以找后端或者cos上传成功会返回数据中有接口地址。request合法域名、uploadFile合法域名。视频太大，分段上传，取值地址在最外面。
2023-07-28 17:10:57
2281
原创 css自定义滚动条
/内容的高度(所有子元素高度和) + padding。//滚动条高度的比例,也是滚动条top位置的比例。//需要出现滚动条,并计算滚动条的高度。//滚动条的 bar 的高度。//不需要出现滚动条。
2023-05-12 13:52:04
831
原创 charles抓电脑版微信小程序包失败【亲测有效】
Charles抓取微信电脑版小程序1、先从微信中打开小程序2、然后打开任务管理器，找到小程序的应用3、右键点开小程序，打开文件所在位置，找到个Runtime包4、 将小程序和微信都关闭掉（否则部分文件删除不掉），然后将Runtime包下的文件都删除掉5、 关闭电脑防火墙，重新登陆微信6、 将小程序移除后重新获取，打开Charles进行抓包7、最好将WMPFRuntime包设置成只读状态抓取电脑数据配置配置证书：Help→SSL Proxying→Install Charles
2022-05-24 18:26:22
13501
5
原创 微信小程序加购动画
说明电商版加购动画，从鼠标点击位置，跳转到指定位置，抛物线wxml<view class="good-red-point" wx:if="{{busShow}}" style="--startX:{{bus.sx}}px;--startY:{{bus.sy}}px;--endX:{{bus.ex}}px;--endY:{{bus.ey}}px;animation:{{bus.animation}};"> <image src="{{bus_img}}"></i
2021-11-23 10:12:03
841
原创 微信小程序websocket连接
websocket.wxml<view class="send-content"> <text>发送内容：</text> <input class="weui-input" auto-focus type="text" bindinput="handleInput"></input></view><button class="send-btn" type="primary" bindtap="handleConnec
2021-10-30 17:35:05
3758
原创 微信小程序画布与涂鸦案例
canvas.wxml<view class="container"> <view class="canvas_area"> <canvas canvas-id="myCanvas" class="myCanvas" disable-scroll="{{false}}" bindtouchstart="touchStart" bind
2021-10-29 14:57:16
1420
原创 git项目使用http形式clone下来，无法安装依赖问题
报错日问题描述：其实已经开了权限，另外的库是可以通过http形式拉取安装并且推送的，但是当前的库无法安装依赖，执行npm install 报错如下（npm cnpm yarn都试过了）。权限形式解决方式需要配置ssh秘钥，然后通过ssh形式就可以安装运行...
2021-10-15 18:02:27
1714
原创 小程序内嵌二维码长按识别内测QA
企业微信使用方式：index.wxml<view class="page-wrapper"> <text class="title">二维码测试</text> <image style="width: 200px; height: 200px;" src="{{url}}" show-menu-by-longpress="{{true}}"></image></view>index.jsPage({ data:
2021-10-09 10:15:30
1616
原创 移动端菜单点击效果，点击当前元素展示到可视区
以微信小程序为例wxml<scroll-view class="scroll-menu" scroll-left="{{scrollLeft}}" scroll-x="{{true}}" scroll-with-animation="{{true}}" enable-flex="{{true}}"> <view class="menu-item {{selectedIndex === index && 'activeMenu'}}"
2021-09-23 15:44:19
709
原创 微信小程序骨架屏
骨架屏 - 官方地址骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。通常在小程序中，我们需要手工维护骨架屏的代码，当业务变更时，同样需要对骨架屏代码进行调整。为了开发的便利，开发者工具提供了自动生成骨架屏代码的能力利用小程序开发工具生成骨架屏代码点击生成骨架屏，将有弹窗提示是否允许插入骨架屏代码。确定后将在当前页面同级目录下生成 page.skeleton.wxml 和 page.skeleton.wxss 两个文件
2021-09-23 10:44:06
318
原创 微信小程序-发布订阅-事件总线-页面组件通信
核心代码eventbus.js/** * new map() * clear 从映射中移除所有元素 * delete 从映射中移除指定的元素 * forEach 对映射中的每个元素执行指定操作 * get 返回映射中的指定元素 * has 如果映射包含指定元素，则返回true * set 添加一个新元素到映射 * toString 返回映射的字符串表示形式 * valueOf 返回指定对象的原始值 *//** * 需求： * 能满足页面之间的通讯 * 能满足页面和组件(co
2021-09-22 17:17:21
1005
原创 chares抓包
安装包下载地址地址下载安装说明安装证书安装证书继续下一步代理设置开启winodows ProxyProxy settings默认SSL Proxy settings使用-选择对应小程序-点击打开即可效果
2021-09-17 18:32:46
343
原创 反向递归，树组件常用逻辑
示例图树节点方法/** * 递归组装数据 * options 数结构 * code 最后一级的 id * parentHalfKeys 半选的父节点节点 */recursion(options, code, parentHalfKeys) { let result = [], // 递归结果 tempArry = []; // 缓存数据 // arry 数据源 code 最后一级数据 const arryMap = (arry, code) => { arr
2021-08-25 15:07:28
570
原创 微前端实战-乾坤
主应用安装qiankunyarn add qiankun # 或者 npm i qiankun -Smain.jsimport Vue from "vue";import App from "./App.vue";import router from "./router";import store from "./store";Vue.config.productionTip = false;import { registerMicroApps, start } from 'qia
2021-07-19 16:42:51
434
原创 小程序实现滑动吸附效果
wxml<view class="container"> <view class="header-top"></view> <view class="content-wrapper" bindtouchstart="handletouchstart" bindtouchmove="handletouchmove" bindtouchend="handletouchend" style="transform: {{coverT
2021-07-01 18:06:55
895
原创 微信小程序-海报制作（canvas）
文档https://developers.weixin.qq.com/miniprogram/dev/api/canvas/wx.createOffscreenCanvas.htmlwxml<view class="canvas-container"> <canvas canvas-id="myCanvas" class="myCanvas" style="width: {{canvasWidth}}px; height: {{canvasHeight
2021-06-20 09:36:00
1382
原创 小程序map（地图）组件
文档https://developers.weixin.qq.com/miniprogram/dev/component/map.htmlwxml<!--index.wxml--><view class="map-container"> <map id="map" class="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="{{scale}}"
2021-06-17 17:05:56
1186
原创 scrollIntoView+锚点两种方式实现页面的平滑滚动，长页面分页
scrollIntoView简介该scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。语法element.scrollIntoView（）; // 等同于element.scrollIntoView(true)element.scrollIntoView（alignToTop）; //布尔参数element.scrollIntoView（scrollIntoViewOptions）; //对象参数用法// 点击菜单实现滚动 handleChildNodeCo
2021-02-04 15:11:39
1070
原创 chrome pdf 打印边距问题处理
需求将网页打印成pdf,Chrome 可直接将网页保存(打印)为 PDF (无需安装 Adobe )，或者邮件点击打印，但是式样跟网页上显示的有很大不同。问题是无法选择「纸张大小」，Chrome 在保存为 PDF 文件时，默认纸张大小是 A4。若布局为纵向，显示大小为 210mm×297mm ；若布局为横向，显示大小为 297mm×210mm。打印方式地址：打印地址：https://oss.phxg.cn/download/genFileByGotenberg/%E4%BC%98%E5%B
2021-01-29 20:09:18
5040
原创 Chrome浏览器常用插件记录
WEB前端助手(FeHelper)作用：集前端各种常用工具与一体的chrome插件WhatRuns作用：可以快速检测到当前站点使用的技术书签侧边栏作用：在浏览器视图区左侧添加固定式的, 管理所有书签的侧边栏....
2021-01-29 09:11:32
440
原创 React 重难点
为什么要引入 React在写 React 的时候，你可能会写类似这样的代码：import React from 'react'function A() { // ...other code return <h1>前端桃园</h1>}你肯定疑惑过，下面的代码都没有用到 React，为什么要引入 React 呢？如果你把 import React fro...
2021-01-28 17:42:15
777
1
原创 angular7中httpClient封装get/post请求
login.component.tsimport { HttpService } from 'src/app/services/http.service';constructor(private http: HttpService) {}// ajax数据测试 get doGet() { const obj = { _userName: '...
2021-01-28 17:41:26
1194
原创 angular7中使用请求拦截和token验证
对于任何一个应用来说，安全都是必不可少的操作。一般安全验证的比较流行的方式是：token验证后台生成一个token，第一次登陆成功之后，将token从后台携带回来，然后前端每次的请求都要将token带到后台。后台验证有没有token且是否相同，并且设置token的有效期。编写拦截器interceptor.service.tsimport { Injectable } from '@ang...
2021-01-28 17:41:01
1807
2
原创 vue配置多代理服务接口地址操作
接口地址http://api.baidu.cn/ReportApi/monthAnalysisReport/monthAnalysisReport/802244685862010880直接用get请求返回一个json字符串代理配置module.exports = { // development server port 8000 port: 9999, https: true, // If you want to turn on the proxy, please rem
2021-01-28 14:06:23
1399
原创 vue-cli3.x配置babel转换node-modules，兼容chrome低版本浏览器
问题描述vue-cli3创建的项目，在低版本浏览器中运行，运行不起来，因为默认都是开启高版本浏览器。控制台会报一系列错误，特别是node_modules中的插件的es6等高级语法不识别问题。所以按照下面的配置一步解决。请注意默认情况下，babel-loader会忽略所有 node_modules 中的文件，但是我们在某一些安装包引入的时候也需要进行babel转换，那怎么办呢transpileDependencies：转换node-modules必备以vue为例核心配置：vue.conf
2021-01-25 20:23:46
4256
黑马程序员西安校区前端学科面试宝典-2019.pdf
2020-01-16
gnvm地址.zip
2020-03-18
react最全项目实战
2019-01-08
ajv.min.js
2019-12-22
webpack+typescript环境配置.zip
2020-04-23
nginx-1.12.2.zip
2019-08-27
ckplayer.zip
2019-08-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人