Micah_A
Micah_A

swift 中详情页 使用 Flex 的布局

项目需求


根据上面的页面需求，我们可以知道使用原生来写布局效果并不是很好，因为其中牵扯着webview的自适应内容高度，这个在安卓端，用scrollview+webview就可以实现。但是在iOS端只能在wenviewdidload 后 获得webview的内容高度。但是这样做，我们不能找到一个合适的webview的预设值(高度)。在加载的时候，高度的改变就很突兀。所以我们干脆就全部使用html+css+js来写这个布局。

项目代码

html实现效果代码

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0",user-scalable=no>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Titletitle>
    <style>
   html{
     font-size: 100px;
     font-size: calc(1000vw/37.5);
     width: 100%;
    }
  body{
      margin: 0px;
      padding: 0px;
      font-family: "PingFang HK";
  }

.list_item{
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction:column;/*布局内主轴垂直*/
    font-size: .15rem;
    padding: .15rem;

}
.list_item .top{
     display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction:row;/*布局内主轴水平*/
    justify-content: space-between;/*两端对齐，项目之间的间隔都相等*/
    align-items:center;
}

.list_item .top .top_left{
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction:row;/*布局内主轴水平*/
    align-items:center;

}


.list_item .top .top_left .top_left_text{
    margin-left: .1rem;

}

.list_item .top .top_left img{
   width: .5rem;
   height: .5rem;
}



    style>


head>
<body>


    <video src="https://ojhu910up.qnssl.com/o_1bcepsdns1qa21r6ovq51tq7a2f7.mp4"
          onclick="playVideo()"
           controls = "controls"
           width="100%"
           height=auto
    >
        您的浏览器不支持 video 标签。
    video>



<div class="list_item">
    <div class="top">
        <div class="top_left">
            <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=842607178,51016450&fm=27&gp=0.jpg">
            <span class="top_left_text">永远的灰色span>
        div>
        <div class="top_right">2017.09.30 10:30div>
    div>

    <div class="bottom">
              这里就是放内容的文本得我暗示法大是大非啊打发这里就是放内容的文本得我暗示法大是大非啊打发这里就是放内容的文
        本得我暗示法大是大非啊打发这里就是放内容的文本得我暗示法大是大非啊打发这里就是放内容的文本得我暗示法大是大非啊打
        发这里就是放内容的文本得我暗示法大是大非啊打发
    div>
div>


    <div class="list_item">
        <div class="top">
            <div class="top_left">
                <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=842607178,51016450&fm=27&gp=0.jpg">
                <span class="top_left_text">永远的灰色span>
            div>
            <div class="top_right">2017.09.30 10:30div>
        div>

        <div class="bottom">
                  这里就是放内容的文本得我暗示法大是大非啊打发这里就是放内容的文本得我暗示法大是大非啊打发这里就是放内容的文
            本得我暗示法大是大非啊打发这里就是放内容的文本得我暗示法大是大非啊打发这里就是放内容的文本得我暗示法大是大非啊打
            发这里就是放内容的文本得我暗示法大是大非啊打发
        div>
    div>





    <div class="list_item">
        <div class="top">
            <div class="top_left">
                <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=842607178,51016450&fm=27&gp=0.jpg">
                <span class="top_left_text">永远的灰色span>
            div>
            <div class="top_right">2017.09.30 10:30div>
        div>

        <div class="bottom">
                  这里就是放内容的文本得我暗示法大是大非啊打发这里就是放内容的文本得我暗示法大是大非啊打发这里就是放内容的文
            本得我暗示法大是大非啊打发这里就是放内容的文本得我暗示法大是大非啊打发这里就是放内容的文本得我暗示法大是大非啊打
            发这里就是放内容的文本得我暗示法大是大非啊打发
        div>
    div>



<script>
    function playVideo() {
//      alert('232323')
        document.getElementsByTagName('video')[0].play()

    }

script>

body>
html>
iOS实现效果代码
extension FieldDetailVC{
    fileprivate func setupUI(){

        self.rootLayout.addSubview(self.webView);
        let url = "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3658903854,3510600132&fm=27&gp=0.jpg"

        let styleUrl = Bundle.main.path(forResource: "fieldDetail", ofType: "css");
        let styleCss  =  try! String(contentsOfFile: styleUrl!, encoding: String.Encoding.utf8);
        let style = "<style>\(styleCss)style>"

        let image_div = "<img src=\(url) alt= \"\" >"
        //仿数组拼接数据
       let body = image_div + self.addDivItem(iconImage: "http://2boss.oss-cn-hangzhou.aliyuncs.com/test/default.png", name: "永远的灰色", time: "2017.09.15 10:10", content: "阿萨德冷风机阿斯利康埃里克森京东方拉克丝接待来访就爱上了都快放假阿拉山口大姐夫wqqerqwerqwe") + self.addDivItem(iconImage: "http://2boss.oss-cn-hangzhou.aliyuncs.com/test/default.png", name: "永远的灰色", time: "2017.09.15 10:10", content: "阿萨德冷风机阿斯利康埃里克森京东方拉克丝接待来访就爱上了都快放假阿拉山口大姐夫wqqerqwerqwe")

        let html = self.getHtml(head: style, body: body);


        self.webView.loadHTMLString(html, baseURL: nil);


    }

    func getHtml(head:String,body:String)->String{

    let html = "<html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\"><meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\(head)head><body>\(body)body>html>"

    return html;

    }

    func addDivItem(iconImage:String,name:String,time:String,content:String)->String{

        let item_div = " <div class=\"list_item\"><div class=\"top\"><span class=\"left\"><img src=\(iconImage) alt=\"\"><span class=\"name\">\(name)span>span><span class=\"right\">\(time)span>div><div class=\"bottom\">    \(content)div>div>div>"

        return item_div;
    }




}
extension BaseWebView:WKNavigationDelegate,WKUIDelegate{

    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {

        webView.evaluateJavaScript("document.body.scrollHeight") { (value, error) in

    //刷新webview的高度，达到自适应的效果。
          self.tg_height.equal(CGFloat(value as! CGFloat))
        }
//        debugPrint(webView)

    }




}

参考链接:Flex 布局教程

你可能感兴趣的:(H5,Swift)

  • EasyPlayer播放器系列开发计划2025 xiejiashu EasyPlayerEasyPlayerEasyPlayer播放器RTSP播放器js播放器Web播放器
    EasyPlayer系列产品发展至今，已经超过10年，从最早的EasyPlayerRTSP播放器，到如今维护的3条线：EasyPlayer-RTSP播放器：Windows、Android、iOS；EasyPlayerPro播放器：Windows、Android、iOS；EasyPlayer.js播放器：H5；这3个播放器各有各的应用场景，用户量也是巨大，像RTSP版本的播放器，到今天依然还有很多低
  • 【移动端知识】移动端多 WebView 互访方案：Android、iOS 与鸿蒙实现 问道飞鱼 前端开发技术harmonyosandroidios多webview互访
    移动端多WebView互访方案：Android、iOS与鸿蒙实现移动端多WebView互访方案：Android、iOS与鸿蒙实现一、核心架构设计二、Android平台实现1.基础通信架构2.控制器实现3.WebView安全配置三、iOS平台实现(Swift)1.WKWebView通信桥接2.AppDelegate路由控制四、鸿蒙平台实现(HarmonyOS)1.WebView通信桥接2.Abili
  • native.js设置可缩放的webview并隐藏缩放控件 Nanayai
    需求明确:webview页面可以手指缩放,并且不要那个原生控件;实现思路:1.使用h5+封装好的方法:设置scalable属性,并在html中设置meta标签:user-scalable=yes或不设置,minimum-scale和maximum-scale需要注意不要都设为1:mui.openWindow({url:"someThing",id:"someThing",styles:{scala
  • H5UI微信小程序前端框架实战指南 ai
    本文还有配套的精品资源，点击获取简介：H5UI是一个为微信小程序开发设计的前端框架，基于H5技术，提供简洁高效的组件库。框架集成了丰富的UI元素，如按钮、表格、导航栏等，简化了界面布局和交互的实现。通过安装、引入、使用组件和事件绑定四个步骤，开发者可以轻松构建功能齐全的应用。了解性能优化等注意事项对于高效开发同样重要。1.微信小程序前端开发框架介绍微信小程序概述微信小程序是微信官方推出的一种无需下
  • 11. HTML 中 DOCTYPE 的作用 yqcoder 前端面试-CSShtml前端
    总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容（在任何HTML标签之前），以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式：DOCTYPE声明的主要作用是让浏览器以标准模式（StandardsMode）来解析和渲染页面，而不是以兼容模式（QuirksMode）。兼容性：在没有DOCT
  • 对接支付宝 java sdk 文档 java叶新东老师 javapython数据库
    AlipayH5Servicepackagecom;importcom.alibaba.fastjson.JSON;importcom.alipay.api.AlipayApiException;importcom.alipay.api.AlipayClient;importcom.alipay.api.AlipayConfig;importcom.alipay.api.DefaultAlipay
  • 【大模型LLM学习】function call/agent学习记录 威化饼的一隅 大模型LLM学习agentlangchain意图识别functioncall工具调用
    【大模型LLM学习】functioncall/agent学习记录0前言1langchain实现functioncall2调用本地模型3微调本地模型3.1few-shot调用Claude生成Q-A对3.2tools格式3.3agent微调格式3.4swift微调p.s.0前言  记录一下使用langchain做简单的functioncall/agent(或者说意图识别，如果函数有返回值再进行summ
  • Azure DevOps Server 2022.2 补丁（Patch 6）
    2025年6月9日，微软发布AzureDevOpsServer最新版本2022.2的补丁Patch5，下载路径为：https://aka.ms/devops2022.2patch5.和之前的补丁一样，这个是一个比较小的补丁，但是集合了之前发布补丁的全部内容。虽然这个补丁修复的内容不多，但是由于它是一个所有补丁的集合包(包含了前期发布的Patch1/2/3/4中的所有修复内容)，所以如果你还没有安装
  • uni-app小程序证件拍照 胡说先森 uni-app小程序前端
    uni-app是一款跨平台的移动应用开发框架，可以用来开发同时运行在多个平台(如iOS、Android、H5、小程序等)的应用。在uni-app中，可以使用以下方式进行证件拍照：使用uni.chooseImageAPI调用系统相机拍照：uni.chooseImage({count:1,//最多可以选择的图片张数，默认9sizeType:['original','compre
  • HTML5 Darling02zjh html5前端html
    HTML:和其他的语言一样也有基础的框架和快捷键。命名规则：后缀名是“.html”每个项目最上面都有是H5的声明，处于标签之前骨架：html标签：定义HTML文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其他元素要包裹在这个标签里面，标签限定了文档的开始点和结束点。...其他元素head标签：head标签用于文档的头部，文档的头部描述文档的各种属性和信息，包括文档的标题，在we
  • 防伪溯源一体化管理系统解决方案 春城一个人的莎士比亚 网站小程序软件定制开发防伪溯源防伪溯源小程序防伪溯源解决方案防伪溯源方法防伪溯源软件防伪溯源一物一码
    防伪溯源一体化管理系统一款基于FA+ThinkPHP和Uniapp进行开发的多平台（微信小程序、H5网页）溯源、防伪、管理一体化独立系统，拥有强大的防伪码和溯源码双码生成功能（内置多种生成规则）、批量大量导出防伪和溯源码码数据、支持代理商管理端（团队管理、采购，邀请代理商、出库等功能）、支持招商经理管理端（可管理代理商团队，邀请代理商，数据统计，采购订单统计），支持出厂员端（出库、入库）、文章资讯
  • 【全开源】防伪溯源一体化管理系统源码（FastAdmin+ThinkPHP和Uniapp） 现任明教教主~ uni-app微信小程序
    一款基于FastAdmin+ThinkPHP和Uniapp进行开发的多平台（微信小程序、H5网页）溯源、防伪、管理一体化独立系统，拥有强大的防伪码和溯源码双码生成功能（内置多种生成规则）、批量大量导出防伪和溯源码码数据、支持代理商管理端（团队管理、采购，邀请代理商、出库等功能）、支持招商经理管理端（可管理代理商团队，邀请代理商，数据统计，采购订单统计），支持出厂员端（出库、入库）、文章资讯、自定义
  • 【最新版】防伪溯源一体化管理系统+uniapp前端+搭建教程 fakaifa fakaifa精品源码uni-app前端小程序phpcrmeb防伪溯源一体化防伪溯源系统
    一.介绍防伪溯源一体化管理系统基于ThinkPHP和Uniapp进行开发的多平台（微信小程序、H5网页）溯源、防伪、管理一体化独立系统，拥有强大的防伪码和溯源码双码生成功能（内置多种生成规则）、批量大量导出防伪和溯源码码数据、支持代理商管理端（团队管理、采购，邀请代理商、出库等功能）、支持招商经理管理端（可管理代理商团队，邀请代理商，数据统计，采购订单统计），支持出厂员端（出库、入库）、文章资讯、
  • dart和python哪个好学_最近学习 Dart 语言，分享一下心得 (入门级)
    每隔一段时间，总有一种新(或较新)的语言进入大家的视线，比如Kotlin,Rust,Go等，我查了一下它们的“出生日期”：Rust(2011自举,2015v1.0)Go(2012,v1.0)Kotlin(2012开源,2016v1.0)TypeScript(2014,v1.0)Swift(2014,v1.0)Dart/Flutter(2018,Dartv2.0)由于Dart1实质上已经被放弃，Da
  • Swift 5, TypeScript, and Python Async/Await 机制对比分析 步子哥 swifttypescriptpython
    Swift5、TypeScript和Python的async/await机制都旨在简化异步编程，但它们在实现细节、并发模型和性能特征上有所不同。Swift5的async/await构建于结构化并发之上，强调通过Task进行非阻塞的任务挂起和高效的线程利用。TypeScript(JavaScript)的async/await是基于Promise和事件循环的语法糖，适用于单线程非阻塞I/O环境。Pyt
  • [CH582M入门第十一步]DS18B20驱动 单片有机机 c语言开发语言
    学习目标：1、介绍DS18B202、学习单总线3、学习DS18B20程序驱动一、DS18B20介绍DS18B20是一款由MaximIntegrated（原DallasSemiconductor）推出的数字温度传感器，以其单总线（1-Wire）通信协议、高精度和广泛应用而闻名。以下是其核心特点和应用介绍：主要特性数字输出直接输出数字信号，无需外部ADC转换，减少电路复杂性。采用1-Wire总线协议，
  • h5st 5.1.8纯算分析 自学不成才 前端javascript数据库
    分析过程通过商详pc_detailpage_wareBusiness定位h5st生成的位置这里我们能看到逻辑,varl=JSON.stringify(r),f=(newDate).getTime()||"1",u={appid:"pc-item-soa",functionId:"pc_detailpage_wareBusiness",client:"pc",clientVersion:"1.0.0
  • 412. Fizz Buzz（Swift） entre_los_dos
    来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/fizz-buzz题目写一个程序，输出从1到n数字的字符串表示。如果n是3的倍数，输出“Fizz”；如果n是5的倍数，输出“Buzz”；3.如果n同时是3和5的倍数，输出“FizzBuzz”。示例：n=15,返回:["1","2","Fizz","4","Buzz","Fizz","7","8",
  • 你的一个箭头函数让我找了几天 JsLin_
    同事的h5的相关内容给我接手了，上线后发现好多手机浏览器不显示内容，就是这个问题断断续续找了有两个星期的时间，迫使我把他的h5相关的内容用react重构了一遍，重构完又发现一大堆事情。先抱怨下吧首先，一个网站的域名竟然不指定首页？大图片资源不压缩？找了一段时间，没找到原因，迫使我把它的代码用react重构了，也正好练练手。重构完了之后，发现运维那里的以前的工程nginx部署没有指定主页，才发现官网
  • JAVA图文短视频交友+自营商城系统源码支持小程序+Android+IOS+H5
    JAVA图文短视频交友+自营商城系统：社交电商新生态的技术实践一、市场需求与技术定位2025年社交电商市场规模突破3.2万亿，用户需求从“单纯购物”转向“社交+消费”融合体验。JAVA图文短视频交友+自营商城系统源码支持小程序+Android+IOS+H5应运而生，以SpringBoot+MyBatisPlus+MySQL为后端核心，Uniapp（Vue语法）实现跨端兼容，Vue+ElementU
  • 【运营版】上门预约小程序APP开发同城美容家政足浴服务SPA技师派单仿东郊到家源码 Q865501143 小程序
    【运营版】上门预约全开源无加密可二开带教程100元H5公众号小程序app后端：系统后端使用PHP语言开发前端：前端使用uniapp进行前后端分离开发，支持（公众号、h5、小程序、APP）源码全开源。微信小程序需审核上架uniapp需前端打包生成。适用行业：预约私教/家教预约瑜伽/健身预约美容/美发/美甲预约理疗/足疗/推拿预约清洁/保洁/保安预约洗车/维修/安装预约保姆/月嫂/护工/洗衣/烧饭钟点
  • 如何实现零成本裂变?微信推客带货小程序开发功能模式全解析 开发加微信：hedian116 微信
    引言在当今社交电商蓬勃发展的背景下，微信推客系统作为一种基于社交关系的分销模式，其技术实现和架构设计值得开发者深入探讨。本文将从技术角度分析微信推客系统的核心组件和实现原理，避免商业营销，专注于技术层面的分享。一、微信推客系统的基本架构1.1前端架构微信推客系统通常采用混合开发模式：小程序前端：使用WXML+WXSS+JavaScript技术栈H5页面：Vue.js或React框架实现跨平台兼容原
  • 同城服务家政服务家政派单系统源码微信小程序+微信公众号+APP+H5
    JAVA同城服务家政服务家政派单系统源码：打造全方位家政服务生态在当今快节奏的社会中，家政服务已成为城市居民生活中不可或缺的一部分。为了满足广大用户对家政服务的多样化需求，我们精心打造了一款集微信小程序、微信公众号、APP及H5于一体的JAVA同城服务家政派单系统。该系统不仅功能全面，而且框架结构清晰，实用性强，便捷性高，市场前景广阔，引领着家政服务行业的新趋势。功能全面，满足多样化需求用户端功能
  • M团h5 mtgsig1.1记录
    具体的生成方法网上已经很多了,H5guard.js文件window.H5guard先init再sign补环境可以采用jsdomconstjsdom=require("jsdom");const{JSDOM}=jsdom;constdom=newJSDOM("Helloworld",{url:["https://h5.waimai.meituan.com/waimai/mindex/home","h
  • 2025年入局苹果Vision Pro开发：从零到发布的完整路线图 花生糖@ 苹果眼镜（Visionapplevisionpro
    苹果VisionPro的发布标志着空间计算（SpatialComputing）进入主流市场。作为开发者，如何快速掌握visionOS开发？本文将为你提供详细的路线图、实践建议与资源指南，涵盖从窗口式应用到沉浸式3D应用的完整开发路径。一、visionOS开发的核心目标与阶段划分visionOS的开发可分为两个阶段：Window-Based（窗口式）应用开发学习Swift与SwiftUI，构建基础U
  • (Swift基础)day01_(09)Swift中的字典_2018-08-22 lyh165
    文丨lyh165发布时间:2018-08-22(周三广州/雨)最后更新时间:2018-08-22(周三广州/雨)官方文档1、WelcometoSwift.org(欢迎来到Swift.org)2、UsingthePackageManager(使用包管理器)3、ASwiftTour(快速之旅)官方swift快速之旅code字典字典的介绍字典允许按照某个键来访问元素字典是由两部分集合构成的，一个是键（k
  • 分布式应用程序协调服务 ZooKeeper 详解 dvlinker C/C++实战专栏C/C++软件开发从入门到实战zookeeper分布式云原生
    目录1、ZooKeeper简介2、ZooKeeper的使用场景3、ZooKeeper设计目的4、ZooKeeper数据模型5、ZooKeeper几个重要概念5.1、ZooKeeperSession5.2、ZooKeeperWatch5.3、ConsistencyGuarantees6、ZooKeeper的工作原理6.1、LeaderElection6.2、Leader工作流程6.3、Followe
  • 基金定投直播20年-第839天 老杨定投直播
    基金定投直播20年-第839天今日买入：恒生ETF2600股。卖出：无。持仓：$300ETF(SH510300)$，$恒生ETF(SZ159920)$，$黄金ETF(SZ159934)$，德国30，纳指ETF。每周买入，计划定投20年，目标年化收益率11.68%，每天直播，欢迎围观。只晒数据，只看结果。跑赢大盘，见证奇迹。备注：2017年2月3日开始定投。
  • 客服系统：不止于接电话，数字化转型中的客户体验中枢
    一位产品经理（mxh5201133）眼中的客服系统核心价值、模块构成与未来挑战在流量红利见顶、存量竞争加剧的今天，“客户体验”已成为企业最核心的竞争力之一。作为直面客户的关键触点，客服系统早已超越了简单的“接电话、回消息”工具范畴，它正迅速演变为企业数字化转型的战略中枢，承载着客户洞察、服务效率、品牌形象与商业转化的多重使命。作为产品经理，我们该如何理解并设计好这个关键系统？本文将深入剖析现代客服
  • APP源码搭建模式商城全流程解析
    对于软件开发的产品经理而言，借助APP源码搭建模式商城是快速落地业务的高效路径。这种方式既能缩短开发周期，又能在已有成熟架构上进行个性化定制，更好地契合商业模式需求。接下来，从实践角度详细拆解基于APP（mxh5201133）源码搭建模式商城的全流程与关键要点。一、APP源码搭建的核心流程（一）需求匹配与源码筛选搭建模式商城的第一步，是明确自身商业模式与功能需求清单，再以此为标尺筛选适配的APP源
  • JVM StackMapTable 属性的作用及理解 lijingyao8206 jvm字节码Class文件StackMapTable
            在Java 6版本之后JVM引入了栈图(Stack Map Table)概念。为了提高验证过程的效率，在字节码规范中添加了Stack Map Table属性，以下简称栈图，其方法的code属性中存储了局部变量和操作数的类型验证以及字节码的偏移量。也就是一个method需要且仅对应一个Stack Map Table。在Java 7版
  • 回调函数调用方法 百合不是茶 java
    最近在看大神写的代码时,.发现其中使用了很多的回调 ,以前只是在学习的时候经常用到 ,现在写个笔记 记录一下   代码很简单:           MainDemo  :调用方法  得到方法的返回结果        
  • [时间机器]制造时间机器需要一些材料 comsci 制造
          根据我的计算和推测,要完全实现制造一台时间机器,需要某些我们这个世界不存在的物质     和材料...       甚至可以这样说,这种材料和物质,我们在反应堆中也无法获得......      
  • 开口埋怨不如闭口做事 邓集海 邓集海 做人 做事 工作
    “开口埋怨，不如闭口做事。”不是名人名言，而是一个普通父亲对儿子的训导。但是，因为这句训导，这位普通父亲却造就了一个名人儿子。这位普通父亲造就的名人儿子，叫张明正。 　　 　　张明正出身贫寒，读书时成绩差，常挨老师批评。高中毕业，张明正连普通大学的分数线都没上。高考成绩出来后，平时开口怨这怨那的张明正，不从自身找原因，而是不停地埋怨自己家庭条件不好、埋怨父母没有给他创造良好的学习环境。 　　 　　
  • jQuery插件开发全解析，类级别与对象级别开发 IT独行者 jquery开发插件　函数
    jQuery插件的开发包括两种： 一种是类级别的插件开发，即给 jQuery添加新的全局函数，相当于给 jQuery类本身添加方法。 jQuery的全局函数就是属于 jQuery命名空间的函数，另一种是对象级别的插件开发，即给 jQuery对象添加方法。下面就两种函数的开发做详细的说明。   1 、类级别的插件开发 类级别的插件开发最直接的理解就是给jQuer
  • Rome解析Rss 413277409 Rome解析Rss
    import java.net.URL;  import java.util.List;    import org.junit.Test;    import com.sun.syndication.feed.synd.SyndCategory;  import com.sun.syndication.feed.synd.S
  • RSA加密解密 无量 加密解密rsa
    RSA加密解密代码 代码有待整理 package com.tongbanjie.commons.util; import java.security.Key; import java.security.KeyFactory; import java.security.KeyPair; import java.security.KeyPairGenerat
  • linux 软件安装遇到的问题 aichenglong linux遇到的问题ftp
    1 ftp配置中遇到的问题    500 OOPS: cannot change directory   出现该问题的原因:是SELinux安装机制的问题.只要disable SELinux就可以了   修改方法:1 修改/etc/selinux/config 中SELINUX=disabled    2 source /etc
  • 面试心得 alafqq 面试
    最近面试了好几家公司。记录下； 支付宝，面试我的人胖胖的，看着人挺好的；博彦外包的职位，面试失败； 阿里金融，面试官人也挺和善，只不过我让他吐血了。。。 由于印象比较深，记录下； 1，自我介绍 2，说下八种基本类型；（算上string。楼主才答了3种，哈哈，string其实不是基本类型，是引用类型） 3，什么是包装类，包装类的优点； 4，平时看过什么书？NND，什么书都没看过。。照样
  • java的多态性探讨 百合不是茶 java
    java的多态性是指main方法在调用属性的时候类可以对这一属性做出反应的情况 //package 1; class A{ public void test(){ System.out.println("A"); } } class D extends A{ public void test(){ S
  • 网络编程基础篇之JavaScript-学习笔记 bijian1013 JavaScript
    1.documentWrite <html> <head> <script language="JavaScript"> document.write("这是电脑网络学校"); document.close(); </script> </h
  • 探索JUnit4扩展：深入Rule bijian1013 JUnitRule单元测试
            本文将进一步探究Rule的应用，展示如何使用Rule来替代@BeforeClass，@AfterClass，@Before和@After的功能。         在上一篇中提到，可以使用Rule替代现有的大部分Runner扩展，而且也不提倡对Runner中的withBefores()，withAfte
  • [CSS]CSS浮动十五条规则 bit1129 css
    这些浮动规则，主要是参考CSS权威指南关于浮动规则的总结，然后添加一些简单的例子以验证和理解这些规则。   1. 所有的页面元素都可以浮动 2. 一个元素浮动后，会成为块级元素，比如<span>,a, strong等都会变成块级元素 3.一个元素左浮动，会向最近的块级父元素的左上角移动，直到浮动元素的左外边界碰到块级父元素的左内边界；如果这个块级父元素已经有浮动元素停靠了
  • 【Kafka六】Kafka Producer和Consumer多Broker、多Partition场景 bit1129 partition
    0.Kafka服务器配置 3个broker 1个topic，6个partition，副本因子是2 2个consumer，每个consumer三个线程并发读取   1. Producer package kafka.examples.multibrokers.producers; import java.util.Properties; import java.util.
  • zabbix_agentd.conf配置文件详解 ronin47 zabbix 配置文件
    Aliaskey的别名，例如 Alias=ttlsa.userid:vfs.file.regexp[/etc/passwd,^ttlsa:.:([0-9]+),,,,\1]， 或者ttlsa的用户ID。你可以使用key：vfs.file.regexp[/etc/passwd,^ttlsa:.: ([0-9]+),,,,\1]，也可以使用ttlsa.userid。备注: 别名不能重复，但是可以有多个
  • java--19.用矩阵求Fibonacci数列的第N项 bylijinnan fibonacci
    参考了网上的思路，写了个Java版的： public class Fibonacci { final static int[] A={1,1,1,0}; public static void main(String[] args) { int n=7; for(int i=0;i<=n;i++){ int f=fibonac
  • Netty源码学习-LengthFieldBasedFrameDecoder bylijinnan javanetty
    先看看LengthFieldBasedFrameDecoder的官方API http://docs.jboss.org/netty/3.1/api/org/jboss/netty/handler/codec/frame/LengthFieldBasedFrameDecoder.html API举例说明了LengthFieldBasedFrameDecoder的解析机制，如下： 实
  • AES加密解密 chicony 加密解密
    AES加解密算法，使用Base64做转码以及辅助加密： package com.wintv.common; import javax.crypto.Cipher; import javax.crypto.spec.IvParameterSpec; import javax.crypto.spec.SecretKeySpec; import sun.misc.BASE64Decod
  • 文件编码格式转换 ctrain 编码格式
    package com.test; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream;
  • mysql 在linux客户端插入数据中文乱码 daizj mysql中文乱码
    1、查看系统客户端，数据库，连接层的编码  查看方法： http://daizj.iteye.com/blog/2174993 进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+------
  • 好代码是廉价的代码 dcj3sjt126com 程序员读书
      长久以来我一直主张：好代码是廉价的代码。 当我跟做开发的同事说出这话时，他们的第一反应是一种惊愕，然后是将近一个星期的嘲笑，把它当作一个笑话来讲。 当他们走近看我的表情、知道我是认真的时，才收敛一点。 当最初的惊愕消退后，他们会用一些这样的话来反驳： “好代码不廉价，好代码是采用经过数十年计算机科学研究和积累得出的最佳实践设计模式和方法论建立起来的精心制作的程序代码。” 我只
  • Android网络请求库——android-async-http dcj3sjt126com android
    在iOS开发中有大名鼎鼎的ASIHttpRequest库，用来处理网络请求操作，今天要介绍的是一个在Android上同样强大的网络请求库android-async-http，目前非常火的应用Instagram和Pinterest的Android版就是用的这个网络请求库。这个网络请求库是基于Apache HttpClient库之上的一个异步网络请求处理库，网络处理均基于Android的非UI线程，通
  • ORACLE 复习笔记之SQL语句的优化 eksliang SQL优化Oracle sql语句优化SQL语句的优化
    转载请出自出处：http://eksliang.iteye.com/blog/2097999   SQL语句的优化总结如下   sql语句的优化可以按照如下六个步骤进行： 合理使用索引 避免或者简化排序 消除对大表的扫描 避免复杂的通配符匹配 调整子查询的性能 EXISTS和IN运算符 下面我就按照上面这六个步骤分别进行总结：
  • 浅析：Android 嵌套滑动机制（NestedScrolling） gg163 android移动开发滑动机制嵌套
    谷歌在发布安卓 Lollipop版本之后，为了更好的用户体验，Google为Android的滑动机制提供了NestedScrolling特性 NestedScrolling的特性可以体现在哪里呢？<!--[if !supportLineBreakNewLine]--><!--[endif]--> 比如你使用了Toolbar，下面一个ScrollView，向上滚
  • 使用hovertree菜单作为后台导航 hvt JavaScriptjquery.nethovertreeasp.net
      hovertree是一个jquery菜单插件，官方网址：http://keleyi.com/jq/hovertree/ ，可以登录该网址体验效果。 0.1.3版本：http://keleyi.com/jq/hovertree/demo/demo.0.1.3.htm hovertree插件包含文件： http://keleyi.com/jq/hovertree/css
  • SVG 教程 （二）矩形 天梯梦 svg
    SVG <rect> SVG Shapes SVG有一些预定义的形状元素，可被开发者使用和操作： 矩形 <rect> 圆形 <circle> 椭圆 <ellipse> 线 <line> 折线 <polyline> 多边形 <polygon> 路径 <path>
  • 一个简单的队列 luyulong java数据结构队列
    public class MyQueue { private long[] arr; private int front; private int end; // 有效数据的大小 private int elements; public MyQueue() { arr = new long[10]; elements = 0; front
  • 基础数据结构和算法九：Binary Search Tree sunwinner Algorithm
      A binary search tree (BST) is a binary tree where each node has a Comparable key (and an associated value) and satisfies the restriction that the key in any node is larger than the keys in all
  • 项目出现的一些问题和体会 Steven-Walker DAOWebservlet
         第一篇博客不知道要写点什么，就先来点近阶段的感悟吧。     这几天学了servlet和数据库等知识，就参照老方的视频写了一个简单的增删改查的，完成了最简单的一些功能，使用了三层架构。 dao层完成的是对数据库具体的功能实现，service层调用了dao层的实现方法，具体对servlet提供支持。  &
  • 高手问答：Java老A带你全面提升Java单兵作战能力！ ITeye管理员 java
    本期特邀《Java特种兵》作者：谢宇，CSDN论坛ID: xieyuooo 针对JAVA问题给予大家解答，欢迎网友积极提问，与专家一起讨论! 作者简介： 淘宝网资深Java工程师，CSDN超人气博主，人称“胖哥”。 CSDN博客地址： http://blog.csdn.net/xieyuooo 作者在进入大学前是一个不折不扣的计算机白痴，曾经被人笑话过不懂鼠标是什么，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他