weixin_30588827
weixin_30588827

基于gulp的前端框架开发规范

前端开发及相关规范 - 基于gulp的前端框架开发规范

1.前端开发工具的安装和使用说明

前端开发工具的目录结构

html codeBuilder - v0.9 
├── statics
    ├── html //静态文件开发
    ├── js // 非require引入的js文件
    ├── Lib // 第三方JS包
    ├── ve_2_1 //
        ├── css // 样式目录
            ├── fonts // bootstrap的图标字体
            ├── img // 图片目录
            ├── less // less源码
            ├── sprite // 雪碧图按目录全称目录名的图片
                ├── dirName
            ├── vender // 第三方css包,比如bootstrap
        ├── js // JS目录
            ├── dist //生成文件的目录(与开发源码目模块对应)
                ├── cart.js  
                ├── common.js 
                ├── lib.js 
                ├── region.js 
                ├── sidebar.js 
                ├── tpl.js 
                ├── user.js 
                ├── web.js 
            ├── src // 开发源码的目录
                ├── cart // 购物车模块
                ├── common // 公共的函数模块
                ├── lib // 公共jq插件模块
                ├── region // 处理联动地址的模块
                ├── sidebar // 侧边栏模块
                ├── tpl //  前端mvc模板引擎的压缩源码
                ├── user // 用户中心模块
                ├── web // VE前端模块，包括首页、亲子、品牌专题、详情页等
            ├── tpl //
            ├── config.dev.js // requirejs 开发配置文件[自动生成]
            ├── config.js // requirejs开发配置文件[自动生成]
            ├── config.release.js //
            ├── config.test.js // requirejs 测试环境配置文件[自动生成]
            ├── js.map.json // 压缩后的文件位置映射[自动生成]
            ├── path.json // requirejs 的 config -> path 内容，第三包的路径缩写配置
            ├── shim.json // requirejs 的 config -> shim 内容，第三包的依赖申明
            ├── ver_config.json // 开发、测试、预生产到发布，方便部署静态资源，而创建的版本和环境变量
        ├── tpl //
            ├── toolbar
                ├── mian.html 
    ├── dot.gif // lazyloading的占位符
    ├── evc-VE.js // 在线客服的js
    ├── favicon.ico // 网站的缩略logo
    ├── README.md // 文档首页内容 markdown 语法
    ├── region.js // 地址

statics/Lib // 第三方JS包 目录说明

每个包单独一个文件夹，目的是：方便一个包多版本存放
如：jQuery 的 1.x 跟 2.x ， 2.x 是针对移动版

安装

  • 前往 http://nodejs.org/ 安装nodeJS
    • 注意系统是32位还是64位的，选择对应的版本
    • 如果是windows系统，需自行设置好环境变量，将nodejs的路径加入到系统的 path 环境变量中
  • 在终端执行 npm install -g cnpm --registry=http://r.cnpmjs.org
    • 安装国内镜像管理命令-- cnpm
    • 参考文档 https://www.npmjs.org/package/cnpm
  • 在终端执行 npm install -g gulp ，安装 gulp 全局支持
  • 进入前端自动化开发和部署工具的目录，执行 npm install(使用国外镜像) 或 cnpm install(使用国内镜像)

-- enjoy --

升级自动化工具

  • 进入前端自动化开发和部署工具的目录，执行 npm install(使用国外镜像) 或 cnpm install(使用国内镜像)

执行自动化工具

以下操作，需进入 FeBuilder 的解压目录目录下执行

  • gulp
    • 监控 less 文件变化，自动生成 css
    • 监控 js/src 文件变化， 自动在 dist 目录生成对应的压缩 js
    • 监控 js/src 文件变化， 自动在 doc 目录，根据 jsdoc 格式，生成文档
    • 监控 css/sprite 目录，如果有新 sns 文件，自动生成雪碧图

注：如果添加新目录，需重新执行该指令，否则新目录不会监控

  • gulp sprite 生成雪碧图
  • gulp script 压缩，合并，打包js
  • gulp less 编译less文件
  • gulp watch

数据格式约定

  • 原则上，前端开发是完全可以脱离开发环境和生产环境来进行的，因为前端开发主要是开发一些静态的资源，比如 HTML 、 CSS和 JS 等。
  • 与后端的通讯，我们约定以 JSON 的格式进行数据交换，那么前端开发完全就可以本地模拟一个 .json 格式的文件来进行开发调试。
  • 基于 JSON 的本地模拟数据，在与后端的同事沟通约定后，只需要对方API返回的数据结构和本地模拟的一致即可。

2.前端开发工具的相关约定

文件和目录的命名约定

  • 必须是英文单词、名字拼音或者名字拼音首字母;
  • 多个单词用下划线(_)连接;
  • 只能出现英文字母、数字、连字符(_)，严禁以中文名来命名;
    > 注：此命名约定适用于 html, css, js, swf, php, xml, png, gif, jpg, ico 等前端维护的所有文件类型和相关目录

开发文件的建立

  • css
    • 基于gulp的前端框架，前端开发是通过编写LESS，然后gulp会自动监听LESS来生成压缩的CSS，生成的文件与LESS同名
    • 在 css/less 目录下建立LESS文件
    • 不需要输出的CSS的，文件名要以下划线 _ 为前缀，通过 @import 包含的方式调用
    • 例如: @import "_ve_index";（注意，@import包含的less文件可将.less后缀省略掉）
    • 尽管LESS语法兼容CSS语法，但LESS源文件的编写请遵循LESS语法，以提高它的可读性和可维护性。 
  • icon合成雪碧图 -css sprite
    • 在 css/sprite 目录下，按照功能模块的不同来建立文件夹，然后将零星的小图标放置在这个文件夹中；
    • 在gulp启动的状态下，它会自动监控文件夹中文件的变化，自动合成 css/img/dirName.png 雪碧图及 css/less/_sp_dirName.less。
    • 通过 @import 包含的方式调用 _sp_dirName.less即可
    • 请注意，如果一个项目没有icon，则不要建立一个空的文件夹，gulp会报错。
什么是CSS Sprites？？

CSS Sprites就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的background-image，background-repeat，background-position的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。利用CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这也是CSS Sprites最大的优点。

  • Javascript

    为了项目更容易管理和团队协作，js的开发需要以模块化的方式进行。
    在 ve_2_1/js/src 目录下建立按照功能模块的不同，来建立文件夹及js文件

    • js要按照AMD规范来命名和书写， 通过requireJS包管理器的方式来加载它依赖的其他js模块；
    • js编译好之后，会自动压缩到 ve_2_1/js/dist 目录，在页面中需要配合require.js（js依赖管理）和config.js（依赖的配置文件）来加载自动压缩后的js。
    • config.js有四个不同环境： config.dev.js、config.test.js、config.release.js和config.js 分别对应 开发环境、测试环境、预生产环境和生产环境。
    • 四个不同环境的js文件加载，在嵌套cms系统的前端模板时，只需要用 {php echo init_js();} (后端php同事要预先封装好init_js 函数)来动态输出即可。

      *** 更多js模块化开发的参考文档:
    • RequireJS和AMD规范
    • Javascript模块化编程1
    • Javascript模块化编程2
    • Javascript模块化编程3

    *** 举例：

    ve双城首页的js，我们就建立在 js/src/web 目录下，并命名为index.js，它依赖于'jquery.slide', 'web/common', 'web/timer'和jquery，而'jquery.slide', 'web/common', 'web/timer'也依赖于jqeury，jquery已被全局化，那么index.js应该是这样的：

    • index.js:
    javascript codeBuilder - v0.9 
        define('web/index', ['jquery.slide', 'web/common', 'web/timer'], function(slide, common) { var doc = document, win = window; //首页大图轮播 var _fullSlide = function() { var $sliderBox = $('.slider_box'); var $fullSlide = $('.fullSlide'); var imgs = $fullSlide.find('.bd .preload'); var now_img = $fullSlide.find('.bd img').eq(0); ...

    又如 common.js应该是这样的：

    • common.js:
    javascript codeBuilder - v0.9 
        define('web/common', [], function() { var exports = {}; var doc = document, win = window; //网页顶部的关注hover事件 exports.hover_qr = function() { $('.QRcode').on('mouseover', function() { $('.QRcode-box').toggle(); $('.QRcode i').toggleClass('selected'); }).on('mouseout', function() { $('.QRcode-box').toggle(); $('.QRcode i').toggleClass('selected'); }); }; ...

    index.js 和common.js不需要在引用jquery.js,在它们内部中可以直接使用全局jquery中定义的 $符号。

    • 页面中加载index.js的方法
    html codeBuilder - v0.9

你可能感兴趣的:(基于gulp的前端框架开发规范)

  • 从学龄前开始解读FFMPEG代码 之 avformat_find_stream_info函数三 zzyincsdn FFMPEG音视频视频处理c语言
    从学龄前开始解读FFMPEG代码之avformat_find_stream_info函数三开始学习前想说的话函数实现4-EOF的情况和flush函数实现5-第四次循环结尾的话开始学习前想说的话鸽了许久，最近所做的项目算是有暂时喘口气的机会了，赶快吧FFmpeg解读捡起来，上次说到在第三次循环中，avformat_find_stream_info会对视频码流数据进行检查，以至于会进行一部分音视频数据
  • springcloudgateway原理 zzyh123456 spring
    SpringCloudGateway的原理主要涉及到请求的接收、路由匹配、请求转发、响应接收以及响应返回给客户端的整个过程。以下是对SpringCloudGateway工作原理的详细解析：1.请求接收当客户端发送请求到SpringCloudGateway时，Gateway作为API网关，首先会接收到这些请求。2.路由匹配SpringCloudGateway通过RouterLocator接口实现路由
  • 正则表达式 匹配特定字符后的所有字符 zzyh123456 正则表达式数据库mysql
    在处理文本数据时，正则表达式（RegularExpressions，简称Regex）是一种非常强大的工具，它可以用来搜索、匹配和替换文本中符合特定模式的字符串。首先，明确我们的目标是匹配完整的URL，并获取它之后的所有字符。由于正则表达式默认是贪婪的（即尽可能多地匹配字符），我们可以直接编写一个模式来匹配这个URL后跟任意数量的任意字符。以下是一个可能的正则表达式示例：regexhttps:\/\
  • 实验三 Servlet 基础 沈香香 web
    一、实验目的1、理解Servlet的工作原理；2、掌握javabean在web程序中的应用；3、掌握基于Servlet的MVC模式；二、实验要求掌握Servlet的编程技术。掌握Web程序中使用javabean实现业务逻辑熟练使用IDE开发Servlet应用掌握Servlet3.0的注解功能三、实验内容1、使用JSP、Servlet、JavaBean实现基于MVC模式的用户登录验证程序。2、完成上
  • 【VSCode】当前工作区不受信任，因此已禁用此扩展。 Autumn7299 杂记vscode
    问题描述受限模式开启导致插件被禁用解决方案1.打开设置界面2.在对应的搜索框中输入命令：security.workspace.trust3.关闭工作区信任功能4.重启软件后生效
  • 高通modem架构_高通神经网络处理引擎SNPE分析与评测 weixin_39811036 高通modem架构
    骁龙（SnapDragon）神经处理引擎（SNPE）是一个针对高通骁龙加速深层神经网络的运行时软件，高通在CSDN和其官网都提供了下载。本文以SNPE1.23为基准，将结合高通官方的SDK说明文档（高通在CSDN也提供了开发者社区，中文社区论坛，以及SNPE部分文档），介绍SNPE这一高通官方的神经网络处理引擎开发包。开发中有疑问可在高通的CreatePoint检索相关文档或者在SNPE论坛提交疑
  • Qwen2.5-Max 百态老人 笔记大数据人工智能
    Qwen2.5-Max是阿里巴巴于2024年1月29日发布的一款旗舰级人工智能模型，基于混合专家（MoE）架构开发，拥有超过20万亿tokens的超大规模预训练数据。这一模型在多项权威基准测试中展现了卓越的性能，超越了包括DeepSeekV3、GPT-4和Claude-3.5-Sonnet在内的多款国际顶尖AI模型，标志着中国AI技术在高性能、低成本路线上的重大突破。技术特点与优势超大规模预训练数
  • 流数据库中的RisingWave和Materialize weixin_30777913 数据库
    流数据库（StreamingDatabase）是一种专门设计用于处理大量实时流数据的数据库，它能够在数据生成时立即进行处理，从而实现实时洞察和分析。RisingWave和Materialize都是这一领域的代表性技术。RisingWave和Materialize都是强大的流数据库技术，它们各自具有独特的技术特点和应用场景。通过利用这些技术，企业可以构建实时、高效、可扩展的数据处理系统，以满足不断变
  • hive怎么处理过滤掉满足多个多个条件的记录_Hive基础面试题总结 weixin_39761422
    点击关注上方“知了小巷”，设为“置顶或星标”，第一时间送达干货。1.描述一下Hive动态分区和分桶使用场景和使用方法分区按照数据表的某列或某些列分为多个分区，分区从形式上可以理解为文件夹，比如我们要收集某个大型网站的日志数据，一个网站每天的日志数据存在同一张表上，由于每天会生成大量的日志，导致数据表的内容巨大，在查询时进行全表扫描耗费的资源非常多。那其实这个情况下，我们可以按照日期对数据表进行分区
  • Linux安装Python3 培根芝士 PythonLinuxpythonlinux
    1.下载python3编译的依赖包yuminstall-ygccpatchlibffi-develpython-develzlib-develbzip2-developenssl-develncurses-develsqlite-develreadline-develtk-develgdbm-develdb4-devellibpcap-develxz-devel2.安装openssl1.1.xyu
  • Docker 容器网络问题排查与最佳实践 - PushGateway 部署案例分析
    qustion1.问题背景在数据中心部署PrometheusPushGateway服务时，遇到了一个典型的容器网络访问问题。相同的部署配置在不同数据中心呈现出不同的网络访问结果，本文将详细分析问题的排查过程和解决方案。2.问题现象搭建典型的pushgateway服务，使用了nginx与pushgateway整合，为什么整合呢？主要原因是安全扫描扫描出来很多pushgateway的安全漏洞，也木有经
  • 字符编码发展史6 — BOM字节序标记 c++
    上一篇《字符编码发展史5—UTF-16和UTF-32》我们讲解了UTF-16和UTF-32编码。本篇我们将继续讲解字符编码中的字节序标记(BOM)。2.3.第三个阶段国际化2.3.2.Unicode的编码方式2.3.2.5.BOM1.什么是BOM？BOM是ByteOrderMark的缩写，翻译成中文是：字节序标记，主要用于文本编码中，表示数据存储的字节顺序。前面我们讲到UTF-16和UTF-32是
  • Linux C++ 开发9 - 手把手教你使用gprof性能分析工具 c++
    1.什么是gprof？2.gprof的用法2.1.编译程序2.2.运行程序2.3.生成分析报告2.4.gprof常用参数说明2.5.分析报告解读2.5.1.Flatprofile各个字段的含义2.5.2.Callgraph各个字段的含义3.Demo演示3.1.demo04.cpp源码3.2.编译、运行和分析3.3.查看分析报告1.什么是gprof？gprof这是一个GNU的性能分析工具，它是GCC
  • 再別科橋 诗两首 程序员
    广州塔下搬砖望帝景source:上图来源已经标注再別科橋悄悄地我走了，正如我悄悄地來；我最後發了個farewell，作別當天的戰友。那科韻路的天橋，是每天職場朝聖之巔；地攤檔的人間煙火，心靈拷問：哦了麼？棠石路旁的都城，油膩雙拼是年終獎後的奢侈；而旁邊的金拱門裡，我甘心吃12元的1+1。那天河公園的小潭，不是小鳥天堂，是房東百萬鏡頭陣地；一隻翠鳥停桿上，完成了無數朋友圈的夢。尋夢？背上一台note
  • DeepSeek R1 AI 论文翻译 后端java
    摘要原文地址：DeepSeekR1AI论文翻译我们介绍了我们的第一代推理模型，DeepSeek-R1-Zero和DeepSeek-R1。DeepSeek-R1-Zero是一个通过大规模强化学习（RL）训练的模型，且在此过程中未使用监督微调（SFT）作为预处理步骤，展现出了显著的推理能力。通过RL，DeepSeek-R1-Zero自然而然地展现了许多强大且引人注目的推理行为。然而，它也遇到了一些挑战
  • Python机器学习实战：主成分分析(PCA)的原理和实战操作 AI天才研究院 大数据AI人工智能AI大模型企业级应用开发实战计算计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    Python机器学习实战：主成分分析(PCA)的原理和实战操作1.背景介绍1.1什么是主成分分析(PCA)？主成分分析（PrincipalComponentAnalysis，PCA）是一种常用的无监督学习算法，用于数据降维和特征提取。它通过线性变换将原始高维数据映射到低维空间，同时保留数据的主要特征和信息。PCA的目标是找到数据中最主要的方向（主成分），沿着这些方向对数据进行投影，从而实现降维。1
  • Rust语言进阶之文件处理：BufReader用法实例(一百零三) Android系统攻城狮 rust开发语言后端
    简介：CSDN博客专家、《Android系统多媒体进阶实战》一书作者新书发布：《Android系统多媒体进阶实战》优质专栏：Audio工程师进阶系列【原创干货持续更新中……】优质专栏：多媒体系统工程师系列【原创干货持续更新中……】优质视频课程：AAOS车载系统+AOSP14系统攻城狮入门视频实战课人生格言：人生从来没有捷径，只有行动才是治疗恐惧和懒惰的唯一良药.更多原创,欢迎关注：Android系
  • Kubernetes 配置Pod使用代理上网
    配置KubernetesPod使用代理上网在企业网络环境中进行Kubernetes集群的管理时，经常会遇到需要配置Pods通过HTTP代理服务器访问Internet的情况。这可能是由于各种原因，如安全策略限制、网络架构要求或者访问特定资源的需要。本文将介绍配置Kubernetes中Pod使用代理的两种常见方式：通过ConfigMap和直接在应用程序环境变量中设置。使用场景Kubernetes集群中
  • 使用Jenkins和单个模板部署多个Kubernetes组件
    前言在持续集成和部署中，我们通常需要部署多个实例或组件到Kubernetes集群中。通过Jenkins的管道脚本，我们可以自动化这个过程。在本文中，我将演示如何使用JenkinsPipeline及单个YAML模板文件（.tpl）来部署多个类似的Kubernetes组件，而不需要为每个组件提供单独的模板文件。问题背景参照：JenkinsPipeline脚本优化实践：从繁琐到简洁批量生成Kuberne
  • 位运算和操作符属性 刃神太酷啦 蓝桥杯C++组
    位运算和操作符属性除了课件中提到的那几种应用，其他时候一般先不考虑用这个原反补码printf("%d\n,017")打印出来则是15printf("%d\n,0017")打印出来也是15printf("%d\n,0x017")打印出来是23eg:2进制转换为32进制则''每5个2进制位转化成一个32进制位...''int类型的原码,反码，补码都是32位（因为占4个比特位）整数在进行位运算时，才用原
  • 如何高效使用Excel的SUMIF函数：掌握条件求和的技巧
    背景：在日常工作中，我们经常遇到这样的情况：需要根据特定条件对一系列数据进行求和。幸运的是，Excel提供了一个强大的工具来简化这一任务——SUMIF函数。本博客将带你深入了解如何使用SUMIF函数，包括一些实用的示例和高级技巧。SUMIF函数概述SUMIF函数是一个条件求和函数，它允许你在满足一个条件的情况下求和一列数字。它的基本语法如下：SUMIF(range,criteria,[sum_ra
  • 十五、CentOS 7 下 安装python3.10 使用最新openssl 默金…… centoslinux运维
    要在CentOS7上安装Python3.10并使用最新的OpenSSL，可以按照以下步骤进行操作：更新系统软件包：使用yum命令更新系统软件包到最新版本：sudoyumupdate安装编译工具和依赖项：安装构建Python和OpenSSL所需的编译工具和依赖项：sudoyumgroupinstall"DevelopmentTools"sudoyuminstallzlib-develbzip2-de
  • Hive面试重点 未来影子 面试hivehive面试bigdata
    文章目录Hive介绍Hive架构（重点）Hive内外部表（重点）Hive建表语句Hive数据倾斜以及解决方案（重点）Hive的自定义函数Hive的sortby、distributeby、cluserby、orderby区别Hive分区和分桶的区别HQL转化为MR的过程Hive的存储引擎和计算引擎1、计算引擎2、存储引擎Join的操作原理1、CommonJoin2、MapJoin3、SMBJoinH
  • 神经架构搜索：自动化设计神经网络的方法 俊星学长 架构自动化神经网络
    神经架构搜索：自动化设计神经网络的方法一、引言在深度学习领域，神经网络架构的设计对模型的性能具有至关重要的影响。传统的神经网络设计依赖于专家经验和大量实验，这一过程繁琐且耗时。为了解决这一问题，神经架构搜索（NeuralArchitectureSearch,NAS）应运而生。NAS是一种自动化设计神经网络架构的方法，旨在通过搜索最优的神经网络结构来提高模型性能。本文将详细介绍神经架构搜索的定义、产
  • 继续分享实用工具的Python源码，欢迎二开 mosquito_lover1 信息可视化python开源
    Excel数据处理工具一个功能强大的Excel数据处理工具，支持数据清洗、转换和分析等功能资源-CSDN文库邮件自动化工具一个功能强大的邮件自动化工具，支持批量发送邮件和自定义模板资源-CSDN文库网页爬虫工具一个功能强大的网页爬虫工具，支持自定义规则和批量数据提取资源-CSDN文库日志分析工具一个功能强大的日志分析工具，支持多种格式的日志文件分析和可视化资源-CSDN文库文件重命名工具一个功能强
  • 猫眼大数据开发面试题及参考答案 大模型大数据攻城狮 数据仓库大数据数据开发窗口函数hive外部表维度建模数仓分层
    Java基本数据类型有哪些？包装类型又是什么？Java的基本数据类型是Java语言中最基础的数据类型，它们用于存储简单的值。Java的基本数据类型主要分为以下几类：整型byte：占1个字节，取值范围是-128到127，通常用于节省内存的场景，比如处理文件或网络数据时，存储一些小的整数值。short：占2个字节，取值范围是-32768到32767，使用场景相对较少，但在某些需要节省内存且数值范围不大
  • STM32F103C8T6驱动HC-SR04超声波模块测距打印在串口上 单片机阿伟 单片机嵌入式硬件stm32
    引言HC-SR04超声波测距模块因其成本低、精度高、使用简单，被广泛应用于机器人避障、液位检测等领域。本文将结合STM32F103C8T6的驱动代码，详细解析HC-SR04的工作原理及实现方法，帮助开发者快速上手。源码链接：https://share.weiyun.com/RJG4fPjyHC-SR04模块工作原理触发信号：向Trig引脚发送至少10μs的高电平脉冲，触发模块发射8个40kHz超声
  • C#面：ASP.NET Core Filter如何支持依赖注入? 那个那个鱼 c#ASP.NETC#面试题c#asp.net开发语言.net
    ASP.NETCoreFilter可以通过依赖注入来支持。在ASP.NETCore中，依赖注入是一种将依赖对象提供给类的机制，它可以帮助我们解耦和测试代码。要在ASP.NETCoreFilter中使用依赖注入，可以按照以下步骤进行操作：首先，需要在Startup类的ConfigureServices方法中注册依赖项。可以使用内置的依赖注入容器（IServiceCollection）来注册依赖项。例
  • 第28节课：前端项目实战—从需求分析到开发流程的全方位指南 学问小小谢 HTML学习笔记前端需求分析安全web安全网络性能优化html5
    目录项目需求分析与设计项目背景与目标项目背景项目目标需求收集与分析用户需求业务需求项目设计技术栈选择系统架构设计数据库设计项目开发流程环境搭建安装Node.js和npm初始化项目编码实践组件化开发状态管理测试与调试单元测试集成测试部署与维护部署维护结语在前端开发领域，将理论知识应用于实际项目是提升技能的关键。本节课将通过一个完整的前端项目实战案例，详细介绍项目需求分析与设计，以及项目开发流程，帮助
  • 数据结构与算法之栈: LeetCode 3100. 换水问题 II (Ts版) Wang's Blog DataStructureandAlgorithmsleetcode算法
    换水问题II给你两个整数numBottles和numExchange。numBottles代表你最初拥有的满水瓶数量。在一次操作中，你可以执行以下操作之一：喝掉任意数量的满水瓶，使它们变成空水瓶。用numExchange个空水瓶交换一个满水瓶。然后，将numExchange的值增加1。注意，你不能使用相同的numExchange值交换多批空水瓶。例如，如果numBottles==3并且numExc
  • 微信开发者验证接口开发 362217990 微信 开发者 token 验证
    微信开发者接口验证。 Token，自己随便定义，与微信填写一致就可以了。 根据微信接入指南描述 http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html 第一步：填写服务器配置 第二步：验证服务器地址的有效性 第三步：依据接口文档实现业务逻辑 这里主要讲第二步验证服务器有效性。 建一个
  • 一个小编程题-类似约瑟夫环问题 BrokenDreams 编程
            今天群友出了一题：         一个数列,把第一个元素删除,然后把第二个元素放到数列的最后,依次操作下去,直到把数列中所有的数都删除,要求依次打印出这个过程中删除的数。      &
  • linux复习笔记之bash shell (5) 关于减号-的作用 eksliang linux关于减号“-”的含义linux关于减号“-”的用途linux关于“-”的含义linux关于减号的含义
        转载请出自出处： http://eksliang.iteye.com/blog/2105677        管道命令在bash的连续处理程序中是相当重要的，尤其在使用到前一个命令的studout（标准输出）作为这次的stdin（标准输入）时，就显得太重要了，某些命令需要用到文件名，例如上篇文档的的切割命令（split）、还有
  • Unix(3) 18289753290 unix ksh
    1)若该变量需要在其他子进程执行，则可用"$变量名称"或${变量}累加内容 什么是子进程？在我目前这个shell情况下，去打开一个新的shell，新的那个shell就是子进程。一般状态下，父进程的自定义变量是无法在子进程内使用的，但通过export将变量变成环境变量后就能够在子进程里面应用了。 2)条件判断： &&代表and  ||代表or&nbs
  • 关于ListView中性能优化中图片加载问题 酷的飞上天空 ListView
    ListView的性能优化网上很多信息，但是涉及到异步加载图片问题就会出现问题。 具体参看上篇文章http://314858770.iteye.com/admin/blogs/1217594   如果每次都重新inflate一个新的View出来肯定会造成性能损失严重，可能会出现listview滚动是很卡的情况，还会出现内存溢出。 现在想出一个方法就是每次都添加一个标识，然后设置图
  • 德国总理默多克：给国人的一堂“震撼教育”课 永夜-极光 教育
    http://bbs.voc.com.cn/topic-2443617-1-1.html德国总理默多克：给国人的一堂“震撼教育”课　 安吉拉—默克尔，一位经历过社会主义的东德人，她利用自己的博客，发表一番来华前的谈话，该说的话，都在上面说了，全世界想看想传播——去看看默克尔总理的博客吧！ 　　德国总理默克尔以她的低调、朴素、谦和、平易近人等品格给国人留下了深刻印象。她以实际行动为中国人上了一堂
  • 关于Java继承的一个小问题。。。 随便小屋 java
    今天看Java 编程思想的时候遇见一个问题，运行的结果和自己想想的完全不一样。先把代码贴出来！ //CanFight接口 interface Canfight { void fight(); } //ActionCharacter类 class ActionCharacter { public void fight() { System.out.pr
  • 23种基本的设计模式 aijuans 设计模式
    Abstract Factory：提供一个创建一系列相关或相互依赖对象的接口，而无需指定它们具体的类。 　　Adapter：将一个类的接口转换成客户希望的另外一个接口。A d a p t e r模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 　　Bridge：将抽象部分与它的实现部分分离，使它们都可以独立地变化。 　　Builder：将一个复杂对象的构建与它的表示分离，使得同
  • 《周鸿祎自述：我的互联网方法论》读书笔记 aoyouzi 读书笔记
    从用户的角度来看,能解决问题的产品才是好产品,能方便/快速地解决问题的产品,就是一流产品.   商业模式不是赚钱模式 一款产品免费获得海量用户后,它的边际成本趋于0,然后再通过广告或者增值服务的方式赚钱,实际上就是创造了新的价值链.   商业模式的基础是用户,木有用户,任何商业模式都是浮云.商业模式的核心是产品,本质是通过产品为用户创造价值. 商业模式还包括寻找需求
  • JavaScript动态改变样式访问技术 百合不是茶 JavaScriptstyle属性ClassName属性
      一:style属性 格式:  HTML元素.style.样式属性="值";   创建菜单:在html标签中创建 或者 在head标签中用数组创建   <html> <head> <title>style改变样式</title> </head> &l
  • jQuery的deferred对象详解 bijian1013 jquerydeferred对象
            jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。         每个版本都会引入一些新功能，从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。    &nb
  • 淘宝开放平台TOP Bill_chen C++c物流C#
    淘宝网开放平台首页：http://open.taobao.com/ 淘宝开放平台是淘宝TOP团队的产品，TOP即TaoBao Open Platform， 是淘宝合作伙伴开发、发布、交易其服务的平台。 支撑TOP的三条主线为：    1.开放数据和业务流程     * 以API数据形式开放商品、交易、物流等业务；  &
  • 【大型网站架构一】大型网站架构概述 bit1129 网站架构
    大型互联网特点 面对海量用户、海量数据 大型互联网架构的关键指标 高并发 高性能 高可用 高可扩展性 线性伸缩性 安全性 大型互联网技术要点   前端优化 CDN缓存 反向代理 KV缓存 消息系统 分布式存储 NoSQL数据库 搜索 监控 安全 想到的问题： 1.对于订单系统这种事务型系统，如
  • eclipse插件hibernate tools安装 白糖_ Hibernate
    eclipse helios(3.6)版 1.启动eclipse 2.选择 Help > Install New Software...> 3.添加如下地址： http://download.jboss.org/jbosstools/updates/stable/helios/ 4.选择性安装：hibernate tools在All Jboss tool
  • Jquery easyui Form表单提交注意事项 bozch jquery easyui
    jquery easyui对表单的提交进行了封装，提交的方式采用的是ajax的方式，在开发的时候应该注意的事项如下：         1、在定义form标签的时候，要将method属性设置成post或者get，特别是进行大字段的文本信息提交的时候，要将method设置成post方式提交，否则页面会抛出跨域访问等异常。所以这个要
  • Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量 bylijinnan java实现
    import java.util.LinkedList; public class CaseInsensitiveTrie { /** 字典树的Java实现。实现了插入、查询以及深度优先遍历。 Trie tree's java implementation.(Insert,Search,DFS) Problem Description Igna
  • html css 鼠标形状样式汇总 chenbowen00 htmlcss
    css鼠标手型cursor中hand与pointer  Example：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a><br/>  Example：CSS鼠标手型效果 <a href="#" style=&qu
  • [IT与投资]IT投资的几个原则 comsci it
          无论是想在电商,软件,硬件还是互联网领域投资,都需要大量资金,虽然各个国家政府在媒体上都给予大家承诺,既要让市场的流动性宽松,又要保持经济的高速增长....但是,事实上,整个市场和社会对于真正的资金投入是非常渴望的,也就是说,表面上看起来,市场很活跃,但是投入的资金并不是很充足的......    
  • oracle with语句详解 daizj oraclewithwith as
    oracle with语句详解 转 在oracle中，select 查询语句，可以使用with,就是一个子查询，oracle 会把子查询的结果放到临时表中，可以反复使用 例子:注意，这是sql语句，不是pl/sql语句， 可以直接放到jdbc执行的 ----------------------------------------------------------------
  • hbase的简单操作 deng520159 数据库hbase
    近期公司用hbase来存储日志,然后再来分析 ,把hbase开发经常要用的命令找了出来. 用ssh登陆安装hbase那台linux后 用hbase shell进行hbase命令控制台! 表的管理 1）查看有哪些表 hbase(main)> list 2）创建表   # 语法：create <table>, {NAME => <family&g
  • C语言scanf继续学习、算术运算符学习和逻辑运算符 dcj3sjt126com c
    /* 2013年3月11日20:37:32 地点：北京潘家园 功能：完成用户格式化输入多个值 目的：学习scanf函数的使用 */ # include <stdio.h> int main(void) { int i, j, k; printf("please input three number:\n"); //提示用
  • 2015越来越好 dcj3sjt126com 歌曲
    越来越好 房子大了电话小了 感觉越来越好 假期多了收入高了 工作越来越好 商品精了价格活了 心情越来越好 天更蓝了水更清了 环境越来越好 活得有奔头人会步步高 想做到你要努力去做到 幸福的笑容天天挂眉梢 越来越好 婆媳和了家庭暖了 生活越来越好 孩子高了懂事多了 学习越来越好 朋友多了心相通了 大家越来越好 道路宽了心气顺了 日子越来越好 活的有精神人就不显
  • java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim feiteyizu mysql
    数据表中有记录的time字段（属性为timestamp）其值为：“0000-00-00 00:00:00” 程序使用select 语句从中取数据时出现以下异常： java.sql.SQLException:Value '0000-00-00' can not be represented as java.sql.Date   java.sql.SQLException: Valu
  • Ehcache（07）——Ehcache对并发的支持 234390216 并发ehcache锁ReadLockWriteLock
    Ehcache对并发的支持          在高并发的情况下，使用Ehcache缓存时，由于并发的读与写，我们读的数据有可能是错误的，我们写的数据也有可能意外的被覆盖。所幸的是Ehcache为我们提供了针对于缓存元素Key的Read（读）、Write（写）锁。当一个线程获取了某一Key的Read锁之后，其它线程获取针对于同
  • mysql中blob,text字段的合成索引 jackyrong mysql
      在mysql中，原来有一个叫合成索引的，可以提高blob,text字段的效率性能， 但只能用在精确查询，核心是增加一个列，然后可以用md5进行散列，用散列值查找 则速度快 比如： create table abc(id varchar(10),context blog,hash_value varchar(40)); insert into abc(1,rep
  • 逻辑运算与移位运算 latty 位运算逻辑运算
    源码：正数的补码与原码相同例+7 源码：00000111 补码 ：00000111 （用8位二进制表示一个数） 负数的补码： 符号位为1，其余位为该数绝对值的原码按位取反；然后整个数加1。   -7 源码： 10000111 ，其绝对值为00000111  取反加一：11111001 为-7补码 已知一个数的补码，求原码的操作分两种情况：
  • 利用XSD 验证XML文件 newerdragon javaxmlxsd
    XSD文件 （XML Schema 语言也称作 XML Schema 定义（XML Schema Definition，XSD）。 具体使用方法和定义请参看： http://www.w3school.com.cn/schema/index.asp java自jdk1.5以上新增了SchemaFactory类 可以实现对XSD验证的支持，使用起来也很方便。 以下代码可用在J
  • 搭建 CentOS 6 服务器(12) - Samba rensanning centos
    （1）安装 # yum -y install samba Installed: samba.i686 0:3.6.9-169.el6_5 # pdbedit -a rensn new password:123456 retype new password:123456 …… （2）Home文件夹 # mkdir /etc
  • Learn Nodejs 01 toknowme nodejs
    （1）下载nodejs https://nodejs.org/download/ 选择相应的版本进行下载     （2）安装nodejs 安装的方式比较多，请baidu下 我这边下载的是“node-v0.12.7-linux-x64.tar.gz”这个版本 （1）上传服务器 （2）解压 tar -zxvf  node-v0.12.
  • jquery控制自动刷新的代码举例 xp9802 jquery
    1、html内容部分  复制代码代码示例: <div id='log_reload'> <select name="id_s" size="1"> <option value='2'>-2s-</option> <option value='3'>-3s-</option