javascript雪花效果 注释版

  1 (function () {
  2     // 添加事件监听器
  3     function addEvent(a, b, c) {
  4         if (a.addEventListener) a.addEventListener(b, c, false);
  5         else a.attachEvent && a.attachEvent("on" + b, c)
  6     }
  7     // 向window.onload添加执行函数
  8     function addToOnLoad(a) {
  9         if (typeof window.onload != "function") window.onload = a;
 10         else {
 11             var b = window.onload;
 12             window.onload = function () {
 13                 b();
 14                 a()
 15             }
 16         }
 17     }
 18     // scroll top ,left
 19     function getScrollDis() {
 20         var scroll = {};
 21         for (var type in {
 22             Top: "",
 23             Left: ""
 24         }) {
 25             var b = type == "Top" ? "Y" : "X";
 26             if (typeof window["page" + b + "Offset"] != "undefined") scroll[type.toLowerCase()] = window["page" + b + "Offset"];
 27             else {
 28                 // <html> 
 29                 b = document.documentElement.clientHeight ? document.documentElement : document.body;
 30                 scroll[type.toLowerCase()] = b["scroll" + type]
 31             }
 32         }
 33         return scroll;
 34     }
 35 
 36     // 获取浏览器窗口高度(不包括工具栏/滚动条)
 37     function getWinHeight() {
 38        
 39         var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
 40         return height;
 41     }
 42 
 43     //构造函数 ，模拟雪花类
 44     function SnowDot(a) {
 45         this.parent = document.body;
 46         this.createEl(this.parent, a);
 47         this.size = Math.random() * 5 + 5; // 随机设置雪花的大小
 48         this.el.style.width = Math.round(this.size) + "px";
 49         this.el.style.height = Math.round(this.size) + "px";
 50         this.maxLeft = document.body.offsetWidth - this.size;
 51         this.maxTop = document.body.offsetHeight - this.size;
 52         this.left = Math.random() * this.maxLeft;
 53         this.top = getScrollDis().top + 1;
 54         this.angle = 1.4 + 0.2 * Math.random();
 55         // PI/2 =1.57
 56         this.minAngle = 1.4;
 57         this.maxAngle = 1.6;
 58         // 角度增量
 59         this.angleDelta = 0.01 * Math.random();
 60         this.speed = 2 + Math.random()
 61     }
 62     // 原型 对象实例所共享
 63     SnowDot.prototype = {
 64         createEl: function (a, b) {
 65             this.el = document.createElement("img");
 66             this.el.setAttribute("src", b + "snow" + Math.floor(Math.random() * 4) + ".gif");
 67             this.el.style.position = "absolute";
 68             this.el.style.display = "block";
 69             this.el.style.zIndex = "99999";
 70             this.parent.appendChild(this.el)
 71         },
 72         move: function () {
 73             if (this.angle < this.minAngle || this.angle > this.maxAngle) this.angleDelta = -this.angleDelta;
 74             this.angle += this.angleDelta;
 75             // 利用正弦波 余弦波(注意波形图在 pi/2 附近的取值)
 76             this.left += this.speed * Math.cos(this.angle * Math.PI);
 77             this.top -= this.speed * Math.sin(this.angle * Math.PI);
 78             if (this.left < 0) this.left = this.maxLeft;
 79             else if (this.left > this.maxLeft) this.left = 0
 80         },
 81         draw: function () {
 82             this.el.style.top = Math.round(this.top) + "px";
 83             this.el.style.left = Math.round(this.left) + "px"
 84         },
 85         remove: function () {
 86             this.parent.removeChild(this.el);
 87             this.parent = this.el = null
 88         }
 89     }
 90 
 91     var j = false;
 92     addToOnLoad(function () {
 93         j = true
 94     });
 95 
 96     //开启/关闭 标志
 97     var f = true;
 98 
 99     // a : 雪花gif图片所在路径  
100     // b : 雪花最大数目
101     window.createSnow = function (a, b) {
102         if (j) {
103             var c = [],
104             m = setInterval(function () {
105                 // &&前的为false则后边的语句不再执行 
106                 f && b > c.length && Math.random() < b * 0.0025 && c.push(new SnowDot(a));
107                 !f && !c.length && clearInterval(m);
108                 for (var e = getScrollDis().top, n = getWinHeight(), d = c.length - 1; d >= 0; d--) {
109                     if (c[d]) {
110                         // 雪花超出指定高度 
111                         if (c[d].top > 700 || c[d].top + c[d].size + 1 > e + n) {
112                             c[d].remove();
113                             c[d] = null;
114                             c.splice(d, 1) //移除数组索引d位置开始1个元素
115                             //alert(c[d].top)
116                         } else {
117                             c[d].move();
118                             c[d].draw()
119                         }
120                     }
121                 }
122             },
123             40);
124             // 窗口滚动时 雪花移动相应的距离
125             addEvent(window, "scroll",
126             function () {
127                 for (var e = c.length - 1; e >= 0; e--) c[e].draw()
128             })
129         } else addToOnLoad(function () {
130             createSnow(a, b)
131         })
132     };
133     window.removeSnow = function () {
134         f = false
135     };
136  
137 })();　　

 源代码：snow.zip   页面内容节选自 阿狸-梦之城堡

你可能感兴趣的:(JavaScript)

  • webpack和vite的区别 阿丽塔~ 前端面试vitewebpack
    主要区别是：1.构建速度Vite：开发环境下，Vite利用浏览器原生支持的ES模块（ESM），按需编译和加载模块，避免了全量打包。这使得Vite的启动速度和热更新速度极快，尤其在大型项目中优势明显。使用esbuild进行依赖预构建，性能比基于JavaScript的工具快10-100倍。Webpack：需要分析所有模块的依赖关系并进行全量打包，导致启动和热更新速度较慢，尤其是在项目规模较大时。2.打
  • 前端打包优化相关 Webpack 怒放的生命1991 webpack前端webpacknode.js
    前端打包优化相关Webpack打包时间的优化（基于VueCLI4+Webpack5）1.Webpack配置减少打包时间1.1对JS配置：排除node_modules和src中的打包内容在开发环境下，修改Webpack的JS规则，排除/node_modules和src目录中的JavaScript文件。这意味着node_modules和src目录中的JavaScript文件不会经过该规则定义的加载器处
  • 【编程向导】-JavaScript-基础语法-类型检测 wtrees_松阳 javaScript知识图谱javascript原型模式开发语言
    类型检测类型检测的方法：typeofinstanceofObject.prototype.toStringconstructortypeoftypeof操作符返回一个字符串，表示未经计算的操作数的类型。typeofundefined;//"undefined"typeofnull;//"object"typeof100;//"number"typeofNaN;//"number"typeoftru
  • 【SpringBoot】实现登录功能 一只爱打拳的程序猿 SpringMyBatisHTML5+CSSspringbootmybatisjavascripthtml5css
    在上一篇博客中，我们讲解了注册页面的实现。在此基础上会跳转到登录页面，今天给大家带来的是使用SpringBoot，MyBatis，Html，CSS，JavaScript，前后端交互实现一个登录功能。目录一、效果二、源码2.1前端2.2后端一、效果用户名和密码栏输入空或没有值时，提示错误。在数据库中有以下信息，任意挑选一条信息进行登录操作。输入用户lisi，123后登陆成功跳转到个人列表。二、源码2
  • 封装AJAX(带详细注释) Rverdoser okhttp
    封装AJAX请求是前端开发中常见的需求，可以帮助我们简化代码，提高可重用性。下面我将通过JavaScript（使用XMLHttpRequest对象）和现代JavaScript（使用FetchAPI）两种方式来展示如何封装AJAX请求。1.使用XMLHttpRequest封装AJAXfunctionajax(method,url,data,callback){//创建XMLHttpRequest对象
  • JavaScript性能优化实战 仰望丨苍穹 前端：技巧与实践javascript性能优化前端
    深入探讨JavaScript性能瓶颈，分享优化技巧与最佳实践：性能瓶颈DOM操作开销大：DOM操作往往是JavaScript性能的一个关键瓶颈。每次对DOM进行访问、修改或创建，都可能触发浏览器的重排（reflow）和重绘（repaint）操作。例如频繁地使用innerHTML修改元素内容，或者大量地动态创建DOM节点，都会导致性能问题。全局作用域查找慢：在JavaScript中，变量的查找是从当
  • JavaScript性能优化实战：从瓶颈分析到高效编码策略 AAEllisonPang Java数据库
    一、性能瓶颈分析：从问题出发1.1常见性能问题类型渲染阻塞：同步脚本加载导致DOMContentLoaded延迟内存泄漏：未解绑的事件监听、闭包引用残留重复计算：高频触发的回调函数无节制运算布局抖动：强制同步布局（ForcedSynchronousLayout）网络瓶颈：未优化的资源加载策略典型案例：某电商网站商品筛选功能，用户选择规格时界面卡顿。经分析发现每次选择都会触发全量DOM重新渲染，导致
  • 使用Jest和React Testing Library测试React组件 邹澜鹤Gardener
    使用Jest和ReactTestingLibrary测试React组件去发现同类优质开源项目:https://gitcode.com/项目介绍这个开源项目是TestingJavaScript.com课程的一部分，专注于教你怎么用最智能、最高效的方式去测试任何JavaScript应用，特别是针对React组件的测试。它提供了一系列示例代码，涵盖了从基础的React渲染到复杂的Redux连接组件以及自
  • 了解JS递归 几度泥的菜花 javascript前端
    在JavaScript中，递归是一个非常重要的概念，它允许函数在其定义内部调用自身。递归在处理许多类型的问题时非常有用，尤其是那些可以通过分解成更小、更简单的子问题来解决的问题。然而，递归也需要谨慎使用，因为它可能导致堆栈溢出（特别是当递归调用非常深时）。以下是关于JavaScript递归的一些深入了解：1.递归的基本结构递归函数通常包含两个基本部分：基本情况（BaseCase）：这是递归停止的条
  • JavaScript（7） 几度泥的菜花 javascript前端
    函数的含义函数：封装一段可被重复调用执行的代码块，通过函数可以实现大量代码的重复使用。函数也是一种引用数据类型。函数的使用创建函数（常用）：通过function关键字声明函数，又叫命名函数匿名函数：通过函数表达式定义函数，又叫做匿名函数函数的参数形参：函数定义时候，传递的参数(实参值会传递给形参,相当于不用声明的变量)实参：函数调用时候，传递的参数参数的返回值返回值：函数调用后返回的数据；函数执行
  • 6个必备的 Node 网络爬虫库 zz_jesse 爬虫
    作为一名程序员，你是否曾遇到过需要从各大网站提取数据的需求？随着互联网的快速扩展，能够高效地进行网络爬虫已经成为企业、研究人员以及个人的一项重要技能。在这个数据为王的时代，如何利用JavaScript和Node.js来实现高效的数据抓取，是每一个开发者都应该掌握的技巧。网络爬虫，即从网站提取数据的过程，已经成为各行各业的重要工具。而JavaScript和Node.js因其强大的功能和丰富的库，成为
  • vue3+ts+vite+pinia+element-plus搭建一个项目 貂蝉空大 vueaxiostypescriptvitepiniavue前端
    创建一个基于Vue3、TypeScript、Vite、Pinia和ElementPlus的项目是一个现代化的前端开发流程，这种配置通常用于构建轻量级、快速和模块化的单页应用程序（SPA）。下面是一个简单的介绍：1.Vue3是Vue.js的最新主要版本，提供了CompositionAPI、更好的TypeScript支持、自定义渲染器等功能。2.TypeScript是JavaScript的一个超集，添
  • 利用微软的 HTML 应用程序宿主程序的攻击 zhaoyong631 microsofthtml前端
    mshta.exe是微软的HTML应用程序宿主程序（MicrosoftHTMLApplicationHost），属于Windows系统组件。它的核心功能是运行.hta（HTMLApplication）文件，允许通过HTML、JavaScript、VBScript等技术创建交互式图形界面应用。何时会调用mshta.exe？1.合法用途运行本地/企业级HTA应用：企业可能用.hta开发内部工具（如配置
  • react 组件封装原则_如何基于antd封装自己的react组件并发布到npm 楚云卿 react组件封装原则
    引言在前端项目开发过程中，有大量重复的内容，比如布局相似的模块，较多的功能表单等，我们可以提炼成组件来提升效率，减少重复建设。文章以实际工作中的项目为例，介绍如何将项目中常用的组件进行封装并发布到npm中。1前提要求在开始前你需要具备以下条件：安装了Node&npm安装了Git基本掌握npm，git使用方法熟练使用JavaScript&ES6&CSS基本掌握React熟悉React,antd2开始
  • Node_文件上传&令牌 katsukichan Node
    信息获取来源EnoYao创建脚手架expresskatsuki-project（express名称）在katsuki-project目录下安装依赖包npminstall上传单文件项目在katsuki-project安装multer模块npminstallmulter--save目录中创建一个uploads文件夹，不创建运行也会自动创建项目结构publicjavascriptsjquery.jsup
  • c#读取json某一节点数据_C#获取Json字符串中的某个值 鹿哥说 c#读取json某一节点数据
    问题描述：json数据格式{"resCode":0,"resMag":"aaa","data":[{"parkName":"B1停车场"，"freeSpaceNum":100}]}。第一方法：使用JavaScriptSerializerJavaScriptSerializerJss=newJavaScriptSerializer();DictionaryDicText=(Dictionary)Js
  • 前端-webpack一些常用配置的作用 大嘴史努比 前端webpacknode.js
    1.LoaderLoader用于对模块的源代码进行转换。它可以将非JavaScript文件（如CSS、图片、字体等）转换为webpack能够处理的模块。常用Loader及其作用Loader作用babel-loader将ES6+代码转换为ES5，兼容旧版浏览器。css-loader解析CSS文件，处理@import和url()等语法。style-loader将CSS插入到DOM中，通过标签生效。sa
  • 教你如何免费获取股票数据用python、JavaScript (Node.js)、JAVA等多种语言的实例代码演示（实时数据、历史数据、CDMA、KDJ等指标数据）配有股票数据API接口说明文档说明 蝶澈乐乐 pythonjavascriptnode.js数据仓库金融
    近一两年来，股票量化分析逐渐受到广泛关注。而作为这一领域的初学者，首先需要面对的挑战就是如何获取全面且准确的股票数据。因为无论是实时交易数据、历史交易记录、财务数据还是基本面信息，这些数据都是我们进行量化分析时不可或缺的宝贵资源。我们的核心任务是从这些数据中挖掘出有价值的信息，为我们的投资策略提供有力的支持。在寻找数据的过程中，我尝试了多种途径，包括自编网易股票页面爬虫、申万行业数据爬虫，以及同花
  • javascript Day_1 Mswanga javascript前端javajavascript
    script的书写位置1，写在标签的正上方constnewItem=12，写在外部，然后引入到HTML文件输入输出1.输入：prompt('请输入一段文字')结果：会显示一个对话框，包含一个文字信息，用来提示用户输入。2.输出：//普通输出document.write('要输出的内容')//内容可以包含标签//弹出警告框输出alert('要输出的内容')//控制台打印输出，程序员可见console
  • JavaScript_Day2 Mswanga javascript前端开发语言
    对象的声明let对象名={属性值，方法}letsir={name:"wang",address:"Henan",age:18}//修改属性sir.name="li";//增加属性sir.sex="man";//删除属性deletesir.age;console.log(sir);查找的两种方法1.对象名.属性名2.对象名["属性名"]，如sir['name']如何写方法例如song方法song:f
  • Vue.Js 是一个渐进式的 JavaScript 框架，专为构建用户界面而生，尤其擅长打造单页应用（SPA）。其核心设计理念在于组件化，即将用户界面拆解为独立且可复用的组件单元。以下是 Vue.Js 一一代码 pythonvue.js
    1.创建Vue.Js组件在Vue.js中，组件是一个Vue实例，可以包含模板、数据、方法、生命周期钩子等。1.1全局组件全局组件可以在任何Vue实例中使用。```javascript//定义一个全局组件Vue.component('my-component',{template:'这是一个全局组件'});//创建Vue实例newVue({el:'#app'});```在HTML中使用：```htm
  • JS事件冒泡和事件捕获 一朵好运莲 javascript前端开发语言
    在JavaScript中，事件冒泡（EventBubbling）和事件捕获（EventCapturing）是两种不同的事件传播机制。当你在DOM元素上注册事件时，事件的触发并不会立即发生，而是会按照一定的顺序进行传播。事件的传播机制决定了事件如何从目标元素传递到DOM树中的其他元素。目录事件捕获和事件冒泡的提出为什么整合了捕获和冒泡机制？事件传播的顺序具体例子实现事件捕获和事件冒泡的提出事件冒泡最
  • 深入解析CSS动画：从基础到实战的完整指南 斯~内克 csscss前端
    一、CSS动画的现代意义与核心优势在Web开发领域，CSS动画已成为构建现代交互体验的核心技术。相比传统的JavaScript动画实现方式，CSS动画具有以下显著优势：硬件加速优化：浏览器可自动使用GPU加速，实现更流畅的动画效果声明式语法：通过简洁的代码描述复杂动画序列性能优势：浏览器原生支持，无需额外脚本解析维护便捷：动画逻辑与业务代码分离，易于修改和扩展响应式支持：可结合媒体查询实现多设备适
  • 全局引用scss文件定义的变量 魏时烟 vue3+ts+scssscss前端css
    在vite.config.ts文件中写如下代码css:{preprocessorOptions:{scss:{additionalData:`@use"@/assets/styles/index.scss";`,//这一句javascriptEnabled:true}}}在scss文件中定义变量$color:#000;在其他文件引用变量.text{color:index.$color;}
  • JavaScript基础-顺序流程控制 難釋懷 javascript开发语言
    在学习任何编程语言时，理解如何控制程序的执行流程是至关重要的。JavaScript中的顺序流程控制指的是按照代码书写的顺序依次执行语句的过程。虽然它看起来非常直接和简单，但正是这种基本的控制流构成了所有复杂逻辑的基础。本文将详细介绍JavaScript中的顺序流程控制，并通过示例展示其应用。一、什么是顺序流程控制？顺序流程控制是最简单的程序控制形式，指的是代码从上到下、从左到右逐行执行。除非受到特
  • React Native与Vue的H5交互 丁国栋- reactnativejavascriptvue交互
    一、ReactNative简介：1、ReactNative采用JavaScript框架，将React基础抽象组件渲染为原生平台UI组件，像View,Text以及Image等，可直接映射渲染为对应平台的原生UI组件2、通过React的声明式组件机制和JavaScript代码，现有的原生代码和api可以完美地封装嵌合到React组件中3.、ReactNative创建的原生应用，经常采用混合开发方式嵌入
  • Vue响应式数组方法深度解析 北辰alk 前端vuevue.jsjavascriptecmascript
    文章目录一、Vue数组响应式核心机制1.原生JavaScript数组的局限性2.Vue的解决方案二、Vue封装的七大数组方法1.方法列表与功能说明2.方法拦截器实现原理三、视图更新触发全流程1.依赖收集流程2.更新触发流程四、源码级实现分析1.原型链覆盖实现2.新增元素响应式处理五、特殊场景处理方案1.索引直接修改问题2.长度修改处理3.过滤数组处理六、Vue3的响应式数组优化1.Proxy实现机
  • JavaScript泄露浏览器插件信息引发的安全漏洞及防护措施 w2361734601 网络web安全安全
    本文所述技术原理、漏洞案例及防御方案仅用于安全研究交流，旨在提升网络安全防护意识。任何试图利用文中提及的技术手段进行非法攻击的行为，均与作者/发布方无关。目录引言：被忽视的信息泄露风险一、插件信息泄露的三大途径1.Navigator.plugins对象检测2.MIME类型检测3.特性嗅探技术二、漏洞利用的典型案例1.已知漏洞直接利用2.精准社会工程攻击3.零日漏洞预埋攻击三、四层防御体系构建1.客
  • chrome内核大版本升级涉及核心事项 ปรัชญา แค้วคำมูล chromec++性能优化
    Chrome内核（Chromium）大版本升级涉及多个核心事项，需要从技术、兼容性、安全、性能等多维度进行系统规划。以下是关键核心事项及应对策略：1.技术架构调整V8引擎升级：JavaScript引擎优化可能引入新语法支持（如ES新特性）、性能改进或GC机制调整，需验证业务代码兼容性。渲染引擎变更：Blink引擎的渲染逻辑调整可能导致页面布局差异（如CSSFlexbox/Grid实现变化），需全面
  • 《HTML + CSS + JS 打造炫酷轮播图详解》 ningmengjing_ 前端htmlcssjavascript
    《HTML+CSS+JS打造炫酷轮播图详解》一、项目概述本次项目旨在使用HTML、CSS和JavaScript实现一个具有基本功能的轮播图，包括图片自动轮播、上一张/下一张按钮切换、小圆点指示与切换等功能，以提升网页的交互性和视觉吸引力。二、实现步骤（一）图片拼接做出架构1、HTML结构搭建在HTML文件中，首先创建一个div容器，设置id为banner，作为轮播图的整体框架。在banner内部，
  • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
  • mongoDB 分片 开窍的石头 mongodb
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
  • OVER(PARTITION BY)函数用法 0624chenhong oracle
    这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
  • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
  • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
  • 编码乱码问题 灵静志远 javajvmjsp编码
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
  • java 求几个月后的日期 darkranger calendargetinstance
    Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
  • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
  • 想学工作流怎么入手 atongyeye jbpm
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
  • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
  • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
  • vi opertion 征客丶 macoprationvi
    进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
  • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
      对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
  • java类加载机制 BlueSkator java虚拟机
    java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
  • 动态添加文本框 BreakingBad 文本框
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
  • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
  • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
  • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
    我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
  • oracle 11g新特性Flashback data archive daizj oracle
    1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
  • 多叉树:2-3-4树 dieslrae 树
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
  • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
    /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
  • Objective-C编码规范[译] dcj3sjt126com 代码规范
      原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
  • 0.性能优化-目录 frank1234 性能优化
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
  • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
      import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
      ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
  • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
    ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
  • 第12章 Ajax（中） onestopweb Ajax
    index.html <!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/
  • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
  • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
    1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
  • 世纪互联与结盟有感 阿尔萨斯
    10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他