移动前端开发WebApp小记

最新推荐文章于 2024-10-29 17:49:50 发布
最新推荐文章于 2024-10-29 17:49:50 发布
阅读量1.3k 收藏
点赞数
分类专栏： css 文章标签： 前端开发 webapp 浏览器 webkit firefox chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linbooooo1987/article/details/7936451
版权
本文介绍了四大主流浏览器内核：Trident（IE浏览器）、Gecko（Firefox）、Webkit（Chrome/Safari/UC）和Presto（欧朋）。分别阐述了它们的特点与优缺点，并指出移动端开发主要基于Webkit内核。
摘要由CSDN通过智能技术生成

1、四大浏览器内核

1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额，所以以前有很多网页是根据这个Trident的标准来编写的，但是实际上这个内核对真正的网页标准支持不是很好，同时存在许多安全Bug。

2.Gecko:( FireFox )优点就是功能强大、丰富，可以支持很多复杂网页效果和浏览器扩展接口，缺点是消耗很多的资源，比如内存。

3.Webkit: ( Chrome/ Safari / UC )优点就是Webkit拥有清晰的源码结构、极快的渲染速度，缺点是对网页代码的兼容性较低，会使一些编写不标准的网页无法正确显示。

4.Presto: ( 欧朋 ) Presto内核被称为公认的浏览网页速度最快的内核，同时也是处理JS脚本最兼容的内核，能在Windows、Mac及Linux操作系统下完美运行。

移动端开发主要对象是手持设备，其中绝大部分是IOS和Android系统，基于Webkit内核，可使用Chrome浏览器调试即可


原文出处：http://www.daqianduan.com/webkit-dep/













































                

        

        

    

  


    

      

        

            

              
                
                  linbooooo1987
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
CSDN前1000名博主

				
			

			

				

					无知人生，记录点滴
				

				

					05-26
					
					8万+
					
				

			

		

		

			
				
博主
简介




stpeace
排名：1 原创：2166 粉丝：7180 积分：181660 等级：10stpeace的专栏中国本博客供大家交流，欢迎各抒己见。博文中的内容禁止用






yuanmeng001
排名：2 原创：5286 粉丝：10660 积分：170616 等级：10袁萌专栏无穷小微积分倡导者–北大教授null老师






yjclsx
排名：3 原创：162...

			
		

	



                

            
              



	

		

			

				
					
15个实用的webApp前端开发技巧

				
			

			

				

					技术专家
				

				

					11-29
					
					2209
					
				

			

		

		

			
				
15个实用的webApp前端开发技巧

			
		

	



              


  
              

                


	

		

			

				
					
css - 小记 二 （隐藏三元素、meta viewport）

				
			

			

				

					前端Cocoko
				

				

					12-30
					
					271
					
				

			

		

		

			
				
阅读结构：






1、display：none；visibility：hidden；opacity：0；的区别；



2、前端html5新增的特性及语义化标签；



3、position属性值的区别；


一、display：none；visibility：hidden；opacity：0；的区别：




直观理解：





display:none 属性
不占据空间，只会把...

			
		

	





	

		

			

				
					
ECharts试用小记

				
			

			

				

					Gavin_wangzg的专栏
				

				

					07-14
					
					826
					
				

			

		

		

			
				
ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。
Echarts提供了多种多样的图标以及对应的示例，在试用之前可以进行一个参照http://echa

			
		

	



		

			
		



	

		

			

				
					
Everyday-FE-Articles 8~11月前端文章日推 [持续更新]

				
			

			

				

					weixin_33932129的博客
				

				

					11-08
					
					969
					
				

			

		

		

			
				
Everyday-FE-Articles
由来自@阿里马跃的每日文章推荐，于是顺手整理，以便学习... -- By Ale-cc

/* 注：序号不准确 */
八月份
8月7日 星期二，农历六月廿六


Scriptswitch: Conditional Script Loading Manager for Browsers
github.com/anywhichway…


三十分钟掌握Webp...

			
		

	





	

		

			

				
					
推荐CSDN排名前1000博主

					
热门推荐

				
			

			

				

					赵英超的博客
				

				

					08-05
					
					6万+
					
				

			

		

		

			
				
博主
			
			
			简介
			
		
			stpeace
			
			
			排名：1 原创：2166 粉丝：7180 积分：181660 等级：10

			

			stpeace的专栏

			

			

			中国

			本博客供大家交流，欢迎各抒己见。博文中的内容禁止用
			
		
			yuanmeng001
			
			
			排名：2 原创：52...

			
		

	





	

		

			

				
					
博客园电子期刊2013年01月刊发布啦

				
			

			

				

					weixin_30642561的博客
				

				

					02-21
					
					387
					
				

			

		

		

			
				
期刊访问网址：http://emag.cnblogs.com/2013/CNBlogsEmag201301.html。以下为本期期刊内容：







博客园电子期刊
No61.2013年01月刊  






推荐新闻

 剥开周鸿祎 天天向上背后的故事
 Verizon的程序员将自己的工作外包给中国
 将要被社会淘汰的8种人 
 订票助手开发者...

			
		

	





	

		

			

				
					
2024年java学什么？java怎么学？

				
			

			

				

					慧心斋
				

				

					01-13
					
					9077
					
				

			

		

		

			
				
2024年你必须了解的干货集锦


线程池的使用
springboot集成swagger
springboot中实现多数据源
阿里云优惠券领取
精美在线icon
java中的int与byte的转化
如何解决http请求返回结果中文乱码
使用javamelody进行web监控
最牛程序员最爱逛的10大编程网站，你知道几个？-卓帆网
git常用的操作
分享一款不错的typora主体
nginx反向代理...

			
		

	





	

		

			

				
					
教育移动WebApp开发实践.ppt

				
			

			

				

					11-21
				

			

		

		

			
				
教育移动WebApp开发实践.ppt

			
		

	





	

		

			

				
					
Sparrow是一款针对移动webapp开发的前端轻量级框架

				
			

			

				

					08-10
				

			

		

		

			
				
Sparrow是一款专为移动Web App开发设计的前端轻量级框架，它旨在简化开发者在构建响应式、高性能的移动应用时的工作流程。在当前的互联网环境中，随着移动设备的普及，移动Web App的需求日益增长，Sparrow应运而生，...

			
		

	





	

		

			

				
					
CSS3 transition Property

				
			

			

				

					夜凉如水
				

				

					08-30
					
					1709
					
				

			

		

		

			
				
1.transition 


    Hover over a div element to gradually change the width and height


.box1{
		width:100px;
		height:120px;
		background:red;

		transition-property : width;
		/* 完成动画5秒*/
		tr

			
		

	





	

		

			

				
					
JavaScript，IE与非IE之间的差别（未完待续）

				
			

			

				

					夜凉如水
				

				

					11-18
					
					1050
					
				

			

		

		

			
				
JavaScript，IE与非IE兼容性研究

			
		

	





	

		

			

				
					
css+div常见问题整理

				
			

			

				

					夜凉如水
				

				

					02-05
					
					775
					
				

			

		

		

			
				
1.兼容IE与FF如何使连续英文长字段自动换行
css使用word-wrap: break-word,如果是table中，定义如下：
table { table-layout:fixed;  }
table tr td,table tr th{ overflow:hidden; word-wrap: break-word; }

2.ff下为什么父容器的高度不能自适应
解决的办法是在d

			
		

	





	

		

			

				
					
CSS3 media queries使用参考指南

				
			

			

				

					夜凉如水
				

				

					12-26
					
					615
					
				

			

		

		

			
				
判断媒介(对象)类型来实现不同的展现。此特性让CSS可以更精确作用于不同的媒介类型，同一媒介的不同条件（分辨率、色数等等）.

media_query: [only | not]?  [ and  ]*
expression: (  [: ]? )
media_type: all | aural | braille | handheld | print | projection | scree

			
		

	





	

		

			

				
					
Webkit内核探究——Webkit CSS实现

				
			

			

				

					森明帮大于黑虎帮的博客
				

				

					07-10
					
					1171
					
				

			

		

		

			
				
CSS在Webkit中的实现属于相对独立的一个模块，注意这里说的是相对。CSS在Webkit中的作用自然是不言而喻的，在Web早期，文档的结构和样式还未分离的那个时代，HTML担负了文档的结构和样式这两个双重任 务，即HTML既负责文档的结构，同时文档的样式也通过HTML中通过标签的属性来指定。可想而知，在那个时候HMTL页面的开发和使用比起现在而言是多 么的不便。

			
		

	





	

		

			

				
					
Webkit浏览器内核探究——Webkit简介

				
			

			

				

					森明帮大于黑虎帮的博客
				

				

					07-10
					
					4456
					
				

			

		

		

			
				
Wekbit是一个开源的Web浏览器引擎，也就是浏览器的内核。Apple的Safari, Google的Chrome, Nokia S60平台的默认浏览器，Apple手机的默认浏览器，Android手机的默认浏览器均采用的Webkit作为器浏览器内核。Webkit的采用程度由 此可见一斑，理所当然的成为了当今主流的三大浏览器内核之一。另外两个分别是Gecko和Trident，大名鼎鼎的Firefox便是使用的Gecko 内核，而微软的IE系列则使用的是Trident内核。

			
		

	





	

		

			

				
					
Firefox和Chrome谁的插件生态系统更完善

					
最新发布

				
			

			

				

					2403_86768603的博客
				

				

					10-29
					
					1384
					
				

			

		

		

			
				
在选择时，用户可以根据自己的需求和偏好来决定，比如注重隐私和定制化的用户可能会倾向于Firefox，而追求广泛兼容和便捷同步的用户则可能更喜欢Chrome。Firefox还支持拖放式安装（即将下载的.crx或.xpi文件直接拖放到地址栏），并允许用户自由调整插件的顺序、启用或禁用特定站点的插件，以及查看插件的版本信息和权限要求，这些细节设计提升了用户体验。Chrome的Web Store拥有海量插件，数量上远超Firefox，这得益于Google庞大的用户基础和早期对插件生态的重视。

			
		

	





	

		

			

				
					
移动Web前端开发：块级化a标签与WebAPP优势

				
			

			

				

					
				

			

		

		

			
				
"块级化a标签-移动Web前端开发"  移动Web前端开发是一个重要的领域，随着智能手机和平板电脑的广泛使用，传统的Web站点需要适应移动设备，提供更好的用户体验。其中，"块级化a标签"是一个关键的实践，旨在提升触控...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值