7 天 600 stars， Mobi.css 是如何诞生的

受邀写一篇 Mobi.css 的诞生历程，请原谅我吸引眼球的标题，我会努力把这篇文章写得有一些干货的。

GitHub Repo | Homepage

提要：

Mobi.css 是一个轻量、灵活的移动端 CSS 框架。发布一周以来，获得了 600+ stars，登上了 GitHub Trending Top1（CSS），在 Hacker News 上进入了前三。

这篇文章会先介绍一下创造 Mobi.css 的思路，再介绍一下我在推广 Mobi.css 中的心得。

为什么要创造 Mobi.css

当我在设计一个新的 Focus on 移动端用户的网站（比如面向微信用户的网站）的时候，调研了一些现有的 CSS 框架，应用比较广泛的有 Bootstrap, Foundation, Pure.css, Framework7, Skeleton 等。

他们都很优秀，但是都有一些缺点。

• Bootstrap: 太大太笨重了，对于桌面端用户我希望展示与手机端一样的页面，可能再加上一个二维码，将用户导向微信（类似于微信公众号的文章在网页中的样式）

• Foundation: 没有实践过，看上去也很大，大部分都是我不需要的功能

• Skeleton: 在移动端有一些 bug，overflow:auto; 的滑动不平滑， 样式太丑，官网的

   在 iPhone 里根本不 work，说明他们没有在手机上测试过
   
    
  Framework7: 适合做 WebApp，而我不太喜欢那种仿原生 App 的设计
   
    
  Pure.css: 很优秀，足够小巧，没什么特别的缺点，如果定制一下应该也可以满足需求。不过我还希望框架层面能够有一些针对移动端的设计
   
    
   
  于是我决定自己造一个轮子。
   
   
  造新轮子之前一定要做好调研，否则可能白费了功夫。
   
   
  开发过程中的心得
   
   
  善用工具
   
   
  CSS 框架相比于 JavaScript, React 等简单得多，但是也不能忽视了工具的使用。我选择了以下工具：
   
   
   
    
  Sass (scss)/Autoprefixer: CSS 预处理器都大同小异，Sass 功能比较全，所以选择了它。移动端也需要兼容不同设备，Autoprefixer 可以自动加上 -webkit- 等前缀
   
    
  Ejs/Marked/Highlight.js: 构建 website 的工具，一开始是手写 HTML，发现根本 hold 不住。这些工具后期可以用静态网站生成器替换
   
    
  Gulp: 构建工具，串起其他工具
   
    
  Travis CI/GitHub Pages/Coding Pages: 静态页面服务，一开始手动部署网站，后来发现太麻烦了，就用 Travis 自动部署了
   
   
   
   
  磨刀不误砍柴工，善用工具可以大大提高开发效率。
   
   
  站在巨人的肩膀上
   
   
  开源社区上的代码都是别人的积累，如果离开了它们，Mobi.css 很难在短时间内完成开发，我借鉴了以下开源项目：
   
   
   
    
  Normalize.css: 大部分 _reset.scss 部分是借鉴它的。没有直接引入它的原因是有少部分它的代码是不需要的
   
    
  Bootstrap v4: 使用最广泛的 CSS 框架，可借鉴的太多了
   
    
  Pure.css/Skeleton: 借鉴了手机上的样式
   
    
  微信公众号的 desktop 版: 借鉴了在 desktop 上的样式，以及中文字体
   
    
  以及很多其他框架
   
   
   
   
  重视写文档
   
   
  开源项目要受欢迎，文档是非常重要的。README.md 要让大家能在短时间内了解项目的特点。网站要能够尽可能输出自己的理念。
   
   
  如果可以的话，最好用英文（或者双语）写。否则只能有中国人来关注你的项目了。要知道，外国开发者比中国开发者多很多倍的。
   
   
  不要担心自己英语不好，只要表达的内容能让外国人看得懂即可。等项目成熟了，自然会有人帮你修改文档。
   
   
  注意社区的一些规则
   
   
   
    
  标明 License
   
    
  遵守版本号规则，不要乱做 Breaking changes
   
   
   
   
  如何推广
   
   
  不要觉得不好意思推广，我们推广不是功利性的求赞求关注（逃。
   
   
  而是因为没有人关注的项目，是不可能向好的方向发展的。而如果自己不做主动的推广，项目也很难被关注。
   
   
  推广这部分其实我并不是很擅长，这里只写出一些我自己的心得吧。
   
   
  在对的时间发对的帖
   
   
  一般在下班的时间，大家都会拿出手机刷一刷。这时你的贴最容易被曝光。等到人气上去了，晚上睡觉之前大家再刷一波手机，就有更多人看到了。
   
   
  发帖的时候只需要简要的说重点，引导用户到 GitHub 或你的网站。但是慎用「求 star」等字眼，功利性太强。
   
   
  推广渠道
   
   
  我用了以下推广渠道（按推广效果排序）：
   
   
   
    
  Hacker News
   
    
  V2EX
   
    
  开发者头条
   
    
  SegmentFault
   
    
  Hacpai
   
    
  Startup News
   
    
  光谷社区
   
    
  Reddit
   
   
   
   
  聆听意见，及时反馈
   
   
  自己的想法总归是一个人的，吸取了别人的建议才能让项目更好的发展。Mobi.css 就有一部分 API 是听取了别人的建议之后修改的。
   
   
  当然，自己需要有自己的判断。Mobi.css 的准则很简单：这个设计是不是 focus on mobile 的。
   
   
  最重要的是，项目要有价值
   
   
  没有价值的项目即使推广再多，也没有人会关注的，只会招来一顿猛喷。
   
   
  总结
   
   
  Mobi.css 在短时间内获得了很多关注，离不开大家的支持，离不开开源社区的帮助。
   
   
  我知道这只是 Mobi.css 项目的开始，后面有更长的路要走，感兴趣的可以一起来建设。
   
   
  GitHub Repo | Homepage
   
   
  Hacker News 上的讨论
   
  
                              
                          
                      
                      
                      
  
                      
                      
                      
  
                  
                  
  
                      
  
                          
                          
  
                              
   
                          
                          
                          
  
                              
  
                          
                          
                          
  
                              
  
                          
                      
                  
              
          
      
      
  
          
  你可能感兴趣的:(css)
          
  
              
  
                  
  
                      
  DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理
                          STU学生网页设计
  网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
                          
  ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
                      
                      
  关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
                          二挡起步
  web前端期末大作业javascripthtmlcss旅游风景
                          
  ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
                      
                      
  HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动
                          二挡起步
  web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
                          
  Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
                      
                      
  webpack图片等资源的处理
                          dmengmeng
  
                          
  需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
                      
                      
  《HTML 与 CSS—— 响应式设计》
                          陈在天box
  htmlcss前端
                          
  一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
                      
                      
  html+css网页设计 旅游网站首页1个页面
                          html+css+js网页设计
  htmlcss旅游
                          
  html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
                      
                      
  css设置当字数超过限制后以省略号（...）显示
                          周bro
  css前端vuecss3html经验分享
                          
  1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin
                      
                      
  360前端星计划-动画可以这么玩
                          马小蜗
  
                          
  动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
                      
                      
  css2中的透明
                          琪33
  
                          
  .out{width:400px;height:400px;background-color:blue;margin:100pxauto;border:1pxsolid#000;opacity:0.6;}.in{width:200px;height:200px;background-color:red;margin:100pxauto;}
                      
                      
  Nginx从入门到实践(三)
                          听你讲故事啊
  
                          
  动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin
                      
                      
  Nginx的使用场景：构建高效、可扩展的Web架构
                          张某布响丸辣
  nginx前端架构
                          
  Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
                      
                      
  Python精选200Tips：121-125
                          AnFany
  Python200+Tipspython开发语言
                          
  Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例
                      
                      
  前端CSS面试常见题
                          剑亦未配妥
  前端面试前端css面试
                          
  边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子
                      
                      
  爬虫技术抓取网站数据
                          Bearjumpingcandy
  爬虫
                          
  爬虫技术是一种自动化获取网站数据的技术，它可以模拟人类浏览器的行为，访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤：发起HTTP请求：爬虫首先会发送HTTP请求到目标网站，获取网页的内容。解析HTML：获取到网页内容后，爬虫会使用HTML解析器解析HTML代码，提取出需要的数据。数据提取：通过使用XPath、CSS选择器或正则表达式等工具，爬虫可以从HTML中提取出所需的数据，如文
                      
                      
  创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几
                          uthRaman
  前端ui服务器
                          
  前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
                      
                      
  HTML中"bgcolor"与"background-color"的区别
                          Sardar_
  html
                          
  bgcolor只是标签属性，而backgroud更多作为css的样式属性。它们俩大多数情况下效果完全相同。但在标签下效果不同。不支持bgcolor属性，只能用style标签添加CSS样式。作为table的属性而言：HelloWorld!和HelloWorld!效果完全相同。作为body属性而言：效果完全相同。不过个人推荐统一用CSS样式进行控制，把style统一放到.css文件中。backgrou
                      
                      
  2019-05-29 vue-router的两种模式的区别
                          Kason晨
  
                          
  1、大家都知道vue是一种单页应用,单页应用就是仅在页面初始化的时候加载相应的html/css/js一单页面加载完成,不会因为用户的操作而进行页面的重新加载或者跳转,用javascript动态的变化html的内容优点:良好的交互体验,用户不需要刷新页面,页面显示流畅,良好的前后端工作分离模式,减轻服务器压力,缺点:不利于SEO,初次加载耗时比较多2、hash模式vue-router默认的是hash
                      
                      
  清除 Conda 缓存
                          Dmatteratall
  conda缓存
                          
  清除Conda缓存：cssCopycodecondaclean--allcondaclean--all命令将会清除Conda缓存和临时文件，而不会删除已经安装的软件包和环境。它主要用于清理不必要的缓存和临时文件以释放磁盘空间。
                      
                      
  electron多标签页模式更像客户端
                          diygwcom
  electronjavascript前端
                          
  Electron多标签页模式是指在Electron框架中实现的类似Web浏览器的多标签页功能。Electron是一个使用Web技术（HTML、CSS和JavaScript）来创建跨平台桌面应用程序的框架。在Electron中实现多标签页模式，通常需要借助一些特定的库或组件，如BrowserView或electron-tabs，或者通过自定义实现。实现方式1.使用BrowserViewBrowser
                      
                      
  前端HTML+CSS+JS的入门学习
                          俊昭喜喜里
  前端htmlcss
                          
  一.HTMLHTML（HyperTextMarkupLanguage）即超文本标记语言，是用于创建网页和网页应用程序的标准标记语言。它不是一种编程语言，而是一种标记语言，通过一系列的元素（elements）来告诉浏览器如何显示网页上的内容，如文本、图片、链接、表格、列表等。HTML文档由一系列的标签（tags）组成，这些标签告诉浏览器如何显示内容。标签通常成对出现，例如和，其中是开始标签，表示一个
                      
                      
  10/24 每周学习总结5
                          木木ainiks
  1024程序员节
                          
  1RecordingtheMoolympicsS#include#includeusingnamespacestd;typedeflonglongint_1;intn;structnode{int_1begin_b;int_1end_e;}a[300];boolcmp(nodea,nodeb){if(a.end_e==b.end_e)returna.begin_b>b.begin_b;return
                      
                      
  HTML5概述
                          WFIT~SKY
  Web前端html5前端html
                          
  1.HTML概述1.1HTML定义HTML超文本标记语言，其中超文本是链接，标记也叫标签（即带尖括号的文本）。1.2HTML基本骨架HTML基本骨架是网页模板。网页的标题网页的内容html：整个网页head：网页头部，存放给浏览器看的代码，例如CSSbody：网页主体，存放给用户看的代码，例如文字、图片title：网页标题1.3HTML关系父子关系（嵌套）兄弟关系（并列）2.HTML开发环境2.1
                      
                      
  CSS中如何实现鼠标悬停效果？
                          神明木佑
  css前端
                          
  在CSS中，您可以使用:hover伪类来实现鼠标悬停效果。:hover伪类会在用户将鼠标悬停在选择器所匹配的元素上时应用指定的样式。下面是一个简单的例子，展示了如何在鼠标悬停时改变文本颜色和背景颜色：MouseHoverExample.hover-effect{color:black;background-color:white;padding:10px;text-align:center;}.h
                      
                      
  js的书写位置和css的书写位置的区别？为什么要这样写？
                          李是啥也不会
  javascriptcss开发语言
                          
  JavaScript和CSS的书写位置有以下区别：CSS通常写在标签中，或者在外部样式表文件中（）。CSS主要用于控制页面的视觉样式和布局，通常在HTML文件的部分引入，以确保在页面渲染时样式已经加载完毕，从而避免样式闪烁。JavaScript通常写在标签中，或者在外部脚本文件中（）。JavaScript用于添加页面的动态行为和交互。一般建议将JavaScript放在HTML文件的末尾（标签之前）
                      
                      
  【H2O2|全栈】关于CSS（3）CSS基础（三）
                          过期的H2O2
  【H2O2】CSS入门css前端
                          
  目录CSS基础知识前言准备工作盒模型概念内容的宽高displaypaddingborderborder-widthborder-styleborder-colormargin预告和回顾后话CSS基础知识前言本系列博客将分享层叠样式表（CSS）有关的知识点。作为本系列的第三篇，本博客将分享盒模型以及页面布局有关的知识点。不是专业的科普博主，主打一个分享知识，写的不好，多多包涵（哈哈）。准备工作软件：
                      
                      
  css鼠标移上去向上移动,css3鼠标移动图片上移效果
                          yo xiba
  css鼠标移上去向上移动
                          
  css3的功能真是很强大，学无止境，不多说，直接上代码css部分：*{margin:;padding:;}.text-center{text-align:center}.col_cont{width:300px;height:300px;margin:auto}.thumbnail{cursor:pointer;text-decoration:none;display:block;padding:
                      
                      
  css3实现鼠标放到图标上自动切换图标
                          黄丫丫07
  csscss3html
                          
  作业div{font-family:'icomoon';width:1217px;height:1217px;background:url(images/1.jpg)no-repeat00;transition:all.2s;}div:hover{background:url(images/1.jpg)no-repeat-1200px0;}
                      
                      
  CSS实现鼠标移动到购物车显示详情
                          AsiaFT.
  csscss3html
                          
  需求：鼠标滑动到购物车时，购物车下面显示购物车详情信息解析：清除所有默认样式：{margin:0;padding:0;}2.CSS3新增属性：box-sizing:border-box;这个属性基本盒子都增加该属性；代码：鼠标划过显示购物车详情/*清除所有默认样式*/*{margin:0;padding:0;}.shoppingcart{/*css3新增属性，控制WIDTH和HEIGHT属性是盒子
                      
                      
  基于HTML+JS+CSS+Echarts实现的设备环境监测可视化平台前端整套模板
                          abments
  实用小工具javascript前端html
                          
  效果图基于HTML+JS+CSS+Echarts实现的设备环境监测可视化平台前端整套模板。可用过修改源码快速完成需求。源码结构下载地址
                      
                      
  unocss 一直热更新打印[vite] hot updated: /__uno.css
                          柳雾青烟紫燕穿
  csscss3vue
                          
  控制台持续打印了几千条这条信息，页面逐渐卡死client.ts:450[vite]hotupdated:/__uno.css找出的原因是：依赖出问题了，重新安装unocss，执行命令npmiunocss后修复。但奇怪的是，删除node_modules重新全部安装依赖却不能修复，tmd。还有一种解决方法是切换分支，切去其它分支，再切回来，也不会再打印了。一开始还怀疑了是哪里的unocss类名一直在监
                      
                                  
  java责任链模式
                                      3213213333332132
  java责任链模式村民告县长
                                      
  责任链模式，通常就是一个请求从最低级开始往上层层的请求，当在某一层满足条件时，请求将被处理，当请求到最高层仍未满足时，则请求不会被处理。 
   
  就是一个请求在这个链条的责任范围内，会被相应的处理，如果超出链条的责任范围外，请求不会被相应的处理。 
   
  下面代码模拟这样的效果： 
  创建一个政府抽象类,方便所有的具体政府部门继承它。 
   
  
  package 责任链模式;
  
  /**
   * 
   
                                  
                                  
  linux、mysql、nginx、tomcat 性能参数优化
                                      ronin47
  
                                      
  一、linux 系统内核参数 
   
    /etc/sysctl.conf文件常用参数     net.core.netdev_max_backlog = 32768 #允许送到队列的数据包的最大数目
  net.core.rmem_max  = 8388608        #SOCKET读缓存区大小
  net.core.wmem_max  = 8388608        #SOCKET写缓存区大
                                  
                                  
  php命令行界面
                                      dcj3sjt126com
  PHPcli
                                      
  常用选项
  php -v
  php -i PHP安装的有关信息
  php -h 访问帮助文件
  php -m 列出编译到当前PHP安装的所有模块
  
  执行一段代码
  php -r 'echo "hello, world!";'
  php -r 'echo "Hello, World!\n";'
  php -r '$ts = filemtime("
                                  
                                  
  Filter&Session
                                      171815164
  session
                                      
  Filter 
   
   
  
  HttpServletRequest requ = (HttpServletRequest) req;
  HttpSession session = requ.getSession();
  if (session.getAttribute("admin") == null) {
             PrintWriter out = res.ge
                                  
                                  
  连接池与Spring,Hibernate结合
                                      g21121
  Hibernate
                                      
          前几篇关于Java连接池的介绍都是基于Java应用的，而我们常用的场景是与Spring和ORM框架结合，下面就利用实例学习一下这方面的配置。 
          1.下载相关内容：     &nb
                                  
                                  
  [简单]mybatis判断数字类型
                                      53873039oycg
  mybatis
                                      
         昨天同事反馈mybatis保存不了int类型的属性,一直报错，错误信息如下: 
        
  Caused by: java.lang.NumberFormatException: For input string: "null"
  	at sun.mis
                                  
                                  
  项目启动时或者启动后ava.lang.OutOfMemoryError: PermGen space
                                      程序员是怎么炼成的
  eclipsejvmtomcatcatalina.sheclipse.ini
                                      
     在启动比较大的项目时，因为存在大量的jsp页面，所以在编译的时候会生成很多的.class文件，.class文件是都会被加载到jvm的方法区中，如果要加载的class文件很多，就会出现方法区溢出异常 java.lang.OutOfMemoryError: PermGen space. 
      
  解决办法是点击eclipse里的tomcat，在
                                  
                                  
  我的crm小结
                                      aijuans
  crm
                                      
  各种原因吧，crm今天才完了。主要是接触了几个新技术： 
  Struts2、poi、ibatis这几个都是以前的项目中用过的。 
  Jsf、tapestry是这次新接触的，都是界面层的框架，用起来也不难。思路和struts不太一样，传说比较简单方便。不过个人感觉还是struts用着顺手啊，当然springmvc也很顺手，不知道是因为习惯还是什么。jsf和tapestry应用的时候需要知道他们的标签、主
                                  
                                  
  spring里配置使用hibernate的二级缓存几步
                                      antonyup_2006
  javaspringHibernatexmlcache
                                      
  ．在spring的配置文件中 applicationContent.xml，hibernate部分加入 
  xml 代码 
   
  <prop key="hibernate.cache.provider_class">org.hibernate.cache.EhCacheProvider</prop>   
      <prop key="hi
                                  
                                  
  JAVA基础面试题
                                      百合不是茶
  抽象实现接口String类接口继承抽象类继承实体类自定义异常
                                      
  /*   * 栈（stack）：主要保存基本类型（或者叫内置类型）（char、byte、short、   *int、long、 float、double、boolean）和对象的引用，数据可以共享，速度仅次于   * 寄存器（register），快于堆。堆（heap）：用于存储对象。   */  &
                                  
                                  
  让sqlmap文件 "继承" 起来
                                      bijian1013
  javaibatissqlmap
                                      
          多个项目中使用ibatis , 和数据库表对应的 sqlmap文件（增删改查等基本语句)，dao, pojo 都是由工具自动生成的, 现在将这些自动生成的文件放在一个单独的工程中，其它项目工程中通过jar包来引用 ，并通过"继承"为基础的sqlmap文件，dao,pojo 添加新的方法来满足项
                                  
                                  
  精通Oracle10编程SQL(13)开发触发器
                                      bijian1013
  oracle数据库plsql
                                      
  /*
   *开发触发器
   */
  --得到日期是周几
  select to_char(sysdate+4,'DY','nls_date_language=AMERICAN') from dual;
  
  select to_char(sysdate,'DY','nls_date_language=AMERICAN') from dual;
  
  --建立BEFORE语句触发器
  CREATE O
                                  
                                  
  【EhCache三】EhCache查询
                                      bit1129
  ehcache
                                      
  本文介绍EhCache查询缓存中数据，EhCache提供了类似Hibernate的查询API，可以按照给定的条件进行查询。 
    
  要对EhCache进行查询，需要在ehcache.xml中设定要查询的属性 
    数据准备 
      @Before
      public void setUp() {
          //加载EhCache配置文件
          Inpu
                                  
                                  
  CXF框架入门实例
                                      白糖_
  springWeb框架webserviceservlet
                                      
  CXF是apache旗下的开源框架，由Celtix + XFire这两门经典的框架合成，是一套非常流行的web service框架。 
  它提供了JAX-WS的全面支持，并且可以根据实际项目的需要，采用代码优先（Code First）或者 WSDL 优先（WSDL First）来轻松地实现 Web Services 的发布和使用，同时它能与spring进行完美结合。 
  在apache cxf官网提供
                                  
                                  
  angular.equals
                                      boyitech
  AngularJSAngularJS APIAnguarJS 中文APIangular.equals
                                      
  angular.equals 
     描述:  
    比较两个值或者两个对象是不是 相等。还支持值的类型，正则表达式和数组的比较。       两个值或对象被认为是 相等的前提条件是以下的情况至少能满足一项：  
   
   
     
     
     两个值或者对象能通过=== （恒等） 的比较 
     两个值或者对象是同样类型，并且他们的属性都能通过angular
                                  
                                  
  java-腾讯暑期实习生-输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A[0]*A[1]*...*A[i-1]*A[i+1]
                                      bylijinnan
  java
                                      
  这道题的具体思路请参看 何海涛的微博：http://weibo.com/zhedahht 
   
  
  import java.math.BigInteger;
  import java.util.Arrays;
  
  public class CreateBFromATencent {
  
  	/**
  	 * 题目：输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A
                                  
                                  
  FastDFS 的安装和配置 修订版
                                      Chen.H
  linuxfastDFS分布式文件系统
                                      
  FastDFS Home:http://code.google.com/p/fastdfs/ 
  1. 安装 
  http://code.google.com/p/fastdfs/wiki/Setup http://hi.baidu.com/leolance/blog/item/3c273327978ae55f93580703.html 
  安装libevent (对libevent的版本要求为1.4.
                                  
                                  
  [强人工智能]拓扑扫描与自适应构造器
                                      comsci
  人工智能
                                      
   
   
   
        当我们面对一个有限拓扑网络的时候,在对已知的拓扑结构进行分析之后,发现在连通点之后,还存在若干个子网络,且这些网络的结构是未知的,数据库中并未存在这些网络的拓扑结构数据....这个时候,我们该怎么办呢? 
   
        那么,现在我们必须设计新的模块和代码包来处理上面的问题
                                  
                                  
  oracle merge into的用法
                                      daizj
  oraclesqlmerget into
                                      
  Oracle中merge into的使用 
  http://blog.csdn.net/yuzhic/article/details/1896878 
  http://blog.csdn.net/macle2010/article/details/5980965 
  该命令使用一条语句从一个或者多个数据源中完成对表的更新和插入数据. ORACLE 9i 中，使用此命令必须同时指定UPDATE 和INSE
                                  
                                  
  不适合使用Hadoop的场景
                                      datamachine
  hadoop
                                      
  转自：http://dev.yesky.com/296/35381296.shtml。 
  　　Hadoop通常被认定是能够帮助你解决所有问题的唯一方案。 当人们提到“大数据”或是“数据分析”等相关问题的时候，会听到脱口而出的回答：Hadoop!  实际上Hadoop被设计和建造出来，是用来解决一系列特定问题的。对某些问题来说，Hadoop至多算是一个不好的选择，对另一些问题来说，选择Ha
                                  
                                  
  YII findAll的用法
                                      dcj3sjt126com
  yii
                                      
  看文档比较糊涂，其实挺简单的： 
  $predictions=Prediction::model()->findAll("uid=:uid",array(":uid"=>10)); 
    
  第一个参数是选择条件：”uid=10″。其中:uid是一个占位符，在后面的array(“:uid”=>10)对齐进行了赋值； 
  更完善的查询需要
                                  
                                  
  vim 常用 NERDTree 快捷键
                                      dcj3sjt126com
  vim
                                      
  下面给大家整理了一些vim NERDTree的常用快捷键了，这里几乎包括了所有的快捷键了，希望文章对各位会带来帮助。 
  切换工作台和目录 
  ctrl + w + h 光标 focus 左侧树形目录ctrl + w + l 光标 focus 右侧文件显示窗口ctrl + w + w 光标自动在左右侧窗口切换ctrl + w + r 移动当前窗口的布局位置 
  o 在已有窗口中打开文件、目录或书签，并跳
                                  
                                  
  Java把目录下的文件打印出来
                                      蕃薯耀
  列出目录下的文件文件夹下面的文件目录下的文件
                                      
  Java把目录下的文件打印出来 
  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
  蕃薯耀 2015年7月11日 11:02:
                                  
                                  
  linux远程桌面----VNCServer与rdesktop
                                      hanqunfeng
  Desktop
                                      
  windows远程桌面到linux，需要在linux上安装vncserver，并开启vnc服务，同时需要在windows下使用vnc-viewer访问Linux。vncserver同时支持linux远程桌面到linux。 
    
  linux远程桌面到windows，需要在linux上安装rdesktop，同时开启windows的远程桌面访问。 
    
  下面分别介绍，以windo
                                  
                                  
  guava中的join和split功能
                                      jackyrong
  java
                                      
  guava库中，包含了很好的join和split的功能，例子如下： 
   
  1） 将LIST转换为使用字符串连接的字符串 
     
  
      List<String> names = Lists.newArrayList("John", "Jane", "Adam", "Tom");
  
                                  
                                  
  Web开发技术十年发展历程
                                      lampcy
  androidWeb浏览器html5
                                      
  回顾web开发技术这十年发展历程： 
  Ajax 
  03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 
  彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
                                  
                                  
  架构师之mima-----------------mina的非NIO控制IOBuffer(说得比较好)
                                      nannan408
  buffer
                                      
  1.前言。 
    如题。 
  2.代码。 
    
  
  IoService
  
  IoService是一个接口，有两种实现：IoAcceptor和IoConnector；其中IoAcceptor是针对Server端的实现，IoConnector是针对Client端的实现；IoService的职责包括：
  
  1、监听器管理
  
  2、IoHandler
  
  3、IoSession
                                  
                                  
  ORA-00054:resource busy and acquire with NOWAIT specified
                                      Everyday都不同
  oraclesessionLock
                                      
  [Oracle] 
  今天对一个数据量很大的表进行操作时，出现如题所示的异常。此时表明数据库的事务处于“忙”的状态，而且被lock了，所以必须先关闭占用的session。 
    
  step1，查看被lock的session： 
    
  select t2.username, t2.sid, t2.serial#, t2.logon_time
    from v$locked_obj
                                  
                                  
  javascript学习笔记
                                      tntxia
  JavaScript
                                      
    
  javascript里面有6种基本类型的值:number、string、boolean、object、function和undefined。number：就是数字值，包括整数、小数、NaN、正负无穷。string:字符串类型、单双引号引起来的内容。boolean:true、false object:表示所有的javascript对象，不用多说function:我们熟悉的方法，也就是
                                  
                                  
  Java enum的用法详解
                                      xieke90
  enum枚举
                                      
  Java中枚举实现的分析： 
      示例：  
  public static enum SEVERITY{
            INFO,WARN,ERROR
  } 
      enum很像特殊的class，实际上enum声明定义的类型就是一个类。 而这些类都是类库中Enum类的子类      (java.l
                                  
                  
              
          
      
  
  
      
  
          
  
              按字母分类：
              ABCDEFGHIJKLMNOPQRSTUVWXYZ其他
          
      
  
  
      
  
          
  
              首页 -
              关于我们 -
              站内搜索 -
              Sitemap -
              侵权投诉
          
          
  版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.