风沙渡
风沙渡

AngularJS开发下一代Web应用笔记（一）

一、写在最前

AngularJS开发下一代Web应用笔记（一）_第1张图片

 

 

 

 

 

 

AngularJS是Google推出的一款Web应用开发框架。它提供了一系列兼容性良好并且可扩展的服务，包括数据绑定、DOM操作、MVC设计模式和模块加载等。

现在网上JS框架茫茫多，真不知道是到底要学习什么框架，学习了这个框架，说不定还没用在项目，又有更好的js框架出来了。前端就是不断折腾新东西，生命在于折腾~

是的，这么多的前端框架，是不是真的都要学习？？答案当然不是，看所要完成的项目。这是带我的前端前辈告诉我，具体使用什么框架还是不用框架，

看项目需求，一切都以按时按质完成作为选择的标准。但是新的东西要学习，不学习就落后。

二、AngularJS的几个重要概念有什么

客户端模板   举个栗子：hello.html

模型/视图/控制器(MVC)

数据绑定

依赖注入

路由管理

指令（Angular的灵魂）

示例：购物车（源码在最后）

三、对这些概念的理解　　

插个曲，Angular最适合用来做单页web应用。在百度上查了单页web应用的概念。如表：

AngularJS开发下一代Web应用笔记（一）_第2张图片

单页web应用（qq音乐）

单页Web应用（single page web application，SPA），就是只有一张Web页面的应用。

单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。

浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。因此，对单页应用来说模块化的开发和设计显得相当重要。
优点：
1).良好的交互体验（用户不需要重新晒新页面，获取数据都是通过ajax异步获取）
2).良好的前后端分离
3).减轻服务器压力（服务器只用出数据， 不用管展示逻辑和页面合成，吞吐能力会提高几倍）
4)..共用一套后端程序代码（不用修改后端程序代码就可以同时用于Web界面、手机、平板等多种客户端）
缺点：
1).SEO难度较高
2).前进、后退管理（ 所有的页面切换需要自己建立堆栈管理）
3).初次加载耗时多（代码合并、CDN）

像游戏开发，频繁操作DOM也不适合使用Angular
 
客户端模板  
多页面 单页面
通过装配和链接服务器上数据来创建HTML，然后将构建好的HTML页面发送到浏览器。 Angular将模板和数据推送到浏览器中装配他们，然后服务器角色只是为模板提供静态资源以及为模板提供数据
 
 
模型/视图/控制器(MVC)  
M 代码中清晰的分离数据管理 (模型 )
V  应用程序逻辑 (控制器 )
C 及给用户呈现数据 (视图 )
Angular中的
M  模型中的数据便是存储在对象中的属性 (属性值
V   文档对象模型 (DOM)
C   控制器是 JavaScript类
 
C和V之间的纽带就是$scope
 
 
数据绑定 双向绑定
ng-model 所谓的双向绑定，无非是从界面的操作能实时反映到数据，数据的变更能实时展现到界面。
 
 
依赖注入 举个栗子
程序运行过程中，如需另一个对象协作(调用它的方法、访问他的属性)时，无须在代码中创建被调用者，而是依赖于外部容器的注入


AngularJS开发下一代Web应用笔记（一）_第3张图片

在HelloController控制器中，$scope对象会把数据绑定自动传递给我们；我们不需要通过调用任何函数来创建他。只是通过将他防止在控制器的构造器中来请求它。
 
 
控制器helloController单词首字母大写
数据绑定  
该过程，没有在输入字段上注册一个改变值的事件监听器。
 
 
指令 Angular之可以可以编写模板如HTML一样，是因为框架核心包含了一个强大的DOM解析引擎。
扩展指令 例如：ng-controller。在HTML模板看到不属于HTML规范的新属性，这称为HTML扩展指令
自定义指令  自己定义自己需要的指令（据说指令是Angular的灵魂）
 
 
附购物车源码：
  
<!DOCTYPE html>
<html ng-app>
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    
</head>
<body ng-controller="CartController">
    <h1>Your order</h1>
    <div ng-repeat="item in items">
        <span>{{item.title}}</span>
        <input ng-model="item.quantity">
        <span>{{item.price | currency}}</span>
        <span>{{item.price * item.quantity | currency}}</span>
        <button ng-click="remove($index)">Remove</button>
    </div>

</body>
<script src="../assets/js/angular-1.3.0.js"></script>
<script>
function CartController($scope){

    // currency是过滤器，用来转换文本

    // $index参数   包含了它在ng-repeat的索引值

    //splice()   arrayObject.splice(index,howmany,item1,.....,itemX)

    // 定义一个一维数组存放对象
    $scope.items = [
        {title: 'Paint pots',quantity:8,price:3.95},
        {title: 'Polka dots',quantity:17,price:12.95},
        {title: 'Pebbles',quantity:5,price:6.95}
    ];

    $scope.remove = function(index){
        $scope.items.splice(index,1);
    }

}
</script>
</html>
View Code

 

 运行后结果：
AngularJS开发下一代Web应用笔记（一）_第4张图片
 
 
 
 
 
 
 
 
 
 
 
自定义指令的图解：
AngularJS开发下一代Web应用笔记（一）_第5张图片
 
 
 
 
 
 
 
 
 
 

你可能感兴趣的:(AngularJS开发下一代Web应用笔记（一）)

  • 0基础学Python第八天 RUIOU_ python机器学习0基础开发语言
    1.程序报错：程序在哪一行报错之后，后面的程序都不会被执行。（1）异常类型：IndexError——索引错误，ZeroDivisionError——除零错误FileNotFoundError——找不到文件错误，TypeError——类型错误等2.捕捉异常：格式——try，except语句：try:可能会产生报错的代码except你想捕捉错误的名字（异常类型）：错误发生后你想相应执行的操作excep
  • MCU与SOC的区别 winds～ ADAS相关单片机嵌入式硬件
    自动驾驶中MCU与SoC的区别在自动驾驶系统中，**MCU（微控制单元，MicrocontrollerUnit）和SoC（系统级芯片，SystemonChip）**都是关键的电子元件，但它们在性能、功能和应用领域等方面存在显著区别。一、定义与基本概念1.MCU（微控制单元）组成：MCU是一种集成了处理器核心（通常为微型处理器）、内存（如闪存和RAM）以及输入/输出（I/O）接口的单片集成电路。特点
  • WPF学习笔记04-控件Control_Part1 一只只对技术感兴趣的程序员 WPF学习wpf学习ui
    之前我们已经学习过WPF布局了，这节我们开始简单介绍下控件。熟悉Winform的应该对控件并不陌生。WPF和Winform的渲染也是不一样的一个是基于DirectX一个是基于GDI+。在WPF中，打交道最多的控件无非就那么几种。1）布局控件。之前介绍过的，可以容纳多个控件或嵌套其他布局控件，用于在UI上组织和排列控件。比如StackPanel、Grid等控件都属于此类控件，他们都拥有共同父类---
  • 并发编程--僵尸进程 k要开心 进程并发编程开发语言c语言
    僵尸进程文章目录僵尸进程1.概念2.产生的原因3.释放僵尸进程3.1方法一：父进程直接退出3.2方法二：子进程等待父进程对其执行wait()/waitpid()3.3方法三：子进程主动告知父进程前来收尸1.概念僵尸进程指的是处于僵尸态的进程，这种进程无法进行调度，但其所占用的系统资源并未被释放。僵尸态是进程生命周期的必经阶段，是无法避免的，但为了节约系统资源，应尽快清理腾出僵尸态进程所占用的内存资
  • 并发编程--进程间通信（IPC）概览以及匿名管道 k要开心 进程并发编程c语言开发语言
    进程间通信（IPC）概览以及匿名管道1.进程间通信（IPC）概览2.匿名管道PIPE2.1基本逻辑2.2函数接口2.3管道的读写特性2.4管道的阻塞特性1.进程间通信（IPC）概览在Linux/Unix系统中，进程间通信方式（Inter-ProcessComunication）通常有如下若干中方式：管道匿名管道pipe：适用于亲缘关系进程间的、一对一的通信具名管道fifo：适用于任何进程间的一对一
  • prompt工程起步 邪恶的贝利亚 promptpython开发语言
    1.手工提示词有关CLIP和ActionClip的手工特征,也是一个进步。通过给标签填入不同的修饰语当中，组成一段话来,来增强语义理解deftext_prompt(data):text_aug=[f"aphotoofaction{{}}",f"apictureofaction{{}}",f"Humanactionof{{}}",f"{{}},anaction",f"{{}}thisisanacti
  • 前端面试：React hooks 调用是可以写在 if 语句里面吗？ returnShitBoy 前端react.jsjavascript
    在React中，Hooks是一种新的特性，允许你在函数组件中使用状态（state）和其他React特性。非常重要的一点是，ReactHooks必须遵循特定的规则，以确保组件的行为一致。ReactHooks使用规则只能在函数组件中调用Hook：你只能在React的函数组件或自定义Hooks中调用Hook，而不能在普通JavaScript函数中调用它们。不能在条件语句中调用Hook：Hooks不能放在
  • 嵌入式软件工程师为什么要撰写博客？——开启技术进阶与职业发展的双重大门 Electron-er 软件需求嵌入式硬件架构单片机人工智能
    目录一、技术沉淀：构建嵌入式知识复利系统知识沉淀的三层架构二、职业发展：量化个人技术品牌价值职业价值评估模型三、社区贡献：推动嵌入式技术生态演进知识传播的涟漪效应四、写作方法论：打造专业级技术博客内容开发五步法可视化增强技术五、数据验证：博客投资回报率分析六、实践指南：从入门到专家的路径规划博客运营路线图关键成功要素结语一、技术沉淀：构建嵌入式知识复利系统在嵌入式开发领域，寄存器操作、RTOS调度
  • C# BlockingCollection 卷纸要用清风的 C#c#javalinux
    什么是`BlockingCollection`主要特点构造函数常用方法生产者操作消费者操作示例代码注意事项串口接收底层存储的类型线程安全和并发访问串口数据接收的顺序性关键点BlockingCollection是C#中一个非常有用的线程安全集合类，位于System.Collections.Concurrent命名空间中。它主要用于在多线程环境中实现线程安全的生产者-消费者模式。以下是关于Blocki
  • 深入解析ADC寄存器：从原理到实战配置 Electron-er 嵌入式硬件单片机架构stm32
    目录引言一、ADC寄存器核心作用与分类1.寄存器在ADC中的角色2.寄存器典型分类二、STM32ADC寄存器深度解析1.关键寄存器映射表2.寄存器级ADC配置实战三、TIADS1115配置寄存器详解1.16位配置寄存器结构（I2C从地址0x48）2.**I2C配置代码示例（Arduino平台）**四、寄存器操作中的常见陷阱与解决方案1.典型问题排查表2.**调试技巧**五、寄存器优化设计趋势1.自
  • 深入解析STM32时钟树：从原理到实战配置 Electron-er stm32单片机嵌入式硬件
    目录引言一、STM32时钟树体系架构解析1.1时钟树全景图1.2核心时钟源详解二、时钟信号流向与控制逻辑2.1主时钟路径2.2关键分频系数2.3时钟门控机制三、CubeMX实战配置3.1配置步骤演示3.2代码生成分析四、调试技巧与常见问题4.1时钟诊断方法4.2典型故障排查五、高级应用技巧5.1动态时钟切换5.2时钟安全系统(CSS)5.3超频实践（风险提示）结语引言在嵌入式系统开发中，时钟系统堪
  • 深入解析模拟/数字转换（ADC）：从原理到应用实践 Electron-er 单片机stm32嵌入式硬件
    目录引言一、ADC的核心概念与技术指标1.ADC的定义与基本原理2.关键性能指标二、主流ADC架构及适用场景1.逐次逼近型（SARADC）2.积分型（双斜ADC）3.流水线型（PipelineADC）4.Σ-Δ型ADC三、ADC在嵌入式开发中的实践1.STM32的ADC配置实例2.抗干扰设计技巧四、ADC的行业应用与前沿趋势1.核心应用领域2.技术发展趋势五、开发避坑指南结语标签：模数转换、嵌入式
  • PHP火山引擎API签名方法 蚊子爱喝水 PHP火山引擎
    一、前置准备在开始签名之前，需要准备以下信息：AccessKeyID（AK）：请求火山引擎OpenAPI的安全凭证之一。SecretAccessKey（SK）：与AK成对使用，用于签名计算。请求参数：包括HTTP请求方法、URI、查询参数、请求头等。二、签名流程(文档地址)火山引擎API签名流程大致分为以下几个步骤：创建规范请求：将请求参数进行规范化处理，形成CanonicalRequest。创建
  • 以STM32为例-通俗语言理解SPI通信协议 Electron-er STM32stm32单片机51单片机物联网嵌入式硬件iot
    文章目录SPI是什么四条“车道”的作用工作模式就像“舞蹈的节奏”通信过程是“一场对话”SPI通信的“厉害之处和用途”SPI是什么想象SPI是一个小小的数据高速公路，专门用于让STM32芯片和其他设备（比如传感器或者存储卡）之间快速地传递信息。这条高速公路有四条“车道”，分别有不同的用途。四条“车道”的作用1.主设备输出/从设备输入线（MOSI）：这就好比是主设备（STM32）的一个“说话通道”。主
  • 今天项目中出现了一个xss漏洞 hello_simon phphtmlhacker
    代码是这样的：xxxx.com/en/index?siteId=">alert(document.cookie)smartyget没做过滤的，有点坑
  • strtr和str_replace效率探索 hello_simon php
    今天写代码用到字符串规制，就上网查了下strtr与str_replace的效率如何，网上一些地方说strtr比str_replace快四倍。半信半疑，自己就做了下测试。strtr比较怪异，用法这里不提。只做两种这两个函数可以替换用的测试例子。第一种list($usec,$sec)=explode('',microtime());$star=$usec+$sec;$string='paocaiasd
  • pdf怎么转换成word？解锁 PDF 转 Word 的高效转换方法，轻松搞定的实用指南 hello_simon 在线工具php工具效率pdfwordPDF转wordpdf转换
    PDF转换成Word的简易指南在日常的工作和学习中，我们经常需要将PDF文件转换为Word文档，以便于编辑和修改。今天，我将为大家介绍一个简单的方法，利用小白工具网站，轻松实现PDF到Word的转换。一、访问小白工具网站首先，打开你的浏览器，输入网址：https://www.xiaobaitool.net/files/pdf-word/，进入小白工具的PDF转Word页面。这个网站提供了一个在线转
  • 2025版最新如何参加护网行动？零基础入门到精通，收藏这篇就够了！ 程序媛西米 网络安全web安全网络安全HVV护网行动网络安全计算机
    1.什么是护网行动护网行动是以公安部牵头的，用以评估企事业单位的网络安全的活动。具体实践中，公安部会组织攻防两方，进攻方会在一个月内对防守方发动网络攻击，检测出防守方（企事业单位）存在的安全漏洞。通过与进攻方的对抗，企事业单位网络、系统以及设备等的安全能力会大大提高。“护网行动”是国家应对网络安全问题所做的重要布局之一。“护网行动”从2016年开始，随着我国对网络安全的重视，涉及单位不断扩大，越来
  • 输电线路参数测试：参数解读及运用指南 武汉凯迪正大 电缆线路测试系统经验分享笔记其他百度生活交友学习
    在智能电网建设中，输电线路的工频参数（如正序电容、零序阻抗等）直接影响电力系统的稳定性和继电保护装置的整定精度。传统测试方法面临强电场干扰、接线复杂等难题，本文将以KDGXG-I型测试仪为例，从工作原理、参数解读到实操指南，带您全面了解这一电力测试领域的黑科技。一、工作原理：如何突破强电场干扰？KDGXG-I采用双频智能变频技术，如同为仪器配备了"降噪耳机"：变频电源模块：输出47.5Hz/52.
  • 《react》前端面试题 微 光 面试题react.js前端javascript
    说说你对reacthook的理解ReactHooks是React16.8版本引入的一种新的特性，它允许在不编写class的情况下使用state和其他React特性。我的理解主要集中在以下几个方面：函数组件的状态管理：Hooks提供了useState这样的钩子函数，使得我们可以在函数组件中使用状态（state），而不需要将组件转换为class组件。这简化了代码，并使组件的逻辑更易于理解和维护。副作用
  • 移远通信推出三款天线新品，以更加丰富的产品组合满足客户的多样化需求 移远通信 天线
    1月9日，在2025年国际消费电子产品展览会(CES)期间，全球领先的物联网整体解决方案供应商移远通信宣布，正式推出三款天线产品，包括GNSS有源外置天线YEGN103W8A、5G终端安装橡胶偶极子外置天线YECT004W1A以及无源L波段、GNSS和铱星天线YFTA009E3AM，进一步丰富了移远通信的模组天线产品组合。移远通信COO张栋表示：“随着此次三款全新天线的推出，我们的天线产品线再次得
  • 【vLLM 学习】使用 TPU 安装 HyperAI超神经 vLLM学习人工智能vLLM深度学习TPU机器学习教程
    vLLM是一款专为大语言模型推理加速而设计的框架，实现了KV缓存内存几乎零浪费，解决了内存管理瓶颈问题。更多vLLM中文文档及教程可访问→https://vllm.hyper.ai/vLLM使用PyTorchXLA支持GoogleCloudTPU。依赖环境GoogleCloudTPUVM（单主机和多主机）TPU版本:v5e、v5p、v4Python:3.10安装选项：href=“https://v
  • 浅述WinForm 和 WPF 的前景 ^@^lemon tea^@^ WPF浅述WinForm和WPF前景
    在.NET开发领域，WinForm和WPF都是用于创建桌面应用程序的技术框架，但它们在很多方面存在差异，对于开发者来说，也常常会思考哪个更有前途。一、WinForm1.成熟/稳定度：WinForms是较早的桌面应用程序框架，自.NET1.0以来就存在，到2025年已经存在了很长的时间。它已经经过了长时间的使用和优化，拥有成熟的开发模式和大量的可用资源（大量的文档和社区支持）。许多企业级应用在过去都
  • 24.pocsuite3：开源的远程漏洞测试框架 白帽少女安琪拉 安全工具网络安全网络
    一、项目介绍pocsuite3是一款由Knownsec404Team开发的开源远程漏洞测试框架，专注于快速验证和利用已知漏洞。其通过模块化设计和插件化架构，支持用户编写自定义POC（ProofofConcept），覆盖Web漏洞、系统漏洞、数据库漏洞等多种类型，适用于红队渗透、漏洞验证及安全研究等场景。1.1核心功能模块化设计：支持编写、加载和执行自定义POC，灵活适应不同场景。内置丰富的POC库
  • 打造专业海报，不再难！5款AI绘画工具助你轻松生成 Ai工具分享 AI作画
    在过去，不会PS却想要制作一张拿得出手的海报，那简直是一项艰巨无比的任务。但新增使用AI绘画功能，稍等一会就能生成1-4张设计感不错的成品营销海报。只需输入一句需求，即可轻松完成。下面小编就来给大家分享3款这种神奇的AI设计工具。一、牛学长图片修复工具在众多AI生图工具中，牛学长图片修复工具凭借其强大的AI技术和用户友好的界面设计脱颖而出。该工具的AI图片生成功能，不仅支持一键生成高质量图像，还特
  • 4款老照片AI自动修复工具分享，让老照片重焕光彩 Ai工具分享 人工智能
    老照片承载着我们的成长历程、家庭的变迁以及社会的发展印记。然而，岁月无情，它们逐渐失去了原本的光彩，让我们在回忆时总觉得少了些什么。但随着自动修复软件的出现，让老照片的修复变得不再遥不可及。这些软件利用先进的图像处理技术，能够自动识别并修复照片上的瑕疵，让老照片重焕光彩。下面小编就来给大家分享几款AI自动修复工具，帮助你找回那些遗失的美好时光。一、牛学长图片修复工具牛学长图片修复工具是一款功能强大
  • DeepSeek 加持！IvorySQL 文档智能助手正式上线！ 数据库deepseek开源
    DeepSeek加持！IvorySQL文档智能助手正式上线！"那个配置参数到底在第几章？"——正在部署IvorySQL的运维工程师小“I”，第5次按Ctrl+F搜索文档。从版本差异到参数说明，在浩如烟海的技术文档中精准定位信息，曾是所有开发运维人员们的必修课。技术文档是我们了解开源项目的必要渠道之一，但文档内容繁杂，学习成本巨大。IvorySQL作为一款基于PostgreSQL研发的兼容Oracl
  • YashanDB UNDO表空间管理 数据库
    UNDO表空间用于YashanDB创建和管理回滚（撤销数据库更改）信息，这种信息包括交易行为的记录，且主要是在交易提交之前，统称为undo。undo记录用于：执行ROLLBACK语句回滚事务恢复数据库提供读取一致性使用闪回查询分析较早时间点的数据使用闪回功能从逻辑损坏中恢复设置最短撤销保留期YashanDB提供一种自动化的机制，称为自动撤销管理，用于管理undo信息和空间。当启用自动撤销管理时，始
  • 实现手机银行应用框架鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例提供了一个手机银行应用的基本框架，包含“首页”、“财富”、“生活”、“我的”四个模块。应用只展示了基本的页面，其中具体功能的实现，开发者可根据需求自行开发。实现手机银行应用框架源码链接效果预览使用说明进入应用，点击下方的tabBar可浏览不同的模块，其中一些功能未开发，只是作为页面布局展示。应用中登录验证，只是UI能力，手机号输入满11位，验证码为12345
  • 智商测试原理全解析：从心理学到统计学，一文读懂(包含数据接口 2401_84193787 职场发展职场和发展求职招聘单一职责原则
    智力测验（IntelligenceTest）是有关人的普通心智功能的各种测验的总称，又称普通能力测验。编制这类测验的目的是为了综合评定人的智力水平。早期编制的智力测验多采取个人测验的形式，这是单独评估心智功能的最好方法。国际上常用的个人智力测验主要有两种：斯坦福-比奈智力量表和韦克斯勒智力量表。现在常用测验包括：比奈－西蒙智力量表、韦克斯勒智力量表、斯坦福一比奈智力量表、瑞文标准智力测验、军队甲种
  • 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其他