- 博客(334)
- 收藏
- 关注
RSS订阅转载 iOS 特殊时期App页面变成灰色
文章目录App页面置灰，本质是将彩色图像转换为灰度图像，本文提供两种方法实现，一种是App整体置灰，一种是单个页面置灰，可结合具体的业务场景使用。方法一：分别将图片和文字置灰一般情况下，App页面的颜色深度是24bit，也就是RGB各8bit；如果算上Alpha通道的话就是32bit，RGBA(或者ARGB)各8bit。灰度图像的颜色深度是8bit，这8bit表示的颜色不是彩色，而是256种不同亮度的黑色或白色。说到灰度图像，在YUV颜色空间上—其中Y代表亮度，调整Y值就可以得到不同的灰度图像。理论上
2022-12-05 19:01:26
1382
1
转载 HTML隐藏滚动条，还带着滚动效果
取巧的方法，原理是通过给滚动条所在块元素外嵌套一个块元素，调整边距，覆盖隐藏。例如第一步：给div外部创建一个同样大小的div。第二步：给父元素div设置超出部分遮挡，overflow: hidden;子元素div调整边距使其隐藏在父元素div之下即可。注意：如果是给整个页面设置，可以父元素（html）子元素（body）
2022-09-22 15:41:16
7659
转载 mac安装vue-devtools
一.先查看电脑是否安装了node没有安装node则需要安装nodemac 安装node.js第一步：官网下载访问nodejs官网，链接: https://nodejs.org/en/，选择红色选框内的点击安装。LTS是稳定版。Current是最新版本，最新的功能特性都在这里面。第二步：安装点击 在 Finder 中显示，双击刚下载的文件，按步骤默认安装就行。第三步：验证安装完成后，打开终端，输入 npm -v 和 node -v两个命令,
2022-09-20 16:46:51
3996
转载 jQuery实现移动端手机选择日期日历插件
2、new Date(2022,0,1) : 可以把"2022-01-01"分割成年 月 日。1、new Date("2022/01/01") ：这种写法在safari、chrome上都支持。new Date("2022-01-01")在。项目需要引入jquery框架。和苹果版微信上面竟然不支持，项目开发中遇到的问题。
2022-09-05 16:14:00
3624
转载 flex:1详解
CSS属性 flex 规定了弹性元素如何伸长或缩短以适应flex容器中的可用空间。这是一个简写属性，用来设置 flex-grow, flex-shrink 与 flex-basis。CSS flex-grow 属性定义弹性盒子项（flex item）的拉伸因子。MDN中是这么定义的。...
2022-08-31 15:29:38
310
转载 JavaScript选择器函数querySelector和querySelectorAll
选择器是非常强大的功能，早先一般是通过和来获取页面元素，在一些场景下就很不方便。后来DOM扩展出了标准，其中包含了和两个方法，可以通过Css选择器匹配页面元素。用于查询页面中第一个符合规则的元素，可以在实例和实例上调用，接收一个选择器字符串参数，如果查找到则返回 对象，否则返回。语法格式如下：123实例调用是获取整个页面匹配的元素。简单示例如下：12345678910111213141516171819202122232425实例调用是获取该元素子树内匹配的元素。简单示例：12345678910111213
2022-07-13 13:42:39
52173
3
转载 Html DOM元素的childNodes和children的区别
对于DOM元素，children是指DOM Object类型的子对象，不包括tag之间隐形存在的TextNode，而childNodes包括tag之间隐形存在的TextNode对象。具体看一下针对children和childNodes在chrome环境下的测试：测试结果如下：上面childNodes集合的结果中有两个undefined节点，这连个就是nodeType=3的TextNode。 如果把HTML代码写成如下样式，那么children和childNodes的结果就没有差别了。对docum
2022-07-08 14:46:53
1319
转载 Flutter使用permission_handler,添加权限后获取权限仍然被拒
使用permission_handler,添加权限后获取权限仍然被拒 - 简书写flutter,需要添加获取一些权限,用到了permission_handler,然后在iOS的plist文件里也加了相关的权限配置,但是运行项目,没有权限提示.获取权限状态都是permanentlyDenied.解决办法:在podfile里加红框里面的这些东西: 记得打开需要用到的权限的注释...... 参考：Flutter permission_handler ios获取不到权限_左丘梦凡的博客-CSDN博客 F
2022-06-28 17:31:08
2185
转载 运行新建Flutter项目， 报错Exception in thread “main“ java.net.ConnectException: Connection timed out: connect
Flutter项目在Android设备运行的时候报错在iOS设备上运行正常：Exception in thread "main" java.net.ConnectException: Connection timed out: connect at java.base/java.net.PlainSocketImpl.connect0(Native Method) at java.base/java.net.PlainSocketImpl.socketConnect(PlainSocketImpl.java
2022-06-28 17:20:32
4491
转载 Flutter type ‘Future＜bool＞‘ is not a subtype of type ‘bool‘ in type cast
这个问题是我在使用flutter shared_preferences的时候，自己默认写了几个存储和读取的字段函数，然后出错了问题在！我使用的时候非常耿直 如图getUserNameInput函数如下 没错，这就是基本功不扎实啊，没有完全理解掌握Future的用法正确写法！ 需要使用await 和 async 关键字 async关键字为外部函数标注关键字或者还有种方法 你不想写那么多关键字的话！...
2022-06-28 13:52:25
1558
转载 Flutter image_picker更换用户头像
第一步：pubspec.yaml文件导入依赖第二部：添加权限（否则会有闪退现象）iOS打开项目在plist文件中配置权限 配置文件（ios->Runner->Info.plist）增加相应配置根据项目需求选择添加底部用showModalBottomSheet添加上拉框 参考文章flutter image_picker - qqcc1388 - 博客园Flutter IOS权限申请_LC蓝色风暴的博客-CSDN博客_flutter权限申请Flutter操作原生相册 - 简书...
2022-06-28 13:01:49
884
转载 Flutter——(GridView)使用教程
使用场景列如：支付宝首页的网格布局，等一系列网格样式的UI都可以使用该组件Flutter学习--GridView - 简书开花季节Flutter——最详细(GridView)使用教程_怀君的博客-CSDN博客_flutter gridview
2022-06-17 13:34:48
819
转载 Flutter系列之Flex布局详解
同系列文章如下：Flutter 是 Google 推出的跨平台 UI 框架，可以快速地在 Android 和 IOS 上构建高质量的应用程序，其主要特点是 Flutter 具有快速开发的能力、富有表现力和灵活的 Ui 以及良好的原生性能，本篇文章主要介绍 Flutter 中的 Flex 布局，如下：Flex基础Flex常用设置Row和ColumnExpanded和FlexibleSpace总结Flex基础Flex 布局方式已经广泛使用在前端、小程序开发之中，如果之前已经学习过 Flex 布局，
2022-06-16 14:52:56
370
转载 Flutter Container、Center设置控件居中背景及其他属性
Flutter Container、Center设置控件居中背景及其他属性_Good Weking的博客-CSDN博客_flutter 控件居中
2022-06-09 14:39:57
3847
转载 Flutter 转 null safe时报错： The argument type ‘Object‘ can‘t be assigned to the parameter type XXX
在将Flutter工程转为 null safe的时候，遇到下面的错误：error: The argument type 'Object' can't be assigned to the parameter type 'ImageProvider'.这个问题不是太好处理，在排查后用下面的方法解决了问题： 在此处 “ ：” 左右两侧对象的类型分别是AssetThumbImageProvider和CachedNetworkImageProvider，两个对象的类型不相同。虽然AssetT...
2022-06-08 17:10:28
2134
转载 Flutter--GestureDetector手势识别组件
GestureDetector：是手势识别的组件，可以识别点击、双击、长按事件、拖动、缩放等手势三、GestureDetector的属性介绍 onTapDown 按下时回调onTapUp 抬起时回调onTap 点击事件回调onTapCancel 点击取消事件回调onDoubleTapDown 短时间内双击按下时回调onDoubleTap 短时间内双击回调onDoubleTapCancel 短时间内双击取消事件回调onLongPress 长按事件回调onLongPressStart 长按开始事
2022-06-07 17:57:27
6630
转载 Flutter 常用控件Text，Imgae，Icon
Flutter控件之 Text - 简书Flutter中的Image有点类似于Android中的ImageView，它的作用是加载并显示图片，图片的来源可以是asset、文件、内存以及网络。在Flutter中，加载图片的任务是交给ImageProvider来完成的。ImageProvider 是一个抽象类，主要定义了图片数据获取的接口load()，从不同的数据源获取图片需要实现不同的ImageProvider ，如AssetImage是实现了从Asset中加载图片的ImageProvider，而Networ
2022-06-02 15:05:29
824
转载 Flutter Widgets 之 MediaQuery控件获取屏幕信息
通常情况下，不会直接将MediaQuery当作一个控件，而是使用获取当前设备的信息，用法如下：此方式必须放在MediaQuery作用域内，否则会抛出异常，MaterialApp和WidgetsApp都引入了MediaQuery，并且随着屏幕的变化而导致重建，比如旋转屏幕、弹出输入框等。MediaQueryData是MediaQuery.of获取数据的类型。说明如下：获取设备相关信息：效果： 随着屏幕旋转，设备信息跟着屏幕方向在变动。SafeArea控件就是通过来实现的，平板和手机的（或者横屏和竖
2022-06-01 17:41:06
875
转载 列表项目＜li＞标签动态添加
列表项目＜li＞标签的使用在有序列表中使用在无序列表中使用在无序列表中动态添加项li标签中的各属性<li>标签定义列表项目。<li>标签可用在有序列表<ol>、无序列表<ul>和菜单列表<menu>中。在有序列表中使用<ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li></ol&
2022-05-26 13:15:49
1508
原创 Flutter底部Tabbar的创建
效果如图1.新建一个项目，在lib文件夹下面，建立一个main文件夹main文件夹如图Home.dartimport 'package:flutter/material.dart';class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build return Scaffold( ..
2022-05-20 17:51:57
409
转载 iOS离屏渲染
界面渲染如果要在显示屏上显示内容，我们至少需要一块与屏幕像素数据量一样大的frame buffer（帧缓冲区），作为像素数据存储区域，然后由显示控制器把帧缓存区的数据显示到屏幕上。如果有时因为面临一些限制，一些原因，比如说阴影，遮罩mask等，GPU无法把渲染结果直接写入frame buffer，而是先暂把中间的一个临时状态存在另外的内存区域，之后再写入frame buffer，那么这个过程被称之为离屏渲染。概况来说，即GPU在当前屏幕缓冲区以外新开辟一个缓冲区进行渲染操作。UIView
2022-05-07 14:32:26
1016
转载 【Node.js】使用Multer的文件上传下载
上回说到，使用Express框架搭建起了简易的后端，并可以使用它接受各种形式的参数。这一节，我们来解决一个web开发中非常基础但也是非常重要的需求——文件上传与下载问题文件上传上传一个文件，使用的http的请求方法是post，请求头中内容类型（Content-type）为multipart/form-data。现在为了测试后台接口，我们使用postman进行post请求发送：更改请求方法 选中Body 选择form-data格式 下方参数处可以修改参数类型为文件 Multe
2022-04-24 16:49:28
2162
原创 VScode remote development 远程开发
只需要打开 VSCode，在插件市场中搜索 remote development：安装完以后，左侧会出现电脑图标，点击电脑图标，然后点击下图的+号然后按照要求输入如下信息，然后按Enter键，格式为：ssh 账户名（一般是root）@域名(不包括www)（IP地址也可以）-A 输入完成以后回车即可,左侧就会出现添加的远程连接，然后点击箭头指向的文件夹,可以选择然后在出现的方框输入远程服务器的密码然后选择打开然后输入正确的路径回.....
2022-04-22 13:59:54
4340
1
转载 nodejs--图片上传
前端部分html部分<div class="add"> <p>商品名称： <input type="text" class="productName"></p> <p>商品价格： <input type="number" class="price" ></p> <!-- multiple: 允许同时上传多张图片 --> <!-- &l
2022-04-20 16:08:41
5111
转载 iOS-class、object_getClass、objc_getClass、objc_getMetaClass区别
在Objective-C的类型结构中，有几个比较重要的概念：Object（实例），Class（类），Metaclass（元类），Rootclass(根类)，Rootclass‘s metaclass(根元类)，且这些都是对象。对于class、object_getClass、objc_getClass这三种方法，全部返回CLass类对象；objc_getMetaClass方法返回元类对象。objc4源码在线浏览objc4源码下载（本文使用的objc4-818.2版本）1、class方...
2022-04-15 14:34:26
645
1
转载 iOS入门小知识-SEL
SEL选择器SEL选择器是一个变量类型，这个类型写作SEL。SEL的变量装载的是”成员方法”，更准确的说，装载的是”消息”，有点类似于函数指针。与普通对象发送消息的区别在于编译器不会验证是否声明这个方法，直接向对象发送消息，但在实际中最好先验证一下对象是否存在或实现了该方法，以保证代码的安全性，避免出现错误。SEL选择器的语法如果某个类不存在某个方法或没有实现某个方法，当这个类的实例化对象使用performSelector:去调用该方法，程序就会出错...
2022-04-15 11:12:35
1083
转载 vue安装less报错
执行npm install less less-loader --save-dev命令，报错如下：npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR! npm ERR! While resolving: [email protected] ERR! Found: [email protected] npm ERR! node_modules/webpack npm ERR
2022-03-31 13:57:18
2455
1
转载 Vue的安装及使用快速入门
vue是一个JavaMVVM库，是一套用于构建用户界面的渐进式框架，是初创项目的首选前端框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。它是轻量级的，它有很多独立的功能或库，我们会根据我们的项目来选用vue的一些功能。它提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。(windows 和Macos安装的方式一样)一、安装vue1、安装node.js，安装完node.js之后，npm也会自动安装查询是否安装成功的命令：node -vnpm
2022-03-31 11:13:38
2662
原创 购买阿里云域名绑定ip教程
域名注册-工商财税-知识产权-资质备案-智能设计-网站建设-万网-阿里云旗下品牌点击搜索选择域名可以选择购买域名选择完成以后，提交订单，完成域名购买购买完成以后进入控制台，在左上角有个图标。鼠标放上去之后会出现一列菜单选择 如下图点开窗口之后我们根据要求填写就好记录类型：要绑定IP的话 我们就选择 A主机记录：就是我们域名的开头(如果填写www则网址为www.xxxx.xxx)记录值：就是我们要绑定的I...
2022-03-23 13:23:21
814
1
转载 nodejs之express的中间件
express中间件分成三种内置中间件 static自定义中间件第三方中间件 (body-parser) (拦截器)全局自定义中间件在请求接口时 有几个接口都要验证传来的内容是否存在或者是否正确 不可能每个接口都写一段验证,所以这一段验证可以提取出来,通过中间件实现const express = require("express");const app = express();// test1接口app.get("/test1",(req,res) => { r
2022-03-17 17:13:07
530
转载 解决vscode没有代码提示
今天在使用vscode的时候，代码提示突然不见了。我先是在设置中更改了配置：接着搜索prevent，取消此项的勾选大部分人这样就成功了，但我这里还是显示不出来但是在html文件中是正常的这时候点击右下角的文件类型选择html类型，转换后再点击右下角的类型选择变为自动检测，这时候我的代码提示就能正常显示了————————————————版权声明：本文为CSDN博主「alt鱼」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出...
2022-02-15 15:10:01
26615
4
转载 justify-content容器属性
Loadingjustify-content容器属性justify-content属性定义了项目在主轴上的对齐方式。.container { justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly;}这定义了沿主轴的对齐。当线路上的所有弹性项目都不灵活，或者灵活但已达到其最大尺寸时，它有助于分配剩余的额外空闲空间。当它们溢出线时，它还对物...
2022-02-09 14:31:59
495
转载 MAC-HBuilderX使用微信小程序开发者工具
使用 HBuilderX 运行微信小程序开发者工具一、打开 HBuilderX 的偏好设置如图：二、打开设置之后选择【运行配置】里的【微信开发者工具路径】。点击【浏览...】选择安装的微信开发者app即可。如果未安装可点击链接下载三、打开微信开发者工具app的安全设置，打开服务端口。在【安全】中打开服务端口：后面即可运行小程序。...
2022-02-08 17:01:01
6488
1
转载 微信小程序布局
一、Flex布局是什么？Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: -webkit-flex; /*在webkit内核的浏览器上使用要加前缀*/ display: flex; //将对象作为弹性伸缩盒显示}当然，行内元素也可以使用Flex布局。.box { display: inline-flex; //将对象作为内联块级弹性...
2022-01-12 14:13:28
1668
转载 微信小程序css篇----外边距（margin)和内边距（padding）
说到边距，那这个基本上跟android里的概念差不多，先来看一个图吧，（虽然标注的丑了点，不过那不是重点）一.margin：外边距；设置对象四边的外延边距。margin: 20rpx 10rpx 25rpx 10rpx ：如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。margin：20rpx：如果只提供一个，将用于全部的四边。margin：20rpx 20rpx：如果提供两个，第一个用于上、下，第二个用于左、右。margin：20rpx 20rpx 10rpx：...
2022-01-05 14:11:17
7834
转载 小程序页面收录 sitemap
微信现已开放小程序内搜索，你的小程序页面将可能展示在微信搜索等多个公开场景中。当开发者允许微信索引时，微信会通过爬虫的形式，为小程序的页面内容建立索引。若小程序中存在不适合展示信息如用户个人信息、商业秘密、成人相关等内容，不想被微信索引到。可以通过以下方式关闭页面收录。有三种方式可以关掉页面收录1.小程序 sitemap.json 配置 2.管理后台 “页面收录设置” 来配置其小程序页面是否允许微信索引 3.小程序页面采取设置登录态小程序 sitemap.json 配置小程序根目录下的
2022-01-04 14:35:03
650
转载 微信小程序自定义属性设置和获取（data-）
自定义属性语法以data-开头：<block wx:for='{{post_key}}' wx:key="key" wx:for-item='item'> <view catchtap='onPostTap' data-postid="{{item.postId}}"> <template is='postItem' data='{{...item}}' /> </view> </block>无论你这样写
2021-12-30 15:12:17
4515
转载 微信小程序的button修改按钮大小设置宽度无效
方法1.样式中加入!important，即：width: 100% !important;wxss代码示例.login-btn { margin-top: 100rpx; font-size: 16px; width: 100% !important; font-weight: 400; color: #fff; border-radius: 4px; border:1px solid rgba(254,50,50,1); background:linear-g
2021-12-28 15:58:58
2708
转载 微信小程序中Var、Let、Const用法详解
Var命令 var申明的变量是全局变量，其作用域为所在的函数内。如下图1所示 var命令会发生”变量提升“现象，即变量可以在声明之前使用。如下图2所示 用var的方式声明的变量，为全局变量，其作用域为所在的函数内。所以重点来了，在当前JS文件的其余函数中，如果直接拿来用，也会报变量未定义的错误。详情请看下面的var的错误使用方式。 Page({ data: { name: '新增参保人',// name的默认值 }, addPerson: fun..
2021-12-27 15:15:12
5637
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人