高孜晗
高孜晗

【JS30-Wes Bos】30天原生JS挑战——总结

 
  
 
   
作者：©iaineisalsoyan 简介：Atypical frond-end developer. 非典型前端开发者。
 
   
完整指南在 GitHub，喜欢请 Star 哦♪(^∇^*)
 
   
Have fun with the website! ♪(^∇^*)
 
  
 
  
项目简介
 
  
30 Day Challenge是 Wes Bos 设计的一个 30 天原生JS编程挑战。
 
  
项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是在不借助框架、库、编译器和引用的情况下，帮助初学者理解纯JavaScript语言。
 
  
项目内容
 
  
     
   
  1.  
    Drum kit（架子鼓模拟器）
     
    2.  
   
  2.  
    JS and CSS Clock （网页时钟）
     
    3.  
   
  3.  
    CSS Variables （CSS变量）
     
    4.  
   
  4.  
    Array Cardio Day1 （数组操作1）
     
    5.  
   
  5.  
    Flex Panel Gallery （Flex画廊面板）
     
    6.  
   
  6.  
    Type Ahead （异步输出）
     
    7.  
   
  7.  
    Array Cardio Day2 （数组操作2）
     
    8.  
   
  8.  
    Fun with HTML5 Canvas（有趣的HTML5画布）
     
    9.  
   
  9.  
    Dev Tools Domination （）
     
    10.  
   
  10.  
    Hold Shift and Check Checkboxes （计划清单）
     
    11.  
   
  11.  
    Custom Video Player （自定义视频播放器）
     
    12.  
   
  12.  
    Key Sequence Detection （字符串序列彩蛋检测）
     
    13.  
   
  13.  
    Slide in on Scroll （滚动鼠标滚轮滑动显示）
     
    14.  
   
  14.  
    JavaScript References VS Copying （引用与拷贝）
     
    15.  
   
  15.  
    Local Storage （本地存储）
     
    16.  
   
  16.  
    Mouse Move Shadow （随鼠标移动的文字阴影）
     
    17.  
   
  17.  
    Sort with Articles （去掉冠词排列）
     
    18.  
   
  18.  
    Adding up Times with Reduce （用Reduce实现时间累加器）
     
    19.  
   
  19.  
    We
    20.  
  
 
 
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(原生JavaScript,Wes,Bos,JS30,javascript,前端,开发语言)

        

            

                
    
                    
  • JavaScript Math（算数）详解
                        lsx202406
开发语言
                        
    JavaScriptMath（算数）详解引言JavaScriptMath对象是JavaScript内置的一个对象，用于执行基本的数学运算。它提供了一系列的静态方法，使得进行数学运算变得非常简单。本文将详细介绍JavaScriptMath对象的各个方法及其应用。Math对象概述Math对象是一个静态对象，意味着它不能被实例化。它包含了一些数学常量和方法，可以用来执行各种数学运算。Math对象的常量M
    
                    
    • 
                    
  • JavaScript的运行机制
                        

                        
    JavaScript的运行机制基于单线程事件循环（EventLoop），这使得它能在非阻塞的情况下处理异步操作。以下是其核心概念的详细解释：1.单线程特性JavaScript是单线程的，意味着它一次只能执行一个任务。这是因为浏览器中的JavaScript主要用于操作DOM，如果允许多线程同时修改页面，会导致冲突和竞态条件。2.执行栈（CallStack）所有同步代码都在执行栈中执行。当调用一个函数
    
                    
    • 
                    
  • 【前端进阶】【实战】【性能优化】前端开发中的事件监听与DOM操作优化实践
                        患得患失949
数字孪生前端性能优化前端
                        
    前端开发中的事件监听与DOM操作优化实践在前端开发中，事件监听器的管理和DOM操作的优化是提升应用性能和稳定性的关键。本文将结合具体案例，探讨如何通过技术手段解决这些问题，并分享一些实用的优化技巧。问题背景在一个基于高德地图的应用中，我们实现了一个信息窗口组件（InfoWindow），其中包含视频播放功能和轮播图展示。随着用户交互的增加，我们遇到了以下问题：信息窗口频繁打开关闭后，页面性能明显下降
    
                    
    • 
                    
  • 【数字孪生】【GIS】【实战】高德地图GIS开发实战：从基础到交互进阶
                        患得患失949
GIS数字孪生交互状态模式
                        
    高德地图GIS开发实战：从基础到交互进阶一、你将学到什么？GIS开发核心能力地图初始化与个性化样式配置（道路、陆地、POI自定义）。自定义标注（Marker）的创建、居中定位与图标替换。信息窗体（InfoWindow）的内容定制、事件绑定与手动控制。交互开发技能标注点击事件、坐标复制、地图缩放等交互逻辑实现。动态内容更新（多标注对应不同信息窗体内容）。前端性能优化（批量标注管理、事件监听时机控制）
    
                    
    • 
                    
  • 从源码到思想：OneCode框架模块化设计如何解决前端大型应用痛点
                        低代码老李
软件行业领域设计低代码前端框架架构
                        
    在前端大型应用开发中，“模块拆分混乱、依赖关系复杂、资源加载失控”是三大痛点。OneCode框架通过Module.js（模块基类）和ModuleFactory.js（模块工厂）构建了一套完整的模块化管理机制，不仅实现了模块的“生老病死”全生命周期管控，更解决了跨模块通信、依赖加载等核心问题。本文从“为什么这么设计”的角度，拆解其底层逻辑与实战价值。一、先理解：前端模块化的核心矛盾无论用什么框架，模
    
                    
    • 
                    
  • OneCode采用虚拟DOM结构实现服务端渲染的技术实践
                        

                        
    一、技术背景与挑战随着企业级应用复杂度的提升，传统服务端渲染(SSR)面临页面交互性不足的问题，而纯前端SPA架构则存在首屏加载慢和SEO不友好的缺陷。OneCode框架创新性地将虚拟DOM技术引入服务端渲染流程，构建了一套兼顾性能与开发效率的企业级前端解决方案。二、虚拟DOM结构设计2.1组件树层次结构OneCode的虚拟DOM基于组件化思想构建，每个组件通过Component类实现，包含以下核
    
                    
    • 
                    
  • 前端开发问题：SyntaxError: “undefined“ is not valid JSON
                        我命由我12345
前端-问题清单json前端javascriptvue.js开发语言ecmascriptjs
                        
    在JavaScript开发，遇到如下问题SyntaxError:"undefined"isnotvalidJSON#翻译SyntaxError："undefined"不是有效的JSON问题原因当使用JSON.parse()时，传入了一个undefined或字符串"undefined"，而它不是有效的JSON字符串问题复现传入一个undefinedconstjsonStr=undefined;con
    
                    
    • 
                    
  • Vue.js前端开发实战-----常用UI组件
                        

                        
    1.进入命令行界面，执行yarncreatevite命令，输入项目名称，选择Vue框架，选择JavaScript，完成vue项目创建。2.在完成创建之后在其目录下通过yarn安装ElementPius，具体命令如下：[email protected].在VSCode中创建一个新的vue文件，文件名称命名分别为MyInfo.vue，RoommateDetail.vue
    
                    
    • 
                    
  • 【前后端联调】MethodArgumentNotValidException
                        宣布无人罪
前后端联调javatomcatspringbootspring
                        
    【前后端联调】MethodArgumentNotValidException01问题描述前后端联调，前端传了一个参数是null，但是这个参数设置了校验不能为null，所以报了这个错误handleMethodArgumentNotValidException,132]-Validationfailedforargument[0]inpubliccom.ruoyi.common.core.domain
    
                    
    • 
                    
  • Github 2025-07-05 Rust开源项目日报Top10
                        老孙正经胡说
githubrust开源Github趋势分析开源项目PythonGolang
                        
    根据GithubTrendings的统计，今日(2025-07-05统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Rust项目10TypeScript项目1uv:极快的Python软件包安装程序和解析器创建周期：147天开发语言：Rust协议类型：ApacheLicense2.0Star数量：7066个Fork数量：200次关注人数：7066人贡献人数：45人O
    
                    
    • 
                    
  • Nginx、Spring Cloud Gateway 与 Higress 的应用场景及核心区别
                        拂晓神剑zzz
nginx运维
                        
    Nginx、SpringCloudGateway与Higress的应用场景及核心区别一、应用场景对比1.Nginx：传统Web服务与高性能反向代理典型场景：静态资源服务器（图片、CSS、JS）高并发Web服务反向代理（如JavaTomcat前端）简单负载均衡（轮询、IP哈希）传统企业网站、电商平台入口层优势：轻量级、低资源消耗，单机可处理万级并发稳定可靠，适合长期运行的静态服务社区成熟，插件生态丰
    
                    
    • 
                    
  • 【前端工程化】前端组件模版构建那些事
                        
前端
                        
    在企业级后台系统中，组件是构建页面的基础单元。与C端不同，B端更注重功能完整性、交互一致性与复用效率。因此，我们需要围绕业务场景封装出可复用、易维护、结构清晰的组件模板。本文档主要围绕组件设计原则、分类建议和使用方式展开，适用于Vue或React技术栈下的开发场景。一、组件设计原则职责单一每个组件只负责一个功能或UI元素，不依赖外部状态；示例：按钮组件只处理点击行为，不包含API调用逻辑；高内聚低
    
                    
    • 
                    
  • JavaScript基础语法之运算符和控制流
                        AA-代码批发V哥
JavaScriptjavascript
                        
    JavaScript基础语法之运算符和控制流一、运算符1.1算术运算符：数值计算的基石1.1.1字符串拼接陷阱1.2比较运算符：条件判断的起点1.2.1严格比较（`===`）vs松散比较（`==`）1.2.2其他比较运算符1.3逻辑运算符：复杂条件的组合1.3.1短路逻辑（重要特性）1.3.2实战：表单验证1.4赋值运算符：数据存储的桥梁1.4.1基础赋值（`=`）1.4.2解构赋值（ES6新增）
    
                    
    • 
                    
  • JavaScript基础语法之变量声明和数据类型
                        AA-代码批发V哥
JavaScriptjavascript
                        
    JavaScript基础语法之变量声明和数据类型一、变量声明1.1变量声明的本质1.2三种声明方式对比（var/let/const）1.2.1var：函数作用域的“老派选手”1.2.2let：块级作用域的“新生代”1.2.3const：常量声明的“守护者”二、数据类型2.1原始数据类型（PrimitiveTypes）2.1.1字符串（String）2.1.2数值（Number）2.1.3布尔（Bo
    
                    
    • 
                    
  • Python实例题：基于 Flask 的在线聊天系统
                        

                        
    目录Python实例题题目要求：解题思路：代码实现：Python实例题题目基于Flask的在线聊天系统要求：使用Flask框架构建一个实时在线聊天系统，支持以下功能：用户注册、登录和个人资料管理一对一实时聊天功能群聊功能消息通知和未读消息提示在线用户状态显示使用Flask-SocketIO实现实时通信。使用SQLite数据库存储用户、聊天记录等信息。添加美观的前端界面，支持响应式设计。解题思路：使
    
                    
    • 
                    
  • 基于esbuild封装类似tsup工具
                        aiguangyuan
前端架构前端开发系统架构
                        
    在现代前端开发中，构建工具的选择直接影响着项目的开发效率和最终产物的性能。随着TypeScript的普及，开发者对高效、快速的TypeScript构建工具的需求日益增长。esbuild作为一款新兴的JavaScript打包器，以其惊人的构建速度引起了广泛关注，而tsup则是基于esbuild的一个优秀封装，专门为TypeScript库开发提供了零配置的便捷体验。本文将探讨如何基于esbuild核心
    
                    
    • 
                    
  • 前端开发核心：HTML、CSS与JavaScript学习指南
                        Randy Rhoads

                        
    本文还有配套的精品资源，点击获取简介：HTML、CSS和JavaScript是前端开发的基础，分别负责网页的结构、样式和动态行为。学习这三种技术需要理解它们之间的关系及其协同工作的机制。本笔记提供了一个全面的复习资料，包括标签使用、CSS布局技巧、JavaScript基础语法和DOM操作，旨在帮助巩固知识点和发现潜在的学习盲点。同时，介绍了响应式设计、Web组件、ServiceWorker等现代前
    
                    
    • 
                    
  • webpack+vite前端构建工具 -答疑
                        

                        
    webpack答疑1输入webpack命令，执行的是全局版本还是本地版本的webpack当在命令行窗口输入webpack命令时，其执行优先级可通过以下步骤明确判断：1.1【全局安装优先机制】执行原理：系统会按照环境变量PATH的顺序逐级查找可执行文件路径比对：全局安装路径：npminstall-gwebpack会安装在类似/usr/local/bin（Mac/Linux）或C:\Users\用户名
    
                    
    • 
                    
  • 常见构建工具使用与原理浅析
                        

                        
    1.初版构建工具1.1.GruntGrunt是前端第一个正式的构建工具，它基于Node.js开发。Grunt同样是基于插件实现功能拓展增强，但对于像Webpack上很多能力，如HMR、ScopeHoisting等都是不支持的，可以作为学习Webpack前的了解。Grunt更像是一种自动化的配置工具集，就如官方所说，Grunt是TheJavaScriptTaskRunner，每个Grunt任务通常必
    
                    
    • 
                    
  • TypeScript-webpack
                        難釋懷
typescriptwebpackjavascript
                        
    一、前言随着前端工程化的不断演进，使用TypeScript编写更加健壮、可维护的代码已成为主流趋势。而Webpack则是目前最流行的模块打包工具之一，它可以帮助我们将多个模块、资源文件进行打包压缩，适用于大型项目开发。本文将带你一步步搭建一个基于TypeScript+Webpack的开发环境，涵盖基础配置、编译流程、开发服务器设置等内容，适合初学者和中级开发者学习参考。二、什么是TypeScrip
    
                    
    • 
                    
  • 如何实现表格选中时禁用树结构的复选框功能（El-Tree 与 El-Table 联动实现）
                        Peak_Gao
vue.jselementuijavascript
                        
    在前端开发中，树形结构和表格是常用的组件组合，尤其是在展示和管理复杂数据时。使用ElementUI的el-tree和el-table组件，我们可以实现当表格中有选中行时，自动禁用树结构中的复选框，反之亦然。这不仅提升了用户体验，还能有效防止数据操作上的冲突。本文将详细介绍如何实现这一功能，并提供相应的代码示例。实现思路树结构(el-tree)：用于展示分层数据，支持复选框选择。表格(el-tabl
    
                    
    • 
                    
  • Go 语言实现本地大模型聊天机器人：从推理到 Web UI 的全流程
                        雷羿 LexChien
Gogolang机器人前端
                        
    接续Go-LLM-CPP专案，继续扩充前端聊天室功能一.专案目录架构：go-llm-cpp/├──bin/#第三方依赖│├──go-llama.cpp/#封裝GGUF模型推理（CGo）│└──llm-go/#prompt构建+回合管理（Go）│├──cmd/#可执行应用│└──main.go#CLI/HTTPserver入口点│├──config/│└──persona.yaml#人格模板（系统p
    
                    
    • 
                    
  • Vue 3 + Element Plus 常见开发问题与解决方案手册
                        JaysonJin
小问题vue.js前端javascript
                        
    Vue3+ElementPlus常见开发问题与解决方案手册本文整理了常见但容易混淆的几个Vue3前端开发问题，包括插槽、原型链、响应式数据处理、v-model报错、样式阴影控制等，建议收藏学习！一、动态插槽fallback原理详解✅场景在组件中使用如下代码：✅疑问为什么加了默认内容，父组件传了插槽就会生效，没传就自动使用默认内容？✅解答这是Vue插槽的fallback（回退）机制：父组件有传插槽，
    
                    
    • 
                    
  • 主流 3D 感知技术对比-iTOF、dTOF、结构光、激光雷达
                        moonsims
数码相机
                        
    主流3D感知技术对比-iTOF、dTOF、结构光、激光雷达四类主流3D感知技术对比表对比维度iToF相机dToF相机固态LiDAR+可见光融合结构光相机测距原理连续调制光→相位差计算激光脉冲→飞行时间测距激光扫描点云+图像纹理融合投射编码光图案+视差三角测量代表设备IntelD435i,AzureKinectSTVL53L5CX,SonyIMX611L3CAM,RoboSenseM1+RGBRea
    
                    
    • 
                    
  • 探索 Vue.js 前端开发中的插件系统
                        大厂前端小白菜
vue.js前端javascriptai
                        
    探索Vue.js前端开发中的插件系统关键词：Vue.js、插件系统、install方法、全局功能、代码复用、生命周期、模块化开发摘要：本文通过乐高积木的比喻，深入浅出地讲解Vue.js插件系统的核心原理。从install方法的工作原理到实战开发全局加载提示插件，揭秘如何通过插件机制实现功能扩展与代码复用，并探讨其在现代前端工程中的最佳实践。背景介绍目的和范围本文旨在帮助开发者理解Vue.js插件系
    
                    
    • 
                    
  • React.js在前端移动端开发中的应用
                        大厂前端小白菜
前端react.js前端框架ai
                        
    React.js在前端移动端开发中的应用关键词：React.js、移动端开发、跨平台、组件化、性能优化、ReactNative、PWA摘要：本文将深入探讨React.js在移动端开发中的应用场景和技术实现。从React的核心特性出发，分析其在移动端的优势，详细介绍ReactNative的工作原理，并通过实际案例展示如何构建高性能的移动应用。文章还将对比不同移动端开发方案，提供性能优化建议，并展望R
    
                    
    • 
                    
  • 一：以理论结合实践方式梳理前端 React 框架 ——— 初识 React 框架
                        十三餍
React专栏javascriptes6前端
                        
    初识React框架假设我们并不了解node&npm的情况下，使用最被大家熟知的方法：脚本引入方式，来开始学习react框架。官方文档：https://react.docschina.org/创建第一个应用管他三七二十一，先整一个项目再说：在你习惯放置学习代码的地方，建个目录（例：F:\wwwroot\react-demo），并建一个demo01.html，搭好html5格式：DocumentRea
    
                    
    • 
                    
  • REACT (Web开发框架 : react)极速入门
                        masterphp
react.js前端前端框架
                        
       前面讲过了很多后端，今天复习一下前端，为啥要讲React？对咯！我这边又被借调到前端组了，和前端的同学一起做React，以前有基础加上前端同学只做过Vue，所以我毫无疑问的又被借过去了......，这个是复习资料，高级玩家可略过。首先我要说一下，有Vue框架和JS原生的同学学习React会特别的快速，所以基础稍微差一点的同学可以先复习一下JS，特别说一下是JS老生常谈的，说明一下啥是Reac
    
                    
    • 
                    
  • 使用Node.js命令行进行编程
                        翠绿探寻
node.jsvim编辑器编程
                        
    Node.js是一个基于ChromeV8JavaScript引擎构建的运行时环境，它可以让开发者使用JavaScript语言编写服务器端代码。Node.js命令行界面（CLI）是一个强大的工具，它提供了与Node.js交互和执行JavaScript代码的能力。在本文中，我们将介绍如何在Node.js命令行中使用JavaScript进行编程，并提供相应的源代码示例。1.安装Node.js首先，我们需
    
                    
    • 
                    
  • 反向遍历--当你修改一个元素的outerHTML时，该元素会被从 DOM 中移除
                        专注VB编程开发20年
htmljavascript
                        
    varspans=editor.querySelectorAll('span[mytag]');//将NodeList转换为数组//varspansArray=Array.from(spans);varid=0spans.forEach(span=>{span.outerhtml这里无法直接修改吗?}在JavaScript中，outerHTML是一个可写属性，但你需要注意以下几点：1.属性名大小写
    
                    
    • 
                                
  • ztree异步加载
                                    3213213333332132
JavaScriptAjaxjsonWebztree
                                    
    相信新手用ztree的时候,对异步加载会有些困惑，我开始的时候也是看了API花了些时间才搞定了异步加载，在这里分享给大家。 
我后台代码生成的是json格式的数据，数据大家按各自的需求生成，这里只给出前端的代码。 
 
设置setting，这里只关注async属性的配置 
 

            var setting = {
            	//异步加载配置	
      
    
                                
    • 
                                
  • thirft rpc 具体调用流程
                                    BlueSkator
中间件rpcthrift
                                    
    Thrift调用过程中，Thrift客户端和服务器之间主要用到传输层类、协议层类和处理类三个主要的核心类，这三个类的相互协作共同完成rpc的整个调用过程。在调用过程中将按照以下顺序进行协同工作： 
        （1）     将客户端程序调用的函数名和参数传递给协议层（TProtocol），协议
    
                                
    • 
                                
  • 异或运算推导, 交换数据
                                    dcj3sjt126com
PHP异或^
                                    
    /*
 * 5 0101
 * 9 1010
 *
 * 5 ^ 5
 * 0101
 * 0101
 * -----
 * 0000
 * 得出第一个规律: 相同的数进行异或, 结果是0
 *
 * 9 ^ 5 ^ 6
 * 1010
 * 0101
 * ----
 * 1111
 *
 * 1111
 * 0110
 * ----
 * 1001
 
    
                                
    • 
                                
  • 事件源对象
                                    周华华
JavaScript
                                    
    <!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/xhtml&q
    
                                
    • 
                                
  • MySql配置及相关命令
                                    g21121
mysql
                                    
            MySQL安装完毕后我们需要对它进行一些设置及性能优化，主要包括字符集设置，启动设置，连接优化，表优化，分区优化等等。 
  
        一 修改MySQL密码及用户 
     
    
                                
    • 
                                
  • [简单]poi删除excel 2007超链接
                                    53873039oycg
Excel
                                    
          采用解析sheet.xml方式删除超链接，缺点是要打开文件2次,代码如下: 
     
public void removeExcel2007AllHyperLink(String filePath) throws Exception {
		OPCPackage ocPkg = OPCPac
    
                                
    • 
                                
  • Struts2添加 open flash chart
                                    云端月影

                                    
    准备以下开源项目： 
1. Struts 2.1.6 
2. Open Flash Chart 2 Version 2 Lug Wyrm Charmer (28th, July 2009) 
3. jofc2，这东西不知道是没做好还是什么意思，好像和ofc2不怎么匹配，最好下源码，有什么问题直接改。 
4. log4j 
 
用eclipse新建动态网站，取名OFC2Demo，将Struts2 l
    
                                
    • 
                                
  • spring包详解
                                    aijuans
spring
                                    
      
下载的spring包中文件及各种包众多，在项目中往往只有部分是我们必须的，如果不清楚什么时候需要什么包的话，看看下面就知道了。 aspectj目录下是在Spring框架下使用aspectj的源代码和测试程序文件。Aspectj是java最早的提供AOP的应用框架。 dist 目录下是Spring 的发布包，关于发布包下面会详细进行说明。 docs&nb
    
                                
    • 
                                
  • 网站推广之seo概念
                                    antonyup_2006
算法Web应用服务器搜索引擎Google
                                    
       持续开发一年多的b2c网站终于在08年10月23日上线了。作为开发人员的我在修改bug的同时，准备了解下网站的推广分析策略。 
    所谓网站推广，目的在于让尽可能多的潜在用户了解并访问网站，通过网站获得有关产品和服务等信息，为最终形成购买决策提供支持。 
    网站推广策略有很多，seo，email，adv
    
                                
    • 
                                
  • 单例模式,sql注入,序列
                                    百合不是茶
单例模式序列sql注入预编译
                                    
      
序列在前面写过有关的博客,也有过总结,但是今天在做一个JDBC操作数据库的相关内容时 需要使用序列创建一个自增长的字段  居然不会了,所以将序列写在本篇的前面 
  
 1,序列是一个保存数据连续的增长的一种方式; 
序列的创建; 
 CREATE SEQUENCE seq_pro
  2  INCREMENT BY 1 -- 每次加几个
  3 
    
                                
    • 
                                
  • Mockito单元测试实例
                                    bijian1013
单元测试mockito
                                    
    Mockito单元测试实例： 
public class SettingServiceTest {
    
    private List<PersonDTO> personList = new ArrayList<PersonDTO>();
    
    @InjectMocks
    private SettingPojoService settin
    
                                
    • 
                                
  • 精通Oracle10编程SQL(9)使用游标
                                    bijian1013
oracle数据库plsql
                                    
    /*
 *使用游标
 */
--显示游标
--在显式游标中使用FETCH...INTO语句
DECLARE
   CURSOR emp_cursor is 
      select ename,sal from emp where deptno=1;
   v_ename emp.ename%TYPE;
   v_sal emp.sal%TYPE;
begin
   ope
    
                                
    • 
                                
  • 【Java语言】动态代理
                                    bit1129
java语言
                                    
      JDK接口动态代理 
JDK自带的动态代理通过动态的根据接口生成字节码(实现接口的一个具体类)的方式，为接口的实现类提供代理。被代理的对象和代理对象通过InvocationHandler建立关联 
  
package com.tom;

import com.tom.model.User;
import com.tom.service.IUserService;

    
                                
    • 
                                
  • Java通信之URL通信基础
                                    白糖_
javajdkwebservice网络协议ITeye
                                    
    java对网络通信以及提供了比较全面的jdk支持，java.net包能让程序员直接在程序中实现网络通信。 
在技术日新月异的现在，我们能通过很多方式实现数据通信，比如webservice、url通信、socket通信等等，今天简单介绍下URL通信。 
学习准备：建议首先学习java的IO基础知识 
  
URL是统一资源定位器的简写，URL可以访问Internet和www，可以通过url
    
                                
    • 
                                
  • 博弈Java讲义 - Java线程同步 (1)
                                    boyitech
java多线程同步锁
                                    
      
在并发编程中经常会碰到多个执行线程共享资源的问题。例如多个线程同时读写文件，共用数据库连接，全局的计数器等。如果不处理好多线程之间的同步问题很容易引起状态不一致或者其他的错误。 
   同步不仅可以阻止一个线程看到对象处于不一致的状态，它还可以保证进入同步方法或者块的每个线程，都看到由同一锁保护的之前所有的修改结果。处理同步的关键就是要正确的识别临界条件（cri
    
                                
    • 
                                
  • java-给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。
                                    bylijinnan
java
                                    
    

public class DeleteExtraSpace {

	/**
	 * 题目：给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。
	 * 方法1.用已有的String类的trim和replaceAll方法
	 * 方法2.全部用正则表达式，这个我不熟
	 * 方法3.“重新发明轮子”，从头遍历一次
	 */
	public static v
    
                                
    • 
                                
  • An error has occurred.See the log file错误解决！
                                    Kai_Ge
MyEclipse
                                    
    今天早上打开MyEclipse时，自动关闭！弹出An error has occurred.See the log file错误提示！ 
很郁闷昨天启动和关闭还好着！！！打开几次依然报此错误，确定不是眼花了！ 
打开日志文件！找到当日错误文件内容： 
--------------------------------------------------------------------------
    
                                
    • 
                                
  • [矿业与工业]修建一个空间矿床开采站要多少钱?
                                    comsci

                                    
     
       地球上的钛金属矿藏已经接近枯竭........... 
 
       我们在冥王星的一颗卫星上面发现一些具有开采价值的矿床..... 
 
       那么,现在要编制一个预算,提交给财政部门..
    
                                
    • 
                                
  • 解析Google Map Routes
                                    dai_lm
google api
                                    
    为了获得从A点到B点的路劲，经常会使用Google提供的API，例如 
[url] 
http://maps.googleapis.com/maps/api/directions/json?origin=40.7144,-74.0060&destination=47.6063,-122.3204&sensor=false 
[/url] 
从返回的结果上，大致可以了解应该怎么走，但
    
                                
    • 
                                
  • SQL还有多少“理所应当”？
                                    datamachine
sql
                                    
    转贴存档，原帖地址：http://blog.chinaunix.net/uid-29242841-id-3968998.html、http://blog.chinaunix.net/uid-29242841-id-3971046.html！ 
 
------------------------------------华丽的分割线-------------------------------- 

    
                                
    • 
                                
  • Yii使用Ajax验证时，如何设置某些字段不需要验证
                                    dcj3sjt126com
Ajaxyii
                                    
    经常像你注册页面,你可能非常希望只需要Ajax去验证用户名和Email,而不需要使用Ajax再去验证密码,默认如果你使用Yii 内置的ajax验证Form,例如: 
$form=$this->beginWidget('CActiveForm', array(        'id'=>'usuario-form',&
    
                                
    • 
                                
  • 使用git同步网站代码
                                    dcj3sjt126com
crontabgit
                                    
    转自:http://ued.ctrip.com/blog/?p=3646?tn=gongxinjun.com 
  
管理一网站，最开始使用的虚拟空间，采用提供商支持的ftp上传网站文件，后换用vps，vps可以自己搭建ftp的，但是懒得搞，直接使用scp传输文件到服务器，现在需要更新文件到服务器，使用scp真的很烦。发现本人就职的公司，采用的git+rsync的方式来管理、同步代码，遂
    
                                
    • 
                                
  • sql基本操作
                                    蕃薯耀
sqlsql基本操作sql常用操作
                                    
    sql基本操作 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
蕃薯耀 2015年6月1日 17:30:33 星期一 
  
  
&
    
                                
    • 
                                
  • Spring4+Hibernate4+Atomikos3.3多数据源事务管理
                                    hanqunfeng
Hibernate4
                                    
    Spring3+后不再对JTOM提供支持，所以可以改用Atomikos管理多数据源事务。Spring2.5+Hibernate3+JTOM参考：http://hanqunfeng.iteye.com/blog/1554251Atomikos官网网站：http://www.atomikos.com/   一.pom.xml 
<dependency>
			<
    
                                
    • 
                                
  • jquery中两个值得注意的方法one()和trigger()方法
                                    jackyrong
trigger
                                    
      在jquery中，有两个值得注意但容易忽视的方法，分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍 
 
 
1） one方法 
    one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数，格式为 
   one(type,${data},fn) 
&nb
    
                                
    • 
                                
  • 拿工资不仅仅是让你写代码的
                                    lampcy
工作面试咨询
                                    
    这是我对团队每个新进员工说的第一件事情。这句话的意思是，我并不关心你是如何快速完成任务的，哪怕代码很差，只要它像救生艇通气门一样管用就行。这句话也是我最喜欢的座右铭之一。 
这个说法其实很合理：我们的工作是思考客户提出的问题，然后制定解决方案。思考第一，代码第二，公司请我们的最终目的不是写代码，而是想出解决方案。 
话粗理不粗。 
付你薪水不是让你来思考的，也不是让你来写代码的，你的目的是交付产品
    
                                
    • 
                                
  • 架构师之对象操作----------对象的效率复制和判断是否全为空
                                    nannan408
架构师
                                    
    1.前言。 
  如题。 
2.代码。 
 (1)对象的复制，比spring的beanCopier在大并发下效率要高，利用net.sf.cglib.beans.BeanCopier 
 

Src src=new Src();
BeanCopier beanCopier = BeanCopier.create(Src.class, Des.class, false);
      
    
                                
    • 
                                
  • ajax 被缓存的解决方案
                                    Rainbow702
JavaScriptjqueryAjaxcache缓存
                                    
    使用jquery的ajax来发送请求进行局部刷新画面，各位可能都做过。 
今天碰到一个奇怪的现象，就是，同一个ajax请求，在chrome中，不论发送多少次，都可以发送至服务器端，而不会被缓存。但是，换成在IE下的时候，发现，同一个ajax请求，会发生被缓存的情况，只有第一次才会被发送至服务器端，之后的不会再被发送。郁闷。 
解决方法如下： 
① 直接使用 JQuery提供的 “cache”参数，
    
                                
    • 
                                
  • 修改date.toLocaleString()的警告
                                    tntxia
String
                                    
      
我们在写程序的时候，经常要查看时间，所以我们经常会用到date.toLocaleString()，但是date.toLocaleString()是一个过时 的API，代替的方法如下： 
  
package com.tntxia.htmlmaker.util;

import java.text.SimpleDateFormat;
import java.util.
    
                                
    • 
                                
  • 项目完成后的小总结
                                    xiaomiya
js总结项目
                                    
    项目完成了，突然想做个总结但是有点无从下手了。 
做之前对于客户端给的接口很模式。然而定义好了格式要求就如此的愉快了。 
先说说项目主要实现的功能吧 
1，按键精灵 
2，获取行情数据 
3，各种input输入条件判断 
4，发送数据（有json格式和string格式） 
5，获取预警条件列表和预警结果列表， 
6，排序， 
7，预警结果分页获取 
8，导出文件（excel，text等） 
9，修
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他