前端技术
HTML
CSS
Javascript
前端框架和UI库
VUE
ReactJS
AngularJS
JQuery
NodeJS
JSON
Element-UI
Bootstrap
Material UI
服务端和客户端
Java
Python
PHP
Golang
Scala
Kotlin
Groovy
Ruby
Lua
.net
c#
c++
后端WEB和工程框架
SpringBoot
SpringCloud
Struts2
MyBatis
Hibernate
Tornado
Beego
Go-Spring
Go Gin
Go Iris
Dubbo
HessianRPC
Maven
Gradle
数据库
MySQL
Oracle
Mongo
中间件与web容器
Redis
MemCache
Etcd
Cassandra
Kafka
RabbitMQ
RocketMQ
ActiveMQ
Nacos
Consul
Tomcat
Nginx
Netty
大数据技术
Hive
Impala
ClickHouse
DorisDB
Greenplum
PostgreSQL
HBase
Kylin
Hadoop
Apache Pig
ZooKeeper
SeaTunnel
Sqoop
Datax
Flink
Spark
Mahout
数据搜索与日志
ElasticSearch
Apache Lucene
Apache Solr
Kibana
Logstash
数据可视化与OLAP
Apache Atlas
Superset
Saiku
Tesseract
系统与容器
Linux
Shell
Docker
Kubernetes
[MPP数据库实时分析能力在数据导入中的应...]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
转载文章
...实践和工具来应对复杂应用场景下的挑战,从而确保项目的高效稳健运行。
2023-06-08 12:10:23
128
转载
转载文章
...社区正积极推广不可变数据结构,并通过Project Valhalla等项目探索值类型(Value Types)的可能性,力求在保持不可变优势的同时,解决由此引发的内存占用问题。 至于复杂性问题,尽管Java语言特性的丰富性带来了学习曲线陡峭的问题,但同时也为开发者提供了更加灵活多样的解决方案。随着模块化(Jigsaw)项目的落地,Java 9及后续版本在一定程度上缓解了API膨胀和依赖管理的复杂性。此外,现代IDE和构建工具如IntelliJ IDEA和Gradle也极大地提升了对Java新特性的支持与理解,助力开发者更好地应对复杂性挑战。 综上所述,虽然Java存在一些固有的挑战,但随着技术的发展和社区的努力,许多问题正在得到有效解决或改进。作为开发者,紧跟时代步伐,深入了解并合理运用这些新技术与最佳实践,才能最大化发挥Java的优势,编写出高性能且易于维护的代码。
2023-11-21 23:48:35
276
转载
.net
...由微软公司开发的一个应用程序框架,它可以提供一些常用的功能和API供程序员使用,让开发者可以更加方便快捷地开发出高质量的应用程序。在.NET这个大家庭里,C和Visual Basic可是两位大主角,都是.NET的重要组成部分。不过呢,这哥俩虽然同在一个屋檐下,却各有各的特点和差异。所以啊,咱们得好好探究一下这两门语言的不同之处和各自的独特魅力所在。 2. C C是一种面向对象的编程语言,它的语法类似于Java,但是比Java更加简洁明了,而且支持更多的现代特性,如匿名方法、LINQ查询等。你知道吗?C这门编程语言有个大大的优点,那就是性能杠杠的!特别是在Windows系统上,用C编译出的代码那跑起来简直是飞一般的感觉,速度快到没朋友!另外,C还自带了一大堆超实用的类库和API工具箱,这让开发者们能轻轻松松地写出高效能的应用程序,就像在厨房里有了一整套齐全的厨具,做起菜来更加得心应手。 下面是一个简单的C程序示例: csharp using System; namespace HelloWorld { class Program { static void Main(string[] args) { Console.WriteLine("Hello, World!"); } } } 在这个程序中,我们定义了一个名为HelloWorld的程序集,并在其中定义了一个名为Program的类。然后,在我们的程序中心点——Main方法里头,我们让计算机蹦出了“Hello, World!”这句话。这就是咱们这个小程序最核心、最精髓的部分啦! 3. Visual Basic Visual Basic是一种可视化编程语言,它的语法比较简单,易于学习和使用,非常适合初学者入门。你知道吗,Visual Basic有个超赞的优点——它自带了一大堆可视化的小玩意儿和控件,这就像是给开发者准备了一整套积木。用这些积木,开发者可以像搭房子一样轻松快速地搭建出既好看又实用的应用界面,省时又省力,可酷了!此外,Visual Basic还支持许多高级特性,如事件驱动编程、多线程编程等。 下面是一个简单的Visual Basic程序示例: vbnet Module Module1 Sub Main() Console.WriteLine("Hello, World!") End Sub End Module 在这个程序中,我们定义了一个名为Module1的模块,并在其中定义了一个名为Main的方法。然后,我们在Main方法中打印出了字符串"Hello, World!",这也是我们的程序的核心逻辑。 4. C和Visual Basic的区别 虽然C和Visual Basic都是.NET的一部分,但是它们之间还是存在很多差异的。首先,咱从语言这一块儿来说,C这门语言的语法确实有点儿绕,不过人家可是藏着更多的功能和特性呢,就像是个大宝箱。而Visual Basic呢,就更像是一本初级读物,学起来轻松简单,特别适合刚入门的小白朋友来上手。其次,从性能角度来看,C编译出来的代码运行速度更快,而Visual Basic则相对较慢。最后,从实际应用场景来瞅瞅,C这门语言就像是为开发大型企业级应用而量身定制的,特别对路。相比之下,Visual Basic更适合捣鼓些小型桌面应用或者小游戏啥的,更加接地气儿。 5. 总结 总的来说,C和Visual Basic都是.NET的重要组成部分,各自有着自己的优势和适用场景。选择哪一种语言,应该根据实际的需求和情况来决定。不论你挑了哪种语言,只要你摸透了它的基本脾性和使用窍门,就绝对能捣鼓出顶尖水准的应用程序来。 感谢您阅读这篇文章,希望我的回答能够帮助到您!如果您有任何其他问题,欢迎随时联系我,我会尽全力为您解答。
2023-07-31 15:48:21
567
幽谷听泉-t
Maven
...en的最新动态与实践应用将有助于开发者更好地掌握这一项目管理工具。近期,Apache Maven团队发布了Maven 4.0-alpha-1版本,引入了一系列改进和新特性,包括对构建生命周期的优化、性能提升以及对Java 16+版本的支持。此版本更加注重标准化和向后兼容性,减少了无效生命周期阶段错误的可能性。 此外,对于持续集成和DevOps场景,Jenkins、GitLab CI/CD等工具已全面支持Maven项目的自动化构建与部署,用户可通过配置文件精确控制Maven生命周期的执行顺序与插件使用,从而避免出现Invalidlifecyclephase错误。同时,建议开发者关注官方文档的更新内容,紧跟Maven社区的发展步伐,及时了解并适应新的最佳实践。 另外,有开发专家在技术博客中深度剖析了Maven插件的自定义实现与扩展机制,通过引证实际案例说明如何正确编写插件以遵循Maven规范,防止因插件问题导致的生命周期阶段错误。这为解决Invalidlifecyclephase问题提供了更深层次的理解和更为灵活的应对策略。 总之,在面对Maven Invalidlifecyclephase这类问题时,不仅需要扎实的基础知识,还要保持对Maven生态发展的敏锐度,并积极参考行业内的实践经验和前沿解读,才能确保在项目构建过程中高效无误地推进。
2023-05-18 13:56:53
155
凌波微步_t
c++
...更优雅地处理未预期的数据类型或状态。 其次,C++20新增了范围基元(Ranges),提供了一种简洁、一致的方式来遍历和操作容器。这种基于迭代器的抽象机制,不仅增强了代码的可重用性,而且提高了开发效率。通过范围基元,开发者可以轻松实现复杂的循环结构,无需编写冗长的迭代器代码。 再者,C++20的引入还强化了类型推断(Type Inference)的功能,使得在某些情况下,开发者不必明确指定类型信息,减少了代码量,提高了代码的可读性和简洁性。同时,这也降低了引入错误的可能性,有助于提高代码质量。 此外,C++20中还引入了对并发编程的支持,包括原子操作(Atomic Operations)、锁自由编程(Lock-Free Programming)等特性,使得C++在多线程和分布式计算领域更具竞争力。 总之,C++20的发布标志着C++在标准化与现代化道路上迈出了重要一步。这些新特性的引入不仅优化了现有代码的编写体验,也为未来的技术发展奠定了坚实的基础。随着C++社区的持续努力,我们有理由期待C++在未来能够继续引领编程语言的发展潮流,满足日益复杂和多样化的软件开发需求。
2024-09-14 16:07:23
22
笑傲江湖
Beego
... 3. 实际案例分析 接下来,让我们通过几个具体的案例来看看不遵守代码提交规则可能带来的问题。 3.1 案例一:代码风格不一致 假设我们在一个Beego项目中,有的开发者喜欢用单引号,而有的开发者喜欢用双引号。这就造成了代码风格五花八门,读起来费劲不说,还容易出些莫名其妙的bug。比如,在Beego中,如果我们使用了不一致的引号风格,可能会导致字符串解析错误。下面是一个简单的示例: go // 不同的引号风格 func main() { name := 'John' // 使用单引号 age := "30" // 使用双引号 } 这样的一段代码在编译时可能会报错,因为Go语言的标准是使用双引号作为字符串的分隔符。如果团队内部没有统一的规则,这样的错误就很容易发生。 3.2 案例二:缺少必要的注释 另一个常见的问题是缺乏必要的注释。在Beego项目里,我们有时得花时间解释那些烧脑的逻辑,或者是给API接口写点使用说明啥的。如果这些重要的信息没有被记录下来,后续维护人员将会面临很大的困扰。例如,我们可以看看下面这个简单的Beego控制器示例: go package controllers import ( "github.com/astaxie/beego" ) type UserController struct { beego.Controller } // 获取用户列表 func (this UserController) GetUserList() { users := []User{} // 假设User是定义好的结构体 this.Data["json"] = users this.ServeJSON() } 在这个例子中,如果没有任何注释,其他开发者很难理解这个函数的具体作用。因此,添加必要的注释是非常重要的。 3.3 案例三:没有遵循版本控制的最佳实践 最后,我们来看看版本控制的问题。在Beego项目中,我们通常会使用Git来进行版本控制。不过,要是团队里的小伙伴不按套路出牌,比如压根不用分支管理,或者是提交信息简单得让人摸不着头脑,那后续的代码管理和维护可就头大了。举个例子: bash 不正确的提交信息 $ git commit -m "修改了一些东西" 这样的提交信息没有任何具体的内容,对于后续的代码审查和维护都是不利的。正确的做法应该是提供更详细的提交信息,比如: bash $ git commit -m "修复了用户列表接口的bug,增加了错误处理逻辑" 4. 如何改进? 既然我们已经了解了不遵守代码提交规则可能带来的问题,那么接下来我们该如何改进呢? 4.1 制定并遵守统一的编码规范 首先,我们需要制定一套统一的编码规范,并确保所有团队成员都严格遵守。比如说,我们可以定个规矩,所有的字符串都得用双引号包起来,变量的名字呢,就用驼峰那种一高一低的方式起名。这不仅可以提高代码的可读性,还能减少不必要的错误。 4.2 添加必要的注释 其次,我们应该养成良好的注释习惯。在编写代码的同时,应该为重要的逻辑和接口添加详细的注释。这样,即使后续维护人员不是原作者,也能快速理解代码的意图。例如: go // 获取用户列表 // @router /api/users [get] func (this UserController) GetUserList() { users := []User{} // 假设User是定义好的结构体 this.Data["json"] = users this.ServeJSON() } 4.3 遵循版本控制的最佳实践 最后,我们还需要遵循版本控制的最佳实践。比如说,当你用分支管理功能时,提交的信息可得越详细越好,这样以后自己或别人看代码时才会更容易,审查和维护起来也更轻松。例如: bash 正确的提交信息 $ git commit -m "修复了用户列表接口的bug,增加了错误处理逻辑" 5. 结语 总之,代码提交规则的严格遵守对于Beego项目的成功至关重要。虽然开始时可能会觉得有点麻烦,但习惯了之后,你会发现这能大大提升团队的工作效率和代码质量。希望各位开发者能够认真对待这个问题,共同维护一个高质量的代码库。
2024-12-26 15:33:14
92
红尘漫步
转载文章
...本转语音和语音转文本应用中的广泛应用。近期,这一领域的研究与实践正以前所未有的速度发展。 首先,Google的Cloud Text-to-Speech服务持续更新,提供更高质量、更自然的多语种合成声音,并且支持SSML标记语言以实现更多定制化功能,开发者可以借此构建更具表现力的语音交互产品。此外,百度也推出了自家的语音开放平台,其中包含丰富的中文语音识别模型和TTS技术,为中国市场提供了强大的本地化解决方案。 其次,在深度学习技术推动下,语音识别准确率不断提升。阿里云团队最近发布了一项研究成果,通过先进的端到端神经网络模型,实现了在复杂环境下的高精度普通话识别,尤其针对噪声抑制和口音适应性有显著提升,为智能设备、智能家居等场景提供了有力的技术支撑。 同时,随着开源社区的发展,Mozilla旗下的Deepspeech项目也在不断迭代,该项目基于RNN-T架构,致力于打造开源、免费且准确度高的语音识别引擎,让更多开发者能够参与到语音技术的研究和创新中来。 总之,随着人工智能及机器学习技术的不断发展,Python语音识别技术的应用将更加广泛,无论是日常生活中的智能助手,还是工业级的自动化设备,都将受益于这项技术的进步。对于开发者而言,紧跟最新技术动态并结合实际应用场景进行技术创新,将是掌握这一领域未来发展的关键所在。
2023-01-27 19:34:15
277
转载
转载文章
...ker等容器技术进行应用部署,其中包括Nginx服务。通过Docker镜像的方式,即使在离线环境下也能实现高效、一致的Nginx部署。 例如,在Kubernetes集群中,运维人员可以预先下载所需的Nginx官方镜像并推送到私有镜像仓库,随后在离线节点上拉取这些镜像以完成Nginx服务的搭建。这种方式不仅简化了依赖库的管理,同时也提高了部署的标准化程度和效率。 另外,对于持续集成/持续部署(CI/CD)流程中的离线环境支持,也有一些工具如Ansible、Puppet等自动化运维工具提供了完善的解决方案,它们能够帮助用户在无网络连接或受限网络条件下,实现复杂服务栈的自动化安装配置。 此外,随着开源生态的发展,一些Linux发行版开始提供更全面的离线包管理方案,比如Fedora Silverblue项目就引入了模块化操作系统理念,使得离线安装大量软件变得更加方便和快捷。未来,离线安装技术将更加智能化和便捷化,为企业级应用部署提供更多可能。
2023-06-23 08:28:14
106
转载
转载文章
...步提升在实际开发中的应用水平。近日,GitHub官方博客发布了一篇关于“Improving Git's Performance with a New Delta Compression Algorithm”的文章(链接:https://github.blog/2023-03-15-improving-git-s-performance-with-a-new-delta-compression-algorithm/),介绍了他们正在研发的一种新型差异压缩算法,旨在显著提高Git操作如推送、拉取和克隆的速度,这对于大型项目团队来说是一大利好消息。 此外,对于想要深入了解分支管理策略的开发者,Atlassian在其官方网站上提供了一份详尽的“Git Branching Strategies Explained”指南(链接:https://www.atlassian.com/git/tutorials/comparing-workflows),该指南深度剖析了几种主流的Git分支模型,包括Git Flow、GitHub Flow和GitLab Flow,帮助读者更好地根据项目需求选择合适的分支管理方案。 另外,随着DevOps和持续集成/持续部署(CI/CD)的发展,了解如何将Git与CI/CD工具(例如Jenkins、Travis CI或GitHub Actions)有效结合也显得尤为重要。InfoQ近期的一篇文章“Implementing GitOps: A Guide to Automating Your Software Delivery Pipeline”(链接:https://www.infoq.com/articles/implementing-gitops-guide-to-automating-software-delivery-pipeline/)就探讨了如何通过GitOps理念来实现软件交付管道的自动化,这对于提升团队协作效率和软件质量具有指导意义。 综上所述,在掌握Git基础的同时,关注最新技术动态和实践案例,将有助于我们在日常工作中更加游刃有余地利用Git进行高效版本控制和团队协作。
2023-05-18 13:38:15
75
转载
Java
...项技术不仅展示了AI在数学领域的潜力,也引发了人们对AI如何改变传统学科的深刻思考。AlphaGeometry能够在几秒钟内完成一些需要人类数学家花费数年时间才能解决的问题,这无疑为科学研究开辟了新的道路。 与此同时,在金融行业,区块链技术正逐渐成为主流。随着各国央行加速推进数字货币的研发,区块链作为其核心技术之一,正在重塑全球支付体系。例如,中国已经推出了数字人民币试点项目,并在多个城市进行了大规模测试。这种新型货币不仅提高了交易效率,还增强了金融系统的安全性。然而,随之而来的还有对隐私保护和监管合规的挑战,如何平衡创新与风险控制成为了亟待解决的问题。 此外,气候变化依然是当今世界面临的最大挑战之一。联合国政府间气候变化专门委员会(IPCC)最新发布的报告显示,全球变暖的速度比预期更快,极端天气事件频发。面对这一严峻形势,各国纷纷采取行动。欧盟提出了雄心勃勃的绿色新政计划,旨在到2050年实现碳中和目标。美国则重新加入了《巴黎协定》,并承诺在未来十年内大幅削减温室气体排放。科学家们呼吁全球合作,共同应对气候危机,否则后果将不堪设想。 这些热点话题不仅反映了科技进步带来的机遇,同时也揭示了人类社会必须面对的复杂问题。无论是数学、金融还是环境科学,每一个领域的进步都离不开跨学科的合作与创新思维。正如文章所提到的,学习编程就像掌握一门新语言,而掌握这些前沿知识则是适应未来社会的基础。让我们保持好奇心,不断探索未知的世界吧!
2025-03-17 15:54:40
61
林中小径
转载文章
...化了Java Web应用的部署流程,只需构建一个可执行的JAR或WAR文件,便能在任何支持Java环境的地方启动项目,无需繁琐的服务器配置。对于版本适配问题,Spring Boot会自动管理依赖库的版本,确保项目的稳定运行。 同时,容器化技术如Docker为软件部署提供了标准化、轻量级的方式。通过编写Dockerfile定义应用环境,开发者可以快速创建包含应用程序及其所有依赖项的镜像,并在任何安装有Docker的环境中一键部署,极大提升了部署的一致性和可移植性。 另外,云原生技术的发展也改变了传统的服务器管理模式,Kubernetes作为容器编排工具,能够实现自动化部署、扩展和管理容器化应用,有效解决了多实例、动态扩容等问题,使得项目管理和运维更加灵活高效。 总之,在Eclipse等IDE之外,掌握现代化的项目部署与服务器管理技术将有助于开发者应对更多实际场景中的挑战,提升开发效率及系统的稳定性。因此,深入学习Spring Boot、Docker以及Kubernetes等相关知识,是每一位Web开发者持续进阶的必修课。
2024-02-23 12:52:12
489
转载
转载文章
...些插件会按照指定顺序应用到源代码上,实现从高级语法到低级语法的转换。 预设 (Presets) , 预设是Babel中一组预先配置好的插件集合,它们通常围绕某个特定的目标或规范进行组织。比如@babel/preset-env预设就包含了对最新稳定版ECMAScript特性的转换插件集合。通过引入预设,开发人员无需逐一安装和配置每个插件,简化了Babel的配置过程,并确保了对目标环境的广泛兼容性。 TC39 , TC39是Ecma International下属的技术委员会,负责制定和维护JavaScript语言的标准,即ECMAScript规范。每年,TC39会对新的JavaScript提案进行讨论、试验和标准化,提案分为不同的成熟度阶段,最终达到stage 4阶段的特性会被纳入下一版本的ECMAScript标准。 Stage-x , 在Babel 6及之前版本中,Stage-x预设对应于TC39提出的不同成熟度阶段的JavaScript提案,例如stage-0表示提案处于试验阶段,stage-3表示提案已接近完成。随着Babel的更新,这种基于提案阶段的预设已被废弃,转而推荐使用@babel/preset-env来按需转换已进入stage 4阶段的特性。
2024-01-16 22:15:54
121
转载
Maven
...测试等方面具备强大的能力。通过不断学习和实践,开发者能够充分利用Maven的优势,提升项目开发效率,应对复杂的软件工程挑战。随着技术的发展,Maven的未来充满无限可能,期待更多开发者在这一领域探索创新,共同推动软件开发的进步。
2024-08-09 16:06:13
93
初心未变
转载文章
...0; Point tmpPoint = new Point(); for (int i = 0; i < text.Length; i++) { tmpBmp = new Bitmap(height, height); tmpGph = Graphics.FromImage(tmpBmp); // tmpGph.TextRenderingHint = System.Drawing.Text.TextRenderingHint.SingleBitPerPixelGridFit; // 不填充底色,文字 ClearType 效果不见了,why?! // tmpGph.FillRectangle(brushBg, 0, 0, tmpBmp.Width, tmpBmp.Height); degree = rnd.Next(20, 51); // [20, 50]随机角度 if (rnd.Next(0, 2) == 0) { tmpPoint.X = 12; // 调整文本坐标以适应旋转后的图象 tmpPoint.Y = -6; } else { degree = ~degree + 1; // 逆时针旋转 tmpPoint.X = -10; tmpPoint.Y = 6; } tmpGph.RotateTransform(degree); tmpGph.DrawString(text[i].ToString(), font, brush, tmpPoint); graphics.DrawImage(tmpBmp, i fontSize, 0); // 拼接图象 } //输出图象 System.IO.MemoryStream memoryStream = new System.IO.MemoryStream(); bmp.Save(memoryStream, System.Drawing.Imaging.ImageFormat.Gif); HttpContext.Current.Response.Cache.SetCacheability(HttpCacheability.NoCache); HttpContext.Current.Response.ClearContent(); HttpContext.Current.Response.ContentType = "image/gif"; HttpContext.Current.Response.BinaryWrite(memoryStream.ToArray()); HttpContext.Current.Response.End(); //释放资源 font.Dispose(); brush.Dispose(); brushBg.Dispose(); tmpGph.Dispose(); tmpBmp.Dispose(); graphics.Dispose(); bmp.Dispose(); memoryStream.Dispose(); } } } 转载于:https://www.cnblogs.com/iRed/archive/2008/06/22/1227687.html 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_30600197/article/details/96672619。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-05-27 09:38:56
249
转载
转载文章
...准版本,提供了更高的数据传输速率,对于固态硬盘等高速存储设备而言,支持PCIE 4.0意味着能实现更快速的数据读写性能。然而,在Dell G15笔记本上,作者发现并非所有硬盘接口均支持这一最新协议,从而引发了兼容性问题。 IPMITOOL , Intelligent Platform Management Interface (IPMI) Tool,智能平台管理接口工具。IPMITOOL是一个开源软件工具,用于与支持IPMI标准的硬件设备进行交互,提供远程监控、诊断和控制功能。在解决Dell T640服务器风扇转速控制问题时,作者使用了IPMITOOL工具,通过发送特定的命令行指令,实现了对服务器风扇的手动转速调节,解决了因硬件识别问题导致的风扇噪音巨大难题。
2023-02-24 14:29:07
172
转载
转载文章
...m布局(进阶版)实践应用 iPhone5 下页面效果.png iPhone 6 Plus 下页面效果.png 为了让朋友们更清晰感受此方案的巨大优势,下面是源码和Demo 实践应用1(请在手机端或者手机模式下浏览效果更佳!) 实践应用2(请在手机端或者手机模式下浏览效果更佳!) 线上项目(请在手机端或者手机模式下浏览效果更佳!) 示例源码 在线Demo 常见问题说明,新手很有必要看一下(2017/1/19) 许多同学对该方案存在不少误解导致使用出现各种问题,这里统一回复下。 1.问:为啥手机网页效果图宽度是要640或者750的,我非得弄个666的不行咩? 答:老实说当然可以,不过为了规范,640或者750是相对合适的。 拿Iphone 5s 举例,它的css像素宽度是320px,由于它的dpr=2,所以它的物理像素宽度为320 × 2 = 640px,这也就是为什么,你在5s上截了一张图,在电脑上打开,它的原始宽度是640px的原因。 那 iphone 6 的截图宽度呢? 375 × 2 = 750 那 iphone 6 sp 的截图宽度呢? 414 × 3 = 1242 以此类推,你现在能明白效果图为什么一般是 640 ,750 甚至是 1242 的原因了么?(真没有歧视安卓机的意思。。。) 2.问:宽度用rem写的情况下, 在 iphone6 上没问题, 在 iphone5上会有横向滚动条,何解? 答:假设你的效果图宽度是750,在这个效果图上可能有一个宽度为7rem(高清方案默认 1rem = 100px)的元素。我们知道,高清方案的特点就是几乎完美还原效果图,也就是说,你写了一个宽度为 7rem 的元素,那么在目前主流移动设备上都是7rem。然而,iphone 5 的宽度为640,也就是6.4rem。于是横向滚动条不可避免的出现了。 怎么办呢? 这是我目前推荐的比较安全的方式:如果元素的宽度超过效果图宽度的一半(效果图宽为640或750),果断使用百分比宽度,或者flex布局。就像把等屏宽的图片宽度设为100%一样。 3.问:不是 1rem = 100px吗,为什么我的代码写了一个宽度为3rem的元素,在电脑端的谷歌浏览器上宽度只有150px? 答:先说高清方案代码,再次强调咱们的高清方案代码是根据设备的dpr动态设置html 的 font-size, 如果dpr=1(如电脑端),则html的font-size为50px,此时 1rem = 50px 如果dpr=2(如iphone 5 和 6),则html的font-size为100px,此时 1rem = 100px 如果dpr=3(如iphone 6 sp),则html的font-size为150px,此时 1rem = 150px 如果dpr为其他值,即便不是整数,如3.4 , 也是一样直接将dpr 乘以 50 。 再来说说效果图,一般来讲,我们的效果图宽度要么是640,要么是750,无论哪一个,它们对应设备的dpr=2,此时,1 rem = 50 × 2 = 100px。这也就是为什么高清方案默认1rem = 100px。而将1rem默认100px也是好处多多,可以帮你快速换算单位,比如在750宽度下的效果图,某元素宽度为53px,那么css宽度直接设为53/100=0.53rem了。 然而极少情况下,有设计师将效果图宽定为1242px,因为他手里只有一个iphone 6 sp (dpr = 3),设计完效果图刚好可以在他的iphone 6 sp里查看调整。一切完毕之后,他将这个效果图交给你来切图。由于这个效果图对应设备的dpr=3,也就是1rem = 50 × 3 = 150px。所以如果你量取了一个宽度为90px的元素,它的css宽度应该为 90/150=0.6rem。由于咱们的高清方案默认1rem=100px,为了还原效果图,你需要这样换算。当然,一个技巧就是你可以直接修改咱们的高清方案的默认设置。在代码的最后 你会看到 flex(false, 100, 1) ,将其修改成flex(false, 66.66667, 1)(感谢简友:V旅行指出此处错误! 2017/3/24)就不用那么麻烦的换算了,此时那个90px的直接写成0.9rem就可以了。 4.问:在此方案下,我如果引用了别的UI库,那些UI库的元素会显得特别小,如何解决? 答:可以这样去理解问题的原因,如果不用高清方案,别的UI库的元素在移动设备上(假设这个设备是iphone 5好了)显示是正常的,这没有问题,然后我们在这个设备上将该页面截图放到电脑上看,发现宽度是640(问答1解释过了),根据你的像素眼大致测量,你发现这个设备上的某个字体大小应该是12px,而你在电脑上测量应该是24px。 现在我们使用高清方案去还原这个页面,那么字体大小应该写为 0.24rem 才对! 所以,如果你引用了其他的UI库,为了兼容高清方案,你需要对该UI库里凡是应用px的地方做相应处理,即: a px => a0.02 rem (具体处理方式因人而异,有模块化开发经验的同学可使用类似的 px2rem 的插件去转化,也可以完全手动处理) (2017/9/9更新)然而真实情况往往更为复杂,比如,你引入了百度地图(N个样式需要处理转换);或者你引入了一个 framework;又或者你使用了 video 标签,上面默认的尺寸样式很难处理。等等这些棘手问题 面对这些情况,此时我们的高清方案如果不再压缩页面,那么以上问题将迎刃而解。 基于这样的思路,笔者对高清方案的源码做了如下修改,即添加一个叫做 normal 的参数,由它来控制页面是否压缩。 在文章顶部代码的最后,你会看到 flex(false, 100, 1),默认情况下页面是开启压缩的。 如果你需要禁止压缩,由于我们的源码执行后,直接将flex函数挂载到全局变量window上了,此时你直接在需要禁止压缩的页面执行 window.flex(true) 就可以了,而rem的用法保持不变。 有一点美中不足的是,如果禁止了页面压缩,高清屏的1像素就不能实现了,如果你必须要实现1像素,那么自行谷歌:css 0.5像素,有N多的解决方案,这里不再赘述。 5.问:有时候字体会不受控制的变大,怎么办? 答:在X5新内核Blink中,在排版页面的时候,会主动对字体进行放大,会检测页面中的主字体,当某一块字体在我们的判定规则中,认为字号较小,并且是页面中的主要字体,就会采取主动放大的操作。然而这不是我们想要的,可以采取给最大高度解决 解决方案: , :before, :after { max-height: 100000px } 补充:有同学反映,在一些情况下 textarea 标签内的字体大小即便加上上面的方案,字体也会变大,无法控制。此时你需要给 textarea 的 display 设为 table 或者 inline-table 即可恢复正常。(感谢 程序媛喵喵 对此的补充!2017/7/7) 6.问:我在底部导航用的flex感觉更合适一些,请问这样子混着用可以吗? 答:咱们的rem适合写固定尺寸。其余的根据需要换成flex或者百分比。源码示例中就有这三种的综合运用。 7.问:在高清方案下,一个标准的,较为理想的宽度为640的页面效果图应该是怎样的? 点击浏览:一个标准的640手机页面设计稿参考(没错,在此方案中,你可以完全按照这张设计稿的尺寸写布局了。就是这么简单!) 8.问:用了这个方案如何使用媒体查询呢? 一般来讲,使用了这个方案是没必要用媒体查询了,如果你必须要用,假设你要对 iphone5 (css像素宽度320px, 这里需要取其物理像素,也就是640)宽度下的类名做处理,你可以这样 @media screen and (max-width: 640px) {.yourLayout {width:100%;} } 9.问:可以提供下这个高清方案的源码吗? 'use strict';/ @param {Boolean} [normal = false] - 默认开启页面压缩以使页面高清; @param {Number} [baseFontSize = 100] - 基础fontSize, 默认100px; @param {Number} [fontscale = 1] - 有的业务希望能放大一定比例的字体;/const win = window;export default win.flex = (normal, baseFontSize, fontscale) => {const _baseFontSize = baseFontSize || 100;const _fontscale = fontscale || 1;const doc = win.document;const ua = navigator.userAgent;const matches = ua.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i);const UCversion = ua.match(/U3\/((\d+|\.){5,})/i);const isUCHd = UCversion && parseInt(UCversion[1].split('.').join(''), 10) >= 80;const isIos = navigator.appVersion.match(/(iphone|ipad|ipod)/gi);let dpr = win.devicePixelRatio || 1;if (!isIos && !(matches && matches[1] > 534) && !isUCHd) {// 如果非iOS, 非Android4.3以上, 非UC内核, 就不执行高清, dpr设为1;dpr = 1;}const scale = normal ? 1 : 1 / dpr;let metaEl = doc.querySelector('meta[name="viewport"]');if (!metaEl) {metaEl = doc.createElement('meta');metaEl.setAttribute('name', 'viewport');doc.head.appendChild(metaEl);}metaEl.setAttribute('content', width=device-width,user-scalable=no,initial-scale=${scale},maximum-scale=${scale},minimum-scale=${scale});doc.documentElement.style.fontSize = normal ? '50px' : ${_baseFontSize / 2 dpr _fontscale}px;}; 10.问:我在使用 rem 布局进阶方案的时候遇到了XXX的问题,如何解决? 此方案久经考验,具有普遍适用性,自身出致命问题的情况很少,至少笔者是没遇到过。 绝大多数你遇到的问题,都是由于对rem布局理解不到位导致的。本文对rem布局做了大量的解释说明,配置了若干 demo,你可以把你遇到的问题放到demo里测试。遇到问题时,首先问自己,为什么这明显的错误大家没遇到就我遇到了?? 如果你真的经过充分验证,比对,确实是rem布局自身出了问题,那么请私信我,把还原问题场景的 demo 或者文件发给我。谢谢! 本篇文章为转载内容。原文链接:https://blog.csdn.net/hjhfreshman/article/details/88864894。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-03-23 12:01:53
133
转载
转载文章
...部变量,即心流的一些数据,我们可以大致的判断出,程序在干些什么。对于这样的解释你可能难以接受,接下来的两个例子或许会让你接受这一事实。 现在科学家只要扫描人脑,就能在测试者自己有所感知之前,预测他们会有什么欲望,会做出怎样的决定。例如,在一次实验中,受试者躺在一台巨大的脑部设备里,两手各自拿着一个开关,受试者可以随机的选择在何时按下那个开关。而科学家通过观察受试者的大脑神经活动,就能在受试者做决定之前知道受试者做了怎样的决定。也就是说,当这些内部输出被外部观测者“灵魂”所察觉的时候,心流自身已经做出了决定。7 或许你没有亲自做过这个实验,并不相信实验的结论,但是还有一个实验,你现在就可以给自己做一个测试。相信对于大家心算100以内的乘法没有什么问题,那么请各位充分运用自己的自由意志,即本文中的“灵魂”去控制你的大脑心算5672,注意在计算的过程中不要让自己的大脑去思考其他的任何事情,用尽快的速度计算出结果。当然,你会发现你根本做不到,无论如何你都无法控制那先奇奇怪怪的想法出现在你的大脑里,至于大脑为什么会像你控制的那样去计算5672,接下来我会给出人类的大脑思维模型。 生物的模型 生物的模型分为两部分,一部分我称为确定机,一部分我称为概率机。 确定机 确定机是指只要输入确定,那么就会产生确定输出的部分,而对于输入的概率性则不予考虑。例如,当生物多次看到同一个画面的时候会在大脑里形成同样的图像,因为每次输入的光信号都是一样的,在生物内部进行的信号传递过程也是一样的,所以在大脑里形成的图像输出也是一样的。现在人类所生产的绝大多数工具就是一个确定机的模型,如果相同的输入,不管输入多少次都会得到相同的输出。确定机也是生物模型的基础部分,构成生物的绝大部分,实际上,除了大脑,生物的任何部分都是一个确定机的模型,而大脑也有一部分的确定机模型。对于确定机,所有的内部过程和输出都不会被“灵魂”检阅,当然生物上可以通过解剖或其他更先进的方式去检查生物内部确定机的工作状态。 概率机 概率机是指即使输入确定,输出的确定性也指限制在一定的概率范围之内,会以不同但是给定的概率输出多个输出。当然给定的概率可以是确定机给出的确定概率(只在输入确定的情况下才确定),也可以是概率机给出的概率概率。概率机构成生物的大脑部分,当然一部分低等生物只由确定机构成。对于概率机,有一部分输出会被“灵魂”检阅,而“灵魂”是否检阅取决于“灵魂”本身,当然,对于概率机的工作状态,也可以通过解剖或其他更先进的方式去检查。 生物思考的过程 对于不同的生物,大脑可以同时进行的事情是有限的。就像现在的电脑手机一样,有严格的内存限制,对于大脑来说,同时启用着多个线程,每个线程所占用的内存不同,但是所有线程所占用的内存总和不得超限。对于每个线程,会随机的考虑一些事件,这些事件包括记忆中的事件,和当时正在发生的事件,对于每个事件出现在线程中的概率不同。 不同事件的概率遵循的规律大致有以下几条: 1.对记忆中的事件,事件越久远概率越低。 2.对当时正在发生的事件,概率大致相同。 3.与当时线程中事件有关的事件概率高,无关的概率低。 4.与线程中的事件相关的个数越多,概率越高 5.对不同的心流状态,概率分配有所不同。 6.每个个体对不同的事件有不同的概率分配方案。 7.待补充。 可以说,大脑中的一切过程都是随机的。那这样的话,生物的思考过程究竟如何进行呢?其实很简单,单个概率可能代表随机,但是多个概率就有可能表示必然。我还是举那个5672的例子,为什么你会真的去心算这个结果,大致的过程是这样的,如果大脑的思考频率以毫秒计的话,假设看5672用了200毫秒,其中每毫秒除了这一事件,还有其他的99个事件,那么刚看完就开始计算的概率为1-0.99200=0.8660203251,看完后1秒之内还没有开始计算的概率为0.991000= 4.31712474107 e-5,可以说即使大脑中随机的杂念再多,思考的过程也会如约开始。假设线程中与事件相关的事件出现的概率为0.3,同理,在开始计算后1秒内大部分时间都在思考与计算有关的内容,当然也有可能会走神,即出现大范围的无关事件,但是这只会影响最后计算出结果的时间先后,并不会影响整个过程的进行。这也就是说,大脑的思考过程,其实就是由多个概率所确定的必然事件。 灵魂的旁观者 综上所述,作为个体唯一存在的“灵魂”处在一个旁观者的位置,而所谓的自由意识,主观意识不过是概率机的产物。那么这样就产生了两个问题。 第一个问题,你不觉得“灵魂”所在的肉体更像是一个囚笼吗?“灵魂”可以偶尔窥探外界,但无法做任何事情,只能默默得看着一切发生。尴尬的以为是自己做的,实际上就像看电影,每次看电影的时候,我都会以为我处在电影里面的世界。而现实就是,因为“灵魂”只能看肉体主演的这部“电影”,所以看的入迷了。其实,人类从解放双手,开发智力,使用工具,到探索宇宙,最大的进步莫过于发现自己其实仍处于囚笼之中。要怪就怪这囚笼建造地太过美好。而创建这一囚笼的“上帝”,把我们关在肉体这个囚笼里面,并且把我们的感知限制在有限的范围内,有限的嗅觉,16至20000赫兹的听觉,400纳米到700纳米的视觉,在感知中隔绝了我们对我们的唯一存在——“灵魂”的感知。 第二个问题,对于自己本身来说,表征自己存在的“灵魂”自己是可以确定的,而对于其他人,因为限制了对“灵魂”的感知,所以无法确认别人,别的生物体内这一旁观者的存在。也可以这么理解,你知道自己被关在一间囚笼里面,而不知道隔壁囚笼是否也关了一个存在。那么世界这个大监狱里面,可能只有一小部分,甚至只有你一个孤独的存在。而究竟为何我们或我被困于此,我不得而知,可能就像我们做研究的时候的小白鼠一样,“上帝”也在观察着我们或我的一举一动,这也是我这篇文章取这个题目的原因。小白鼠的逆袭,一开始我只是平凡的活着,说实在的其实做一个平凡人安安稳稳的一生还是很不错的,但是知道了这个囚笼的存在,就总想着打破它,因为在想到可能只有自己一个存在的时候,会是多么的孤独。就像一个人去看电影,哪怕电影的内容再精彩,再引人入胜,但当电影结束的时候,你才发现,原来我是一个人来的呀。 联系作者 有志向联系读者的:1612860@mail.nankai.edu.cn 未完待续。。。 本篇文章相当于《小白鼠的逆袭》的导读,下一篇我会出逆袭第一步:《思考的最简单模型及其编程实现》,可能用C++,也可能用Java,Python,看作者的心情吧。预计近几个月出吧,快则个把月,多则不知道了,毕竟作者本身还是比较忙的,忙七忙八也不知道在忙什么,嗯,就这样。 小号:在有多个游戏账号的前提下,等级高的号叫作大号,等级较低或者新创建的号叫作小号。 ↩︎ https://baijiahao.baidu.com/s?id=1586028525096880374&wfr=spider&for=pc. ↩︎ http://tieba.baidu.com/p/5127924201. ↩︎ http://tieba.baidu.com/p/5127924201. ↩︎ http://www.lwlm.com/sixiangzhexue/201704/840820.htm. ↩︎ 详细讨论请参见:《未来简史:从智人到智神》第三章:人类的特质。 ↩︎ “Unconscious determinants of free decisions in the human brain” in nature neuroscience, http://www.rifters.com/real/articles/NatureNeuroScience_Soon_et_al.pdf. ↩︎ 本篇文章为转载内容。原文链接:https://blog.csdn.net/qq_39384184/article/details/79288150。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-01-02 11:30:59
620
转载
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
timeout duration command
- 执行命令并在指定时间后终止它。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
2023-04-28
2023-08-09
2023-06-18
2023-04-14
2023-02-18
2023-04-17
2024-01-11
2023-10-03
2023-09-09
2023-06-13
2023-08-07
2023-03-11
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"