一些新的企业应用想法在我心里产生,而一些有过的J2ME梦想,也想和朋友们分享。
现在新的W3C网页标准成为了PC Web上的标准和趋势,世界的网页格式都已经向这个标准靠拢,这个趋势是web朝着语义网发展的一小步,
在W3C新标准里发挥最大作用、给网页设计师最轻松开发体验的是div+css技术。
通过div+css技术,让网页代码结构变得更简单更清新,并且把人们最需要的内容信息与排版格式分离开来,从而让处理器更方便地把内容呈现在我们的面前。
这些内容和网页也能方便地在手机上显示,只不过手机开发者在这上面只进行了第一步,现在手机用户还在忍受着糟糕的界面体验。
比如:如新浪网、infoq.com/cn/、javaeye这样大信息量的网站,页面上的内容都是分块,
但一般手机浏览器是和PC上的浏览器一样地工作,一般显示全页面+滚动条,而更好的用户体验方式的将每块的信息显示成清晰的一页,同时只需要将用户需要的那块信息显示。
比如:在手机上浏览PDF文件时,手机屏幕上仍然按PDF的印刷格式和字体显示,无论怎样放大都不能给用户清晰的影像,而其实开发者要不拘一格,只要转换一下显示的样式,让PDF文字用清晰的文本字体和格式显示就会美妙很多。
是的,显示的内容只要变一下样式和布局,就能很清晰地显示在手机屏幕上。
我的一个愿望是想让手机在320X240以上的分辩率时,web体验和手机界面体验就很爽,很轻快,同时能帮到繁忙的商务人士和终日需要坐在计算机面前的开发者。
要达到以上显示的转换或只显示用户需要的那一块内容,可以直接开发手机浏览器的相关代码或注入和替换所采用的css。
同时,不直接开发手机web浏览器,也有多种用注入和替换的方式变换网页在手机上的显示。
同时,新的PC软件界面技术xul、xaml也给我很多提示和参考。
决定手机屏幕的是用户而不是程序员生硬的思想,正如,PC上的浏览器,正向多样化特色化发展,非官方的浏览器界面(Opera/Maxthon/GoSurf)占据了普通用户的屏幕,手机上的浏览器同样会出现这个趋势,会出现多功能和特色化,从一个简单的浏览器会发展成多能浏览器:web、RSS、pdf、Wap,这将会成为需要浏览广泛文本信息商务人士的至爱。
我是一个终日需要坐在计算机面前的开发者,觉得坐在电脑前开发是一件很高效率和投入的事情,然而我也喜欢在微波炉旁工作,快乐工作,这会让我保持灵感和创新的源泉。
我想开发一个能在如索爱M608c QVGA这样的设备上能有很清晰显示体验的highlightEditor@mobile,并配予与桌面开发环境轻松的连接方式,正如Apple公司的ipod与ibook笔记本无缝相连和操作那样,只要用一根方便的数据线相连上,在ipod里解码mp3,在ibook的扬声器就可以播放出来。
同时,推荐一下“发小”果子的一篇文章,他最近在推荐我看《智能简史》
http://aamissile.spaces.live.com/Blog/cns%218F19F848CF76C336%21594.entry
分享到:
相关推荐
for app in response.css('div.appInfo'): # 假设应用信息在div.appInfo元素中 app_name = app.css('h3 a::text').get() # 获取应用名称 yield {'app_name': app_name} # 生成一个包含应用名称的字典,用于进一步...
for jobPosting in response.css('div.job-posting'): job_title = jobPosting.css('h2.title::text').get() company_name = jobPosting.css('div.company::text').get() salary = jobPosting.css('span.salary:...
for job_item in response.css('div.job-item'): # 提取职位名称、公司名、薪资等信息 job_title = job_item.css('h3 a::text').get() company_name = job_item.css('.company::text').get() salary = job_item...
打开终端,运行以下命令: ```bash # 创建Vue项目 vue create my-app # 进入项目目录 cd my-app # 安装Mint UI npm install mint-ui --save ``` **2. 引入Mint UI** 在`src/main.js`文件中引入Mint UI样式和组件...
`create-react-app` 支持 CSS Modules 和 styled-components 等 CSS in JS 解决方案,允许在 JavaScript 中编写样式,提高代码复用和模块化。 9. **测试与错误监控** 项目预装了 Jest 和 Enzyme 用于单元测试,`...
for item in response.css('div.post'): yield { 'title': item.css('h2::text').get(), 'content': item.css('div.post-con::text').get(), } # 追溯下一页 next_page = response.css('a.next::attr(href)'...
打开您的终端通过运行cd FOLDER-NAME导航到您要在其中安装存储库的目录克隆此存储库git clone https://github.com/Div685/Todo-List-JS.git要安装Webpack和依赖项,请运行以下命令作者 :bust_in_silhouette:吉齐·...
<div id="elfinder"></div> var elf = $('#elfinder').elfinder({ url : '{{ route('elfinder.connector') }}', // connector URL lang : 'zh_CN', // language (OPTIONAL) /* see other options in js/...
for car in response.css('div.car-image'): # 根据实际网站结构调整选择器 image_url = car.css('img::attr(src)').get() yield {'image_url': image_url} next_page = response.css('a.next::attr(href)')....
<div class="wheel-div" v-for="day in renderListDay" :style="{transform: 'rotate3d(1, 0, 0, 80deg) translate3d(0px, 0px, 2.5rem)'}">{{day.value}}</div> </div> </div> <!--other box--> </div> ``` ...
for img in response.css('div.image-container img'): yield {'image_url': img.attrib['src']} # 如果页面有分页,可以在这里添加逻辑以爬取更多页 ``` 这段代码会抓取每个图片的URL并将其作为字典项`image_...
<div v-for="value in lbt" class="swiper-slide swiper-slide-next" :style="{backgroundImage: 'url(' + value.imgs + ')'}"></div> </div> <div class="swiper-button-next swiper-button-white"></div> <div...
3. **style**:存放CSS样式,定义组件的外观。 例如,一个简单的Vue组件可能如下所示: ```javascript <div class="course"> {{course_list}} </div> export default { name: 'course', data: function ...
9. **CSS in JS** `create-react-app`默认支持CSS Modules,也可以集成像`styled-components`这样的库,将CSS直接写入JS中,提高样式复用和模块化。 10. **测试** `create-react-app`内置了Jest和Enzyme,便于...
在移动互联网终端开发中,为了提供良好的用户体验,常常需要实现字母索引导航功能,特别是在展示大量分类数据如歌手列表时。本篇文章将详细介绍如何使用 Vue.js 框架结合 better-scroll 插件来实现在移动端的字母...
for div in divs_with_class: print(div) ``` 在Jupyter Notebook中,我们可以实时查看结果,进行调试,这对于数据采集过程非常有利。同时,还可以结合其他库如Pandas,将抓取到的数据整理成DataFrame,进一步进行...
for product in response.css('div.product'): yield { 'name': product.css('h2::text').get(), 'price': product.css('.price::text').get(), } # 检查是否存在分页链接,并进行下一步抓取 next_page = ...
- **自定义样式**:你可以通过CSS或者CSS-in-JS库来调整组件的样式,以符合你的项目需求。 - **键盘导航支持**:用户可以通过键盘的左右箭头键来切换图片。 - **点击/触摸关闭**:用户可以通过点击灯箱外的任何地方...
在项目的终端中,可以通过以下命令安装`v-viewer`: ```bash npm install v-viewer --save ``` 安装完成后,我们需要在全局范围内引入`v-viewer`及其样式。通常,我们会在`main.js`文件中进行配置: ```...