__不靠谱先生
__不靠谱先生

纯前端实现3D旋转动态词云

功能埋点：
1. 纯前端实现，（很简单，也能继续优化，变色等等)
2. 对数据格式没有要求
3. 每一项可点击，可做JS效果（搜索，跳转等）

先看词云效果（动态旋转）不是gif图，实际是3D自动旋转效果
纯前端实现3D旋转动态词云_第1张图片
上代码：
HTML

<body>
	// body 里面没有任何元素，元素在js里创建了一个div
	// 两个script标签，上面的是jq的插件库网上找个版本就好，下面是自己写的js，下面会贴出来。
	<script type="text/javascript" src="./js/jquery.js">script>
    <script type="text/javascript" src="./js/move.js">script>
body>

CSS

    body {
   
            background: #ffffff center 230px;
        }

        #div1 {
   
            position: relative;
            width: 600px;
            height: 600px;
            margin: 20px auto 0;
            border-radius: 10px;
            border:1px solid #ccc !important
        }

        #div1 a {
   
            position: absolute;
            top: 0px;
            left: 0px;
            font-family: Microsoft YaHei;
            color: #0b85ff;
            font-weight: bold;
            text-decoration: none;
            padding: 3px 6px;
        }

        #div1 a:hover {
   
            opacity: 1 !important;
        }

JS/ move.js

var radius = 180;//3D 球的半径   词分布的半径
var dtr = Math.PI / 180;
var d = 600;

var mcList = [];
var active = false;		// 默认让文字旋转
var lasta = 1;
var lastb = 1;
var distr = true;
var tspeed = 2;//文字移动速度
var size = 250;
var dataArr = ['苹果', '香蕉', '橘子', '桃子', '西瓜', '葡萄', '橙子', 'xx', 'bb', '苹果', '香蕉', '橘子', '桃子', '西瓜', '葡萄', '橙子', 'xx', 'bb',];

var mouseX = 0;
var mouseY = 0;

var howElliptical = 1;

var aA = null;
var oDiv = null;

function update() {
   
	var a;
	var b;

	if (active) {
   
		a = (-Math.min(Math.max(-mouseY, -size)<

你可能感兴趣的:(动态词云,词云,前端,动态词云,wordCloud,前端)

  • b站视频爬虫-词云分析 kaka_R-Py 多元统计分析音视频爬虫
    一、设置爬虫程序#requests请求b站视频importjsonimportfake_useragentimportrequestsfromlxmlimportetreeif__name__=='__main__':#UA伪装head={"User-Agent":"Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeG
  • Vue 组件的三大组成部分 今天你慧了码码码码码码码码码码 Vuevue.js前端javascript
    Vue组件通常由三大组成部分构成：模板（Template）、脚本（Script）、样式（Style）模板部分是组件的HTML结构，它定义了组件的外观和布局。Vue使用基于HTML的模板语法来声明组件的模板，可以插入动态数据、绑定事件等。脚本部分包含了组件的JavaScript代码，用于定义组件的行为逻辑。在脚本中，可以定义组件的数据（data）、计算属性（computed）、方法（methods）
  • 1_3. 跳格子2_动态规划（python） YANQ662 8.leecode解题动态规划算法
    1.题目一、题目描述小明和朋友玩跳格子游戏，有n个连续格子组成的圆圈，每个格子有不同的分数，小朋友可以选择从任意格子起跳，但是不能跳连续的格子，不能回头跳，也不能超过一圈。给定一代表每个格子得分的非负整数数组，计算能够得到的最高分数。二、输入描述给定一个数组，第一个格子和最后一个格子首尾相连，比如：232三、输出描述输出能够得到的最高分，比如：3四、测试用例测试用例11、输入1523412、输出9
  • 前端调试实战：快速定位和解决问题的技巧 Eleven 前端chromechromedevtools
    前端开发中，调试是不可避免的环节。无论是页面样式错乱、功能逻辑异常，还是性能瓶颈，都需要我们快速定位问题并找到解决方案一、调试工具篇1.ChromeDevTools：前端开发的瑞士军刀ChromeDevTools是前端开发者最强大的调试工具，它提供了丰富的功能来帮助我们分析页面、调试代码和排查问题。Elements面板:查看和修改DOM结构、CSS样式，实时预览页面效果。Console面板:执行J
  • WPF动态创建页面内容，如何实现？？ bug菌¹ 全栈Bug调优(实战版)#CSDN问答解惑(全栈版)wpf
    本文收录于《全栈Bug调优(实战版)》专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！问题描述有这样一个需求，因为业务需要，客户不同的需求，需要不同的DataGrid数量如下图，有的可能需要6个窗口，有的可能需要10个也有可能是1个，不确定具体数量，怎么设
  • php程序员如何3天完成python学习 大0马浓 phppython学习
    作为PHP程序员，你已具备编程思维和逻辑能力，3天内掌握Python基础语法和核心特性是完全可行的。关键在于利用已有编程经验进行知识迁移，同时聚焦Python独有的特性。以下是‌高强度学习路径‌（每日6-8小时）：‌Day1：基础语法迁移（6小时）‌‌目标：掌握与PHP相似的基础语法，突破关键差异点‌‌变量与数据类型（1小时）‌动态类型：Python无需声明类型（age=25vsPHP的$age=
  • Svelte 高效开发必备插件与工具推荐（附详细配置指南） i建模 前端开发前端框架svelte
    #Svelte必备插件与工具推荐（附详细配置指南）---##摘要Svelte作为近年来备受关注的前端框架，凭借其**编译时优化**和**极简语法**迅速赢得开发者青睐。但想要充分发挥其潜力，离不开强大的工具链支持。本文精选**10+实用插件与工具**，覆盖开发、调试、预处理、UI库等全场景，助你打造高效Svelte工作流！---##一、开发与构建工具###1.**@sveltejs/vite-pl
  • .NET周刊【2月第3期 2025-02-16】 INCerry .net
    国内文章我们是如何解决abp身上的几个痛点https://www.cnblogs.com/jackyfei/p/18709265张飞洪分享了abp框架在.net社区的使用经验，认为其在模块化、DDD和微服务上表现优良，但也存在不足。文章指出前端不支持VUE、社区版界面较差、售后服务慢及功能不易用等痛点。针对这些问题，他提出通过VUE3重做了部分功能，从而实现功能和细节的增强。例如，引入了文件管理、
  • Vue 与 React：前端框架的区别与联系 一休哥助手 前端前端框架vue.jsreact.js
    一、引言随着前端技术的发展，Vue和React作为目前最流行的前端框架之一，被广泛应用于各种Web开发项目中。尽管它们都能实现组件化开发，提高代码的复用性和可维护性，但在设计理念、使用方式以及性能优化等方面存在诸多不同。本文将详细探讨Vue和React之间的区别与联系，帮助开发者更好地理解并选择合适的技术栈。二、Vue和React的基本介绍1.Vue.js简介Vue.js（简称Vue）是由尤雨溪（
  • Tauri+React跨平台开发全场景问题解析 i建模 前端开发跨平台开发前端框架taurireact跨平台开发
    Tauri+React跨平台开发全场景问题解析一、核心优势与技术定位1.1技术架构创新Tauri2.3.1采用Rust核心层+系统WebView+React前端的混合架构，相较于传统跨平台方案具有三大突破：轻量化：安装包体积缩小至Electron的3%（{invoke('load_data').then(setData);},[]);return{data};}特点：ReactHooks与Taur
  • 如何在 React 中集成第三方库和插件 JJCTO袁龙 reactreact.js前端前端框架
    如何在React中集成第三方库和插件在现代前端开发中，React以其声明式、组件化的特性成为开发者的首选框架之一。然而，单一的框架往往无法满足所有需求，集成第三方库和插件变得尤为重要。本文将详细介绍如何在React中高效集成第三方库和插件，并提供一些最佳实践建议。一、选择合适的第三方库或插件在集成第三方库或插件之前，选择合适的工具是关键。以下是一些选择时需要考虑的因素：功能匹配：确保库或插件的功能
  • 统一封装api接口返回值（一） 异世老者 java后端javaspringrestful
    前后端分离开发模式中，后端接口基本上都是通过json格式传回前端，通过统一的返回格式封装，可以大大提高开发效率，如：{"code":0,"msg":"成功","data":{"uid":"hjgfyg"}}直接上代码，两个文件即可实现设置一个枚举值，统一封装返回状态码publicenumErrorCode{/*成功状态码*/SUCCESS(0,"成功"),ERROR(1,"操作失败"),/*web
  • mybatis后端有返回值前端拿不到 湙泽 mybatis前端java
    前端情况后端情况一开始没注意才发现是自己少了一个注解解决方法：1.@RestController在Spring中@RestController的作用等同于@Controller+@ResponseBody。2.@ResponseBody@ResponseBody的作用其实是将java对象转为json格式的数据。
  • 前端调用后端接口返回数据不显示 qq_45231791 vue
    前端调用后端接口返回数据不显示返回的数据是对象，要改为数组[res.data.data]。如果后端返回数据为List数组则不用添加中括号。
  • 响应式布局：构建适应多设备的现代网页 lina_mua css3前端csshtml
    1.引言1.1响应式布局的重要性随着移动设备的普及，用户访问网页的方式变得多样化。响应式布局（ResponsiveDesign）能够确保网站在不同设备（如桌面、平板、手机）上都能提供良好的用户体验。它不仅是现代前端开发的标配，也是提升用户满意度和SEO排名的重要手段。1.2本文的目标本文旨在深入探讨响应式布局的核心概念、实现技术、实用技巧以及最佳实践，帮助开发者构建适应多设备的现代网页。2.响应式
  • Vue 中引入 ECharts 的详细步骤与示例 黄尚圈圈 vue.jsecharts前端
    在Vue项目中引入ECharts，可以让我们轻松地在前端页面中展示各种图表。ECharts是一个基于JavaScript的开源可视化图表库，它提供了丰富的图表类型和强大的配置选项，使得在Vue项目中集成和使用变得非常方便。一、准备工作创建Vue项目：如果你还没有Vue项目，可以使用VueCLI快速创建一个新的Vue项目。安装ECharts：在你的Vue项目中，通过npm或yarn安装ECharts
  • 024：vue+threeJS 创建多面几何体（PolyhedronGeometry） 还是大剑师兰特 #ThreeJS代码示例200+大剑师threejs教程threejs示例threejs基础
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第024个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共98行）五、相关文章参考一、
  • WebGL开发：ThreeJS从入门到精通 莲华君 前端权威教程合集WebGL系统化学习前端WebGLThreeJSBabylonJS
    前言：ThreeJS——开启3DWeb世界的钥匙欢迎来到ThreeJS的奇妙世界！无论你是前端开发者、图形学爱好者，还是希望将3D技术融入Web应用的工程师，这本书都将带你从零开始，逐步掌握ThreeJS的核心概念，并最终实现大型数字孪生项目。让我们一起踏上这段充满挑战与乐趣的旅程吧！目录：第一部分：ThreeJS基础入门第一章：ThreeJS概述与基础概念1.1ThreeJS是什么？介绍Thre
  • 稠密架构和稀疏架构 二分掌柜的 大模型架构大模型transformerqwenViT
    稠密架构和稀疏架构flyfish稠密架构参数使用方面：稠密架构中的大部分参数在每次计算时都会被使用。也就是说，对于输入的每一个样本，模型的所有或大部分参数都会参与到计算过程中。计算特点：计算密集，需要对大量的参数进行乘法和加法运算，通常会消耗较多的计算资源和内存。稀疏架构参数使用方面：稀疏架构中只有一小部分参数会在每次计算时被激活和使用。模型会根据输入的具体情况，动态地选择使用哪些参数进行计算。计
  • uni-app实现用接口编写新闻 2021级计算机应用技术1班-童秀萍 uni-app前端
    一、uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。二、uni-app官网上（官网）有各种可以学习组件包括内置组件、常用的有：视图容器组件里的，view,scroll-view,swiper等，还有表单组件，如button、f
  • 树莓百度百科再更新！又一项目落子宜宾 树莓集团 百度大数据人工智能媒体科技
    树莓百度百科的再次更新，传递出树莓集团在宜宾发展的又一重要消息：又一项目成功落子宜宾。这一更新不仅反映了树莓集团的动态发展，也彰显了其在宜宾持续深耕的决心。此次新落地宜宾的项目，是树莓集团基于对宜宾市场与产业发展趋势的深入研究而做出的决策。该项目聚焦于数字经济与实体经济的融合发展，计划打造一个集数字技术研发、应用与传统产业升级服务于一体的综合性平台。在数字技术研发方面，树莓集团将依托宜宾当地的高校
  • UNIAPP前端配合thinkphp5后端通过高德API获取当前城市天气预报 知码客 Uniappuni-app前端小程序知码客vue.js
    如何通过UniApp前端项目与ThinkPHP5后端结合高德天气API获取天气预报信息。我们将分为前端和后端两部分进行实现。以下是一个完整的代码.一、项目结构project/├──frontend/(UniApp项目)│├──pages/││└──weather/││├──index.vue├──backend/(ThinkPHP5项目)│├──application/││├──controlle
  • 面试题——vector完整总结 dpf_xa_ca 常见的面试题
    Vector的总结Vector底层是一个动态数组默认构造的方式是0，之后插入按照124816二倍扩容。注（GCC是二倍扩容，VS13是1.5倍扩容。原因可以考虑内存碎片和伙伴系统，内存的浪费）。《扩容后是一片新的内存，需要把旧内存空间中的所有元素都拷贝进新内存空间中去，之后再在新内存空间中的原数据的后面继续进行插入构造新元素，并且同时释放旧内存空间，并且，由于vector空间的重新配置，导致旧ve
  • linux内核优先级设置的触发方式和流程 兴趣使然HX linux
    目录1.优先级设置触发方式1.1用户态接口1.2触发流程概览2.源码分析：普通进程优先级设置2.1系统调用入口（setpriority）2.2设置Nice值（set_user_nice）2.3动态优先级计算（effective_prio）3.源码分析：实时进程优先级设置3.1系统调用入口（sched_setscheduler）3.2更新调度类（__setscheduler_class）4.调度队列
  • vector 面试点总结 冰箱里有碗 c++面试c++开发语言
    ps：部分内容使用“AI”查询一、入门1、什么是vector动态数组容器，支持自动扩容、随机访问和连续内存存储。2、怎么创建-初始化vectorstd::vectorv;//创建空vectorstd::vectorv={1,2,3};//直接初始化std::vectorv(5,0);//指定大小和值（5个0）3、访问方式operator[]（无边界检查）：intv=vec[6];at()（有边界检
  • 软件测试常问面试题【三】 小0同学睡得好 软件测试IT测试tcp/ip网络协议网络
    软件测试面试常问问题【三】1、APP无响应是有哪些问题引起的（闪退、崩溃的原因有哪些）版本不兼容，版本没有及时更新分辨率不兼容运行内存不足依赖包没有安装接口的返回值错误导致前端处理不了崩溃响应超时（尤其是启动、退出APP时没有响应会导致超时）网络方面（网络切换，或者网络不佳导致无法做出响应崩溃）2、当客户端（手机）发送一个请求后，出现无影响ANR（空白）可能是网络访问超时。弱网情况、网络差、信号不
  • 【六袆 - 前端】JavaScript学习；JavaScript面试题；坐地铁，坐公交，打DD的时候刷一刷 鞠崽23333 前端框架相关技术javascript
    JavaScriptJavaScript写一个mySetInterVal(fn,a,b),每次间隔a,a+b,a+2b,...,a+nb的时间，然后写一个myClear，停止上面的mySetInterVal介绍防抖节流原理、区别以及应用，并用JavaScript进行实现对闭包的看法，为什么要用闭包？说一下闭包原理以及应用场景实现lodash的_.get实现add(1)(2)(3)实现链式调用类数组
  • 【六袆- Java】从数据库读取菜单，递归生成菜单树；SpringBoot 动态生成菜单树；SpringBoot操作数据库，动态生成菜单左侧栏； 鞠崽23333 后端开发技术相关#SpringbootMysql技术相关
    1.第一种菜单树结构packagecom.xiaolh.dao.util;importcom.xiaolh.dao.model.MenuTree;importjava.util.ArrayList;importjava.util.List;/****TSysPower树工具类***@author:xiaolh*@email:amixiao@qq.com*@createTime:2021/3/160
  • echarts制作词云图 ヾぁ影おジღ echarts前端javascript
    词云图由于echarts官网没有词云图的配置，网上太多也不全，这里写一份关于词云图配置的文章，包括自定义图形，透明度等文章目录词云图一、用到的网站二、全部代码三、结果展示一、用到的网站1、阿里巴巴图标库2、图片转base64网站3、echarts-wordcloud.min.js文件4、echarts.min.js文件二、全部代码如果要使用自定义图案需要注意：1、创建图片：varmaskImage
  • 系统设计：扫码登录流程，5个流程图告诉你！ 试着奔跑的菜鸟 系统设计系统设计
    背景说明扫码登陆是我们在各种应用系统中最常见的逻辑之一，即使是公司后端系统也非常常见，例如我们的系统与企业微信进行绑定，需要用户扫描后自动登陆自己的工号进入系统。操作流程系统执行流程为了更加便于说明和理解，我们将扫码登陆的流程分为两大部分进行阐述前端处理流程请求二维码流程判断二维码的状态跳转登录后端处理流程生成二维码流程确认登陆流程流程图说明前端处理流程：扫码的前提是手机端已经登陆了账号前端（PC
  • jQuery 键盘事件keydown ,keypress ,keyup介绍 107x jsjquerykeydownkeypresskeyup
    本文章总结了下些关于jQuery 键盘事件keydown ,keypress ,keyup介绍，有需要了解的朋友可参考。 一、首先需要知道的是： 1、keydown() keydown事件会在键盘按下时触发. 2、keyup()  代码如下 复制代码 $('input').keyup(funciton(){      
  • AngularJS中的Promise bijian1013 JavaScriptAngularJSPromise
    一.Promise         Promise是一个接口，它用来处理的对象具有这样的特点：在未来某一时刻（主要是异步调用）会从服务端返回或者被填充属性。其核心是，promise是一个带有then()函数的对象。         为了展示它的优点，下面来看一个例子，其中需要获取用户当前的配置文件： var cu
  • c++ 用数组实现栈类 CrazyMizzz 数据结构C++
    #include<iostream> #include<cassert> using namespace std; template<class T, int SIZE = 50> class Stack{ private: T list[SIZE];//数组存放栈的元素 int top;//栈顶位置 public: Stack(
  • java和c语言的雷同 麦田的设计者 java递归scaner
    软件启动时的初始化代码，加载用户信息2015年5月27号 从头学java二 1、语言的三种基本结构：顺序、选择、循环。废话不多说，需要指出一下几点：      a、return语句的功能除了作为函数返回值以外，还起到结束本函数的功能，return后的语句 不会再继续执行。      b、for循环相比于whi
  • LINUX环境并发服务器的三种实现模型 被触发 linux
    服务器设计技术有很多，按使用的协议来分有TCP服务器和UDP服务器。按处理方式来分有循环服务器和并发服务器。 1  循环服务器与并发服务器模型 在网络程序里面，一般来说都是许多客户对应一个服务器，为了处理客户的请求，对服务端的程序就提出了特殊的要求。 目前最常用的服务器模型有： ·循环服务器：服务器在同一时刻只能响应一个客户端的请求 ·并发服务器：服
  • Oracle数据库查询指令 肆无忌惮_ oracle数据库
    20140920   单表查询 -- 查询************************************************************************************************************ -- 使用scott用户登录   -- 查看emp表   desc emp  
  • ext右下角浮动窗口 知了ing JavaScriptext
    第一种 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/
  • 浅谈REDIS数据库的键值设计 矮蛋蛋 redis
    http://www.cnblogs.com/aidandan/ 原文地址：http://www.hoterran.info/redis_kv_design 丰富的数据结构使得redis的设计非常的有趣。不像关系型数据库那样，DEV和DBA需要深度沟通，review每行sql语句，也不像memcached那样，不需要DBA的参与。redis的DBA需要熟悉数据结构，并能了解使用场景。
  • maven编译可执行jar包 alleni123 maven
    http://stackoverflow.com/questions/574594/how-can-i-create-an-executable-jar-with-dependencies-using-maven <build> <plugins> <plugin> <artifactId>maven-asse
  • 人力资源在现代企业中的作用 百合不是茶 HR 企业管理
    //人力资源在在企业中的作用人力资源为什么会存在，人力资源究竟是干什么的 人力资源管理是对管理模式一次大的创新，人力资源兴起的原因有以下点： 工业时代的国际化竞争，现代市场的风险管控等等。所以人力资源 在现代经济竞争中的优势明显的存在，人力资源在集团类公司中存在着 明显的优势(鸿海集团)，有一次笔者亲自去体验过红海集团的招聘，只 知道人力资源是管理企业招聘的 当时我被招聘上了，当时给我们培训 的人
  • Linux自启动设置详解 bijian1013 linux
    linux有自己一套完整的启动体系，抓住了linux启动的脉络，linux的启动过程将不再神秘。 阅读之前建议先看一下附图。 本文中假设inittab中设置的init tree为： /etc/rc.d/rc0.d /etc/rc.d/rc1.d /etc/rc.d/rc2.d /etc/rc.d/rc3.d /etc/rc.d/rc4.d /etc/rc.d/rc5.d /etc
  • Spring Aop Schema实现 bijian1013 javaspringAOP
    本例使用的是Spring2.5 1.Aop配置文件spring-aop.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmln
  • 【Gson七】Gson预定义类型适配器 bit1129 gson
    Gson提供了丰富的预定义类型适配器，在对象和JSON串之间进行序列化和反序列化时，指定对象和字符串之间的转换方式，   DateTypeAdapter   public final class DateTypeAdapter extends TypeAdapter<Date> { public static final TypeAdapterFacto
  • 【Spark八十八】Spark Streaming累加器操作（updateStateByKey) bit1129 update
    在实时计算的实际应用中，有时除了需要关心一个时间间隔内的数据，有时还可能会对整个实时计算的所有时间间隔内产生的相关数据进行统计。 比如： 对Nginx的access.log实时监控请求404时，有时除了需要统计某个时间间隔内出现的次数，有时还需要统计一整天出现了多少次404，也就是说404监控横跨多个时间间隔。   Spark Streaming的解决方案是累加器，工作原理是，定义
  • linux系统下通过shell脚本快速找到哪个进程在写文件 ronin47
    一个文件正在被进程写 我想查看这个进程 文件一直在增大 找不到谁在写 使用lsof也没找到 这个问题挺有普遍性的，解决方法应该很多，这里我给大家提个比较直观的方法。 linux下每个文件都会在某个块设备上存放，当然也都有相应的inode, 那么透过vfs.write我们就可以知道谁在不停的写入特定的设备上的inode。 幸运的是systemtap的安装包里带了inodewatch.stp，位
  • java-两种方法求第一个最长的可重复子串 bylijinnan java算法
    import java.util.Arrays; import java.util.Collections; import java.util.List; public class MaxPrefix { public static void main(String[] args) { String str="abbdabcdabcx";
  • Netty源码学习-ServerBootstrap启动及事件处理过程 bylijinnan javanetty
    Netty是采用了Reactor模式的多线程版本，建议先看下面这篇文章了解一下Reactor模式： http://bylijinnan.iteye.com/blog/1992325 Netty的启动及事件处理的流程，基本上是按照上面这篇文章来走的 文章里面提到的操作，每一步都能在Netty里面找到对应的代码 其中Reactor里面的Acceptor就对应Netty的ServerBo
  • servelt filter listener 的生命周期 cngolon filterlistenerservelt生命周期
    1. servlet    当第一次请求一个servlet资源时，servlet容器创建这个servlet实例，并调用他的 init(ServletConfig config)做一些初始化的工作，然后调用它的service方法处理请求。当第二次请求这个servlet资源时，servlet容器就不在创建实例，而是直接调用它的service方法处理请求，也就是说
  • jmpopups获取input元素值 ctrain JavaScript
    jmpopups 获取弹出层form表单 首先，我有一个div，里面包含了一个表单，默认是隐藏的，使用jmpopups时，会弹出这个隐藏的div，其实jmpopups是将我们的代码生成一份拷贝。 当我直接获取这个form表单中的文本框时，使用方法：$('#form input[name=test1]').val()；这样是获取不到的。 我们必须到jmpopups生成的代码中去查找这个值，$(
  • vi查找替换命令详解 daizj linux正则表达式替换查找vim
    一、查找 查找命令 /pattern<Enter> ：向下查找pattern匹配字符串 ?pattern<Enter>：向上查找pattern匹配字符串 使用了查找命令之后，使用如下两个键快速查找： n：按照同一方向继续查找 N：按照反方向查找 字符串匹配 pattern是需要匹配的字符串，例如： 1:  /abc<En
  • 对网站中的js,css文件进行打包 dcj3sjt126com PHP打包
    一，为什么要用smarty进行打包 apache中也有给js,css这样的静态文件进行打包压缩的模块，但是本文所说的不是以这种方式进行的打包，而是和smarty结合的方式来把网站中的js,css文件进行打包。 为什么要进行打包呢，主要目的是为了合理的管理自己的代码 。现在有好多网站，你查看一下网站的源码的话，你会发现网站的头部有大量的JS文件和CSS文件，网站的尾部也有可能有大量的J
  • php Yii: 出现undefined offset 或者 undefined index解决方案 dcj3sjt126com undefined
    在开发Yii 时，在程序中定义了如下方式：        if($this->menuoption[2] === 'test')，那么在运行程序时会报：undefined offset:2，这样的错误主要是由于php.ini 里的错误等级太高了，在windows下错误等级
  • linux 文件格式（1） sed工具 eksliang linuxlinux sed工具sed工具linux sed详解
    转载请出自出处： http://eksliang.iteye.com/blog/2106082 简介       sed 是一种在线编辑器，它一次处理一行内容。处理时，把当前处理的行存储在临时缓冲区中，称为“模式空间”（pattern space），接着用sed命令处理缓冲区中的内容，处理完成后，把缓冲区的内容送往屏幕。接着处理下一行，这样不断重复，直到文件末尾
  • Android应用程序获取系统权限 gqdy365 android
    引用 如何使Android应用程序获取系统权限         第一个方法简单点，不过需要在Android系统源码的环境下用make来编译：         1. 在应用程序的AndroidManifest.xml中的manifest节点
  • HoverTree开发日志之验证码 hvt .netC#asp.nethovertreewebform
    HoverTree是一个ASP.NET的开源CMS，目前包含文章系统，图库和留言板功能。代码完全开放，文章内容页生成了静态的HTM页面，留言板提供留言审核功能，文章可以发布HTML源代码，图片上传同时生成高品质缩略图。推出之后得到许多网友的支持，再此表示感谢！留言板不断收到许多有益留言，但同时也有不少广告，因此决定在提交留言页面增加验证码功能。ASP.NET验证码在网上找，如果不是很多，就是特别多
  • JSON API：用 JSON 构建 API 的标准指南中文版 justjavac json
    译文地址：https://github.com/justjavac/json-api-zh_CN 如果你和你的团队曾经争论过使用什么方式构建合理 JSON 响应格式， 那么 JSON API 就是你的 anti-bikeshedding 武器。 通过遵循共同的约定，可以提高开发效率，利用更普遍的工具，可以是你更加专注于开发重点：你的程序。 基于 JSON API 的客户端还能够充分利用缓存，
  • 数据结构随记_2 lx.asymmetric 数据结构笔记
    第三章 栈与队列 一．简答题 1. 在一个循环队列中，队首指针指向队首元素的  前一个    位置。  2.在具有n个单元的循环队列中，队满时共有  n-1  个元素。  3. 向栈中压入元素的操作是先  移动栈顶指针&n
  • Linux下的监控工具dstat 网络接口 linux
    1) 工具说明dstat是一个用来替换 vmstat,iostat netstat,nfsstat和ifstat这些命令的工具, 是一个全能系统信息统计工具. 与sysstat相比, dstat拥有一个彩色的界面, 在手动观察性能状况时, 数据比较显眼容易观察; 而且dstat支持即时刷新, 譬如输入dstat 3, 即每三秒收集一次, 但最新的数据都会每秒刷新显示. 和sysstat相同的是,
  • C 语言初级入门--二维数组和指针 1140566087 二维数组c/c++指针
    /* 二维数组的定义和二维数组元素的引用 二维数组的定义： 当数组中的每个元素带有两个下标时，称这样的数组为二维数组； (逻辑上把数组看成一个具有行和列的表格或一个矩阵); 语法： 类型名 数组名[常量表达式1][常量表达式2] 二维数组的引用： 引用二维数组元素时必须带有两个下标，引用形式如下： 例如： int a[3][4];  引用：
  • 10点睛Spring4.1-Application Event wiselyman application
    10.1 Application Event Spring使用Application Event给bean之间的消息通讯提供了手段 应按照如下部分实现bean之间的消息通讯 继承ApplicationEvent类实现自己的事件 实现继承ApplicationListener接口实现监听事件 使用ApplicationContext发布消息
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他