前端加油
前端加油

移动web开发之rem适配布局

移动web开发之rem适配布局_第1张图片
移动web开发之rem适配布局_第2张图片
移动web开发之rem适配布局_第3张图片

01.rem基础

移动web开发之rem适配布局_第4张图片
移动web开发之rem适配布局_第5张图片
移动web开发之rem适配布局_第6张图片

02.媒体查询

2.1什么是媒体查询
移动web开发之rem适配布局_第7张图片
2.2语法规范

移动web开发之rem适配布局_第8张图片
移动web开发之rem适配布局_第9张图片
移动web开发之rem适配布局_第10张图片
移动web开发之rem适配布局_第11张图片
移动web开发之rem适配布局_第12张图片
案例:根据页面宽度改变背景颜色

移动web开发之rem适配布局_第13张图片
移动web开发之rem适配布局_第14张图片
移动web开发之rem适配布局_第15张图片

2.3媒体查询+rem实现元素动态大小变化

案例:媒体查询+rem实现元素变化
移动web开发之rem适配布局_第16张图片
移动web开发之rem适配布局_第17张图片
2.4引入资源(了解)
在这里插入图片描述
移动web开发之rem适配布局_第18张图片
移动web开发之rem适配布局_第19张图片
移动web开发之rem适配布局_第20张图片

03.Less基础

3.1维护css的弊端
移动web开发之rem适配布局_第21张图片
3.2 Less介绍

移动web开发之rem适配布局_第22张图片
3.3 Less安装
移动web开发之rem适配布局_第23张图片
3.4 Less使用

移动web开发之rem适配布局_第24张图片
3.5 Less变量
移动web开发之rem适配布局_第25张图片
3.6 Less编译
在这里插入图片描述
移动web开发之rem适配布局_第26张图片
3.7 Less嵌套
移动web开发之rem适配布局_第27张图片
移动web开发之rem适配布局_第28张图片
3.8 Less运算
移动web开发之rem适配布局_第29张图片
移动web开发之rem适配布局_第30张图片
移动web开发之rem适配布局_第31张图片
移动web开发之rem适配布局_第32张图片
移动web开发之rem适配布局_第33张图片

04.rem适配方案

移动web开发之rem适配布局_第34张图片
移动web开发之rem适配布局_第35张图片
4.1 rem实际开发适配方案

移动web开发之rem适配布局_第36张图片
4.2 rem适配方案技术使用(市场主流)
移动web开发之rem适配布局_第37张图片
4.3 rem实际开发适配方案1
移动web开发之rem适配布局_第38张图片
移动web开发之rem适配布局_第39张图片
移动web开发之rem适配布局_第40张图片

案例:苏宁首页案例制作

移动web开发之rem适配布局_第41张图片
移动web开发之rem适配布局_第42张图片
移动web开发之rem适配布局_第43张图片
移动web开发之rem适配布局_第44张图片
移动web开发之rem适配布局_第45张图片
移动web开发之rem适配布局_第46张图片
移动web开发之rem适配布局_第47张图片
移动web开发之rem适配布局_第48张图片
移动web开发之rem适配布局_第49张图片
移动web开发之rem适配布局_第50张图片
在这里插入图片描述
移动web开发之rem适配布局_第51张图片
移动web开发之rem适配布局_第52张图片
移动web开发之rem适配布局_第53张图片
移动web开发之rem适配布局_第54张图片
移动web开发之rem适配布局_第55张图片
移动web开发之rem适配布局_第56张图片
移动web开发之rem适配布局_第57张图片
移动web开发之rem适配布局_第58张图片
移动web开发之rem适配布局_第59张图片
移动web开发之rem适配布局_第60张图片
移动web开发之rem适配布局_第61张图片

05.rem适配方案2

5.1简洁高效的rem适配方案flexible.js

移动web开发之rem适配布局_第62张图片
5.2使用适配方案2 制作苏宁移动端首页
移动web开发之rem适配布局_第63张图片
移动web开发之rem适配布局_第64张图片
移动web开发之rem适配布局_第65张图片
移动web开发之rem适配布局_第66张图片
5.3 VSCode中px转换为rem的插件cssrem
移动web开发之rem适配布局_第67张图片
移动web开发之rem适配布局_第68张图片
移动web开发之rem适配布局_第69张图片
移动web开发之rem适配布局_第70张图片
移动web开发之rem适配布局_第71张图片
移动web开发之rem适配布局_第72张图片
在这里插入图片描述

你可能感兴趣的:(前端笔记)

  • 前端笔记+面试 huahua1112520 前端笔记面试
    一：JS基础部分原型链和原型每个对象都有_proto_属性，并且指向它的原型对象每个构造函数都有它的prototype原型对象prototype原型对象里的constructor指向它的构造函数new一个构造函数会形成它的实例对象深拷贝与浅拷贝涉及堆栈内存、引用类型的区别如何深拷贝：递归拷贝&&利用JSON函数深拷贝JSON.parse(JSON.stringify({对象}))堆栈内存堆内存：接
  • 前端笔记(2) rtrhhthth
    一.代码：（1）css样式cssp{color:green;font-size:30px;}-->先天下之忧而忧后天下之乐而乐-->先天下之忧而忧，后天下之乐而乐(2)css语法CSS语法/*CSS的注释，作用和HTML注释类似，只不过它必须编写在style标签中，或者是CSS文件中CSS的语法：选择器声明块选择器：-通过选择器可以选中页面中指定的元素，并且将声明块中的样式应用到选择器对应的元素上
  • 前端笔记——JavaScript ALLIN5
    一、什么是JavaScript？概念：JavaScript是运行在浏览器端的'脚本语言'，JavaScript是浏览器解释执行的作用：JavaScript主要解决的是前端与用户交互的问题，包括'使用交互'与'数据交互'。意义：负责'页面行为'：部分动画效果、页面与用户的交互、页面功能；二、嵌入页面的三种方式1、行间事件（主要用于事件）2、页面script标签嵌入alert('ok！');3、外部引
  • 前端笔记（14） rtrhhthth
    代码：1.新增选择器新增选择器window.onload=function(){varoDiv=document.querySelector('#div1');alert(oDiv);//弹出[objectHTMLDivElement]，表示选择了该Div//如果要选择多个元素用querySelectorAllvaraLi=document.querySelectorAll('.listli');
  • Web前端笔记 -- CSS① 十八岁讨厌编程 web前端开发#CSScss前端html
    文章目录CSS简介HTML的局限性CSS-网页的美容师CSS语法规范CSS代码风格样式格式书写样式大小写空格规范CSS基础选择器CSS选择器的作用选择器分类标签选择器类选择器类选择器-多类名id选择器通配符选择器基础选择器总结CSS字体属性字体系列字体大小字体粗细文字样式字体复合属性字体属性总结CSS文本样式文本颜色对齐文本装饰文本文本缩进行间距文本属性总结CSS的引入方式CSS的三种样式表内部样
  • 【Web前端笔记06】CSS常用属性 墨倾许 Web前端学习笔记前端笔记csshtml开发语言
    目录一、字体属性1、color字体颜色2、font-size字体大小（默认16px)3、font-weight文本粗细4、font-style字体样式5、font-family指定一个元素的字体二、背景属性1、background-color背景颜色2、background-image:url("img/do.png");背景图片3、background-repeat背景图片是否重复4、backg
  • 【Web前端笔记07】CSS选择器 墨倾许 Web前端学习笔记前端笔记csshtml开发语言
    目录07CSS选择器一、关系选择器二、伪类选择器三、伪对象选择器四、属性选择器总结07CSS选择器一、关系选择器后代选择器EF{}(所有被E元素包含的F元素，中间用空格隔开)通用兄弟选择器E~F{}(选择E元素之后的所有兄弟元素F，作用于多个元素，用~隔开)相邻兄弟选择器E+F{}(选择紧跟E元素后的F元素，用加好表示，选择相邻的第一个兄弟元素)子代选择器E>F{}(选择所有作为E元素的直接子元素
  • 前端笔记(6) rtrhhthth
    代码：1.元素的层级元素的层级.box1{width:200px;height:200px;background-color:red;position:relative;z-index:2;opacity:0.5;filter:alpha(opacity=50);}.box2{width:200px;height:200px;background-color:yellow;/*开启绝对定位*/po
  • Web前端笔记——表单 墨倾许 Web前端学习笔记前端服务器javascript
    目录章节03表单一、Form表单二、表单元素1、表单2、表单元素三、HTML5新增type类型1、email2、url3、search4、tel5、color6、number7、range8、date9、month10、year四、HTML5新增属性1、autofocus属性2、multiple属性3、placeholder属性4、required属性五、实体字符章节03表单一、Form表单表单在
  • 【链接目录】 刘恒123456789 jsjqueryvuephpidesqlmysql
    推荐链接环境配置PhpStormWindows浏览器插件键盘特殊符号dockerdocker基础Windows10dockerdockerfileLinuxApacheComposerUbuntu后门程序技术Excel压力测试工具GitWampServer前端笔记JavaScript+jQueryLayuiVUESQL笔记MySQLSQLServerRedisPHPPHP笔记PHP设计模式Thin
  • web前端笔记整理，从入门到上天，周周更新 weixin_30527551 前端人工智能javascriptViewUI
    由于大前端知识点太多，所以一一做了分类整理，详情可见本人博客http://www.cnblogs.com/luxiaoyao/一、HTML1.注释格式：作用：1.解释说明代码的含义（代码量大，后期维护，便于新人交接）2.调试代码2.head内标签//meta:定义关于HTML文档的元信息3s之后刷新3s之后刷新并跳转到百度//title：定义文档的标题网站的标题//link:定义文档与外部资源的关
  • 前端笔记（11） rtrhhthth
    代码：（1）函数传参函数传参window.onload=function(){varoDiv=document.getElementById('div1');changeStyle('color','gold');changeStyle('background','red');changeStyle('width','300px');changeStyle('height','300px');ch
  • 前端笔记（2）JavaScript面向对象 sullay
    javaScript是不是面向对象语言？JavaScript（es6之前）有对象的概念，却没有类的概念，JavaScript对象可以任意添加属性，而java、c++等其他语言却不能。以至于有些人认为JavaScript并非是面向对象的语言，而是基于对象的语言。实际上JavaScript无疑是面向对象的语言，只不多例如java、c++等语言才用的是“类”的方式来描述对象，这也是最为成功的描述对象方式
  • 【自学】前端笔记-布局 该用户已疯
    document之间是一个容器，可以包含图片、段落、表格等各种html元素-->html标签块级标签:占据一行，换行～行内标签:在一行，不换行嵌套规则块级元素能嵌套行内元素和一部分块级元素行内元素不能嵌套块级元素，只能嵌套行内元素块级元素不能放在标签内特殊块级元素只能包含行内元素，不能包含块级元素，如～、、块级元素与块级元素并列，行内元素与行内元素并列
  • 前端笔记（四）Flex 布局 *Soo_Young* 前端笔记
    标准流标准流也叫文档流，指的是标签在页面中默认的派不规则，例如：块元素独占一行，行内元素可以一行显示多个。但是很多的网页布局都是块元素在一行中显示的，这时候就需要浮动和Flex布局，浮动只需要了解即可浮动可以让块元素水平排列给块元素加上float属性可以使得块元素往左边或者往右边浮动，使得两个块元素可以出现在一行里面。浮动后的格子会脱离标准流的控制，不再占用标准流的范围。浮动-产品区域布局Docu
  • 基于Springboot+vue的员工管理系统--前端笔记 阿隐吖 前端vue.js
    1.前言之前我们员工管理系统的后端笔记已经书写完毕，现在我们整理一下前端的笔记。2.安装Vue环境，并新建Vue的项目过程比较简单，此处省略....3.登录界面的开发一般的登录界面就是简单的表单：用户名、登录密码、验证码。然后我们涉及到的后台交互有2个：获取登录验证码提交表单完成登录登录交互的过程：浏览器打开登录页面动态加载登录验证码，后端生成的验证码存在前端的sessionStorage中前端提
  • 前端笔记 ---ES 新特性与 TypeScript、JS 性能优化 WEB前端含光
    ES新特性首先了解一下什么是ESES(ECMAScript)，具体背景什么的就不介绍了，需要记住ES是JS(JavaScript)的一种语法规范，换句话说，ES是JS的规范，JS是ES的一种实现ES只提供基本语法，所以只停留在语言层面ES2015(ES6)ES2015在2015年6月发布，后续简称ES6ES6主要为了解决以下四类问题1.解决原有语法不足或问题2.对原有语法进行增强3.全新的方法，对
  • 前端笔记 css（8）css初始化 Flyoungbuhu 前端笔记css
    1.css初始化不同浏览器对有些标签的默认值是不同的，为了消除不同浏览器对html文本呈现的差异，照顾浏览器的兼容，我们需要对css初始化简单理解：css初始化就是指重设浏览器的样式。（也成cssreset）/*把我们所有标签的内外边距清零*/*{margin:0;padding:0}/*em和i斜体的文字不倾斜*/em,i{font-style:normal}/*去掉li的小圆点*/li{lis
  • 前端笔记六（js面向对象的公有属性与私有属性） 沐雨芝录
    定义：公有属性：是指在对象外可以访问到对象内的某个属性。私有属性：只在函数内部可以访问，外部强行访问则会报错。公共属性方法：functionPublic(name,age){this.name=namethis.age=age}Public.prototype=({who:function(){console.log(this.name)},old:function(){console.log(t
  • Web前端笔记——表格表单框架实体元信息等笔记 Komorebi_9999 html
    基本结构表格标题表格头部默认样式就是头部整体加粗h:heads表格主体d:data表格脚注常用属性table表格width：设置表格的宽度双height：设置表格最小高度，表格最终高度可能比设置的值大border:设置表格边框宽度cellspacing:设置单元格之间的间距thead表格头部height:设置表格头部高度双align:设置单元格的水平对齐方式，可选值如下：left:左对齐cente
  • 前端笔记之typescript基础 苏小邪 前端前端笔记typescript
    前端笔记之typescript基础1.数据类型：2.联合类型3.接口4.函数5.类型别名6.元组7.枚举8.类8.1构造器8.2属性权限描述符8.3存取器8.4类的继承8.5静态方法和静态属性8.6readonly修饰符8.7抽象类8.8接口继承类9.声明合并10.泛型10.1泛型定义10.2泛型约束10.3泛型接口11.声明文件和内置对象11.1声明文件11.2内置对象12.typescript
  • 前端笔记之Array.fill的坑 苏小邪 前端笔记javascript
    Array.fill填充引用型数据类型的坑众所周知，Array.fill可以将我们声明既有元素个数的数组填充全部或者部分的元素，但是很坑的就是他在填充引用型数据类型的时候，填充的是同一个内存地址的对象，也就意味着之后你改动其中一个元素的属性，所有的元素都会跟着改变，即便是使用了new关键词，我本来以为使用new之后就会避免这个问题的。。。所以嘞，那该怎么处理，去循环里面给予元素新的对象，确实这样可
  • 前端笔记之截图选择 苏小邪 前端笔记javascript
    纯原生实现截图选择实现思路代码实现最近在写自己的ui组件（没错，我已经不满足做一个只会cv的程序猿！！！），目前想写一个上传图片的组件，之前笔记里也记载了如何上传图片。但是我想做一个可以实现裁剪的图片上传，那么图片上传已经实现了，剩下的就是裁剪图片了。这里主要记录原生js实现一个图片裁剪。代码主要体现实现思路，所以会有代码冗余繁琐等问题。实现思路首先是文件上传预览，因为要实现裁剪上传，所以就不能传
  • 前端笔记之vue3 之 render函数和createVNode函数使用 苏小邪 前端javascriptvue.jscss
    初学vue3的时候倒是扒了一点点源码，似是而非，而且一直做的工作都是很简单的功能，怎么说呢，ui框架也几乎让我很容易的就可以写出一个成型的页面，有时就忘了初学的时候的一些心得。本内容只说createVNode函数的用法，不做源码探究1.简单使用-创建一个组件import{defineComponent,createVNode}from"vue";constRenderTest=defineComp
  • 前端笔记（4）JavaScript宏观与微观任务 sullay
    宏观和微观任务在ES3和更早的版本中，JavaScript本身还没有异步执行代码的能力，这也就意味着，宿主环境传递给JavaScript引擎一段代码，引擎就把代码直接顺次执行了，这个任务也就是宿主发起的任务。但是，在ES5之后，JavaScript引入了Promise，这样，不需要浏览器的安排，JavaScript引擎本身也可以发起任务了。由于我们这里主要讲JavaScript语言，那么采纳JSC
  • 前端笔记（二）：CSS 选择器与特性 *Soo_Young* 前端笔记css
    CSS（层叠样式表）是一种样式表语言，用于描述HTML或XML文档的呈现方式。它定义了如何在屏幕、纸张或其他媒体上显示文档的样式、布局和外观。里面的代码由选择器+{}组成体验CSSCSS可以让我们界面变得更加美观，这是CSS的一个效果展现Documentp{/*文字颜色*/color:red;/*字号*/font-size:50px;}这是一个段落CSS的引入方式CSS有三种引入方式，内部样式表、
  • 前端笔记（一）：HTML5 入门学习 *Soo_Young* 前端笔记html5学习
    前言：在完成Java的SpringBoot学习并练习了几个项目后，出于对编程的兴趣和没有组织的局限性，为了开发一些个人的小项目，我将开始前端部分的学习，预计会学到Vue框架，同时会把自己的学习笔记发布成博客，希望与大家共勉！HTML（超文本标记语言）是一种标记语言，用于创建网页结构。它由一系列称为标签（tags）的元素组成，每个标签描述了文档中不同的内容类型，如文本、图像、链接等。HTML标签以尖
  • 梅科尔工作室-李庆浩 鸿蒙前端笔记1 心之所向，我之所望 鸿蒙前端前端
    1.应用介绍1.1应用开发目录介绍1.2使用规则2.初入注意事项（1）在进行预览时，要先选择预览所对应的hml等文件下才能进行预览；（2）在config.json里要配置所对应的页的文件路径；（3）配置路径以后单纯刷新是不能显示新配置的页面的，要重新进入预览；（4）创建项目名称,注意首字母大写;（5）引用代码文件，需使用相对路径，比如:../common/utils.js（6）引用资源文件,推荐使
  • 前端笔记（8）css选择器（二） sullay
    选择器的组合选择器列表是一个由逗号分隔的复杂选择器序列；复杂选择器则是用“空格”、“~”、“+”、“>”、“||”连接的复合选择器；复合选择器则是连写的简单选择器。选择器的连接方式可以理解为四则运算一样有优先级。第一优先级：无连接符号，表示“且”第二优先级：“空格”、“~”、“+”、“>”、“||”第三优先级：“,”表示“或”复杂选择器规定了五种连接符号。“空格”：后代，表示选中所有符合条件的后代
  • 前端笔记：React的form表单全部置空或者某个操作框置空的做法 朱季谦 前端前端笔记react.js
    原创/朱季谦在React框架前端开发中，经常会有弹出框的开发，涉及到弹出框，难免就会有表单。一般在关闭弹出框或者对表单联动时，往往都需要考虑对表单进行置空操作了。我以前在工作就遇到过这类问题，正好顺便对表单置空这块做一些总结小记录。主要有两种情况，一种是对整个表单置空，一种是想灵活对其中个别选框置空。1.全部置空的做法,一般在弹出框关闭同时，重置该form所有表单，使用方法如下：this.prop
  • mondb入手 木zi_鸣 mongodb
    windows 启动mongodb  编写bat文件， mongod --dbpath D:\software\MongoDBDATA mongod --help  查询各种配置 配置在mongob 打开批处理，即可启动，27017原生端口，shell操作监控端口  扩展28017，web端操作端口 启动配置文件配置， 数据更灵活 
  • 大型高并发高负载网站的系统架构 bijian1013 高并发负载均衡
            扩展Web应用程序 一.概念         简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种：         1.
  • DISPLAY变量和xhost(原创) czmmiao display
    DISPLAY 在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
  • 获取B/S客户端IP 周凡杨 java编程jspWeb浏览器
       最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为：    String ip = InetAddress.getLocalHost().getHostAddress(); 然而对于WEB
  • 浅谈类和对象 朱辉辉33 编程
        类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的， 占用存储空间。     类是由属性和方法构成的，基本格式是public  class 类名{ //定义属性 private/public 数据类型 属性名； //定义方法 publ
  • android activity与viewpager+fragment的生命周期问题 肆无忌惮_ viewpager
    有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。 第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 super.onResume(); bindService(intent, conn, BIND_AUTO_CREATE);
  • base64Encode对图片进行编码 843977358 base64图片encoder
    /** * 对图片进行base64encoder编码 * * @author mrZhang * @param path * @return */ public static String encodeImage(String path) { BASE64Encoder encoder = null; byte[] b = null; I
  • Request Header简介 aigo servlet
    当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request   Header)   用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：    
  • HttpClient4.3 创建SSL协议的HttpClient对象 alleni123 httpclient爬虫ssl
    public class HttpClientUtils { public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){ SSLContext sslContext=null; try { sslContext=new SSLContextBuilder().l
  • java取反 -右移-左移-无符号右移的探讨 百合不是茶 位运算符 位移
    取反： 在二进制中第一位，1表示符数，0表示正数 byte a = -1; 原码：10000001 反码：11111110 补码：11111111 //异或: 00000000 byte b = -2; 原码：10000010 反码：11111101 补码：11111110 //异或: 00000001
  • java多线程join的作用与用法 bijian1013 java多线程
            对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
  • Java发送http请求(get 与post方法请求) bijian1013 javaspring
    PostRequest.java package com.bijian.study; import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURL
  • 【Struts2二】struts.xml中package下的action配置项默认值 bit1129 struts.xml
    在第一部份，定义了struts.xml文件，如下所示：   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts
  • 【Kafka十三】Kafka Simple Consumer bit1129 simple
    代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。 实际情况是需要将host和port绑定到一起，   package kafka.examples.lowlevel; import kafka.api.FetchRequest; import kafka.api.FetchRequestBuilder; impo
  • nodejs学习api ronin47 nodejs api
    NodeJS基础 什么是NodeJS JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
  • java-64.寻找第N个丑数 bylijinnan java
    public class UglyNumber { /** * 64.查找第N个丑数 具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url] * 题目：我们把只包含因子 2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
  • 二维数组（矩阵）对角线输出 bylijinnan 二维数组
    /** 二维数组 对角线输出 两个方向 例如对于数组： { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 }, { 13, 14, 15, 16 }, slash方向输出： 1 5 2 9 6 3 13 10 7 4 14 11 8 15 12 16 backslash输出： 4 3
  • [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新) comsci 工作流
       既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理    大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
  • redis常见使用 cuityang redis常见使用
    redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 引入jar包 jedis-2.1.0.jar  (本文下方提供下载) package redistest; import redis.clients.jedis.Jedis; public class Listtest
  • 配置多个redis dalan_123 redis
    配置多个redis客户端 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"       xmlns:xsi=&quo
  • attrib命令 dcj3sjt126com attr
      attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.    只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.    存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件. 
  • Yii使用公共函数 dcj3sjt126com yii
    在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用，成为公用的函数集合。 function.php如下：   <?php /**   * This is the shortcut to D
  • linux 系统资源的查看（free、uname、uptime、netstat） eksliang netstatlinux unamelinux uptimelinux free
    linux 系统资源的查看 转载请出自出处：http://eksliang.iteye.com/blog/2167081   http://eksliang.iteye.com 一、free查看内存的使用情况 语法如下：   free [-b][-k][-m][-g] [-t] 参数含义 -b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
  • JAVA的位操作符 greemranqq 位运算JAVA位移<<>>>
    最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。   1.按位操作符 ：    按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。    与（&）运算：    1&1 = 1, 1&0 = 0, 0&0 &
  • Web前段学习网站 ihuning Web
      Web前段学习网站 菜鸟学习：http://www.w3cschool.cc/   JQuery中文网：http://www.jquerycn.cn/   内存溢出：http://outofmemory.cn/#csdn.blog   http://www.icoolxue.com/   http://www.jikexue
  • 强强联合：FluxBB 作者加盟 Flarum justjavac r
    原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
  • java统计在线人数（session存储信息的） macroli javaWeb
    这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！   由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！ 我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 public class Ses
  • bootstrp carousel初体验 快速构建图片播放 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    img{ border: 1px solid white; box-shadow: 2px 2px 12px #333; _width: expression(this.width > 600 ? "600px" : this.width + "px"); _height: expression(this.width &
  • SparkSQL读取HBase数据，通过自定义外部数据源 superlxw1234 sparksparksqlsparksql读取hbasesparksql外部数据源
    关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源     前面文章介绍了SparSQL通过Hive操作HBase表。   SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
  • Spring Boot 1.3.0.M1发布 wiselyman spring boot
        Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下：   1.提供一个新的sprin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他