前端综合_蓝戒的博客
您当前位置 :
蓝戒的博客 » 所有属于 "前端综合" 分类的文章
Nov 19 2022
Flutter 进行ios真机调试之前需要的一些准备工作：
1. 拥有苹果开发者账号个人（每年99美元）企业（每年299美元）账号；
2. 能上网的苹果电脑 MacOS（苹果虚拟机也可以）、Xcode开发工具、IOS 设备（手机或平板）；
IOS设备中真机调试步骤：
1. 检查环境：
运行 flutter doctor 查看是否通过所有环境检查。
flutter doctor2. 登录开发者账号：
Xcode>Preferences>Accounts账... 阅读全文
Oct 29 2022
什么是组件的生命周期
熟悉移动端开发的朋友对生命周期这个概念都不会陌生，如在Android、iOS、React、Vue中都会有生命周期这一概念，它定义了组件从初始化到被加载再到中间过渡态的状态改变直至被销毁整个一系列的存在过程。
Flutter 组件的生命周期及流转
Flutter组件有两类常用Widget，无状态的StatelessWidget和有状态的StatefulWidget。
&nb... 阅读全文
Oct 29 2022
在前文《flutter系列之开发环境搭建》中，已经介绍过了flutter环境的搭建，如果你的环境已经一切就绪，接下来本文将分享如何在模拟器中debug自己的应用。
我们总共分三步为大家介绍
第一步：启动模拟器，
第二步：安装你的应用到模拟器，
第三步：使用IDE调试flutter应用。
第一步： 启动模拟器
我们使用命令创建一个应用，例： flutter create flutter-stud... 阅读全文
Oct 29 2022
前情概述
在经过flutter起步到入门过程中一番折腾，走过一些坑，积累了一些经验，所以我会把比较优雅的姿势总结出来分享给大家，如果有更好的姿势也可在留言区分享。各位同学请扶稳坐好，马上发车了。
开整
兵预善其器，必先利其器。再动手安装环境之前，先介绍一下flutter的sdk版本管理神器fvm，类似于node的版本管理工具nvm，很多时候我们开发过程中不同项目需要使用的flutter... 阅读全文
Mar 02 2022
前言
由于一个后台项目整合了多个系统，并且由多个团队共同维护，项目开发迭代排期及测试、上线的时间节点都不一样，并且后台项目前端代码都在一个git仓库，使得不同团队不同功能代码合并冲突不断并不易统一版本，开发测试也相互影响。其二，项目在同一个服务上代码体积变得越来越大，部署时间变慢。此外相同服务下的公共代码体积也会变大，进而会影响页面加载速度。因此非常有必要将... 阅读全文
Jun 27 2018
最近做的在线竞答的项目需要使用websocket保持实时通讯，实现同步推题多用户在线竞答。在做过的过程中发现websocket断线频率较高，通过网上查询资料了解到nginx代理的websocket转发，无消息连接会出现超时断开问题。网上资料提到解决方案两种，一种是修改nginx配置信息，第二种是websocket发送心跳包。
下面就来总结一下本次项目中实践中解决的websocket的断线 和 重连 这两个问题的解... 阅读全文
Jun 27 2018
随着web技术的飞速发展，1999年制定的HTTP 1.1已经无法满足大家对性能的要求，Google推出协议SPDY，旨在解决HTTP 1.1中广为人知的性能问题。SPDY得到了Chrome、Firefox和Opera的支持，很多大型网站（如谷歌、Twitter、Facebook、淘宝）都对兼容客户端使用SPDY。SPDY在被行业采用并证明能够大幅提升性能之后，已经具备了成为一个标准的条件。
HTTP工作组采用了SPDY v2草案作为制定HTTP 2.... 阅读全文
Jan 06 2017
适合EXT keycode的查询
A <--------> 65
B <--------> 66
C <--------> 67
D <--------> 68
E <--------> 69
F <--------> 70
G <--------> 71
H <--------> 72
I <--------> 73
J <--------> 74
K <--------> 75
L <--------> 76
M <--------> 77
N <--------> 78
O <--------> 79
P <----... 阅读全文
Oct 28 2016
Webpack是什么
Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS等。可以说是目前前端构建领域... 阅读全文
Oct 27 2016
什么是Rollup.js？
最直接的解释就是，Rollup是前端模块化的一个打包工具，将模块文件根据命令或 者根据rollup.config.js配置文件将多个模块文件打包成一个文件，然后就可以通过 HTML的<script>标签去导入这一个结果文件即可，从而使代码最小化，并且Rollup会自动过滤掉那些没有被使用过的函数或变量。
你也可以认为Rollup是一个构建工具，可以和像Grunt和Gulp等一起配置使用。但是，... 阅读全文
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~
Flutter 进行ios真机调试之前需要的一些准备工作： 1. 拥有苹果开发者账号个人（每年99美元）企业（每年299美元）账号； 2. 能上网的苹果电脑 MacOS（苹果虚拟机也可以）、Xcode开发工具、IOS 设备（手机或平板）； IOS设备中真机调试步骤： 1. 检查环境： 运行 flutter doctor 查看是否通过所有环境检查。 flutter doctor2. 登录开发者账号： Xcode>Preferences>Accounts账...阅读全文抢沙发
前情概述 在经过flutter起步到入门过程中一番折腾，走过一些坑，积累了一些经验，所以我会把比较优雅的姿势总结出来分享给大家，如果有更好的姿势也可在留言区分享。各位同学请扶稳坐好，马上发车了。 开整 兵预善其器，必先利其器。再动手安装环境之前，先介绍一下flutter的sdk版本管理神器fvm，类似于node的版本管理工具nvm，很多时候我们开发过程中不同项目需要使用的flutter...阅读全文
前言 由于一个后台项目整合了多个系统，并且由多个团队共同维护，项目开发迭代排期及测试、上线的时间节点都不一样，并且后台项目前端代码都在一个git仓库，使得不同团队不同功能代码合并冲突不断并不易统一版本，开发测试也相互影响。其二，项目在同一个服务上代码体积变得越来越大，部署时间变慢。此外相同服务下的公共代码体积也会变大，进而会影响页面加载速度。因此非常有必要将...阅读全文
最近做的在线竞答的项目需要使用websocket保持实时通讯，实现同步推题多用户在线竞答。在做过的过程中发现websocket断线频率较高，通过网上查询资料了解到nginx代理的websocket转发，无消息连接会出现超时断开问题。网上资料提到解决方案两种，一种是修改nginx配置信息，第二种是websocket发送心跳包。 下面就来总结一下本次项目中实践中解决的websocket的断线 和 重连 这两个问题的解...阅读全文作者：cywcd | 分类：javascript, web技术 | 阅读： 31,933 次 |
随着web技术的飞速发展，1999年制定的HTTP 1.1已经无法满足大家对性能的要求，Google推出协议SPDY，旨在解决HTTP 1.1中广为人知的性能问题。SPDY得到了Chrome、Firefox和Opera的支持，很多大型网站（如谷歌、Twitter、Facebook、淘宝）都对兼容客户端使用SPDY。SPDY在被行业采用并证明能够大幅提升性能之后，已经具备了成为一个标准的条件。 HTTP工作组采用了SPDY v2草案作为制定HTTP 2....阅读全文作者：cywcd | 分类：javascript, web技术 | 阅读： 4,694 次 |
适合EXT keycode的查询 A <--------> 65 B <--------> 66 C <--------> 67 D <--------> 68 E <--------> 69 F <--------> 70 G <--------> 71 H <--------> 72 I <--------> 73 J <--------> 74 K <--------> 75 L <--------> 76 M <--------> 77 N <--------> 78 O <--------> 79 P <----...阅读全文作者：cywcd | 分类：javascript, web技术 | 阅读： 6,875 次 |
Webpack是什么 Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS等。可以说是目前前端构建领域...阅读全文
什么是Rollup.js？ 最直接的解释就是，Rollup是前端模块化的一个打包工具，将模块文件根据命令或 者根据rollup.config.js配置文件将多个模块文件打包成一个文件，然后就可以通过 HTML的<script>标签去导入这一个结果文件即可，从而使代码最小化，并且Rollup会自动过滤掉那些没有被使用过的函数或变量。 你也可以认为Rollup是一个构建工具，可以和像Grunt和Gulp等一起配置使用。但是，...阅读全文