阿渌
阿渌

WEB前端开发笔记-CSS-4

盒子模型案例-商品列表

  • 代码

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>盒子模型案例2-商品列表title>
    <style type="text/css">
        div,h1,dl,dt,dd{
            margin: 0px;
            padding: 0px;
        }

        #production{
            background-color: paleturquoise;
            width: 275px;
        }
        #production>h1{
            font-size: 25px;
            font-weight: bold;
            line-height: 40px;
            text-indent: 3px;
        }

        #production>dl>dt{
            padding-left: 25px;
            line-height: 30px;
            font-size: 15px;

        }

        #production>dl>dd{
            padding-left: 25px;
            line-height: 25px;
            font-size: 13px;
            border-bottom: 1px dashed;
        }
    style>
head>
<body>
        <div id="production">
            <h1>全部分类h1>
            <dl>
                <dt>电子设备dt>
                <dd>
                    手机/电脑/笔记本/鼠标/键盘/投影仪/br>
                    手机/电脑/笔记本/鼠标/键盘/投影仪/br>
                    手机/电脑/笔记本/鼠标/键盘/投影仪/br>
                    手机/电脑/笔记本/鼠标/键盘/投影仪/br>
                    手机/电脑/笔记本/鼠标/键盘/投影仪/br>
                dd>
            dl>

            <dl>
                <dt>服装dt>
                <dd>
                    男装/女装/上衣/裤子/帽子/br>
                    男装/女装/上衣/裤子/帽子/br>
                    男装/女装/上衣/裤子/帽子/br>
                    男装/女装/上衣/裤子/帽子/br>
                    男装/女装/上衣/裤子/帽子/br>
                dd>
            dl>
        div>
body>
html>
  • 运行效果

WEB前端开发笔记-CSS-4_第1张图片

盒子模型-图片列表

  • 代码

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>盒子模型-图片列表title>
    <style type="text/css">
        div,h1,ul,li,a{
            /*为了防止各个浏览器的内边距、外边距不兼容情况，一般
            在开发时第一步将边距全设置为0*/
            margin: 0px;
            padding: 0px;
        }
        ul,li{
            list-style-type: none;
        }
        #production{
            width: 270px;
        }
        #production>h1{
            margin-left: 5px;
            background: lightseagreen;
            font-family: "Times New Roman";
            font-weight: 700;
            font-size: 24px;
            color: #333;
            line-height: 32px;
            padding-left: 85px;
        }
        ul li a img
        {
            border: 5px solid #FFF;
        }
        ul li a:hover img
        {
            border: 5px solid rgb(255,144,0,0.7);
        }
    style>
head>
<body>
    <div id="production">
        <h1>1F 服装h1>
        <ul>
            <li>
                <a href="#">
                    <img src="image/2.png" title="xxx"> img>
                a>
            li>
            <li>
                <a href="#">
                    <img src="image/3.png"> img>
                a>
            li>
            <li>
                <a href="#">
                    <img src="image/4.png"> img>
                a>
            li>
        ul>
    div>
body>
html>
  • 运行效果
    WEB前端开发笔记-CSS-4_第2张图片

你可能感兴趣的:(web前端开发)

  • 学习web前端开发的经验分享 小猿圈加加
    我们不管学习什么，必不可缺少的一定是恒心和毅力，学习web也一样，更需要不断地学习和练习，因为语言嘛，就是不断地练习才能说得更好，所以不要偷懒，偷懒一定学不会，这就是计算机语言，下面看一下小编的分享吧。感想：1.学习一个技术，不是一看见源代码就是copy，而是仔细阅读后，找到自己想要的，并且自己写出来，自己理解了，下次遇到同样的问题，自己才能解决。2.在电脑上学习的过程中，我总是先建立一个txt，
  • 大学生HTML期末大作业——HTML+CSS+JavaScript音乐网站（爱莫） 无·糖 Web前端期末大作业html课程设计css大学生前端javascript网页设计
    HTML+CSS+JS【音乐网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目音乐网站7页含网页设计报告二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图
  • HTML5和SVG篝火动画实战：月亮下的野营炊烟效果 申增浩
    本文还有配套的精品资源，点击获取简介：HTML5是网页标记语言的最新标准，支持更加动态和丰富的用户体验。本项目源码展示了如何使用HTML5的SVG来绘制篝火和炊烟动画，通过CSS3动画、JavaScript交互、Canvas与SVG的选择以及Web动画性能优化，实现了一个月亮下的篝火和野营炊烟效果。项目还考虑了响应式设计和数据结构的使用，为开发者提供了一个学习Web前端开发的实践案例。1.HTML
  • 前端转后端学习路线整理
    一、背景本人是一名Web前端开发，技术栈是Vue和React，不会Node。之前学过，但是因为一些原因（比如没有使用场景，很多概念无法理解，学完就忘等）一直也没有掌握。因为在CMS部门耳濡目染时间久了，感觉不学点后端有点说不过去，而且学起来之后发现也挺有兴趣的。但是对于一名前端开发（而且在学校的时候基本没学习）来说要学习的内容实在太多了，开始的困难在于理清各种技术都是干什么的以及它们之间的关系。现
  • 《Java前端开发全栈指南：从Servlet到现代框架实战》
    前言在当今Web开发领域，Java依然是后端开发的主力语言，而随着前后端分离架构的普及，Java开发者也需要掌握前端技术栈。本文将全面介绍JavaWeb前端开发的核心技术，包括传统Servlet/JSP体系、现代前端框架集成方案，以及全栈开发的最佳实践。通过本文，您将了解如何构建现代化的JavaWeb应用前端界面。一、JavaWeb前端技术演进1.1传统技术栈Servlet：JavaWeb基础，处
  • 大学生HTML期末大作业——HTML+CSS+JavaScript传统文化 无·糖 Web前端期末大作业html课程设计css大学生前端大作业期末作业
    HTML+CSS+JS【传统文化】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目传统文化精美设计5页含注册登录二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮
  • 大学生HTML期末大作业——HTML+CSS+JavaScript游戏网站（英雄联盟） 无·糖 Web前端期末大作业html课程设计css美食游戏javascript大作业
    HTML+CSS+JS【游戏网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目游戏网站（英雄联盟）含注册登录13页二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、
  • Vue3 学习教程，从入门到精通，Vue3 简介知识点及案例代码（1） 知识分享小能手 vue3前端开发网页开发学习bootstrapjavascripttypescript前端vue.jsvue
    Vue3简介知识点及案例代码一、Vue3简介Vue3是一款用于构建用户界面的渐进式JavaScript框架，采用MVVM模式，具有响应式、组件化等优点，可提高开发效率，优化应用性能。二、Web前端开发概述Web前端开发涉及HTML、CSS、JavaScript等技术，用于构建用户可直接交互的页面部分。随着技术发展，出现了多种前端框架，Vue3是其中的优秀代表，基于前后端分离模式，使前后端开发解耦，
  • JavaWeb开发1 偷萧逸苦茶 java
    JavaWeb什么是web?全球广域网，能够通过浏览器访问的网站Web网站工作流程Web前端开发网页有哪些部分组成？文字，图片，音频，视频，超链接...我们看到的网页本质是程序员写的前端代码前端代码如何转换成用户眼中的网页？通过浏览器解析和渲染浏览器中对代码解析渲染的部分称为浏览器内核Web标准HTML：负责网页结构（页面元素和内容）CSS：负责网页的表现（页面元素外观，位置等页面样式，如颜色、大
  • 基于 Three.js 与 WebGL 的商场全景 VR 导航系统源码级解析 维小帮定位导航 javascriptvr前端开发场景优化WebGL物联网智慧商场
    本文面向Web前端开发者、WebGL/Three.js爱好者、对VR/AR应用开发感兴趣的技术人员、智慧商场解决方案开发者。详细介绍如何利用WebGL(Three.js框架)构建高性能的商场全景VR环境，并实现精准的室内定位与3D路径规划导航功能。如需获取商场全景VR导航系统解决方案请前往文章最下方获取，如有项目合作及技术交流欢迎私信作者。一、商场全景VR导航的核心技术概述商场全景VR导航融合了全
  • 大学专业科普 | 计算机应用、视觉与算法 鸭鸭鸭进京赶烤 计算机应用
    一、专业概述计算机应用专业是一门实践性很强的学科，专注于将计算机技术转化为实际应用，服务于各个行业和领域，为社会的数字化转型提供人才支撑。二、课程设置专业基础课程：包括计算机组成原理、操作系统、数据结构、计算机网络等，为学生构建坚实的理论基础。专业核心课程：聚焦于程序设计语言（如C、C++、Java、Python等）、数据库原理与应用、软件工程、Web前端开发等，使学生具备开发各类软件系统的能力。
  • 基于three.js的3D粒子动效实现 cs1247959734
    作者：个推web前端开发工程师梁神一、背景粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块，原理是将无数的单个粒子组合使其呈现出固定形态，借由控制器、脚本来控制其整体或单个的运动，模拟出现真实的效果。three.js是用JavaScript编写的WebGL的第三方库，three.js提供了丰富的API帮助我们去实现3D动效，本文主要介绍如何使用three.js实现粒子过渡效
  • 前端面试题之常规布局技术详解 前端小崔 前端前端面试开发语言css3css学习
    前端开发常规布局技术详解在Web前端开发中，布局是构建页面结构的核心环节。不同的布局方式适用于不同的场景，本文将从基础到进阶，详细解析常见的布局方案及其实现方法。一、静态布局（StaticLayout）概念：静态布局是最传统的布局方式，页面元素使用固定尺寸（如像素单位），不随屏幕尺寸变化而调整。例如，PC端网页常限制最小宽度，超出部分通过滚动条显示。优点：开发简单，兼容性高，适合传统PC端项目。缺
  • Web前端开发【新手入门指南】 「已注销」 计算机网络web前端前端开发网络学习计算机网络前端前端框架html5javascript
    Web前端开发入行门槛低、薪资高，是互联网行业的紧俏岗位之一。目前Web前端开发人员年薪基本都在10万以上，一线城市的薪资会更高，这也吸引了很多人进入Web前端行业。对于完全不了解行业的人来说，他们对Web前端知之甚少。下面小菌就给大家解读一下Web前端开发到底是干什么的，初学Web前端的小伙伴不容错过。Web前端开发主要用来干嘛？Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在
  • 备考1+X web前端开发-中级综合测试题-个人错题解析记录 混世黑化大魔王 1+Xweb前端开发中级综合测试题个人错题解析记录前端
    1+Xweb前端开发-中级综合测试题-错题解析记录11.在php中，语句for(k=0;k=1;k++);和语句for(k=0;k==1;k++);执行的次数分别是（A）A、0和无限B、无限和0C、都是0D、都是无限关键在中间的那个条件（1）语句for(k=0;k=1;k++);$k=1;是赋值，最后就是1，一般判断条件为真假是和0做比较，0为假，非0为真，所以1就是真，符合条件，所以k被赋值0，
  • web前端 java前端_web前端和Java后端有什么区别？ weixin_39534395 web前端java前端
    一、前端(Frontend)1、对于web前端来说，通常是指网站的前台部分，包括网站的表现层和结构层：Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。2、前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现。3、Web前端开发：HTML+CSS+JavaScriptAndroid终端开发：Java(开发工具：Androidstud
  • html5 vue react,Web前端技术（JS，HTML5，JQuery，React，Vue.js） Partfolio html5vuereact
    Web前端框架概览Web前端技术架构：展示层：html，css控制层：JavaScript后端服务接口：ajax，restful，node.jsWeb前端运行原理解析Web前端当前开发趋势典型的web前端开发框架：jQuery、BootstrapVueReactJSWeb前端框架实现原理主流JS框架实现剖析：jQuery、Vue，ReactJS，Node.JS浏览器工作原理JavaScript对象
  • web前端面试--浏览器兼容性问题、HTML5新标签、CSS媒体查询、CSS-hack、浏览器厂商前缀、优雅降级、渐进增强、 Penk是个码农 前端面试题html面试前端
    web前端面试本人是一个web前端开发工程师，主要是vue框架，整理了一些面试题，今后也会一直更新，有好题目的同学欢迎评论区分享;-）web面试题专栏：点击此处文章目录web前端面试前言HTML兼容性CSS兼容性JavaScript兼容性前言不同浏览器或者相同浏览器不同的版本内核，都可能引起兼容性问题，不只是dom，还有css以及js。HTML兼容性h5新标签只能兼容到ie9，如果想要兼容ie低版
  • 零基础学习WEB前端开发(三)：VsCode工具生成的代码框架分析 是刃小木啦~ WEB前端开发前端vscodehtml
    我用VsCode创建的第一个页面用VSCode来写代码确实不错呀！！！在前一节，用！生成了一个Html框架，并在此基础上进行了微量修改，先对这个框架进行分析文档类型声明标签是文档类型声明，告诉浏览器使用哪种HTML版本来显示网页。声明为HTML5文档这个本身不属于HTML里的代码标签lang语言类型用来定义当前文档显示类型en为英文网页zh-CN为中文网页事实上，在中文网页里可以写英文，在英文网页
  • React Native 入门教程 yatsov 杂记移动应用移动应用开发web前端开发
    ReactNative入门教程1简介ReactNative(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架React在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。2准备工作安装ReactNative的环境需要以下配置1安装Node.js2下载andro
  • CSS特效 鼠标悬浮文字跳动动画效果 DTcode7 HTML网站开发#前端基础入门三大核心之CSSHTMLCSSwebcss3网页开发
    CSS特效鼠标悬浮文字跳动动画效果基本概念与作用文字跳动动画功能与目的示例一：基础的文字跳动动画HTML示例代码解释示例二：多阶段跳动动画代码解释示例三：自定义跳动路径代码解释示例四：组合动画代码解释实际开发中的使用技巧在Web前端开发中，给用户带来视觉冲击力强且有趣的交互效果是提升用户体验的关键因素之一。本文将介绍如何利用CSS实现一种常见的特效——鼠标悬浮时文字跳动的动画效果。这个效果不仅能够
  • python web项目案例教程_Python Web开发案例教程（慕课版）——使用Flask、Tornado、Django... weixin_39746282 pythonweb项目案例教程
    第1章Web开发基础11.1Web概述21.1.1什么是Web21.1.2Web应用程序的工作原理21.1.3Web的发展历程21.2Web前端开发基础41.2.1HTML41.2.2CSS101.2.3JavaScript12小结14上机指导15习题17第2章Python常用Web框架182.1Python常用Web框架概述192.1.1什么是Web框架19第1章Web开发基础11.1Web概述
  • Web 前端开发技术 —— CSS 敲代码的小李同学吖 Web前端面试突击指南css前端html
    文章目录Web前端开发技术——CSS一、样式定义方式1.行内样式表2内部样式表3外部样式表二、选择器1.标签选择器2.ID选择器3.类选择器4.伪类选择器三、颜色四、文本五、字体六、背景七、边框八、元素展示格式十、内边距与外边距十一、盒子模型box-sizing十一、位置十二、浮动十三、flex布局十四、响应式布局十五、Grid布局十六、Boostrap框架Web前端开发技术——CSS一、样式定义
  • 各大网站，欢迎大家收藏转发 Android开发者小P 前端前端vuenode
    人整理来之不易请珍惜，如有错误请谅解，谢谢。。。资源教程:综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版WebFront-endStackv2.2免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体系免费的编程中文书籍索引智能社-精通JavaScript开发重新介绍JavaScript（JS教程）麻省理工学院公开课：计算机科学及编程导论JavaScript中
  • 最全的前端资源教程 Daisukes web
    https://github.com/AutumnsWind/Front-end-tutorial部分内容是出自：https://github.com/jsfront/src/blob/master/qq.md资源教程:综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版WebFront-endStackv2.2免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体
  • python web前端开发面试_Web前端经典面试试题（一） 勿叹 pythonweb前端开发面试
    本篇收录了一些面试中经常会遇到的经典面试题，并且都给出了我在网上收集的答案。眼看新的一年马上就要开始了，相信很多的前端开发者会有一些跳槽的悸动，通过对本篇知识的整理以及经验的总结，希望能帮到更多的前端面试者。(如有错误或更好的答案，欢迎指正，水平有限，望各位不吝指教。)一.什么是语义化的HTML?有何意义？为什么要做到语义化？(高频率考题)a.什么是语义化的HTML？语义化的HTML就是写出的HT
  • web前端开发：CSS的常用选择器 一只小风华~ HTML前端csshtmlhtml5
    CSS常用选择器CSS选择器是用于精准定位HTML元素并对其应用样式的核心工具。它的作用类似于“筛选器”，通过特定规则匹配文档中的元素，从而实现样式控制。核心作用定位元素通过元素名称、类名、ID、属性等条件，快速找到需要样式化的目标元素。应用样式规则将CSS声明（如颜色、布局等）绑定到匹配的元素上，实现视觉设计。实现结构控制通过层级关系（如父子、兄弟元素）精准控制复杂布局。常见选择器类型与用途选择
  • Web前端开发——超链接与浮动框架（下） wslsnyn web前端开发php开发语言前端htmlweb
    本节说明：上一节，我们了解了超链接概述与超链接的语法、路径及分类两大部分内容，本节我们将了解超链接的应用与浮动框架。三、超链接的应用在网络上能够通过链接访问不同的资源或网页。链接对象多种多样，可分为文件、FTP站点、图像、电子邮件及书签等。3.1创建HTTP文档下载超链接网站经常提供软件、文件等资料的下载，下载文件的链接指向文件所在的相对路径或绝对路径，文件类型为*.doc、*.pdf、*.exe
  • 39、web前端开发之Vue3保姆教程(三) 跟着汪老师学编程 前端vue.js
    四、Vue3中集成ElementPlus1、什么是ElementPlusElementPlus是一款基于Vue3的开源UI组件库，旨在为开发者提供一套高质量、易用的组件，用于快速构建现代化的web应用程序。ElementPlus提供了大量的UI组件，包括但不限于：表单组件：输入框、选择器、开关、复选框、单选框等。数据展示组件：表格、分页、标签、卡片等。导航组件：按钮、菜单、导航栏、标签页等。反馈组
  • Web前端开发——列表 wslsnyn web前端开发前端javascript开发语言web
    本节学习目标：大型IT网站(例如网易、搜狐、新浪等)首页的导航栏目均采用列表方式来显示信息。通过对本章列表知识的学习，读者能够了解列表的类型，掌握无序列表、有序列表、定义列表的作用及使用方法；学会使用不同类型列表及嵌套列表来解决网页设计中遇到的一些实际问题。Web前端开发工程师应知应会以下内容：1）了解列表的类型。2）掌握无序列表、有序列表、定义列表标记的语法及属性设置方法。3）学会使用无序、有序
  • 辗转相处求最大公约数 沐刃青蛟 C++漏洞
    无言面对”江东父老“了，接触编程一年了，今天发现还不会辗转相除法求最大公约数。惭愧惭愧！   为此，总结一下以方便日后忘了好查找。   1.输入要比较的两个数a,b   忽略：2.比较大小（因为后面要的是大的数对小的数做%操作）   3.辗转相除（用循环不停的取余，如a%b,直至b=0）   4.最后的a为两数的最大公约数 &
  • F5负载均衡会话保持技术及原理技术白皮书 bijian1013 F5负载均衡
    一.什么是会话保持？        在大多数电子商务的应用系统或者需要进行用户身份认证的在线系统中，一个客户与服务器经常经过好几次的交互过程才能完成一笔交易或者是一个请求的完成。由于这几次交互过程是密切相关的，服务器在进行这些交互过程的某一个交互步骤时，往往需要了解上一次交互过程的处理结果，或者上几步的交互过程结果，服务器进行下
  • Object.equals方法：重载还是覆盖 Cwind javagenericsoverrideoverload
    本文译自StackOverflow上对此问题的讨论。 原问题链接   在阅读Joshua Bloch的《Effective Java（第二版）》第8条“覆盖equals时请遵守通用约定”时对如下论述有疑问： “不要将equals声明中的Object对象替换为其他的类型。程序员编写出下面这样的equals方法并不鲜见，这会使程序员花上数个小时都搞不清它为什么不能正常工作：” pu
  • 初始线程 15700786134
          暑假学习的第一课是讲线程，任务是是界面上的一条线运动起来。            既然是在界面上，那必定得先有一个界面，所以第一步就是，自己的类继承JAVA中的JFrame，在新建的类中写一个界面，代码如下： public class ShapeFr
  • Linux的tcpdump 被触发 tcpdump
    用简单的话来定义tcpdump，就是：dump the traffic on a network，根据使用者的定义对网络上的数据包进行截获的包分析工具。 tcpdump可以将网络中传送的数据包的“头”完全截获下来提供分析。它支 持针对网络层、协议、主机、网络或端口的过滤，并提供and、or、not等逻辑语句来帮助你去掉无用的信息。 实用命令实例 默认启动 tcpdump 普通情况下，直
  • 安卓程序listview优化后还是卡顿 肆无忌惮_ ListView
    最近用eclipse开发一个安卓app，listview使用baseadapter，里面有一个ImageView和两个TextView。使用了Holder内部类进行优化了还是很卡顿。后来发现是图片资源的问题。把一张分辨率高的图片放在了drawable-mdpi文件夹下，当我在每个item中显示，他都要进行缩放，导致很卡顿。解决办法是把这个高分辨率图片放到drawable-xxhdpi下。 &nb
  • 扩展easyUI tab控件，添加加载遮罩效果 知了ing jquery
    (function () { $.extend($.fn.tabs.methods, { //显示遮罩 loading: function (jq, msg) { return jq.each(function () { var panel = $(this).tabs(&
  • gradle上传jar到nexus 矮蛋蛋 gradle
    原文地址： https://docs.gradle.org/current/userguide/maven_plugin.html configurations {     deployerJars } dependencies {     deployerJars "org.apache.maven.wagon
  • 千万条数据外网导入数据库的解决方案。 alleni123 sqlmysql
    从某网上爬了数千万的数据，存在文本中。 然后要导入mysql数据库。 悲剧的是数据库和我存数据的服务器不在一个内网里面。。 ping了一下， 19ms的延迟。 于是下面的代码是没用的。 ps = con.prepareStatement(sql); ps.setString(1, info.getYear())............; ps.exec
  • JAVA IO InputStreamReader和OutputStreamReader 百合不是茶 JAVA.io操作 字符流
    这是第三篇关于java.io的文章了，从开始对io的不了解-->熟悉--->模糊，是这几天来对文件操作中最大的感受，本来自己认为的熟悉了的，刚刚在回想起前面学的好像又不是很清晰了，模糊对我现在或许是最好的鼓励 我会更加的去学 加油！： JAVA的API提供了另外一种数据保存途径，使用字符流来保存的，字符流只能保存字符形式的流   字节流和字符的难点：a,怎么将读到的数据
  • MO、MT解读 bijian1013 GSM
    MO= Mobile originate，上行，即用户上发给SP的信息。MT= Mobile Terminate，下行，即SP端下发给用户的信息； 上行:mo提交短信到短信中心下行:mt短信中心向特定的用户转发短信，你的短信是这样的，你所提交的短信，投递的地址是短信中心。短信中心收到你的短信后，存储转发，转发的时候就会根据你填写的接收方号码寻找路由，下发。在彩信领域是一样的道理。下行业务：由SP
  • 五个JavaScript基础问题 bijian1013 JavaScriptcallapplythisHoisting
    下面是五个关于前端相关的基础问题，但却很能体现JavaScript的基本功底。 问题1：Scope作用范围 考虑下面的代码：  (function() { var a = b = 5; })(); console.log(b); 什么会被打印在控制台上？  回答：         上面的代码会打印 5。 &nbs
  • 【Thrift二】Thrift Hello World bit1129 Hello world
    本篇，不考虑细节问题和为什么，先照葫芦画瓢写一个Thrift版本的Hello World，了解Thrift RPC服务开发的基本流程   1. 在Intellij中创建一个Maven模块，加入对Thrift的依赖，同时还要加上slf4j依赖，如果不加slf4j依赖，在后面启动Thrift Server时会报错 <dependency>
  • 【Avro一】Avro入门 bit1129 入门
    本文的目的主要是总结下基于Avro Schema代码生成，然后进行序列化和反序列化开发的基本流程。需要指出的是，Avro并不要求一定得根据Schema文件生成代码，这对于动态类型语言很有用。   1. 添加Maven依赖   <?xml version="1.0" encoding="UTF-8"?> <proj
  • 安装nginx+ngx_lua支持WAF防护功能 ronin47
    需要的软件:LuaJIT-2.0.0.tar.gz                   nginx-1.4.4.tar.gz          &nb
  • java-5.查找最小的K个元素-使用最大堆 bylijinnan java
    import java.util.Arrays; import java.util.Random; public class MinKElement { /** * 5.最小的K个元素 * I would like to use MaxHeap. * using QuickSort is also OK */ public static void
  • TCP的TIME-WAIT bylijinnan socket
    原文连接： http://vincent.bernat.im/en/blog/2014-tcp-time-wait-state-linux.html 以下为对原文的阅读笔记 说明： 主动关闭的一方称为local end，被动关闭的一方称为remote end 本地IP、本地端口、远端IP、远端端口这一“四元组”称为quadruplet，也称为socket 1、TIME_WA
  • jquery ajax 序列化表单 coder_xpf Jquery ajax 序列化
       checkbox 如果不设定值，默认选中值为on；设定值之后，选中则为设定的值   <input type="checkbox" name="favor" id="favor" checked="checked"/> $("#favor&quo
  • Apache集群乱码和最高并发控制 cuisuqiang apachetomcat并发集群乱码
    都知道如果使用Http访问，那么在Connector中增加URIEncoding即可，其实使用AJP时也一样，增加useBodyEncodingForURI和URIEncoding即可。 最大连接数也是一样的，增加maxThreads属性即可，如下，配置如下： <Connector maxThreads="300" port="8019" prot
  • websocket dalan_123 websocket
    一、低延迟的客户端-服务器 和 服务器-客户端的连接 很多时候所谓的http的请求、响应的模式，都是客户端加载一个网页，直到用户在进行下一次点击的时候，什么都不会发生。并且所有的http的通信都是客户端控制的，这时候就需要用户的互动或定期轮训的，以便从服务器端加载新的数据。   通常采用的技术比如推送和comet（使用http长连接、无需安装浏览器安装插件的两种方式：基于ajax的长
  • 菜鸟分析网络执法官 dcj3sjt126com 网络
      最近在论坛上看到很多贴子在讨论网络执法官的问题。菜鸟我正好知道这回事情.人道"人之患好为人师" 手里忍不住,就写点东西吧. 我也很忙.又没有MM,又没有MONEY....晕倒有点跑题. OK,闲话少说,切如正题. 要了解网络执法官的原理. 就要先了解局域网的通信的原理. 前面我们看到了.在以太网上传输的都是具有以太网头的数据包. 
  • Android相对布局属性全集 dcj3sjt126com android
    RelativeLayout布局android:layout_marginTop="25dip" //顶部距离android:gravity="left" //空间布局位置android:layout_marginLeft="15dip //距离左边距 // 相对于给定ID控件android:layout_above 将该控件的底部置于给定ID的
  • Tomcat内存设置详解 eksliang jvmtomcattomcat内存设置
    Java内存溢出详解   一、常见的Java内存溢出有以下三种：   1. java.lang.OutOfMemoryError: Java heap space ----JVM Heap（堆）溢出JVM在启动的时候会自动设置JVM Heap的值，其初始空间(即-Xms)是物理内存的1/64，最大空间(-Xmx)不可超过物理内存。 可以利用JVM提
  • Java6 JVM参数选项 greatwqs javaHotSpotjvmjvm参数JVM Options
    Java 6 JVM参数选项大全（中文版）   作者：Ken Wu Email: [email protected] 转载本文档请注明原文链接 http://kenwublog.com/docs/java6-jvm-options-chinese-edition.htm！   本文是基于最新的SUN官方文档Java SE 6 Hotspot VM Opt
  • weblogic创建JMC i5land weblogicjms
    进入 weblogic控制太 1.创建持久化存储 --Services--Persistant Stores--new--Create FileStores--name随便起--target默认--Directory写入在本机建立的文件夹的路径--ok 2.创建JMS服务器 --Services--Messaging--JMS Servers--new--name随便起--Pers
  • 基于 DHT 网络的磁力链接和BT种子的搜索引擎架构 justjavac DHT
    上周开发了一个磁力链接和 BT 种子的搜索引擎 {Magnet & Torrent}，本文简单介绍一下主要的系统功能和用到的技术。 系统包括几个独立的部分： 使用 Python 的 Scrapy 框架开发的网络爬虫，用来爬取磁力链接和种子； 使用 PHP CI 框架开发的简易网站； 搜索引擎目前直接使用的 MySQL，将来可以考虑使
  • sql添加、删除表中的列 macroli sql
    添加没有默认值：alter table Test add BazaarType char(1) 有默认值的添加列：alter table Test add BazaarType char(1) default(0) 删除没有默认值的列：alter table Test drop COLUMN BazaarType 删除有默认值的列：先删除约束（默认值）alter table Test DRO
  • PHP中二维数组的排序方法 abc123456789cba 排序二维数组PHP
    <?php/*** @package     BugFree* @version     $Id: FunctionsMain.inc.php,v 1.32 2005/09/24 11:38:37 wwccss Exp $*** Sort an two-dimension array by some level
  • hive优化之------控制hive任务中的map数和reduce数 superlxw1234 hivehive优化
    一、    控制hive任务中的map数: 1.    通常情况下，作业会通过input的目录产生一个或者多个map任务。 主要的决定因素有： input的文件总个数，input的文件大小，集群设置的文件块大小(目前为128M, 可在hive中通过set dfs.block.size;命令查看到，该参数不能自定义修改)；2. 
  • Spring Boot 1.2.4 发布 wiselyman spring boot
    Spring Boot 1.2.4已于6.4日发布，repo.spring.io and Maven Central可以下载(推荐使用maven或者gradle构建下载)。   这是一个维护版本，包含了一些修复small number of fixes,建议所有的用户升级。   Spring Boot 1.3的第一个里程碑版本将在几天后发布，包含许多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他