一.小项目说明 这是个例行的小项目练习,主要利用html和css的基础知识,复刻一个缩减版的小米商城网页.包括[导航栏].[头部logo区,快捷键.搜索框].[网页主体].[网页尾部]几个部分.目前只实现静态的网页显示.最终效果图如下: 二.程序框架 按照开发规范,先在sublime text3中创建[小米商城首页]文件夹,在此文件夹下创建[css]文件夹(放css文件)和[img]文件夹(放图片)和主要的html文件,如下图: 三.小米商城首页.html <!DOCTYPE html> &l…
利用git+hugo+markdown 搭建一个静态网站 一直想要有一个自己的文档管理系统: 可以很方便书写,而且相应的文档很容易被分享 很方便的存储.管理.历史记录 比较方面的浏览和查询 第一点用Makrdown来写文档是一个非常好的选择,第二点自然想到了git, 第三点用一个静态的网站来浏览和管理是一个不错的选择,这里选择了hugo. Hugo是由Go语言实现的静态网站生成器. 注意是生成器.他虽然自带webserver,但是没有Nigix强大了. 他能非常方便的把markdown文件转换为…
探讨这种布局是因为最近对话框组件以及信息系统B/S界面布局的需要.无论是什么,我们在写CSS之前首先引入reset.css,我使用的是淘宝的reset. 01 /* 02 KISSY CSS Reset 03 */ 04 /** 清除内外边距 **/ 05 body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ 06 dl, dt, dd, ul, ol, li, /* list elemen…
<!doctype html> <html> <br/><br/><br/> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> 加多宝</title> <style type="text/css"> a { f…
UMat u_mat;mat.copyTo(u_mat);cv::cvtColor(u_mat, cv::BGR2GARY);这样的代码反复执行,并未发现GPU占用提升.执行时间与不使用UMat相当.由此证明,官网提供的opencv android sdk,并未把opencl的支持编译进去.see:  https://github.com/opencv/opencv/releases 下载地址:https://github.com/opencv/opencv/releases/download/…
偶然在微博上看到用css写一个七巧板,正好也有一些源代码,于是就试着敲了敲. 主要是利用了css3的transform,实现平移,旋转,变形,直接用看到的代码敲出来之后有些问题,因为宽度上下面绿色的三角形和右边蓝色的三角形没有做限制,所以我做出来看到的效果是这样的: 之后自己做了稍微的调整,调整之后的效果是这样的: 这里直接将板子的位置放在了浏览器的左上角,利用了border-top和border-right来进行位置的控制,下面是代码: html代码: <!DOCTYPE html> <…
利用JAVA反射机制设计一个通用的DAO 反射机制 反射机制指的是程序在运行时能够获取自身的信息.在java中,只要给定类的名字,    那么就可以通过反射机制来获得类的所有信息. 反射机制创建类对象 Class c=Class.forName("className");注明:className必须为全名,也就是得包含包名,比如,com.cnblog.Bean;        Object obj=c.newInstance();//创建对象的实例 有了类对象就可以对该类的方法及属性进…
  有用户反馈进入官网首页光秃秃的一片,大家忙着做产品,忽略了官网的建设,惭愧惭愧.   确实,极简风格和极其简单还是有很大区别的.     旧的 Web 端   除了极其简单之外,它还有一个小问题,首页没有适配移动端.    旧的移动端   接下来我会从下面这三点分享如何设计我们的新官网: 展示内容 页面布局 适配移动端-响应式布局 展示内容 我设计时会从两个角度考虑: 网友希望在官网看到什么? 官方希望网友看完会做什么?   对于大家来说,官网的意义当然是快速了解产品做什么,解决什么问题,使…
你真的了解字典(Dictionary)吗?   从一道亲身经历的面试题说起 半年前,我参加我现在所在公司的面试,面试官给了一道题,说有一个Y形的链表,知道起始节点,找出交叉节点.为了便于描述,我把上面的那条线路称为线路1,下面的称为线路2. 思路1 先判断线路1的第一个节点的下级节点是否是线路2的第一个节点,如果不是,再判断是不是线路2的第二个,如果也不是,判断是不是第三个节点,一直到最后一个.如果第一轮没找到,再按以上思路处理线路一的第二个节点,第三个,第四个... 找到为止.时间复杂度n2,…
本篇文章是对这几天看完 Charles Wyke-Smit 的 <CSS 设计指南> 后的一些学习笔记与心得,笔者好像是大一的时候开始接触网页设计,由于并不是计算机专业的,所以所有都是自己自学的,记得当时自己对 CSS 基本上什么都不懂,甚至连怎么在 CSS 中选择某个 class 和 id 都不懂,然后就直接下载一些源码来看,后来看到这些 CSS 文件中有 . 和 # ,然后就连蒙带猜的学会了怎么使用它们,然后就在源码中看到什么不懂的就直接上 W3School 中查找 API,这样也慢慢的让…