前端.火鸡
前端.火鸡

聊聊 HTMX 吧

写在前面

最近看了几篇关于 htmx 的文章，自己也去看了一眼官网，也去油管看了一下当时 htmx 发布会的时候他们的演示，下面说几点我对这个所谓的新型起来的技术的看法，

他的来源是什么

首先说一下他虽然是一个新型的技术，但是其实他是有点炒冷饭的感觉，他其实是对 jQuery 的 [intercoolerjs](https://intercoolerjs.org/reference.html 进行了一个重写，也就是说在过去intercoolerjs这个玩意就已经可以实现类似 htmx 的效果，就是不需要绑定任何事件，直接就进行标签请求一个地址，将返回的信息直接渲染到对应的页面上，这些功能是他已经存在的，关于intercoolerjs的文章网上也是有很多的，感兴趣的可以自己去看看,引用官方一个 DEMO

<!--
  This is the initial UI (which would normally be generated by the userDisplayTemplate below of course)
  Note that the button targets the outer div which encloses the entire contact UI because that's what we
  want to replace when the button is clicked.
  -->
  <div id="contact-div">
    <div><strong>First Name</strong>: Joe</div>
    <div><strong>Last Name</strong>: Smith</div>
    <div><strong>Email</strong>: joesmith@example.com</div>
    <button ic-target="#contact-div" ic-get-from="/contact/1/edit" class="btn btn-default">
      Click To Edit
    </button>
  </div>

  <script>

    //========================================================================
    // Mock Server-Side HTTP End Points
    //========================================================================
    $.mockjax({
      url: "/contact/1/edit",
      response: function (settings) {
        var mockUser = dataStore.findUser("1");
        this.responseText = userFormTemplate(mockUser);
      }
    });

    $.mockjax({
      url: "/contact/1",
      response: function (settings) {
        var mockUser = dataStore.findUser("1");
        var params = parseParams(settings.data);
        if (params['_method']== 'PUT') {
          mockUser.firstName = params['firstName'];
          mockUser.lastName = params['lastName'];
          mockUser.email = params['email'];
        }
        this.responseText = userDisplayTemplate(mockUser);
      }
    });

    //========================================================================
    // Mock Server-Side Templates
    //========================================================================
    function userFormTemplate(mockUser) {
      // Pretty simple bootstrap form, but note that the form uses an ic-put-to and the cancel button uses
      // an ic-get-from rather than the usual HTML attributes
      return '\

 \
  
 \
     \
    + mockUser.firstName + '"> \
  
 \
  
 \
     \
    + mockUser.lastName + '"> \
  
 \
  
 \
     \
    + mockUser.email + '"> \
  
 \
   \
   \

';
    }

    function userDisplayTemplate(mockUser) {
      return '\

First Name: ' + mockUser.firstName + '
 \

Last Name: ' + mockUser.lastName + '
 \

Email: ' + mockUser.email + '
 \
';
    }

    //========================================================================
    // Mock Data Store
    //========================================================================
    var dataStore = (function() {
      var mockUser = {
        "firstName": "Joe",
        "lastName": "Smith",
        "email": "[email protected]"
      };
      return {
        findUser : function(id) {
          return mockUser
        }
      }
    })()
  </script>

他能做什么

说了这些也没有正式的演示过它可以做什么，它可以做的事情是直接在 html 标签上写一些 js 才可以做的东西，他的目的就是去 js 化，尽可能的少写或者不写 js 代码，因为我们知道，浏览器其实只认识 html 代码，他编译 html 代码是具有先天优势的，那么也就是说如果我们的代码中只有 html 代码那么理论上上渲染速度是很快的，但是他依赖于服务器，也就是我们前端之前的 js 代码其实没有消失，只是放到了 server 端执行了，通过上面的代码也是可以看出来的，所以它可以做的事情就是在什么标签上发送什么请求，请求返回的内容他来指定放到哪里，同时中间和用户的一个交互和反馈怎么设计，他就做这些，也仅仅做这些即可！

演示一下？

  • 我自己也试了一下他的功能，使用起来是比较简单的，可以像使用 jQuery 一样的方式直接引入 CDN 或者是 npm i 安装也是可以的，那么之后我们就可以直接在 html 中使用他的语法了

    DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试 htmx 的用法title>
		<script src="./js/[email protected]" integrity="sha384-xcuj3WpfgjlKF+FXhSQFQ0ZNr39ln+hwjN3npfM9VBnUskLolQAcN80McRIVOPuO" crossorigin="anonymous">script>
	head>
	<body>
		<script type="text/javascript">
			// const baseGetRequest = 'http://jsonplaceholder.typicode.com/users'
			// window.baseGet = baseGetRequest
		script>
		
		<div hx-get="http://jsonplaceholder.typicode.com/users">
			Put To Messages
		div>
		
		<div hx-post="http://jsonplaceholder.typicode.com/posts/1/comments" hx-target='#aimDiv'>测试一条数据div>
		<span id="aimDiv">span>

		
		<button hx-get="http://jsonplaceholder.typicode.com/users" hx-confirm="Are you sure you wish to delete your account?">
			Delete My Account
		button>

		
		<div hx-boost="true">
			<a href="http://jsonplaceholder.typicode.com/users">Bloga>
		div>

		
		<div id="search-results">div>
		<form action="/search" method="POST">
			<input class="form-control" type="search" name="search" placeholder="Begin typing to search users..." hx-post="http://jsonplaceholder.typicode.com/posts/1/comments" hx-trigger="keyup changed delay:500ms, search" hx-target="#search-results" hx-indicator=".htmx-indicator">
		form>

		
		<input class="form-control" type="search" name="search" placeholder="Begin Typing To Search Users..." hx-post="http://jsonplaceholder.typicode.com/posts/1/comments" hx-trigger="keyup changed delay:500ms, search" hx-target="#search-results" hx-indicator=".htmx-indicator">
		<table class="table">
			<thead>
				<tr>
					<th>First Nameth>
					<th>Last Nameth>
					<th>Emailth>
				tr>
			thead>
			<tbody id="search-results">
			tbody>
		table>
	body>
html>

    如果里面的标签不太明白可以看一下他的官网介绍，htmx 官网虽然是英文的，但是写的还是很清晰的，一般都是可以看得懂的，

    • 上面那段代码执行结果如图：

    聊聊 HTMX 吧_第1张图片

当然不用看样式，我只是试用了一下，会发现我点击 put to message 的时候 右侧直接进行了发送请求，一会之后他就直接返回了对应的内容，同时帮我渲染上去了，但是我的数据格式是 json 的，所以就显的比较不合理,大家可以忽略，因为我只是演示一下他是可以正常返回渲染的

它提供了哪些便利

  • 请求不需要封装函数
  • 防抖节流直接通过属性进行配置
  • 请求方式直接通过属性进行配置
  • 回参渲染到某个元素可以指定
  • 指定的方式很多（css 选择器、元素选择器等）
  • 局部内容替换成本很低
  • 前端代码量极少
  • 浏览器渲染速度很快

他有哪些劣势

  • 项目体量不可以过大，这样对服务器的压力太大
  • 过于复杂的操作不太可行，毕竟他都是通过配置的，配置就意味着定制化的需求满足程度不会太高
  • 过于依赖服务器，前端只是进行配置
  • 对Django的依赖也比较大，因为他就是配合他用的（这里我也问了一下我身边使用Django的朋友，他给的回复是：jango 内置了 web 开发工具，可以用 {} 直接获取 response 对象属性。在前后端不分离年代还是挺厉害。现在不行了）

个人推荐程度，我想说几句

可以用，可以学，但是因为适用场景不太多，所以了解即可，当有对应的业务出现的时候可以使用即可！个人还是推荐使用像 vue、react 等相对全面的框架，他是不挑场景的，几乎所有的web应用他都是可以胜任的，技术发展好不容易发展到前后分离的一个阶段，现在又想回去，不是不行，是不强烈推荐，前后端分离的好处我这里不做赘述，开发几年的人都可以体会的到。

这里吐槽一句，在中国做开发是一件很痛苦的事情，因为最新的技术一般都是国外传过来的，另外技术文档第一份都是英文的，很少有中文的，即使后面翻译之后也是不准确的，我们使用着不准确的文档用着国外人开发的语言进行使用，还可以用的很好就已经是一件很了不起的事情了，但是不代表无脑跟风就是对的，比如这个 htmx，我们明明知道他是一个炒冷饭的东西，但是奈何还是有很多人大肆的无脑宣传，只讲好的，不讲坏的，好像只要紧跟国外的脚步就一定是最新的技术，这里我是不赞成的，对技术的探索是好的，但是重复造轮子，轮子出来起个名字就按照新东西学习，除了徒增学习成本之外我想不到什么好的理由，希望这种情况以后可以少发生或者不发生，我对 htmx 没有恶意，我觉得他确实解决了一部分的应用场景，人家发布会的时候也是说了如果你的应用是需要这种场景的，我是推荐你用的，但是复杂的一些我们是不推荐的，你可以继续使用你认为好的技术栈 即可，但是传到国内就变成了了不起的新技术，对此我是无力吐槽的！但是学习本身这件事是没错的，因为只有你对所有的不同的技术栈都了解了一些，才更有可能融会贯通，技术的广度和深度都是很重要的，深度有助于研究出来新东西，广度有助于你识别技术本身的局限性和适用性，废话太多了，你们也看烦了，结束结束。

写在后面

看完这篇文章可能你们也感觉到了，这篇文章其实并没有过多的代码演示，只是说了一下他的基础用法和适用场景，因为我觉得和这个东西他本身就是解决了一部分前端的痛点，并不可以解决真正的问题，他其实就是解决了一些小而美的应用不用使用 vue 或者 react 等相对来说讲比较重的框架，毕竟配置一套前端的项目架子还是需要一点技术水平的，那么这里 htmx 就可以派上用场， 当然前期是你的后端足够支持你们返回对应的 html 代码

你可能感兴趣的:(HTMX)

  • 前端周刊第64期 写代码的宝哥 前端
    快讯Dan神从Meta离职，但仍将作为独立三方开发者留在React团队文章如何使用Nextjs、React和GitHubCopilot构建GPT-3应用程序-GitHub并不经常在其博客上写教程，这篇文章中他们推广现代面向Copilot的编程方式，提升我们的开发效率Hono+Htmx+Cloudflare-一套可选的、全栈使用JS构建网站的技术栈解构YouTube的“环境模式”功能-学习如何使用H
  • 前端框架 - htmx zhaojjjjjj163 html
    前端框架很多，但是很多时候只是想要一个简单的功能，如点击一个按钮，然后发送一个请求，然后更新页面的某个部分，这个时候，就不需要复杂的前端框架，只需要一个简单的工具就可以了，这个时候，htmx就是一个很好的选择。htmx的实现原理是通过AJAX、HTML5和WebSocket等技术，将前端和后端的交互方式从传统的请求-响应模式转变为增量更新模式，从而实现了无刷新、无跳转的动态页面更新。htmx如何使
  • 探索HTMLx：强大的HTML工具 王乐平 html前端
    1.HTMLXhtmx是一个轻量级的JavaScript库，它允许你直接在HTML中使用现代浏览器的功能，而不需要编写JavaScript代码。通过htmx，你可以使用HTML属性执行AJAX请求，使用CSS过渡动画，利用WebSocket和服务器发送事件(Server-SentEvents)等功能来构建现代化的用户界面。htmx的特点包括：体积小（压缩后大约14KB），没有依赖，可扩展，兼容IE
  • htmx 只是另一个 JavaScript 框架吗？老外都吵上了 独立开发者张张 大前端技术javascript开发语言前端
    对htmx最常见的批评之一通常来自第一次听说它的人，如下所示：你抱怨现代前端框架的复杂性，但你的解决方案只是另一个复杂的前端框架。这是一个很好的反对意见！对于你引入到项目中的任何第三方(3P)代码，你都有权提出疑问。即使你没有亲自编写3P代码，但只要将其纳入项目，你就必须了解它–如果你想升级它，就必须重新了解它。让我们将这些批评分解成其组成部分，并确定htmx在其声称要解决的伤害中到底有多少沉迷其
  • 前端食堂技术周刊第 111 期：2023 JS Rising Stars、2024 年如何写 CSS、htmx、两个 React、npm 年度回顾 童欧巴 技术周刊javascriptcss前端
    美味值：口味：热橙美式食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下上周的技术资讯。技术资讯2023JavaScriptRisingStars出炉CodePen2023最受喜爱Pen出炉Prettier3.2Rspack0.5.0Astro4.1DenoJanuaryUpdate下面我们来看技术资料
  • HTML可以使用属性访问AJAX、CSS过渡、WebSocket和服务器发送事件？ Yxj-5211314 htmlajaxcss
    最近发现一个有意思的开源库：Htmx在GitHub的描述中:htmx被称为“允许您直接在HTML中使用属性访问AJAX、CSS过渡、WebSocket和服务器发送事件，以便您可以以超文本的简洁和强大之处构建现代用户界面”。什么是htmx？简而言之，htmx是一种创新的HTML扩展框架，它通过在HTML中使用属性，让您可以轻松地访问AJAX、CSS过渡、WebSocket和服务器发送事件等现代浏览器
  • 前端工作方式要换了？HTMX简介：无需JavaScript的动态HTML @大迁世界 前端javascripthtmlmicrosoft开发语言
    HTMX允许你使用扩展的HTML语法代替JavaScript来实现交互性。HTMX在标记中直接为你提供HTTP交互，并支持许多其他交互需求，无需求助于JavaScript。这是一个有趣的想法，可能最终会影响到web前端的工作方式。让我们看看如何使用HTMX以及它的吸引力。什么是HTMX？HTMX已经存在了一段时间，但它一直是一个不太为人知的项目。它最近被接受到GitHubAccelerator中可
  • [ATT汇编]后缀字母：b字节=1字节 w字=2字节 l双字=4字节 q四字=8字节 AkuRinbu
    学习资料AT&TAssemblySyntaxhttps://csiflabs.cs.ucdavis.edu/~ssdavis/50/att-syntax.htmX86Assembly/GASSyntaxhttps://en.wikibooks.org/wiki/X86_Assembly/GAS_SyntaxPOPF/POPFD/POPFQ—PopStackintoEFLAGSRegisterhtt
  • htmx-使HTML更强大 Days2050 html前端
    htmx让我们先来看一段俳句:javascriptfatigue:longingforahypertextalreadyinhand这个俳句很有意思，是开源项目htmx文档中写的，意思是说，我们已经有了超文本，为什么还要去使用javascript，javascript的繁琐，让人感到疲惫。目前前端框架很多，但是很多时候我们只是想要一个简单的功能，比如点击一个按钮，然后发送一个请求，然后更新页面的某
  • 聊聊 HTMX 吧 前端.火鸡 HTMX
    写在前面最近看了几篇关于htmx的文章，自己也去看了一眼官网，也去油管看了一下当时htmx发布会的时候他们的演示，下面说几点我对这个所谓的新型起来的技术的看法，他的来源是什么首先说一下他虽然是一个新型的技术，但是其实他是有点炒冷饭的感觉，他其实是对jQuery的[intercoolerjs](https://intercoolerjs.org/reference.html进行了一个重写，也就是说在
  • Python开源项目周排行 2023年第32周 Python学习导航 Python开源项目周排行python开发语言人工智能开源
    #2023年第32周2023年9月2日1htmx一款在Django技术栈最近比较热门的前端框架。他的理念是——「让网页回归HTML的本质，不再受JS束缚」mx出现在2020年，创建者CarsonGross说htmx来源自他于2013年研究的一个项目intercooler.js。2020年，他重写了不依赖jQuery的intercooler.js，并将其重命名为htmx。然后他惊讶的发现Django
  • 精心整理了优秀的GitHub开源项目，包含前端、后端、AI人工智能、游戏、黑客工具、网络工具、AI医疗等等，空闲的时候方便看看提高自己的视野 代码讲故事 学习资源github开源前端人工智能人智能医疗游戏
    精心整理了优秀的GitHub开源项目，包含前端、后端、AI人工智能、游戏、黑客工具、网络工具、AI医疗等等，空闲的时候方便看看提高自己的视野。刚开源就变成新星的igl，不仅获得了2k+star，也能提高你开发游戏的效率，摆平一切和图形有关的问题。如果这个没有那么惊艳的话，还有The-Art-of-Linear-Algebra，重燃了我学习线性代数的自信心；htmx则是一个被称为“后端工程师的前端库
  • 不使用 Javascript 也可以和浏览器进行交互？快来我这里看看！ Java技能树 java
    Htmx是一个库，它允许你直接从HTML访问现代浏览器功能，而不是使用javascript。要理解htmx，首先让我们看一下HTML中的a标签：Blog这个标记会告诉浏览器：当用户单击此链接时，向/blog发出HTTPGET请求并将响应内容加载到浏览器窗口中。然后我们再看下面的HTML：ClickMe!这告诉htmx：当用户单击此按钮时，向/clicked发出HTTPPOST请求并使用响应中的内容
  • 使用 htmx 构建交互式 Web 应用 田猿笔记 Javascript前端
    学习目标：了解htmx的基本概念、特点和用法，并能够运用htmx来创建交互式的Web应用程序。学习内容：1.什么是htmx？-htmx是一种用于构建交互式Web应用程序的JavaScript库。-它通过将HTML扩展为一种声明性的交互式语言，使得开发人员可以使用简单的HTML标记来实现动态页面更新、实时数据加载和无需刷新页面的表单提交等功能。2.htmx的特点：-轻量级：htmx库非常小巧，仅有几
  • htmx-使HTML更强大 奇舞周刊 html前端
    ‍本文作者是360奇舞团开发工程师htmx让我们先来看一段俳句:javascriptfatigue:longingforahypertextalreadyinhand这个俳句很有意思，是开源项目htmx文档中写的，意思是说，我们已经有了超文本，为什么还要去使用javascript，javascript的繁琐，让人感到疲惫。目前前端框架很多，但是很多时候我们只是想要一个简单的功能，比如点击一个按钮，
  • 前端周刊第66期：TypeScript教程、ESM、React泡沫、htmx、测试文章 前端
    周刊同步发表于微信公众号“写代码的宝哥”，欢迎各位小伙伴前来关注！快讯软一峰老师最近发布了《TypeScript教程》，一如既往地免费给大家阅读RichHarris发推：“Svelte5将会带来一次非常激进的改变”Chrome下载功能重新设计了文章我将软件包现代化到ESM的经验-本文作者Mark是当前Redux包重度维护者，同时也是React贡献者。这里介绍了他最近将Redux系列包迁移到基于ES
  • 前端周刊第67期：Bun、htmx、Lodash、NakedJSX、Croner 前端
    周刊同步发表于微信公众号“写代码的宝哥”，欢迎各位小伙伴前来关注！快讯Bun——另一个（Deno也算一个）用于取代Node.js的运行时，其创始人JarredSumner将在美国当地时间09.07召开1.0产品发布会文章HowDropboxReducedtheSizeofItsJavaScriptBundlesby33%-Dropbox的小伙伴最近对网站JavaScript打包产物做了一次优化，减
  • 懒人的百宝箱，效率回归，工具库之美「GitHub 热点速览」 代码讲故事 智能工具github数据挖掘百宝箱工具箱开发工具热点项目工具库
    懒人的百宝箱，效率回归，工具库之美「GitHub热点速览」。刚开源就变成新星的igl，不仅获得了2k+star，也能提高你开发游戏的效率，摆平一切和图形有关的问题。如果这个没有那么惊艳的话，还有The-Art-of-Linear-Algebra，重燃了我学习线性代数的自信心；htmx则是一个被称为“后端工程师的前端库”，可以让人安心用HTML搞定页面，同样的Web应用技术还能用到的有reflex，
  • htmx：后端主导的前端框架是啥样的？ vue.js前端htmx
    大家好，我卡颂。前端领域这几年涌现了很多新兴的前端框架，比如Qwik、Svelte、Astro等。这些框架多以前端工程师作为受众。那么，以后端工程师作为受众的前端框架是啥样的，他与前者有什么区别呢？欢迎加入人类高质量前端框架群，带飞介绍htmxhtmx是一款在Django技术栈最近比较热门的前端框架。他的理念是——让网页回归HTML的本质，不再受JS束缚。是不是很有web1.0的风格？他是怎么做到
  • Htmx 意外走红，我们从 React“退回去”后：代码行数减少 67%，JS 依赖项从 255 下降到 9 html
    本文来自InfoQ,作者:Tina，核子可乐技术和软件开发领域存在一种有趣的现象，就是同样的模式迭起兴衰、周而复始。htmx的走红过去Web非常简单。URL指向服务器，服务器将数据混合成html，然后在浏览器上呈现该响应。围绕这种简单范式，诞生了各种Javascript框架，以前可能需要数月时间完成的一个应用程序基本功能，现在借助这些框架创建相对复杂的项目却只需要数小时，我们节省了很多时间，从而可
  • C/C++ 函数调用约定 Uncomfortableskiy 汇编
    https://bbs.pediy.com/thread-224583.htmX86函数调用约定X86有三种常用调用约定，cdecl（C规范）/stdcall（WinAPI默认）/fastcall函数调用约定。cdecl函数调用约定参数从右往左依次入栈，调用者实现栈平衡，返回值存放在EAX中。20:intcdecl_sum=cdecl_add(1,2,3,4,5,6,7);00401138push
  • ununtu下安装rar工具 小匠人 linux常用命令
    1.下载rar包rarlinux-x64-5.5.0.tar.gz2.tar-xzpvfrarlinux-x64-5.5.0.tar.gz#cdrar#sudomake3.应用参照https://www.linuxidc.com/Linux/2017-03/141564.htmx带路径解压文档中内容到当前目录例:rarxtest.rar这样解压的话，dir1就会保持原来的目录结构e为解压到当前目录
  • 配置Xcode版本控制SVN详细步骤内含解决Xcode/Mac OS10.8无法配置SVN的解决方法 u010477563 iosSVN
    本站文章均为 李华明Himi 原创,转载务必在明显处注明：（作者新浪微博： @李华明Himi ) 转载自【黑米GameDev街区】 原文链接: http://www.himigame.com/game-detail/1048.html 关于SVN，我就不介绍了，不清楚的照旧给你们个连接，请自行学习下谢谢。SVN百度介绍：http://baike.baidu.com/view/183128.htmX
  • 【游戏开发备注之二】配置Xcode版本控制SVN详细步骤内含部分问题解决方案 HimiScxin svnmacios【游戏开发备注】
    本站文章均为李华明Himi原创,转载务必在明显处注明：转载自【黑米GameDev街区】原文链接:http://www.himigame.com/game-detail/1048.html☞点击订阅☜本博客最新动态!及时将最新博文通知您！关于SVN，我就不介绍了，不清楚的照旧给你们个连接，请自行学习下谢谢。SVN百度介绍：http://baike.baidu.com/view/183128.htmX
  • 【游戏开发备注之二】配置Xcode版本控制SVN详细步骤内含解决Xcode/Mac OS10.8无法配置SVN的解决方法 runfeel macOS
    本站文章均为李华明Himi原创,转载务必在明显处注明：转载自【黑米GameDev街区】原文链接:http://www.himigame.com/game-detail/1048.html☞点击订阅☜本博客最新动态!及时将最新博文通知您！关于SVN，我就不介绍了，不清楚的照旧给你们个连接，请自行学习下谢谢。SVN百度介绍：http://baike.baidu.com/view/183128.htmX
  • Linux内核学习之分段机制 kongweile linux
    转：http://www.linuxidc.com/linux/2008-10/16740.htmX86分段机制    这里讲的分段指的保护模式(protectedmode)下的段机制。与保护模式相对的一个概念是实模式(realmode)，实模式的地址由“段基址：偏移量”组成，段基址是个16位的寄存器(CS,DS等），这样显然限制了系统的寻址空间。保护模式的地址由“段选择子+偏移量组成”，段选择子
  • github中多个平台共存 jackyrong github
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 ssh链接一个托管的而已，下面讲解如何放两个文件 1） 设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "[email protected]"
  • ip地址与整数的相互转换(javascript) alxw4616 JavaScript
    //IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n
  • 读书笔记-jquey+数据库+css chengxuyuancsdn htmljqueryoracle
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
  • javaSE javaEE javaME == API下载 Array_06 java
    oracle下载各种API文档： http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档： http://docs.oracle.com/javase/8/docs/api/ JavaEE文档： ht
  • shiro入门学习 cugfy javaWeb框架
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 首先配置我们的web.xml代码如下，固定格式，记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs
  • Array添加删除方法 357029540 js
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){
  • navigation bar 更改颜色 张亚雄 IO
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。       翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下    
  • unicode转换成中文 adminjun unicode编码转换
      在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成 中文
  • 一站式 Java Web 框架 firefly aijuans Java Web
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 更新日志： 增加自定义系统错误页面功能
  • 设计模式——单例模式 ayaoxinchao 设计模式
    定义          Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。”   分析          从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。   &nb
  • Javascript 多浏览器兼容性问题及解决方案 BigBird2012 JavaScript
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误 bijian1013 junit4.11单元测试
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：    
  • [Zookeeper学习笔记之二]Zookeeper部署脚本 bit1129 zookeeper
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)：   #!/bin/bash #!!!Change the name!!! #The zookeepe
  • 【Spark八十】Spark RDD API二 bit1129 spark
    coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题 ronin47 modules
    在modules目录中只有httpd.exp，那些so文件呢？ 我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
  • Java基础-克隆 BrokenDreams java基础
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 克隆。         Java提供了java.lang.
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致 * 可以这样想，我们要写这样一个类（Adapter）: * 1.这个类要符合客户的要求 ---> 那显然要
  • HDR图像PS教程集锦&心得 cherishLC PS
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 软件有photomatix和nik hdr efex。 一、教程 叶明在知乎上的回答： http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 二、心得 1、去除阴影部分的
  • maven-3.3.3 mvn archetype 列表 crabdave ArcheType
    maven-3.3.3 mvn archetype 列表 可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml   [INFO] Scanning for projects... [INFO]                
  • linux shell 中文件编码查看及转换方法 daizj shell中文乱码vim文件编码
    一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。 二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &
  • MySQL--binlog日志恢复数据 dcj3sjt126com binlog
    恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                  
  • 数据库中数据表数据迁移方法 dcj3sjt126com sql
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用   下面看看如何使用   语法：MySQL中INSERT INTO SELECT的使用 1. 语法介绍       有三张表a、b、c，现在需要从表b
  • Java反转字符串 dyy_gusi java反转字符串
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
  • UI设计中我们为什么需要设计动效 gcq511120594 UIlinux
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用
  • JBOSS服务部署端口冲突问题 HogwartsRow java应用服务器jbossserverEJB3
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。   1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml   2、./server/default/deploy/jbossweb.sar/server.xml   3、.
  • 第三章 Redis/SSDB+Twemproxy安装与使用 jinnianshilongnian ssdbreidstwemproxy
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
  • ZooKeeper原理及使用 liyonghui160com
               ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
  • 程序员解决问题的60个策略 pda158 框架工作单元测试
    根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的“else”条件 在应用到主程序之前知道如何在孤立的情况下使用   日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日
  • Create the Google Play Account sillycat Google
    Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p
  • JSP三大指令 vikingwei jsp
    JSP三大指令   一个jsp页面中，可以有0~N个指令的定义！ 1. page --> 最复杂：<%@page language="java" info="xxx"...%>   * pageEncoding和contentType：     > pageEncoding：它
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他