oreman
oreman

html5在线书城项目,响应式Web开发项目教程（HTML5+CSS3+Bootstrap）

单元1 响应式和HTML5+CSS3初体验1

【教学导航】　2

响应式Web设计简介　2

【项目1-1】使用HTML5+CSS3

绘制HTML5的logo　4

【项目描述】　4

【前导知识】　4

HTML5的新特性　4

HTML5的基本语法　5

CSS3的新特性　6

如何在HTML中引入样式表　6

CSS3与浏览器　7

【项目分析】　7

【代码实现】　7

【项目总结】　12

【项目1-2】构建移动版旅游网站

页面　13

【项目描述】　13

【前导知识】　14

HTML5语义化结构标签　14

CSS选择器　15

盒子模型　17

CSS的浮动与定位　18

【项目分析】　21

【代码实现】　22

【项目总结】　28

单元2　文本类网页设计　29

【教学导航】　30

【项目2-1】电子杂志页面　30

【项目描述】　30

【前导知识】　31

HTML5中常用的文本标签　31

CSS的字体样式属性　31

多列布局　33

【项目分析】　34

【代码实现】　35

【项目总结】　37

【项目2-2】软文推广页面　38

【项目描述】　38

【前导知识】　38

CSS的文本外观属性　38

CSS的层叠性、继承性和重要性　40

CSS的优先级　41

Web字体图标-font-awesome的应用　42

【项目分析】　44

【代码实现】　45

【项目总结】　49

【项目2-3】手机邮箱导航页面　49

【项目描述】　49

【前导知识】　49

CSS链接属性　49

CSS导航栏　50

【项目分析】　50

【代码实现】　51

【项目总结】　55

单元3　图文展示网页设计　56

【教学导航】　57

【项目3-1】黑马书城　57

【项目描述】　57

【前导知识】　58

HTML5常用图像标签　58

CSS背景设置　59

CSS阴影和渐变　59

【项目分析】　63

【代码实现】　64

【项目总结】　68

【项目3-2】多肉植物商城　68

【项目描述】　68

【前导知识】　68

CSS3的圆角边框　68

CSS3的过渡(CSS3　transition)　70

CSS3变形(CSS3　transform)　72

【项目分析】　76

【代码实现】　78

【项目总结】　83

【项目3-3】摇晃的桃子　83

【项目描述】　83

【前导知识】　83

CSS3动画(CSS3　animations)　83

CSS精灵技术(CSS　Sprites)　85

【项目分析】　87

【代码实现】　88

【项目总结】　91

单元4　HTML5表单的应用　93

【教学导航】　94

【项目4-1】移动版登录页面　94

【项目描述】　94

【前导知识】　95

介绍表单　95

HTML5　标签　96

【项目分析】　99

【代码实现】　100

【项目总结】　102

【项目4-2】用户注册页面　103

【项目描述】　103

【前导知识】　104

其他表单标签　104

HTML5表单验证　108

【项目分析】　109

【代码实现】　110

【项目总结】　114

单元5　HTML5画布　115

【教学导航】　116

【项目5-1】网页涂鸦板　116

【项目描述】　116

【前导知识】　116

JavaScript的那些事　116

初识canvas　123

【项目分析】　125

【代码实现】　126

【项目总结】　127

【项目5-2】发红包才能看的

照片　128

【项目描述】　128

【前导知识】　129

canvas绘制矩形和清除矩形　129

canvas绘制圆形　130

canvas　绘制图片　131

canvas中的其他方法　132

【项目分析】　133

【代码实现】　134

【项目总结】　137

单元6　音频与视频　138

【教学导航】　139

【项目6-1】视频播放器　139

【项目描述】　139

【前导知识】　139

标签的使用　139

HTML　DOM Video对象　143

JavaScript运算符和if条件语句　145

【项目分析】　147

【代码实现】　149

【项目总结】　150

【项目6-2】HTML5　Web

钢琴　151

【项目描述】　151

【前导知识】　151

标签的使用　151

HTML　DOM Audio对象　153

JavaScript循环语句　155

【项目分析】　156

【代码实现】　157

【项目总结】　160

【项目6-3】音乐播放器　160

【项目描述】　160

【项目分析】　161

【代码实现】　162

【项目总结】　168

单元7　响应式Web设计　169

【教学导航】　170

【项目7-1】第 一个响应式

网站　170

【项目描述】　170

【前导知识】　171

关于视口　171

媒体查询　172

百分比布局　175

【项目分析】　176

【代码实现】　177

【项目总结】　187

【项目7-2】社交网站个人信息

页面　187

【项目描述】　187

【前导知识】　188

响应式栅格系统　188

弹性盒布局　190

【项目分析】　196

【代码实现】　197

【项目总结】　205

单元8　响应式设计

Bootstrap　206

【教学导航】　207

【项目8】Bootstrap餐饮类网站

首页　207

【项目描述】　207

【任务1-完成网页header部分】　208

【任务2-完成网页搜索模块】　219

【任务3-完成热卖商品模块】　229

【任务4-完成特色推荐模块】　235

【任务5-完成轮播广告模块】　243

【任务6-整合所有模块，完成footer

部分】　250

附录1　HTML5新增标签和废除

标签　264

附录2　CSS3新增属性　267

附录3　CSS3中需要加浏览器

私有前缀的属性　281

你可能感兴趣的:(html5在线书城项目)

  • swagger使用指引 MA_Y_ swagger
    1.swagger介绍在前后端分离开发中通常由后端程序员设计接口，完成后需要编写接口文档，最后将文档交给前端工程师，前端工程师参考文档进行开发。可以通过一些工具快速生成接口文档，本项目通过Swagger生成接口在线文档。什么是Swagger？OpenAPI规范（OpenAPISpecification简称OAS）是Linux基金会的一个项目，试图通过定义一种用来描述API格式或API定义的语言，来
  • Field ‘id‘ doesn‘t have a default value MA_Y_ oracle数据库
    1.程序测试时,运行到向数据库插入数据时,报以下异常是id没有默认值;在测试单元内单独向该数据库插入数据,报同样的异常,确定了异常的定位2.项目时采用mybatisPlus操作数据库,报异常的数据库和另外一个数据库关联,主键ID和另外一个数据库相同,通过读取另外一个数据库的ID获得3.通过查找,发现是PO类的ID策略有误,采用mybatisPlus生成的po类,默认是自增长ID@ApiModelP
  • RTOS 特性及其思考 TianYaKe-天涯客 arm开发
    前言最近在研究FreeRTOS，觉得RTOS有些特性还是比较有趣的，有一些想法，问了一下AI，简单探讨一下。有纰漏请指出，转载请说明。学习交流请发邮件[email protected]百问网《FreeRTOS入门与工程实践-基于STM32F103》教程-基于DShanMCU-103(STM32F103)|百问网为什么有些项目，裸机编程不再适用，需要RTOS一、任务调度与并发处理裸机编程：在裸机环境
  • RPC框架Dubbo深入分析 radcb55226 程序员rpcdubbo网络协议
    《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》，点击传送门，即可获取！依赖于Zookeeper的稳定性Redis支持基于客户端双写的集群方式，性能高要求服务器时间同步，用于检查心跳过期脏数据Multicast去中心化，不需要安装注册中心依赖于网络拓普和路由，跨机房有风险SimpleDogfooding，注册中心本身也是一个标准的RPC服务没有集群支持，可能单点故障cl
  • 微信小程序canvas2D全新API介绍 前端彭于晏Eddie 小程序小程序canvas前端
    文章目录微信小程序canvas2D介绍前言简介获取canvas节点绘制图片绘制文字绘制换行文字保存canvas踩坑canvas尺寸问题绘制图片层级问题微信小程序canvas2D介绍前言微信小程序官方在2.9.0开始支持了一个canvas2D的新API，之前的API不再进行维护，因此之后使用canvas的项目，都建议使用canvas2D来绘制。那么新的canvas2DAPI有啥好处呢？全面支持源生H
  • Docker 与持续集成 / 持续部署（CI/CD）的集成（二） 计算机毕设定制辅导-无忧学长 #Dockerdockerci/cd容器
    五、代码示例与解释（一）Dockerfile示例以下是一个简单的基于PythonFlask应用的Dockerfile示例：#使用Python3.10-slim作为基础镜像FROMpython:3.10-slim#设置工作目录WORKDIR/app#复制项目文件到容器内的工作目录COPY./app#安装项目依赖RUNpipinstall-rrequirements.txt#暴露应用运行的端口EXPO
  • 看板软件私有化：提升企业运营效率的关键一步 项目管理软件
    看板作为一种高效的项目管理工具，已被广泛应用于软件开发、产品设计、市场营销等各个领域。然而，对于许多企业来说，使用SaaS版本的看板软件存在数据安全、定制化需求、成本控制等方面的顾虑。看板软件私有化部署方案应运而生，为企业提供安全可靠、高度可定制的项目管理解决方案。一、数据安全：企业发展的生命线对于金融、医疗、政府等对数据安全要求极高的行业来说，数据泄露可能导致巨大的经济损失和声誉风险。看板软件私
  • 通过MATLAB/Simulink平台，使用时域分析法评估一个典型控制系统的响应速度性能指标 xiaoheshang_123 MATLAB开发项目实例1000例专栏手把手教你学MATLAB专栏simulinkmatlab
    目录基于Simulink的时域分析法评估系统的响应速度性能指标1.背景介绍1.1项目背景1.2系统描述1.3应用场景2.系统架构设计2.1系统框图2.2数学模型3.Simulink仿真模型步骤3.1创建Simulink模型3.2添加模块3.2.1阶跃输入模块3.2.2系统模型模块3.2.3输出显示模块3.2.4数据记录模块3.3连接模块3.4设置仿真参数3.5运行仿真4.响应速度性能指标计算5.参
  • mysql field id doesnt have a default value_Field 'id' doesn't have a default value 错误处理 weixin_39999209 mysqlfieldiddoesnthaveadefaultvalue
    Field'id'doesn'thaveadefaultvalue昨晚做项目的时候遇到一个问题，在测试数据存储的时候老是报Field'id'doesn'thaveadefaultvalue异常，从网上找了好久，根据各位大虾的说法也测试了好久好久，可就是没发现原因所在，鼓捣了两三个小时的时间，最后总算找到问题所在：原来是我的数据设计的时候，把主键的类型定义为int的，原本想是用自增的方式来的，可是由
  • 软件项目管理 *neverGiveUp* 期末不挂科其他职场和发展
    一、填空题1、项目是为创造独特的产品、服务或成果而进行的临时性的工作。2、PMBOK（2016）将项目管理分为五个过程组，即启动、计划、执行、控制和收尾，与十大知识领域（整合管理、范围管理、时间管理、成本管理、质量管理、人力资源管理、沟通管理、风险管理、采购管理、干系人管理。）。3、国际标准ISO8042综合将软件质量定义为：反应实体满足明确的和隐含的需求能力的特性的总和。4、国际标准化组织：“是
  • 红队内网攻防渗透：内网渗透之Windows内网信息收集：内网和域 HACKNOE 红队攻防内网渗透研究院web安全网络安全系统安全
    红队内网攻防渗透1.内网渗透之信息收集1.内网信息收集的目的2.本机信息收集网络配置查询操作系统及版本信息查看系统体系结构查看安装的软件及版本、路径等查询本机服务查询进程列表查毒软件查看启动程序信息查看计划任务查看主机开机时间查询用户列表获取本地管理员查看当前在线用户列出或断开本地计算机与所连的客户端之间的会话查看端口列表查看补丁列表查看共享连接保存当前主机上的所有WiFi信息查看本机共享列表查询
  • 什么是MVC？什么是SpringMVC？什么是三层架构？ m0_74824802 面试学习路线阿里巴巴mvc架构
    文章目录应用分层什么是MVC?什么是SpringMVC？三层架构三层架构和MVC的关系应用分层在讲解什么是MVC之前，先来理解一下什么是应用分层。应用分层是一种软件开发设计思想，将应用程序划分成N个层次，每个层次都分别负责自己的职责，多个层次之间来协同提供完整的功能，根据项目的复杂度，将项目分成三层或四层等。举个例子：比如，一个公司创始初期，创始人要身兼数职，既要做财务，又要做人事，又要做行政，但
  • vite和react有什么区别？ 因上精进，果上随缘 Javascriptreact.jsjavascript前端
    Vite和React在功能和定位上有明显的区别。Vite是一个基于浏览器原生ESimports的开发服务器和构建工具，旨在弥合当前和下一代Web开发之间的差距。它专注于为开发人员和现代Web项目提供更快、更高性能的体验。Vite的主要特性包括快速的冷启动、及时的热模块更新和真正的按需加载。它使用原生ESM作为模块系统，利用浏览器对ESM的支持，在开发时无需打包，从而实现了极速的启动速度和热模块替换
  • 深入解析Spring Cloud：微服务架构的利器（下） Wells974 爪哇架构springcloud微服务
    在上一篇文章中，我们介绍了SpringCloud的基本概念、核心组件以及如何在Java项目中使用SpringCloud进行服务注册与发现。本文将继续探讨SpringCloud的负载均衡、配置管理、服务熔断和API网关等高级特性。4.负载均衡4.1使用RibbonSpringCloudRibbon是一个客户端负载均衡器，与Eureka无缝集成，支持多种负载均衡策略。在服务消费者项目中，引入Ribbo
  • Java中JWT（JSON Web Token）的运用 华农第一蒟蒻 java修炼javajson前端springboottoken
    目录1.JWT的结构2.JWT的优点3.JWT的流转过程4.具体案例一、项目结构二、依赖配置三、用户模型四、JWT工具类五、JWT请求过滤器六、安全配置七、身份验证控制器八、测试JWTJWT（JSONWebToken）是一种开放标准（RFC7519），用于在网络应用环境间以紧凑的方式安全地传递信息。JWT可以被用作身份验证和信息交换的手段，特别适合用于前后端分离的应用程序。1.JWT的结构JWT由
  • 产品发布标准（项目实操） 初级代码游戏 软件工程产品发布
    产品发布标准概述本产品包含一套软件和几款不同的硬件。说明硬件硬件差异架构（ARM32/ARM64）操作系统和版本（文件系统和系统库）内存存储（持久和易失）串口和网口的名称和数量启动脚本此脚本在硬件上电后自动执行，在适当的初始化后进入预设目录启动软件的启动命令，并监控启动命令，返回0表示计划性退出，无需额外操作，否则表示软件运行异常，硬件应重新启动软件启动命令start.sh，工作路径为命令所在位置
  • 使用bitnamiredis-sentinel部署Redis 哨兵模式 m0_67265654 面试学习路线阿里巴巴sentinelredis数据库
    使用bitnami/redis-sentinel部署Redis哨兵模式为什么使用Bitnami镜像？Bitnami密切跟踪上游源代码更改，并使用我们的自动化系统及时发布此镜像的新版本。借助Bitnami镜像，可以尽快提供最新的错误修复和功能。Bitnami容器、虚拟机和云镜像使用相同的组件和配置方法-可以根据你的项目需求轻松切换格式。我们所有的镜像都基于minideb，这是一个基于Debian的极
  • vue3 - 【完整源码】实现网页整屏大量图片、div 容器的自适应瀑布流布局，宽高度不固定的列表式瀑布流展示效果（高效无 BUG 网站瀑布流效果，超详细代码注释，可根据需求快速进行改造！） 街尾杂货店& 前端组件与功能(开箱即用)vue3瀑布流布局详细教程vue3图片列表瀑布流组件宽高不固定的div实现瀑布vue3最好用的瀑布流组件插件vue3瀑布流布局完整示例源码
    效果图在vue3.js网站项目中，实现图片、普通div容器的瀑布流效果完整示例，支持动态加载数据、自定义一行放多少个、各列之间的间距等等！你可以直接复制组件源码，按照配置文档稍微改改就能用到你的项目中去了，比绝大部分文章提供的示例都要流畅、快速。核心组件源码组件的存放位置无所谓，最后使用的时候能正确引入就行了。创建瀑布流组件Waterfall.vue，复制代码。
  • Leetcode952. 按公因数计算最大组件大小 hhhcbw 力扣刷题笔记leetcode算法c++
    题目链接点我(^_^)题目大意比如nums=[4,6,15,35]答案就是4，nums=[20,50,9,63]答案就是2。解题思路我的思路是对nums数组中的每一个数进行质因数分解，那么对于每一个因数可以维护一个并查集，对于一个数字将其质因数分解后的所有因子可以看作是一个连通集合。这样在线维护并查集大小即可。素数筛+质因子分解+并查集，时间复杂度为O(mlogn)，m为数组大小，n为数字大小。当
  • 贴现率（Discount Rate）：投资决策中的关键因素（中英双语） 阿正的梦工坊 Finance金融
    贴现率（DiscountRate）：投资决策中的关键因素引言在金融分析和投资决策中，贴现率（DiscountRate）是一个至关重要的概念，它决定了未来现金流的现值，直接影响项目投资、企业估值、债券定价等关键决策。本文将深入解析：什么是贴现率？贴现率在投资分析中的作用如何计算贴现率？为什么贴现率难以预测？1.什么是贴现率？贴现率是用于将未来现金流转换为现值（PresentValue,PV）的比率。
  • html5游戏引擎-Pharse.js学习笔记（一） 18520195858 游戏javascriptc/c++ViewUI
    1.前言前几天随着flappybird这样的小游戏的火爆，使我这种也曾了解过html5技术的js业余爱好者也开始关注游戏开发。研究过两个个比较成熟的html5游戏引擎，感觉用引擎还是要方便一些。所以决定从今天正式开始研究html5游戏引擎，并且将从看官网demo的学习整理成博客和大家一起分享。我了解过cocos-2dforhtml5和phaser.js这两个引擎，其中前者比较复杂，对于有过coco
  • springboot项目配置https 愿企鹅飞（｡ò ∀ ó｡） Javajavatomcatjarspringeclipse
    1，必须去服务商购买一个ssl证书。2，以我想的是这个域名的8080端口当前端，8070当后端，3，前端配置简单直接去下载nginx证书把里面的key和证书粘到对应位置即可（用宝塔简单）4.springboot后端服务（下载Tomcat证书）按照这个方法https://blog.csdn.net/baidu_37302589/article/details/100692957配置端口配置成我需要的
  • elementuiPlus日期范围选择el-date-picker动态禁用时间选择 瑶琴AI前端 vue.jsjavascript前端elementui
    记录项目中的一个小需求：使用elementuiPlus日期选择组件时，需要动态禁用可选择的日期，禁止选中今天之后的日期，且选中的日期范围不饿能超过30天。饿了么组件的plus版本去掉了v2版本的配置项picker，改用@calendar-change事件来代替，使用disabled-date属性和@calendar-change事件就可以完成动态禁用日期的行为。代码如下：constcurDay=r
  • java web 项目中封装的下拉列表小组件：实现下拉列表使用者前后端0行代码 ... weixin_34383618 java前端后端ViewUI
    导读：主要从4个方面来阐述，1：背景；2：思路；3：代码实现；4：使用一：封装背景像easyui之类的纯前端组件，也有下拉列表组件，但是使用的时候，每个下拉列表，要配一个URL,以及设置URL反回来的值和select的text，和value的对应关系，这有2个问题：一使用者必须知道URL，二，如果页面有10个下拉表表，要请求后台10次，肯定影响性能，而我想要的是使用者只要申明用哪个数据字典就行了，
  • 了解SQL Server不同版本（如Express、Standard、Enterprise）的功能差异和适用场景。 web15117360223 面试学习路线阿里巴巴express大数据数据库
    一、SQLServerExpress版本（一）功能特点数据库大小限制：SQLServerExpress版本数据库的最大大小限制为10GB。这对于小型应用程序、个人项目或者初学者学习和开发简单的数据库应用是足够的。例如，一个小型的学生成绩管理系统，用于记录班级学生的成绩、课程信息等，其数据量通常不会超过这个限制。资源使用限制：该版本使用的内存限制为1GB，处理器核心数也有限制。这使得它在资源占用方面
  • 本地搭建deepseek并提供给其它人使用（最全，完整可用） 唐大帅 deepseekdeepseek本地化
    最近deepseek非常火，可以称得上是国人的骄傲了。也导致他的网站和api都比较卡。因为是开源的，我们可以很方便的架设其蒸馏模型到自己的主机上。PS：虽然也可以Cpu运行模型，但是如果没有8G以上的显存卡的话，只能搭建7B以下的模型，体验效果并不太好。一、安装Ollama1.1在线安装（推荐方式，需要科学上网）在Ubuntu终端中直接执行下面的命令，下载安装脚本会自动下载适合你系统架构的Olla
  • 【element】谷歌浏览器 el-dialog 概率出现背景全黑，透明度不生效 丶思想 vuevue.jsjavascript前端
    项目场景：谷歌浏览器问题描述谷歌浏览器el-dialog概率出现背景全黑，透明度不生效classv-modalopacity:0.5不生效解决方案：采用opacity:1background:0.5透明度的黑色代码如下：importVuefrom'vue'importElementfrom'element-ui'import'../element-variables.scss'/***来自Kare
  • OpenWebUI，RAG+外部知识库+AI写文的开源应用 m0_74824780 人工智能开源
    引言自从去年AI火起来之后，很多人便热衷于寻找适合自用的AI开源项目，把各家大模型API接入到自己的AI程序里，便可以通过AI辅助完成一系列日常任务，比如内容翻译/润色/总结/撰写、格式转换、数据分类、代码分析、角色扮演等等。一般情况下，大模型依靠自身训练数据便能够完成的任务质量偏高，像翻译总结、格式转换之类，市面上所有的AI程序基本都能够满足这一点需求；但是需要结合外部资料/超长上文信息/实时信
  • 基于iNeuOS工业互联网平台的板材实时质检系统 iNeuOS工业互联网 iNeuOS工业互联网人工智能物联网
    1.项目背景刨花板生产线由于原料、生产工艺等原因，会有一些产品板面出现颤纹、漏砂、胶斑、胶块、大刨花、粉尘斑、板面划痕和油污等缺陷。表面缺陷会降低板材强度、影响板材外观和二次加工，给企业带来经济损失。目前针对刨花板的瑕疵识别工作主要以人工检测为主，缺陷种类繁多和视觉疲劳导致漏检率和误检率较高，极大限制了工厂的生产效率和产品质量。同时，工厂现有刨花板产线质检环节无法积累生产过程数据、无法形成有效数据
  • 【GD32】从0开始学GD32单片机（5）—— USART串口通信详解 马浩同学 GD32系列单片机嵌入式硬件网络
    目录概述功能概述全双工异步通信模式参数说明串口发送串口接收例程串口通信概述USART串口将是我们接触的第一个通信协议，也是最常用的通信协议。在项目开发中，我们常常用串口来打印单片机的运行日志，在查找一些运行时异常时特别有用，如果能通过串口日志打印来找出运行时的异常，肯定就不需要再debug了，省去了很多时间。下面是GD32串口的结构框图，咋一看非常复杂，但其实日常我们只使用了其中一小部分。功能概述
  • 多线程编程之卫生间 周凡杨 java并发卫生间线程厕所
    如大家所知，火车上车厢的卫生间很小，每次只能容纳一个人，一个车厢只有一个卫生间，这个卫生间会被多个人同时使用，在实际使用时，当一个人进入卫生间时则会把卫生间锁上，等出来时打开门，下一个人进去把门锁上，如果有一个人在卫生间内部则别人的人发现门是锁的则只能在外面等待。问题分析：首先问题中有两个实体，一个是人，一个是厕所，所以设计程序时就可以设计两个类。人是多数的，厕所只有一个（暂且模拟的是一个车厢）。
  • How to Install GUI to Centos Minimal sunjing linuxInstallDesktopGUI
    http://www.namhuy.net/475/how-to-install-gui-to-centos-minimal.html   I have centos 6.3 minimal running as web server. I’m looking to install gui to my server to vnc to my server. You can insta
  • Shell 函数 daizj shell函数
    Shell 函数 linux shell 可以用户定义函数，然后在shell脚本中可以随便调用。 shell中函数的定义格式如下： [function] funname [()]{ action; [return int;] } 说明： 1、可以带function fun() 定义，也可以直接fun() 定义,不带任何参数。 2、参数返回
  • Linux服务器新手操作之一 周凡杨 Linux 简单 操作
    1.whoami      当一个用户登录Linux系统之后，也许他想知道自己是发哪个用户登录的。      此时可以使用whoami命令。      [ecuser@HA5-DZ05 ~]$ whoami       e
  • 浅谈Socket通信（一） 朱辉辉33 socket
    在java中ServerSocket用于服务器端，用来监听端口。通过服务器监听，客户端发送请求，双方建立链接后才能通信。当服务器和客户端建立链接后，两边都会产生一个Socket实例，我们可以通过操作Socket来建立通信。    首先我建立一个ServerSocket对象。当然要导入java.net.ServerSocket包    ServerSock
  • 关于框架的简单认识 西蜀石兰 框架
    入职两个月多，依然是一个不会写代码的小白，每天的工作就是看代码，写wiki。 前端接触CSS、HTML、JS等语言，一直在用的CS模型，自然免不了数据库的链接及使用，真心涉及框架，项目中用到的BootStrap算一个吧，哦，JQuery只能算半个框架吧，我更觉得它是另外一种语言。 后台一直是纯Java代码，涉及的框架是Quzrtz和log4j。 都说学前端的要知道三大框架，目前node.
  • You have an error in your SQL syntax; check the manual that corresponds to your 林鹤霄
    You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'option,changed_ids  ) values('0ac91f167f754c8cbac00e9e3dc372
  • MySQL5.6的my.ini配置 aigo mysql
    注意：以下配置的服务器硬件是：8核16G内存    [client]   port=3306   [mysql]   default-character-set=utf8     [mysqld]   port=3306   basedir=D:/mysql-5.6.21-win
  • mysql 全文模糊查找 便捷解决方案 alxw4616 mysql
    mysql 全文模糊查找 便捷解决方案 2013/6/14 by 半仙 [email protected] 目的: 项目需求实现模糊查找. 原则: 查询不能超过 1秒. 问题: 目标表中有超过1千万条记录. 使用like '%str%' 进行模糊查询无法达到性能需求. 解决方案: 使用mysql全文索引. 1.全文索引 : MySQL支持全文索引和搜索功能。MySQL中的全文索
  • 自定义数据结构 链表(单项 ,双向,环形) 百合不是茶 单项链表双向链表
         链表与动态数组的实现方式差不多,    数组适合快速删除某个元素    链表则可以快速的保存数组并且可以是不连续的       单项链表;数据从第一个指向最后一个   实现代码:        //定义动态链表 clas
  • threadLocal实例 bijian1013 javathreadjava多线程threadLocal
    实例1： package com.bijian.thread; public class MyThread extends Thread { private static ThreadLocal tl = new ThreadLocal() { protected synchronized Object initialValue() { return new Inte
  • activemq安全设置—设置admin的用户名和密码 bijian1013 javaactivemq
            ActiveMQ使用的是jetty服务器, 打开conf/jetty.xml文件，找到 <bean id="adminSecurityConstraint" class="org.eclipse.jetty.util.security.Constraint"> <p
  • 【Java范型一】Java范型详解之范型集合和自定义范型类 bit1129 java
    本文详细介绍Java的范型，写一篇关于范型的博客原因有两个，前几天要写个范型方法(返回值根据传入的类型而定)，竟然想了半天，最后还是从网上找了个范型方法的写法；再者，前一段时间在看Gson, Gson这个JSON包的精华就在于对范型的优雅简单的处理，看它的源代码就比较迷糊，只其然不知其所以然。所以，还是花点时间系统的整理总结下范型吧。   范型内容 范型集合类 范型类
  • 【HBase十二】HFile存储的是一个列族的数据 bit1129 hbase
    在HBase中，每个HFile存储的是一个表中一个列族的数据，也就是说，当一个表中有多个列簇时，针对每个列簇插入数据，最后产生的数据是多个HFile，每个对应一个列族，通过如下操作验证   1. 建立一个有两个列族的表   create 'members','colfam1','colfam2'   2. 在members表中的colfam1中插入50*5
  • Nginx 官方一个配置实例 ronin47 nginx 配置实例
    user www www; worker_processes 5; error_log logs/error.log; pid logs/nginx.pid; worker_rlimit_nofile 8192; events { worker_connections 4096;} http { include conf/mim
  • java-15.输入一颗二元查找树，将该树转换为它的镜像， 即在转换后的二元查找树中，左子树的结点都大于右子树的结点。 用递归和循环 bylijinnan java
    //use recursion public static void mirrorHelp1(Node node){ if(node==null)return; swapChild(node); mirrorHelp1(node.getLeft()); mirrorHelp1(node.getRight()); } //use no recursion bu
  • 返回null还是empty bylijinnan javaapachespring编程
    第一个问题，函数是应当返回null还是长度为0的数组（或集合）？ 第二个问题，函数输入参数不当时，是异常还是返回null？ 先看第一个问题 有两个约定我觉得应当遵守： 1.返回零长度的数组或集合而不是null（详见《Effective Java》） 理由就是，如果返回empty，就可以少了很多not-null判断： List<Person> list
  • [科技与项目]工作流厂商的战略机遇期 comsci 工作流
          在新的战略平衡形成之前，这里有一个短暂的战略机遇期，只有大概最短6年，最长14年的时间，这段时间就好像我们森林里面的小动物，在秋天中，必须抓紧一切时间存储坚果一样，否则无法熬过漫长的冬季。。。。         在微软，甲骨文，谷歌，IBM,SONY
  • 过度设计-举例 cuityang 过度设计
    过度设计，需要更多设计时间和测试成本，如无必要，还是尽量简洁一些好。 未来的事情，比如 访问量，比如数据库的容量，比如是否需要改成分布式  都是无法预料的 再举一个例子，对闰年的判断逻辑： 　　1、 if($Year%4==0) return True; else return Fasle; 　　2、if (   ($Year%4==0  &am
  • java进阶，《Java性能优化权威指南》试读 darkblue086 java性能优化
    记得当年随意读了微软出版社的.NET 2.0应用程序调试，才发现调试器如此强大，应用程序开发调试其实真的简单了很多，不仅仅是因为里面介绍了很多调试器工具的使用，更是因为里面寻找问题并重现问题的思想让我震撼，时隔多年，Java已经如日中天，成为许多大型企业应用的首选，而今天，这本《Java性能优化权威指南》让我再次找到了这种感觉，从不经意的开发过程让我刮目相看，原来性能调优不是简单地看看热点在哪里，
  • 网络学习笔记初识OSI七层模型与TCP协议 dcj3sjt126com 学习笔记
      协议：在计算机网络中通信各方面所达成的、共同遵守和执行的一系列约定 　　计算机网络的体系结构：计算机网络的层次结构和各层协议的集合。 　　两类服务： 　　面向连接的服务通信双方在通信之前先建立某种状态，并在通信过程中维持这种状态的变化，同时为服务对象预先分配一定的资源。这种服务叫做面向连接的服务。 　　面向无连接的服务通信双方在通信前后不建立和维持状态，不为服务对象
  • mac中用命令行运行mysql dcj3sjt126com mysqllinuxmac
    参考这篇博客：http://www.cnblogs.com/macro-cheng/archive/2011/10/25/mysql-001.html  感觉workbench不好用（有点先入为主了）。 1，安装mysql 在mysql的官方网站下载 mysql 5.5.23 http://www.mysql.com/downloads/mysql/，根据我的机器的配置情况选择了64
  • MongDB查询（1）——基本查询[五] eksliang mongodbmongodb 查询mongodb find
    MongDB查询 转载请出自出处：http://eksliang.iteye.com/blog/2174452 一、find简介 MongoDB中使用find来进行查询。 API:如下 function ( query , fields , limit , skip, batchSize, options ){.....}  参数含义： query:查询参数 fie
  • base64，加密解密 经融加密，对接 y806839048 经融加密对接
    String data0 = new String(Base64.encode(bo.getPaymentResult().getBytes(("GBK")))); String data1 = new String(Base64.decode(data0.toCharArray()),"GBK"); // 注意编码格式，注意用于加密，解密的要是同
  • JavaWeb之JSP概述 ihuning javaweb
      什么是JSP？为什么使用JSP？ JSP表示Java Server Page，即嵌有Java代码的HTML页面。使用JSP是因为在HTML中嵌入Java代码比在Java代码中拼接字符串更容易、更方便和更高效。   JSP起源    在很多动态网页中，绝大部分内容都是固定不变的，只有局部内容需要动态产生和改变。  如果使用Servl
  • apple watch 指南 啸笑天 apple
    1. 文档 WatchKit Programming Guide（中译在线版 By @CocoaChina） 译文 译者 原文 概览 - 开始为 Apple Watch 进行开发 @星夜暮晨 Overview - Developing for Apple Watch 概览 - 配置 Xcode 项目 - Overview - Configuring Yo
  • java经典的基础题目 macroli java编程
    1.列举出 10个JAVA语言的优势 a:免费，开源，跨平台(平台独立性)，简单易用，功能完善，面向对象，健壮性，多线程，结构中立，企业应用的成熟平台, 无线应用 2.列举出JAVA中10个面向对象编程的术语 a:包，类，接口，对象，属性，方法，构造器，继承，封装，多态，抽象，范型 3.列举出JAVA中6个比较常用的包 Java.lang;java.util;java.io;java.sql;ja
  • 你所不知道神奇的js replace正则表达式 qiaolevip 每天进步一点点学习永无止境纵观千象regex
    var v = 'C9CFBAA3CAD0'; console.log(v); var arr = v.split(''); for (var i = 0; i < arr.length; i ++) { if (i % 2 == 0) arr[i] = '%' + arr[i]; } console.log(arr.join('')); console.log(v.r
  • [一起学Hive]之十五-分析Hive表和分区的统计信息(Statistics) superlxw1234 hivehive分析表hive统计信息hive Statistics
    关键字：Hive统计信息、分析Hive表、Hive Statistics   类似于Oracle的分析表，Hive中也提供了分析表和分区的功能，通过自动和手动分析Hive表，将Hive表的一些统计信息存储到元数据中。   表和分区的统计信息主要包括：行数、文件数、原始数据大小、所占存储大小、最后一次操作时间等；   14.1 新表的统计信息 对于一个新创建
  • Spring Boot 1.2.5 发布 wiselyman spring boot
        Spring Boot 1.2.5已在7月2日发布，现在可以从spring的maven库和maven中心库下载。   这个版本是一个维护的发布版，主要是一些修复以及将Spring的依赖提升至4.1.7(包含重要的安全修复)。   官方建议所有的Spring Boot用户升级这个版本。   项目首页 | 源
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他