- 博客(127)
- 收藏
- 关注
RSS订阅
原创 web前端知识全系列
一、CSS问题1.flex布局display:flex; 在父元素设置，子元素受弹性盒影响，默认排成一行，如果超出一行，按比例压缩 flex:1; 子元素设置，设置子元素如何分配父元素的空间，flex:1,子元素宽度占满整个父元素align-items:center 定义子元素在父容器中的对齐方式，center 垂直居中justify-content:center 设置子元素在父元素中居中，前提是子元素没有把父元素占满，让子元素水平居中。2.css3的新特性transtion tran
2020-05-27 10:20:17
802
原创 前端的五万字面试宝典
目录一、算法 1.全排列 2.二分搜索 3.排序 二、JS基础 1.继承 2.this指向 3.数据类型 4.CallBack Hell 5.加载 6.事件 7.跨域 8.Ajax 9.垃圾回收 10.eval是什么 11.监听对象属性的改变 12.实现一个私有变量 13.操作符 14.数组 三、高级技巧 1.防抖节流 3.数组展开 4.拖放 5.once 6.promise 7.sleep 四、浏览器 1.缓存 强制缓存 (也叫强缓存) 对比缓
2020-05-12 15:05:02
316
1
原创 2020年前端知识复习必读文章
目录1. JavaScript 基础 1.1 执行上下文/作用域链/闭包 1.2 this/call/apply/bind 1.3 原型/继承 1.4 Promise 1.5 深浅拷贝 1.6 事件机制/Event Loop 1.7 函数式编程 1.8 Service Worker / PWA 1.9 Web Worker 1.10 常用方法 2. CSS 基础 3. 框架(Vue 为主) 3.1 MVVM 3.2 生命周期 3.3 数据绑定 3.4 状态管理 3.5
2020-05-12 15:02:05
4003
原创 web前端 博客合集
阮一峰老师GitHub：https://github.com/ruanyf博客：http://www.ruanyifeng.com/blog/张鑫旭GitHub：https://github.com/zhangxinxu/mobilebone博客：https://www.zhangxinxu.com/冴羽GitHub：https://github.com/m...
2020-05-08 14:34:28
455
原创 Vue的举一反三
面试必备的13道可以举一反三的Vue面试题前言Vue框架部分我们会涉及一些高频且有一定探讨价值的面试题,我们不会涉及一些非常初级的在官方文档就能查看的纯记忆性质的面试题,比如:vue常用的修饰符? vue-cli 工程常用的 npm 命令有哪些？ vue中 keep-alive 组件的作用?首先,上述类型的面试题在文档中可查,没有比官方文档更权威的答案了,其次这种问题没有太...
2020-05-04 11:19:49
179
原创 22 道高频 JavaScript 手写题及答案
JavaScript笔试部分实现防抖函数（debounce）防抖函数原理：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。那么与节流函数的区别直接看这个动画实现即可。手写简化版:// 防抖函数const debounce = (fn, delay) => { let timer = null; return (.....
2020-05-03 00:09:11
466
原创 chevereto 页面设置
这里国内的用户要特别注意，将自动更新检查设置为禁用。终于来到最重要的一个设置了。这也是我们在typora里集成chevereto的最重要的参数。这里值得一说的是，你可以在主页设置多个图片，让图床的主页好看些（没什么卵用系列）。我贴一些图，大家可以根据我的设置来搞。禁用后，这样访客就看不到你的图片。如果你想别人看到你的图片，就可以启用。这里还有一个语言选项，我是默认的，没有动过。，只有选了访客开放，非注册用户才可以看到你酷酷的图床主页的图片切换！你可以按我的设置来初始化。如果你有什么不满意，自己微调即可。
2023-02-22 23:34:43
519
2
原创 vscode 注释
这篇文章主要介绍了vscode添加注释的方法，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。将光标放在函数行或者将光标放在函数上方的空白行，使用快捷键window：ctrl+alt+t,mac：ctrl+cmd+t，即可生成函数注释。在当前编辑文件中使用快捷键:window：ctrl+alt+t/mac：ctrl+cmd+t,即可生成文件头部注释。"fileheader.cursorMode": {} // 函数注释。事实上，函数注释在文件的任意位置都可生成，这里需要自己控制。
2022-10-11 21:13:06
9141
原创 flutter 安装 环境变量 andriod studio
尽管对于dart来说pub_cache是可选的，但本人还是偏好设置一个指定路径。在Mac和Linux中，缓存目录默认是~/.pub-cache。在Windows中，位于AppData\Roaming\Pub\Cache。3、依次执行命令 flutter doctor 、flutter update-packages 并按提示完成相关软件的安装。4、安装Flutter插件（主要使用 AndroidStudio 为IDE，因此在 AS 安装 Flutter 插件即可）下面简单记录一下，安装的步骤和遇到的问题。
2022-09-29 23:45:19
2542
原创 Flutter悬浮按钮FloatingActionButton使用详解
12345678910111213141516171819202122232425262728293031@overridereturnScaffold(,32),32),),Text("悬浮按钮",20),],),),elevation:0,_doSome();
2022-08-27 11:35:42
2775
原创 flutter 应用签名 Mac
这里介绍说可以通过签名生成工具在已安装当前应用的手机中获取,(待会获取测试一下)我们先搞明白它是什么,这里提到了该应用签名由开发者签名该应用的keystore文件决定。在微信开放平台创建移动应用时上图大家都遇到过,这里的应用签名是什么呢?在项目的android下app下的build.gradle文件下。在终端目录下生成erp-keystore.keystore文件。3.使用keystore文件签名该应用得到签名apk。4.使用签名生成工具查看该应用的签名。需要安装微信查看md5的签名生成器。........
2022-08-02 16:16:37
1551
原创 flutter jpush 配置
Android:在 中添加下列代码：iOS: jpush 申请证书 登录 apple development 1.Certificates, Identifiers & Profiles2.增加 3.选择bundleId4.choose file (CertificateSigningRequest.certSigningRequest 个人电脑 资格证书(CSR)文件)5.下载 cer格式,双加安装 导出p12 格式的证书,输入证书的密码6.上传证书到jpush......
2022-06-17 22:11:15
519
原创 Flutter问题记录2 (持续更新) (apple m1 arm64插件报错)
1. 问题原因无法正常连接libwebp库2. 解决方案a. 终端输入pod repo查看cocoapods在本机的地址 b. 进入该文件地址/Speces/1/9/2/libwebpc. 进入具体的报错版本例如我这里的1.2.0，则修改里面的json文件，将Source改为https://github.com/webmproject/libwebp.gitd. 执行pod install1. 两个可滑动组件产生滑动冲突2. 解决方案禁用内部可滑动组件，保留外部可滑动组件。修改ListView的p
2022-06-10 17:30:46
1140
原创 flutter 打包出错 应用签名 报错 error
Algorithm HmacPBESHA256 not available解决：Error building AAB - Flutter (Android) - Integrity check failed: java.security.NoSuchAlgorithmException: Algorithm HmacPBESHA256 not available - Stack Overflow。苹果电脑keytool -genkey -v -keystore ~/u
2022-04-28 16:59:13
2747
原创 Flutter中使用 iconfont 图标
1.iconfont网站上下载ttf文件image.png2.将.ttf文件放入项目目录(我放在了lib/assets/fonts下，也可根目录建fonts文件夹)，为了后期方便预览自己下载的图标，也可将下载的内容都放入文件夹中，预览直接打开demo_index.html即可image.pngimage.png3.配置pubspec.yaml(若是根目录 路径和注释例子一致即可)image.png4.项目中使用Icon( IconData(0..
2022-04-21 14:14:11
1986
原创 flutter appbar
自定义AppBar实现滚动渐变1、滑动过程中AppBar在不透明和透明之间进行变化2、为l使AppBar能够滚动，我们需要一个列表，这个列表足够长，以至于我们能够监听列表的滚动，来改变顶部的AppBar的背景色添加底部的列表，让AppBar可以滑动3、移除listview和顶部的padding这个padding可能是开发团队考虑到了手机的适配，比如iphonX的适配，提前把顶部的安全区域预留下来了。但是对于我们来说，是需要这个banner在顶部的位置进
2022-04-21 00:59:01
1414
原创 ts 类型检测 错误 配置
All imports in import declaration are unusedtsconfig.json"noUnusedLocals": false,
2022-03-17 10:47:55
2931
原创 记录 Html和CSS布局技巧
单列布局水平居中水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的对齐操作，child元素的父容器是parent元素）使用inline-block 和 text-align实现.parent{text-align: center;}.child{display: inline-block;}优点：兼容性好；不足：需要同时设置子元素和父元素使用margin:0 auto来实现
2022-03-16 15:11:10
113
原创 flutter 记录 问题
image_picker 原生相机出现英文解决方案：Xamarin 的Localized resources can be mixed 设置关于IOS开发，都知道在XCode 可以添加 Localized resources can be mixed YES 选项，在Xamarin 社区上搜索了一下，没看到相关的设置问题，所以找了Apple 官网如下：详细设置在Info.plist文件中添加：<key>CFBundleAllowMixedLocalizations</...
2022-03-01 16:18:30
1703
原创 mac docker 通过brew 安装宝塔
Error: Failed to download metadata for repo 'appstream': Cannot prepare internal mirrorlist: No URLs in mirrorlist解决方案解决方案：找到配置文件打开 /etc/yum.repos.d 修改baseurl 为阿里云的地址 ：cd /etc/yum.repos.dvimCentOS-Base.repo[BaseOS]baseurl=https://mirrors.aliyun.
2022-02-26 14:26:19
1404
原创 ios 环境变量添加
在终端加入环境路径第一步 ：在终端切换到根目录，编辑./.bash_profile文件$cd. ~$ vim ./.bash_profile第二步 ：进入vim 编辑环境。 按下i 进入 insert 模式 ，输入export PATH=$PATH:/usr/local/mysql/binexport PATH=$PATH:/usr/local/mysql/support-files第三步 ：按下esc 退出 insert 模式，输入:wq保存配置文件。VIM...
2022-02-26 09:49:44
1068
原创 VIM VI 命令
按ESC键 跳到命令模式，然后：:w 保存文件但不退出vi :w file 将修改另外保存到file中，不退出vi :w! 强制保存，不推出vi :wq 保存文件并退出vi :wq! 强制保存文件，并退出vi q: 不保存文件，退出vi :q! 不保存文件，强制退出vi :e! 放弃所有修改，从上次保存文件开始再编辑命令历史以:和/开头的命令都有历史纪录，可以首先键入:或/然后按上下箭头来选择某个历史命令。启动vim在命令行窗口中输入以下命令即可vim 直接启动vim..
2022-02-26 09:48:49
243
原创 常用正则表达式
要求：由数字和字母组成，并且要同时含有数字和字母，且长度要在8-16位之间。^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$分开来注释一下：^ 匹配一行的开头位置(?![0-9]+$) 预测该位置后面不全是数字(?![a-zA-Z]+$) 预测该位置后面不全是字母[0-9A-Za-z] {8,16} 由8-16位数字或这字母组成$ 匹配行结尾位置...
2022-02-24 17:46:35
172
原创 2021苹果AppleiOS开发证书申请详细图文流程
链接：2021苹果AppleiOS开发证书申请详细图文流程_SkyHand-CSDN博客_苹果开发者证书注意： 开通消息推送一、开发者基本知识苹果开发者官网：https://developer.apple.com/account/ ，个人账号688人民币一年。 上架app和游戏需要先申请证书，申请证书需要涉及到下面的设置，功能列表:1. Certification和p12(证书)证书是对电脑开发资格的认证，每个开发者帐号有一套，分为两种：Developer Certifi.
2022-02-11 13:57:04
8329
1
原创 Flutter 生成图片并保存
概述 Flutter生成图片相当于是对某一个Widget进行截图保存 保存图片需要获取文件存储权限 引入插件permission_handler(权限控制插件)、image_gallery_saver(文件保存插件) 设置修改权限文件 引入插件后，需要对ios和安卓分别设置权限 安卓修改文件android/app/src/main/AndroidManifest.xml，添加如下代码 <uses-permission android:name="android.per...
2022-01-14 13:46:27
2278
原创 flutter ios pod install 出错
设备m1进入ios 项目，运行pod install 出错错误信息Bus Error at 0x0000000104728000 ruby 2.6.8p205方法一：解决了之后，pod install再次运行或任何您尝试执行的操作，但不要使用arch -x86_64.它对我来说没有问题，这样我也可以避免采用英特尔仿真（Rosetta 2）的方式。我在 ffi github 项目上提交的问题中找到了这个解决方
2022-01-12 10:54:23
3599
原创 react 项目练习
npx create-react-app name项目使用prettier 格式化登录官网prettier.org添加.prettierc.json 和.prettierignorepre-commint hook代码每次提交之前,会对代码格式化npx mrm@2 lint-staged会在package.json 添加"lint-staged": { "*.{js,css,md,ts,tsx}": "prettier --write" } 因
2022-01-09 22:37:00
555
原创 flutter arr
dart map获取index只需要indexlist.asMap().keys.map((index) { return something;}List<String> list = ['a', 'b', 'c', 'd'];print(list.asMap()); // {0: a, 1: b, 2: c, 3: d}print(list.asMap().keys); // (0, 1, 2, 3)print(list.asMap().keys.ma...
2022-01-05 16:36:11
1278
原创 Flutter 日期时间DatePicker控件及国际化
DatePickerFlutter并没有DatePicker这个控件，需要使用showDatePicker方法弹出日期选择控件，基本用法如下：RaisedButton( onPressed: () async { var result = await showDatePicker( context: context, initialDate: DateTime.now(), firstDate: DateTime(2020),
2021-12-28 15:03:00
1062
原创 flutter select
/// 多选构造函数 /// /// [title] 参数是要在触发器小部件和模式标题中显示的文本。 /// /// [placeholder] 参数是当没有选定选项时要显示的文本。 /// /// [selectedValue] 参数是当前选择的值。 /// /// [selectedChoice] 参数是当前选择的选项。 /// /// [selectedResolver] 是从 [selectedValue] 解析 [selectedChoice] 的函数 ...
2021-12-16 00:03:58
3369
原创 Flutter/Dart import导入文件关键字总结
导入文件import后面的路径有哪几种？各代表什么意思？关键字有那些？文件导入的顺序是什么？import 'dart:xxx';引入Dart标准库import 'xxx/xxx.dart';引入绝对路径的Dart文件import 'package:xxx/xxx.dart';引入Pub仓库pub.dev(或者pub.flutter-io.cn)中的第三方库import 'package:project/xxx/xxx.dart';引入自定义的dart文件import 'xxx' s...
2021-12-15 21:56:52
2009
原创 flutter如何让row中的子组件高度保持一致
当我们使用行（row）的时候，子组件常常因为高度的不同，导致各个子组件里面的内容不能对齐。这个时候我们可以使用IntrinsicHeight来保持row中各个子组件高度一致，从而便于纵向居中对齐。参考下面的代码：IntrinsicHeight(child:Row(mainAxisAlignment:MainAxisAlignment.spaceBetween,children:<Widget>[newContainer(col...
2021-12-13 14:22:28
4352
原创 flutter 小数 数字 double int
舍弃小数部分（取整）首先我们来看如何只保留整数位，这里有很多方法可以实现：double price = 100 / 3;//舍弃当前变量的小数部分，结果为 33。返回值为 int 类型。price.truncate();//舍弃当前变量的小数部分，浮点数形式表示，结果为 33.0。返回值为 double。price.truncateToDouble();//舍弃当前变量的小数部分，结果为 33。返回值为 int 类型。price.toInt();//小数部分向上进位，结果为 34。
2021-12-10 14:05:44
2676
原创 flutter 打包 和 升级
Flutter打包app不能访问网络资源在android/src/main/AndroidManifest.xml中添加：<uses-permission android:name="android.permission.READ_PHONE_STATE" /><uses-permission android:name="android.permission.INTERNET" /><uses-permission android:name="android.pe
2021-12-09 17:23:59
1071
原创 flutter 布局基础
Container-div padding: const EdgeInsets.all(8), decoration: BoxDecoration( color: gridItem.color, borderRadius: BorderRadius.circular(8)),Container({ this.alignment, this.padding, //容器内补白，属于decoration的装饰范围 Color color, // 背景色 Decorat..
2021-12-07 21:23:36
1074
原创 vue3 组件学习
2-1prettier安装prettier配置文件 (.prettierrc){ "semi": false, //是否要写分号 "singleQuote": true, //是否使用单引号 "arrowParens": "always", //是否要单参数函数是否要加括号 `(x) => x` "trailingComma": "all"}用户会应用于所有项目,工作区应用于当前项目提取props,有问题的加上下面as...
2021-12-02 09:12:08
352
原创 vue-移动端适配-postcss-pxtorem
vue-移动端适配-postcss-pxtorem安装lib-flexiblenpm i lib-flexible --save在main.js引入lib-flexibleimport 'lib-flexible/flexible'安装postcss-pxtoremnpm install postcss-pxtorem -D配置postcss-pxtorem 在根目录的.postcssrc.js文件中修改 此文件自动生成，若没有，手动添加module.exports
2021-11-30 17:18:17
1824
原创 git 常规
git init 初始化，创建 git 仓库git status 查看 git 状态 （文件是否进行了添加、提交操作）git add 文件名 添加，将指定文件添加到暂存区git commit -m '提交信息' 提交，将暂存区文件提交到历史仓库git log 查看日志（ git 提交的历史日志）查看分支列表:git branch切换分支git checkout 分支删除分支：git branch -d 分支名合并分支一般在进行git操作的时候出现Already.
2021-11-30 08:52:38
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人