前端五种跨平台技术

写在开头: 本文不涉及到任何代码,只讲概念层面的,结合本人在实际开发过程中的各种体验,对这几种跨平台技术进行一个点评 跨平台技术的由来: 传统的纯原生开发已经不能满足日益增长的业务需求。主要表现在如下两个方面。 1)动态化内容需求增大。当需求发生变化时,纯原生应用需要通过版本升级来更新内容,但应用上架、审核是需要周期的,这个周期对高速变化的互联网时代来说是很难接受的,所以,对应用动态化(不发版也可以更新应用内容)的需求就变得迫在眉睫了。 2)业务需求变化快,开发成本变大。由于原生开发一般都要维护 Android、iOS两个 开发团队,版本迭代时,无论人力成本还是测试成本都会变大。 总结一下,纯 …

BootStrap 5.0 将放弃支持 IE

最近,BootStrap 团队成员 XhmikosR 在 GitHub 上透露,BS 5 将放弃支持 IE 浏览器。 有网友在这条 PR 的回帖中表示,放弃 IE 的决定可以理解,但正如其他人指出的那样,许多教育、政府和大型银行部门仍在使用 IE(而且是在微软的支持下),也有很多初创公司支持这些行业。 从 BootStrap 5 中移除 IE 的支持,但至少要延迟对 BootStrap 4 的支持吧。 PS:BS v4 今年年底就 EOF 了。 GitHub 讨论: https://github.com/twbs/bootstrap/pull/30377 本文链接地址: BootStrap 5 …

前端代码规范最佳实践

什么是代码风格呢?从小的来说,有的开发喜欢带分号,有的不喜欢带分号。有的喜欢使用空格,有的喜欢使用 Tab。有的喜欢空两个空格,有的喜欢四个空格。除了这些,还有一些关于代码的优化,如避免声明未使用,避免冗余的代码逻辑等。如果你是新参加工作的人员,又恰好遇到一个代码风格混乱,密密麻麻赋值前后都不带空格的项目,只能有苦难言了。 因此团队合作中需要统一规范。 ESLint 与约束 统一编码规范不仅可以大幅提高代码可读性,甚至会提高代码质量。当我们设计了一套关于编码规范的规则集时,需要工具去辅助检测,这就是 ESLint。 $ npm install eslint –save-dev 规则集需要统一 …

iOS 全面屏 web 适配

viewport-fit 这个属性解决全屏的问题,设置了这个属性后,页面就会填充整个刘海区域。 <meta name=“viewport” content=“width=device-width, initial-scale=1.0, viewport-fit=cover”> 上面属性设置之后,再把html,boby高度设置成100% 发现底部出现空白没有填满,这主要是这里的100%,只是安全区域的高度,是不包含非安全区域的。需要主动获取屏幕像素高度为html、body设置。 其他 viewport-fit 可设置的值: contai …

tensorflow gpu 显存不足错误

tensorflow默认会申请分配所有的gpu资源,这会导致明明可以跑的模型却无法跑起来,报OOM而无法创建sessions。 TensorFlow 在分配显存的时候,设置为可以逐步分配,需要多少显存,就一点点往上添,直到够用为止。比如GPU显存为8GB,开始训练一个模型,TensorFlow 先分配100MB,然后200MB 、300MB……最后在700MB处停住了,因为实际700MB就够用了。 #指定使用那块GUP训练 os.environ[“CUDA_VISIBLE_DEVICES”] = ‘0’ config = tf.ConfigPro …

前端开发规范

一、目的 文章主要实现的目的:代码一致性和最佳实践。 通过代码风格的一致性,降低维护代码的成本以及改善多人协作的效率。 同时遵守最佳实践,确保页面性能得到最佳优化和高效的代码。 本文章只是起指导作用,除个别条目强制之外,大多数为非强制约束,开发者可根据自己的实际情况自行决定是否要遵守,该指南只是保证大方向一致性和最佳实践的阶段性总结,不是最后结论,它会随着时间而变化。 二、基本规范 1. 结构、样式、行为分离 尽量确保文档和模板只包含 HTML 结构,样式都放到样式表里,行为都放到脚本里。 2. 缩进 统一两个空格缩进,不要使用 Tab 或者 Tab、空格混搭。 3. 文件编码 使用不带 BO …

mui.openWindow 参数详解

注:文章内引号为中文标点,请自行转换标点。 mui.openWindow({     url: ‘xxx.html’, //String类型,要打开的界面的地址     id: ‘id’, //String类型,要打开的界面的id     styles: { //Webview窗口对象的样式         width: ‘100%’, //String类型,窗口的宽度.支持百分比、像素值,默认为100%.未设置width属性值时,可同时设置left和right属性值改变窗口的默认宽度.         height: & …

网页黑白风格转换

CSS3 filter(滤镜) grayscale(%): 属性将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0; 设置: html {   -webkit-filter: grayscale(100%);   /* webkit */   -moz-filter: grayscale(100%);   /*firefox*/   -ms-filter: grayscale(100%);   /*ie9*/   -o-filter: grayscale(100%);   /*opera* …