JS笔记1

1.鼠标的移入与移出

(原理)

当鼠标移入的时候,把Div1的style的display变成block.

当鼠标移出的时候,把Div1的style的display变成none.

移入 onmouseover  移出  onmouseout

 

2.获取元素

document.getElementById('ID')

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 2 <html xmlns="http://www.w3.org/1999/xhtml">

 3 <head>

 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 5 <title>无标题文档</title>

 6 <style type="text/css">

 7 #div1 {width:100px; height:50px; background:#FF9900; border:1px solid #FFFF66; display:none;}

 8 </style>

 9 </head>

10 

11 <body>

12 <label onmousemove="document.getElementById('div1').style.display='block';" 

13        onmouseout="document.getElementById('div1').style.display='none';">

14 <input type="checkbox"  />自动登陆</label>

15 <div id="div1">

16 请不要在网吧.....

17 </div>

18 </body>

19 </html>

 

3.class的使用

在JS中,class一律写为className

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 2 <html xmlns="http://www.w3.org/1999/xhtml">

 3 <head>

 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 5 <title>无标题文档</title>

 6 <style>

 7 div {width:100px; height:100px; background:red;}

 8 .box {width:200px; height:200px; background:green;}

 9 </style>

10 </head>

11 

12 <body>

13 <div id="div1" onmousemove="document.getElementById('div1').className='box';" 

14 onmouseout="document.getElementById('div1').className=' ';"></div>

15 </body>

16 </html>

 

4.网页换肤

(原理)

准备几套css样式

调试好兼容性

在点击按钮时,改变herf值

 

5.点击onclick事件

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 2 <html xmlns="http://www.w3.org/1999/xhtml">

 3 <head>

 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 5 <title>无标题文档</title>

 6 </head>

 7 

 8 <body>

 9 <input type="button" value="按钮" onclick="alert('zcvzxcvzx');" />

10 </body>

11 </html>

 

 

6.JS函数的定义和调用

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 2 <html xmlns="http://www.w3.org/1999/xhtml">

 3 <head>

 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 5 <title>无标题文档</title>

 6 <script type="text/javascript">

 7 function show()        //定义

 8 {

 9     alert('abc');

10 }

11 

12 show();                //调用

13 </script>

14 </head>

15 

16 <body>

17 </body>

18 </html>

 

7.改变DIV样式

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 2 <html xmlns="http://www.w3.org/1999/xhtml">

 3 <head>

 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 5 <title>无标题文档</title>

 6 <style type="text/css">

 7 #div1 {

 8     width:200px;

 9     height:200px;

10     background:red;

11 }

12 </style>

13 <script type="text/javascript">

14 function toGreen()

15 {

16     var oDiv=document.getElementById('div1');

17     

18     oDiv.style.width='300px';

19     oDiv.style.height='300px';

20     oDiv.style.background='green';

21 }

22 

23 function toRed()

24 {

25     var oDiv=document.getElementById('div1');

26     

27     oDiv.style.width='200px';

28     oDiv.style.height='200px';

29     oDiv.style.background='red';

30 }

31 </script>

32 </head>

33 

34 <body>

35 <div id="div1" onmouseover="toGreen()" onmouseout="toRed()">

36 </div>

37 </body>

38 </html>

 

8.if判断

if(条件)
{
语句1
}
else
{
语句2
}

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 2 <html xmlns="http://www.w3.org/1999/xhtml">

 3 <head>

 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 5 <title>无标题文档</title>

 6 <style type="text/css">

 7 #div1 {width:100px; height:200px; background:#CCC; display:none;}

 8 </style>

 9 <script type="text/javascript">

10 function showHide()

11 {

12     var oDiv=document.getElementById('div1');

13     

14     if(oDiv.style.display=='block')

15     {

16         oDiv.style.display='none';

17     }

18     else

19     {

20         oDiv.style.display='block';

21     }

22 }

23 </script>

24 </head>

25 

26 <body>

27 <input type="button" value="显示隐藏" onclick="showHide()" />

28 <div id="div1">

29 </div>

30 </body>

31 </html>

 

总结:

1.编写JS的流程

布局：HTML+CSS

属性：确定要修改哪些属性

事件：确定用户做哪些操作（产品设计）

编写JS：在事件中，用JS来修改页面元素的样式

 

2.任何标签都可以加ID，包括link

任何标签的任何属性，也都可以修改

HTML里怎么写，JS里就怎么写

 

3.为a链接添加JS <a href=“javascript:;”></a>

你可能感兴趣的:(js)

  • Python中存储数据——json模块 小白的高手之路 python学习pythonjson开发语言
    很多时候，程序要把信息存储在列表和字典等数据结构中。一种简单的方式是使用json模块来存储数据。json模块能够将简单的Python数据结构存储到文件中，并在程序运行时加载文件中的数据。还可以使用json在Python程序之间分享数据。更重要的是，JSON数据格式并非Python专用的，能够将以JSON格式存储的数据与使用其他编程语言的人分享。JSON（JavaScriptObjectNotion
  • 《 bilibili-起步级 用户模块接口文档 经验分享 ~》 撒乎乎不撒 大工程实时更新经验分享springboot后端前端
    bilibili-用户模块接口文档-经验分享~数据库er关系图:迅速跳转链接枚举码实体类:迅速跳转链接使用apifox.json格式导入接口文档步骤登录Apifox。新建文件,将代码粘贴到该文件,并更改后缀为.apifox.json进入项目，点击“导入”。选择“Apifox”格式，导入文件。代码{"apifoxProject":"1.0.0","$schema":{"app":"apifox","
  • Electron+Python软件系统开发记录（一）：基础环境搭建 多宝鱼1998 环境配置遇到的坑pythonnodejsthrift
    Electron+Python软件系统开发记录（一）：基础环境搭建1.问题说明最近开始做本科毕设，其中有一部分内容是搭建一个完整的软件系统。系统要求就是常见的客户端，服务器，数据库的整体架构。因为本科不是计算机系的，所以学习的相关技能少，以前写课程设计一般用QT或者MFC，还有Mac的OC语言。本着多学习的态度，这次选用了Electron框架，可以迫使自己学学html,css,js这些东西。后端因
  • vuejs相关链接和格式化插件推荐 醉酒的李白、 vue.jsjavascript前端
    vue官网：https://cn.vuejs.org/配合路由设置：https://router.vuejs.org/zh/guide/elementplus(vue3)|elementUI(vue2)：https://element-plus.org/zh-CN/#/zh-CN构建工具vite：https://cn.vitejs.dev/右键选择Prettier作为格式化工具，el-tree组件
  • JWTToken介绍 醉酒的李白、 .NETJWTToken
    JWTToken介绍如题，先上一个tokeneyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJOYW1lIjoi6buE6I2v5biIIiwiRW1wbG95ZWVJRCI6MSwiZXhwIjoxNjI2MTU5ODM5LjB9.h_4jRq621FbsZMRx1lXaM_gqVPMHL_9qO8k-NMDTUhoJWT：JsonWebToken，是由三段信息构成
  • 809政府平台H5无插件播放1078URL 毛三仙 视频播放vue.js
    809政府平台视频播放器接入指南背景政府平台播放JT/T1078-20166.2音视频流URL大都是通过Flex开发一个播放器完成，但Flash支持已经被大多数浏览器移除或阻止，需要一个新的方案来解决播放问题。我们开发了一个播放器，引用一个js即可简单实现H5无插件播放此URL，最少仅需3行代码。控件地址https://lib.cvtsp.com/video/CVNetVideoJs/1.3.0/
  • 鸿蒙ZRouter动态路由框架—服务路由 H.ZWei HarmonyOS应用开发鸿蒙HarmonyosNavigationrouter
    前言源码：https://gitee.com/common-apps/ZRouterOH：https://ohpm.openharmony.cn/#/cn/detail/@hzw%2Fzrouter服务路由主要用于实现模块之间的通信，模块间是相互独立且不直接依赖于彼此。首先确保路由插件在1.0.9版本及以上一、添加配置1、在entry模块的build-profile.json5文件的buildOp
  • 在Vite创建项目中引入Sass弹出The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0 宝子卡粉 javascript前端node.js
    在Vite创建项目中引入Sass弹出ThelegacyJSAPIisdeprecatedandwillberemovedinDartSass2.0.0原因分析：其实通过报错提供的链接就可以知道，sass提供的某些jsapi即将在v2.0.0的新版本中废弃了，提醒你及时更新解决方案：在配置文件vite.config.js中配置//设置scss的api类型为modern-compilercss:{pr
  • 支付宝小程序JS省市区三级联动 木易少 支付宝小程序支付宝小程序js三级联动
    1、citysJSON.js//地区js文件varcitys=[{"name":"北京市","subList":[{"name":"北京市","subList":[{"name":["东城区"]},{"name":["西城区"]},{"name":["崇文区"]},{"name":["宣武区"]},{"name":["朝阳区"]},{"name":["丰台区"]},{"name":["石景山区"]
  • nodejs作为provider接入nacos tvrddmss springboot后端java微服务node.js
    需求：公司产品一直是nodejs的后台，采用的eggjs框架，也不是最新版本，现有有需求需求将这些应用集成到微服务的注册中心，领导要求用java。思路：用springcloudgateway将需要暴露的接口url转发，并将这个gateway注册到注册中心方案：1、转发原有nodejs的后台服务用Springboot建立一个gateway项目，引入gatewayorg.springframework
  • json2.js 简析(个人学习） 奋斗小小鸟cy JSjsonjs
    json2.js简析（个人学习）1.作用chrome浏览器等现代浏览器中存在JSON全局变量。这个变量有两个方法stringify（将js对象转化成json字符串）和parse（将json字符串转化成js对象）。这两个方法在js对象和json字符串转化过程中很有用。但是IE等老旧浏览器中没有这个全局变量。json2.js的作用就是：判断是否有全局变量JSON，如果没有就创建它。2.简析可以在htt
  • React 使用高阶组件封装Context的两种方式 Kevin·Tseng vuereactjava数据库python
    Reac中使用Context共享数据时，可以使用高阶组件做一个封装，方便页面使用方式一：使用高阶组件1.在App.js中添加状态共享ProviderimportHomefrom'./page/Home'import{Provider,Context}from'./AppContext'conststore={user:{isLogin:true,userName:"Kevin"}}function
  • Vue3中使用exceljs和file-saver实现Excel导出（含图片导出）完整方案 叫我OldFe excel
    问题背景在Vue3项目中，当我们需要将包含图片的数据导出到Excel时，常用的sheetjs/xlsx库存在局限性：无法直接导出图片到单元格。本文将提供完整的解决方案，封装可直接复用的工具函数。解决方案技术选型使用exceljs+file-saver组合：exceljs：支持图片插入的Excel操作库file-saver：前端文件保存工具功能特性✅支持多图片列导出✅自动识别Base64和DataU
  • 前端打包优化相关 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文件不会经过该规则定义的加载器处
  • 探索 APIJSON PHP：一款强大的RESTful API 开发框架 周澄诗Flourishing
    探索APIJSONPHP：一款强大的RESTfulAPI开发框架去发现同类优质开源项目:https://gitcode.com/在当今的Web开发中，API已经成为构建可扩展、跨平台应用的关键组件。APIJSONPHP是基于PHP语言的一款高效、便捷的RESTfulAPI开发框架，旨在简化API的设计和维护过程。本文将深入探讨该项目的核心特性、技术优势及应用场景，以期吸引更多开发者加入使用。1.项
  • Python, Springboot 开发基于人类指令生成机器人3D可视化动态模型app Geeker-2025 pythonspringboot
    开发一个基于人类指令生成机器人3D可视化动态模型的APP是一个复杂且多层次的项目，涉及前端和后端的多个技术栈。以下是一个高层次的设计概述，涵盖主要的技术栈和功能模块，并提供使用Python和SpringBoot进行联合开发的示例。##技术栈概述###前端-**框架**：React.js或Vue.js（用于构建用户界面）-**3D可视化**：Three.js或React-Three-Fiber（用于
  • React Next项目中导入Echart世界航线图 一朵好运莲 react.jsjavascriptecmascript
    公司业务要求做世界航线图，跑了三个ai未果，主要是引入world.json失败，echart包中并不携带该文件，源码的world.json文件页面404找不到。需要自己寻找。这是整个问题卡壳的关键点，特此贴出资源网址。一、安装npminstallecharts二、下载world.jsonworld.json在最下面，点开直接粘贴到自己项目中引入Indexof/examples/data/asset
  • 【实战-解决方案】Webpack 打包后很多js方法报错：not defined oliver.chau 前端开发webpack前端node.js
    问题分析在不打包的情况下，方法（如checkLoginStatus、filterSites、initProgressBar等）可以正常运行，而经过Webpack打包后报isnotdefined错误，通常有以下几个可能的原因：全局变量丢失在Webpack打包时，默认使用模块作用域（strictmode），不会自动将定义的函数暴露到window全局作用域。在不打包的情况下，脚本文件直接在HTML里引入
  • 【懒人精灵】免费网络验证源码分享 九黎AJ 懒人精灵懒人精灵
    个人简介‍个人主页：九黎aj‍♂️幸福源自奋斗,平凡造就不凡如果文章对你有用，麻烦关注点赞收藏走一波，感谢支持！欢迎订阅我的专栏：autojspythonQQ群：698307198文章目录前言总结加入交流群前言为什么使用百宝云神烦云免费网络验证做教学因为它免费并且功能多注册地址http://useryz.91shenfan.com/index.php?user/login&refurl=http:
  • 【编程向导】Nginx-静态资源服务器 wtrees_松阳 nginx服务器运维
    静态资源静态资源即非服务器动态生成的文件。常见静态资源类型：浏览器端渲染：HTML、CSS、JS图片：JPEG、GIF、PNG视频：FLV、MPEG文件：TXT等任意下载文件基本配置Web服务器一个重要的功能是服务静态文件（图像或静态HTML页面）。例如，Nginx可以很方便的让服务器从/data/www获取html文件，从/data/images获取图片来返回给客户端，这只需要在http块指令中
  • Vue3开发 vue-router的使用 CV菜鸟# 前端开发vue.jsjavascript前端
    1、vue-router简介官方介绍：VueRouter是Vue.js(opensnewwindow)官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自
  • 使用 AJAX 前后端传递数据 学c真好玩 ajaxspring
    使用异步操作(ajax)前后端传递数据1、传递对象1.1、jsp文件--%>//创建userinfo对象，具备两个属性username,passwordfunctionuserinfo(username,password){this.username=username;this.password=password;}functionsendAjax1(){//创建对象实例，初始化数据varuser
  • 深度掌握 ReactJS 高级概念：前端开发者必备 前端javascript
    ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读这篇文章汇总了ReactJS中值得深入研究的高级概念。读完后，不仅在前端面试中能更胸有成竹，还能自行开发一个类似ReactJS的UI库。目录Rendering的含义与过程Re-rendering发生的机制及原因VirtualDOM的原理Reconciliation算法的运行方式ReactJS的性能优化方案1
  • 【harmonyOS NEXT 下的前端开发者】WAV音频编码实现 九酒6 HarmonyOSharmonyos音视频华为
    继6年前使用js实现的mp4封装之后，再次回顾编解码的知识是在23年8月接收到的私信，让补充下插件里的音频部分。被迫回去翻了一下6年前的代码，然而发现当初提交的也没有音频的部分，而由于时间久远，早已忘记的差不多了，没能力赚这笔外快了。视频编码部分还是因为有保留的代码支持，才能捡回来一些。背景原文js实现封装MP4格式文件并下载中，因为近几年的技术更新与变化，一些重要的资料网站也被关停了。然而，我现
  • 使用 Node.js 对接 StockTV 全球金融市场 API 马来西亚、印度 CryptoPP node.js金融大数据数据分析
    使用Node.js对接StockTV全球金融市场API在当今全球化的金融市场中，获取准确、实时的金融数据对于投资者和开发者来说至关重要。StockTV提供了一个强大的API接口，涵盖了全球股票、外汇、期货和加密货币等多方面的数据。本文将介绍如何使用Node.js对接这个API，并通过示例代码展示如何获取和处理数据。一、项目准备1.环境搭建在开始之前，确保你的开发环境中已经安装了Node.js和np
  • webpack打包指定文件到指定位置 Zԅ(¯ㅂ¯ԅ) webpack前端javascript
    在不做设置的情况下，webpack会默认处理src文件夹下面的index.html文件，处理完成后会自动默认新建一个dist目录，并将生成的默认文件main.js存入里面，但当我们改变html文件名字后，webpack将无法进行运行打包，此时我们需要设置需要打包的具体文件。具体操作如下：1.导入node.js中专门操作路径的模块。constpath=require('path')2.指定要处理的文
  • 了解JS递归 几度泥的菜花 javascript前端
    在JavaScript中，递归是一个非常重要的概念，它允许函数在其定义内部调用自身。递归在处理许多类型的问题时非常有用，尤其是那些可以通过分解成更小、更简单的子问题来解决的问题。然而，递归也需要谨慎使用，因为它可能导致堆栈溢出（特别是当递归调用非常深时）。以下是关于JavaScript递归的一些深入了解：1.递归的基本结构递归函数通常包含两个基本部分：基本情况（BaseCase）：这是递归停止的条
  • Activeloop Deep Lake: AI时代的数据湖解决方案 HGWAcsdgvs 人工智能python
    技术背景介绍在当前AI技术蓬勃发展的背景下，数据的存储和检索显得尤为重要。ActiveloopDeepLake是一种多模态向量存储解决方案，支持嵌入和元数据（如文本、Json、图像、音频、视频等）的存储。它适用于本地、云端或Activeloop存储，通过嵌入以及其属性进行混合搜索。该解决方案是一个无服务器的数据湖，具备版本控制、查询引擎和深度学习框架的流媒体数据加载器。核心原理解析DeepLake
  • 使用 OkHttp 与 FastJSON 发送 POST 请求 李少兄 Javaokhttpjava
    目录前言一、依赖配置Maven依赖配置Gradle依赖配置二、常量定义三、学生对象定义四、常规情况：发送单个学生信息代码实现代码解释五、多线程情况：发送多个学生信息线程池基础知识代码实现代码解释六、注意事项和优化建议常规情况异步请求处理多线程情况前言在现代Java开发中，与外部服务进行数据交互是极为常见的需求。其中，发送HTTPPOST请求以提交数据更是屡见不鲜。OkHttp作为一款高效且功能强大
  • vue+django 前后端数据同步 weixin_44079503 djangovue.jspython
    目标：在views.py中，准备好数据后，通过Vue的v-model双向绑定功能在index.html中显示。当数据修改后，点击按钮提交后，以对象的形式向views.py传递并更新后端数据。总体思路：views.py用字典存数据暴露api的get方法，在页面加载时双向绑定数据修改数据提交后，点按钮把数据对象用json字符串传过来用simplejson.loads还原对象后，更新字典值步骤：准备数据
  • mysql主从数据同步 林鹤霄 mysql主从数据同步
    配置mysql5.5主从服务器(转) 教程开始：一、安装MySQL 说明：在两台MySQL服务器192.168.21.169和192.168.21.168上分别进行如下操作，安装MySQL 5.5.22  二、配置MySQL主服务器（192.168.21.169）mysql  -uroot  -p   &nb
  • oracle学习笔记 caoyong oracle
    1、ORACLE的安装    a>、ORACLE的版本    8i,9i :   i是internet    10g,11g : grid (网格)    12c : cloud (云计算)       b>、10g不支持win7 &
  • 数据库，SQL零基础入门 天子之骄 sql数据库入门基本术语
    数据库，SQL零基础入门        做网站肯定离不开数据库，本人之前没怎么具体接触SQL，这几天起早贪黑得各种入门，恶补脑洞。一些具体的知识点，可以让小白不再迷茫的术语，拿来与大家分享。          数据库，永久数据的一个或多个大型结构化集合，通常与更新和查询数据的软件相关
  • pom.xml 一炮送你回车库 pom.xml
    1、一级元素dependencies是可以被子项目继承的 2、一级元素dependencyManagement是定义该项目群里jar包版本号的，通常和一级元素properties一起使用，既然有继承，也肯定有一级元素modules来定义子元素 3、父项目里的一级元素<modules> <module>lcas-admin-war</module> <
  • sql查地区省市县 3213213333332132 sqlmysql
    -- db_yhm_city SELECT * FROM db_yhm_city WHERE class_parent_id = 1 -- 海南 class_id = 9 港、奥、台 class_id = 33、34、35 SELECT * FROM db_yhm_city WHERE class_parent_id =169 SELECT d1.cla
  • 关于监听器那些让人头疼的事 宝剑锋梅花香 画图板监听器鼠标监听器
           本人初学JAVA，对于界面开发我只能说有点蛋疼，用JAVA来做界面的话确实需要一定的耐心（不使用插件，就算使用插件的话也没好多少）既然Java提供了界面开发，老师又要求做，只能硬着头皮上啦。但是监听器还真是个难懂的地方，我是上了几次课才略微搞懂了些。       
  • JAVA的遍历MAP darkranger map
    Java Map遍历方式的选择 1. 阐述 　　对于Java中Map的遍历方式，很多文章都推荐使用entrySet，认为其比keySet的效率高很多。理由是：entrySet方法一次拿到所有key和value的集合；而keySet拿到的只是key的集合，针对每个key，都要去Map中额外查找一次value，从而降低了总体效率。那么实际情况如何呢？ 　　为了解遍历性能的真实差距，包括在遍历ke
  • POJ 2312 Battle City 优先多列+bfs aijuans 搜索
    来源：http://poj.org/problem?id=2312 题意：题目背景就是小时候玩的坦克大战，求从起点到终点最少需要多少步。已知S和R是不能走得，E是空的，可以走，B是砖，只有打掉后才可以通过。 思路：很容易看出来这是一道广搜的题目，但是因为走E和走B所需要的时间不一样，因此不能用普通的队列存点。因为对于走B来说，要先打掉砖才能通过，所以我们可以理解为走B需要两步，而走E是指需要1
  • Hibernate与Jpa的关系，终于弄懂 avords javaHibernate数据库jpa
    我知道Jpa是一种规范，而Hibernate是它的一种实现。除了Hibernate，还有EclipseLink(曾经的toplink)，OpenJPA等可供选择，所以使用Jpa的一个好处是，可以更换实现而不必改动太多代码。 在play中定义Model时，使用的是jpa的annotations，比如javax.persistence.Entity, Table, Column, OneToMany
  • 酸爽的console.log bee1314 console
    在前端的开发中，console.log那是开发必备啊，简直直观。通过写小函数，组合大功能。更容易测试。但是在打版本时，就要删除console.log，打完版本进入开发状态又要添加，真不够爽。重复劳动太多。所以可以做些简单地封装，方便开发和上线。 /** * log.js hufeng * The safe wrapper for `console.xxx` functions *
  • 哈佛教授：穷人和过于忙碌的人有一个共同思维特质 bijian1013 时间管理励志人生穷人过于忙碌
            一个跨学科团队今年完成了一项对资源稀缺状况下人的思维方式的研究，结论是：穷人和过于忙碌的人有一个共同思维特质，即注意力被稀缺资源过分占据，引起认知和判断力的全面下降。这项研究是心理学、行为经济学和政策研究学者协作的典范。 　　这个研究源于穆来纳森对自己拖延症的憎恨。他7岁从印度移民美国，很快就如鱼得水，哈佛毕业
  • other operate 征客丶 OSosx
    一、Mac Finder 设置排序方式，预览栏 在显示－》查看显示选项中 二、有时预览显示时，卡死在那，有可能是一些临时文件夹被删除了，如：/private/tmp[有待验证] -------------------------------------------------------------------- 若有其他凝问或文中有错误，请及时向我指出， 我好及时改正，同时也让我们一
  • 【Scala五】分析Spark源代码总结的Scala语法三 bit1129 scala
    1. If语句作为表达式 val properties = if (jobIdToActiveJob.contains(jobId)) { jobIdToActiveJob(stage.jobId).properties } else { // this stage will be assigned to "default" po
  • ZooKeeper 入门 BlueSkator 中间件zk
    ZooKeeper是一个高可用的分布式数据管理与系统协调框架。基于对Paxos算法的实现，使该框架保证了分布式环境中数据的强一致性，也正是基于这样的特性，使得ZooKeeper解决很多分布式问题。网上对ZK的应用场景也有不少介绍，本文将结合作者身边的项目例子，系统地对ZK的应用场景进行一个分门归类的介绍。 值得注意的是，ZK并非天生就是为这些应用场景设计的，都是后来众多开发者根据其框架的特性，利
  • MySQL取得当前时间的函数是什么 格式化日期的函数是什么 BreakingBad mysqlDate
    取得当前时间用 now() 就行。 在数据库中格式化时间 用DATE_FORMA T(date, format) . 根据格式串format 格式化日期或日期和时间值date，返回结果串。 可用DATE_FORMAT( ) 来格式化DATE 或DATETIME 值，以便得到所希望的格式。根据format字符串格式化date值: %S, %s 两位数字形式的秒（ 00,01,
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 4_JAVA+Oracle面试题(有答案) chenke oracle
    基础测试题 卷面上不能出现任何的涂写文字，所有的答案要求写在答题纸上，考卷不得带走。 选择题 1、 What will happen when you attempt to compile and run the following code? （3） public class Static { static { int x = 5; // 在static内有效 } st
  • 新一代工作流系统设计目标 comsci 工作算法脚本
      用户只需要给工作流系统制定若干个需求，流程系统根据需求，并结合事先输入的组织机构和权限结构，调用若干算法，在流程展示版面上面显示出系统自动生成的流程图，然后由用户根据实际情况对该流程图进行微调，直到满意为止，流程在运行过程中，系统和用户可以根据情况对流程进行实时的调整，包括拓扑结构的调整，权限的调整，内置脚本的调整。。。。。 在这个设计中，最难的地方是系统根据什么来生成流
  • oracle 行链接与行迁移 daizj oracle行迁移
    表里的一行对于一个数据块太大的情况有二种(一行在一个数据块里放不下) 第一种情况: INSERT的时候，INSERT时候行的大小就超一个块的大小。Oracle把这行的数据存储在一连串的数据块里(Oracle Stores the data for the row in a chain of data blocks)，这种情况称为行链接(Row Chain)，一般不可避免(除非使用更大的数据
  • [JShop]开源电子商务系统jshop的系统缓存实现 dinguangx jshop电子商务
    前言 jeeshop中通过SystemManager管理了大量的缓存数据，来提升系统的性能，但这些缓存数据全部都是存放于内存中的，无法满足特定场景的数据更新（如集群环境）。JShop对jeeshop的缓存机制进行了扩展，提供CacheProvider来辅助SystemManager管理这些缓存数据，通过CacheProvider,可以把缓存存放在内存,ehcache,redis，memcache
  • 初三全学年难记忆单词 dcj3sjt126com englishword
    several 儿子；若干 shelf 架子 knowledge 知识；学问 librarian 图书管理员 abroad 到国外，在国外 surf 冲浪 wave 浪；波浪 twice 两次；两倍 describe 描写；叙述 especially 特别；尤其 attract 吸引 prize 奖品；奖赏 competition 比赛；竞争 event 大事；事件 O
  • sphinx实践 dcj3sjt126com sphinx
      安装参考地址:http://briansnelson.com/How_to_install_Sphinx_on_Centos_Server   yum install sphinx 如果失败的话使用下面的方式安装 wget http://sphinxsearch.com/files/sphinx-2.2.9-1.rhel6.x86_64.rpm yum loca
  • JPA之JPQL（三） frank1234 ormjpaJPQL
    1 什么是JPQL JPQL是Java Persistence Query Language的简称，可以看成是JPA中的HQL， JPQL支持各种复杂查询。 2 检索单个对象 @Test public  void querySingleObject1() {     Query query = em.createQuery("sele
  • Remove Duplicates from Sorted Array II hcx2013 remove
    Follow up for "Remove Duplicates":What if duplicates are allowed at most twice? For example,Given sorted array nums = [1,1,1,2,2,3], Your function should return length
  • Spring4新特性——Groovy Bean定义DSL jinnianshilongnian spring 4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装Mysql5.5 liuxingguome centos
    CentOS下以RPM方式安装MySQL5.5 首先卸载系统自带Mysql： yum remove mysql mysql-server mysql-libs compat-mysql51 rm -rf /var/lib/mysql rm /etc/my.cnf 查看是否还有mysql软件： rpm -qa|grep mysql 去http://dev.mysql.c
  • 第14章 工具函数（下） onestopweb 函数
    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/
  • POJ 1050 SaraWon 二维数组子矩阵最大和
    POJ ACM第1050题的详细描述，请参照 http://acm.pku.edu.cn/JudgeOnline/problem?id=1050 题目意思： 给定包含有正负整型的二维数组，找出所有子矩阵的和的最大值。 如二维数组 0 -2 -7 0 9 2 -6 2 -4 1 -4 1 -1 8 0 -2 中和最大的子矩阵是 9 2 -4 1 -1 8 且最大和是15
  • [5]设计模式——单例模式 tsface java单例设计模式虚拟机
    单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点   安全的单例模式：     /* * @(#)Singleton.java 2014-8-1 * * Copyright 2014 XXXX, Inc. All rights reserved. */ package com.fiberhome.singleton;
  • Java8全新打造，英语学习supertool yangshangchuan javasuperword闭包java8函数式编程
    superword是一个Java实现的英文单词分析软件，主要研究英语单词音近形似转化规律、前缀后缀规律、词之间的相似性规律等等。Clean code、Fluent style、Java8 feature: Lambdas, Streams and Functional-style Programming。   升学考试、工作求职、充电提高，都少不了英语的身影，英语对我们来说实在太重要
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他