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)

  • DDD领域驱动设计详解-Java/Go/JS/Python语言实现 刀法如飞 编程开发javagopython设计模式javascript
    DDD分层架构设计概述领域驱动设计（Domain-DrivenDesign，简称DDD）是一种软件架构方法，旨在通过分层和领域建模的方式来管理复杂业务逻辑。DDD主要通过分层架构来组织代码，以实现高内聚、低耦合。与传统的MVC架构相比，DDD更侧重于抽象基础设施和领域层：复杂的业务规则和逻辑被集中放置在领域层，而强大的基础设施则为领域层提供有力支持。这种设计理念非常适合构建复杂的企业级应用，使系统
  • 【质因数分解算法详解】C/Java/Go/Python/JS/Dart/Swift/Rust等不同语言实现 刀法如飞 Web开发编程开发算法pythonjavac++javascript
    关于质因数分解算法的不同语言实现，通过实例来看不同语言的差异什么是质因数算法？即任意一个合数可以分解为多个质数相乘。例如：20=2*2*545=3*3*5210=2*3*5*7520=2*2*2*5*13按数学运算：列竖式或左右分解，拿能被整除的最小的素数做除数，不断整除得到新的得数，最后把所有的除数和最后的得数连起来就是。算法基本思路除数的平方小于等于被分解数时，说明可以分解。除数从最小的质数2
  • [附源码]Python计算机毕业设计超市账单管理系统 Django计算机程序 pythondjango开发语言
    项目运行环境配置：Pychram社区版+python3.7.7+Mysql5.7+HBuilderX+listpip+Navicat11+Django+nodejs。项目技术：django+python+Vue等等组成，B/S模式+pychram管理等等。环境需要1.运行环境：最好是python3.7.7，我们在这个版本上开发的。其他版本理论上也可以。2.pycharm环境：pycharm都可以。
  • TensorFlow 深度学习框架详解 奶油话梅糖 深度学习tensorflow人工智能
    TensorFlow深度学习框架详解1.框架概述TensorFlow是由GoogleBrain团队开发的开源机器学习框架，其名称源于处理多维数据数组（张量）的数据流图（Flow）的运行方式。核心特点：跨平台支持：可在CPU/GPU/TPU上运行多语言接口：原生支持Python，通过API支持JS/Java/C++生态丰富：集成Keras、TF-Lite、TFX等工具链2.核心概念解析2.1张量（T
  • 在anaconda Jupyter Notebook生成潮州市地图 ZGGDLWY jupyterpythonlinuxjson
    1.安装虚拟环境（可选）2.安装库（如果在虚拟环境下，记得要在虚拟环境中安装库）3.虚拟环境关联开发工具（JupyterNotebook）4.在官网下载geojson文件天地图服务中心https://cloudcenter.tianditu.gov.cn/administrativeDivision/5.打开JupyterNoterbook（如前面是在虚拟环境中安装库，需要在虚拟环境在启动Jupy
  • Axios核心原理 jjjjjjjjj¢ 笔记前端
    Axios是一个基于Promise的HTTP客户端，它可以用于浏览器和Node.js。其核心原理主要包括以下几个部分：请求流程Axios的请求流程主要包括以下步骤：创建实例：axios.create()方法可以创建一个具有默认配置的Axios实例。请求拦截器：在请求发送前，可以使用axios.interceptors.request.use()进行修改，如添加token、修改headers。请求适
  • react如何引用(按需加载)百度地图，并结合and组件化封装 编程猪猪侠 react.js前端前端框架
    1.技术选项:vite+react+antdesignload-script2.实现思路：1.按需加载如何实现?要实现按需加载就不能直接在项目的入口文件这种地方去通过script标签引入，这里使用load-script封装了一个加载百度地图的Bmap.js方法,实现动态的插入script脚本。根目录下创建Bmap.js文件import_loadScriptfrom'load-script';exp
  • 前端直接导出excel文件 库库的写代码 js前端excel
    文章目录前言一、插件方式1.插件安装2.引入3.导出二、本地直接导出1.页面规则2.在JS中添加函数3.调用前言开发中可能会有这样的需求，本地自己生成了一个表格，此时表格并没有上传到后台服务器上，所以无法通过接口进行下载，此时就需要前端自行处理了。一、插件方式1.插件安装npmixlsxnpmifile-saver2.引入//index.vue文件importFileSaverfrom"file-
  • 配置：vscode vue项目代码检测配置eslint 和prettier 背藏玫瑰 vue.jsvscode前端
    方法一eslintinit或者直接添加eslilntrc.jseslintindex.js--fix格式化index.js文件npxprettier--writeindex.cssnpmiprettier-Dnpmieslint@vue/eslint-config-prettiereslint-config-prettiereslint-plugin-prettiereslint-plugin-v
  • 深入浅出分析Electron打包插件electron-builder配置 大小小丹 Electron工具架构Electronbuilder
    ```json{"name":"Uxxxt",//产品名称"version":"3.2.0",//产品版本"private":true,//是否私有"main":"./src/main.js",//程序入口文件"scripts":{//测试"test":"electron.",//初始化UI层运行npmruninit-view"init-view":"cdsrc/ui&&npminstall",/
  • Uni-app入门到精通：subPackages节点为小程序的分包加载配置 Kx………… Uni-app入门到精通小程序uni-app前端学习
    subPackages节点用于为小程序的分包加载配置。因小程序有体积和资源加载限制，各小程序平台提供了分包方式，以加快小程序的下载和启动速度。主包用于放置默认启动页面、babBar页面，以及一些所有分包都会用到的公共资源或JS脚本；而分包则根据pages.json的配置进行划分。在小程序启动时，会默认下载主包并启动主包内的页面，当用户打开分包内某个页面时，对应分包会被自动下载下来，下载完成后再进行
  • Python和json 活跃家族 pythonjson开发语言
    JSON语法规则：数据在键值对中多条数据有逗号分隔花括号{}保存对象JSON的值value数字整数和浮点数字符串双引号，区别python，字符串可以是单引号，双引号，三引号逻辑（true和false），python布尔值，True,False中括号[]保存数组，类似于Python列表，索引从0开始空值null，python空值Nonejson不是字典可以和python的字典相互转化json转换py
  • DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之添加行拖拽排序功能示例8，TableView16_08 筛选状态拖拽排序 宝码香车 #DeepSeekjavascriptvue.jsDeepSeekecmascript前端
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加行拖拽排序功能示例8，TableView16_08筛选状态拖拽排序前言页面效果组件代码代码测试测试代码正常跑通，附其他基本代码编写路由src\router\index.js编
  • Vue2 中数组合并的正确姿势：从错误到优化 程序猿熊跃晖 Vuevue.js
    Vue2中数组合并的正确姿势：从错误到优化在开发Vue.js应用时，我们经常需要处理数组操作，例如合并两个数组。然而，直接使用加号(+)操作符来合并数组是一个常见的错误，这会导致意想不到的结果。本文将详细介绍如何正确地在Vue2中合并数组，并提供一些实用的技巧和注意事项。一、常见错误示例假设你有以下代码：this.formDetails.subProjectsIds=this.subProject
  • DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之添加行拖拽排序功能示例7，TableView16_07 列拖拽排序示例 宝码香车 #DeepSeekjavascriptvue.jsecmascript前端DeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加行拖拽排序功能示例7，TableView16_07列拖拽排序示例前言页面效果组件代码代码测试测试代码正常跑通，附其他基本代码编写路由src\router\index.js编写
  • Gin框架全套实战教程 万才博客 golanggo语言软件框架golang
    01.API的URL规则设计、带参数的路由02.是否一定要用MVC模式、路由分组03.简单Dao层代码封装、使用中间件模拟鉴权04.创建Model、参数绑定Model的初步使用05.内置验证器的初步使用、POST参数绑定06.自定义验证器结合正则验证JSON参数07.批量提交帖子数据的验证基本姿势08.到底要不要用ORM、Gorm入手、执行原始SQL09.结合Model进行数据映射、查询的基本要点
  • 使用electron-vite创建桌面应用 库库的写代码 electronjavascript前端
    使用electron-vite创建桌面应用一、框架搭建二、项目目录三、preload.js解读一、框架搭建官网地址https://cn.electron-vite.orgnpmcreate@quick-start/electron@latest按步骤操作即可二、项目目录1、main主进程窗口：存放窗口代码2、preload预加载模块：用于窗口与页面间沟通的桥梁，增加可靠性3、renderer渲染模
  • Python办公自动化：增值税发票批量识别和核验 安替-AnTi 自动化工具python增值税识别核验
    腾讯云免费体验地址：https://console.cloud.tencent.com/api/explorer?Product=ocr&Version=2018-11-19&Action=VatInvoiceVerifyNew首先进行识别，这里以python为例子#-*-coding:utf-8-*-importjsonfromtencentcloud.common.common_clienti
  • 【从零实现Json-Rpc框架】- 项目实现 - 零碎功能接口篇 JhonKI jsonrpc网络协议
    博客主页：https://blog.csdn.net/2301_779549673博客仓库：https://gitee.com/JohnKingW/linux_test/tree/master/lesson欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言️‍一、简单日志宏实现1.1意义:快速定位程序运行逻辑出错的位置。1
  • 【前端面试题】对vue虚拟dom的理解 十八朵郁金香 Vue前端javascriptvue.js
    前言近期在准备前端面试的内容，收集和整理一些vue相关知识点，和大家一起学习。关注我，及时了解最新消息~对vue虚拟dom的理解什么是虚拟dom？虚拟dom本质上就是一个普通的JS对象，用于描述视图的界面结构在vue中，每个组件都有一个render函数，每个render函数都会返回一个虚拟dom树，这也就意味着每个组件都对应一棵虚拟DOM树为什么需要虚拟dom？在vue中，渲染视图会调用rende
  • 【实战】解决图片 Hover 抖动问题的完整指南 oliver.chau 前端开发前端
    在开发网站时，很多人都会遇到一个常见问题：鼠标移动到图片上，图片放大，结果发生抖动或闪烁。这个问题往往伴随着后端接口请求、JS动态追加DOM等复杂行为。本文将深入剖析这个问题的成因，并提供一套彻底的解决方案，适合所有在前端开发中遇到此类困扰的朋友。问题现象鼠标移动到图片上，图片被放大（hover效果）图片出现抖动/闪烁/重排现象使用了innerHTML+=方式追加HTML每次hover时，JS/后
  • AI简历生成网站源码丨Ai简历制作项目-已开源 希希分享 软希网58soho_cn源码资源AI简历生成网站源码
    运行环境Node.js：18+安装npmnpminstall运行项目然后反代npmrundev欢迎有前端能力的朋友开发简历模板加入项目简历模板开发方式：复制一份/template/dev目录，然后按照里面的数据挂载到前端即可。然后完善您模板目录下的config.json和preview.jpg（注意，config.json中的id务必是唯一值）最后，请在/public/templates.json
  • 后端开发基础：语言选择与 RESTful API 设计 风亦辰739 前后端开发全栈指南restful后端
    在Web开发中，后端（Backend）负责数据存储、业务逻辑处理、权限管理以及与前端（Frontend）的交互。本文将介绍主流后端开发语言及其适用场景，并详细解析RESTfulAPI设计原则，帮助开发者构建高效、规范的后端服务。一、后端开发语言选择后端开发语言决定了系统的可扩展性、性能和维护成本。当前流行的后端语言包括Java、Python和Node.js，它们各自适用于不同的开发场景。1.Jav
  • JS笔试题精讲3 ES6专题 沿着路走到底 面试题javascriptes6前端
    只要拼接字符串一律用模板字符串${}里:-可以放：变量、算术计算、三目、对象属性、创建对象、调用函数、访问数组元素——有返回值的合法的js表达式-不能放:没有返回值的js表达式也不能放分支/判断、循环等程序结构。比如:ifelseforwhile...等${}规则和今后各种框架中的绑定语法规则完全一样！varuname="丁丁";console.log(`Welcome${uname}`);var
  • 微信小程序入门一之小程序架构 Qiang_1995 微信小程序
    微信公众平台技术文档2016-9-20凌晨，微信推出应用号“小程序”内测功能；2016-11-4，正式公测，企事业单位可申请公测账号；2017-1-9，正式上线；官方社区地址：http://developers.weixin.qq.com架构分析基本目录结构主目录（项目描述文件）{主逻辑文件app.js主配置文件app.json：注册页面，全局定义网络超时、窗口表现等主样式文件app.wxss：类
  • 西门子S7协议 stepan.jiang python库自动化测试python
    以下是客户端函数使用#coding:utf-8importsnap7,time,jsonfromsnap7.utilimport*s7_clinet=snap7.client.Client()s7_clinet.connect("",0,1)classsnap7_fuction():def__init__(self,area,dbnumber,start,size,data=None):self.
  • MySQL到达梦数据库迁移中的JSON_CONTAINS不兼容问题及解决方案 水涵幽树 数据库mysqljson后端sql数据库开发
    问题背景JSON_CONTAINS是MySQL中用于检查JSON文档是否包含特定值的函数。然而，达梦数据库并不支持这一函数，因此在迁移过程中，直接使用JSON_CONTAINS会导致SQL语句无法执行，进而引发报错。报错内容在迁移过程中，如果直接使用JSON_CONTAINS函数，达梦数据库会抛出如下错误：”SQL错误[42000]:[DM_SQL]语法分析错误:第5行第12列附近出现错误:未找到
  • 力扣每日打卡 2829. k-avoiding 数组的最小总和 (中等) 龙萌酱 每日算法leetcode哈希算法算法
    力扣每日打卡2829.k-avoiding数组的最小总和——中等难度前言一、题目内容二、解题方法1.哈希表2.官方题解前言这是刷算法题的第六天，用到的语言是JS题目：力扣2829.k-avoiding数组的最小总和(中等)又又又与两数之和有异曲同工之妙一、题目内容给你两个整数n和k。对于一个由不同正整数组成的数组，如果其中不存在任何求和等于k的不同元素对，则称其为k-avoiding数组。返回长度
  • dify平台新手入门指南 knightissocool 自然语言处理语言模型
    以下是针对Dify平台的新手使用指南，涵盖从部署到基础操作的完整流程，结合官方文档及实践总结，帮助用户快速上手：一、环境准备与部署系统要求操作系统：支持Linux（如Ubuntu22.04+）、WindowsWSL或macOS。依赖工具：Docker24.0+、Python3.12（推荐使用Poetry管理）、Node.jsv18.xLTS（前端依赖）。一键部署（推荐DockerCompose）g
  • FFMpeg-从安装到使用 音视频开发老马 ffmpeg
    一、写在前面记录FFMpegPHP使用的点滴，它可以处理音视频（提取图片，进行转码，添加水印，旋转等等），对我们来说是一个强大的轮子。二、安装步骤1.添加包依赖，前提是composer已加载。composerrequirephp-ffmpeg/php-ffmpegrequiresphp:^5.3.9||^7.0顺利的话，composer.json里已经有了："php-ffmpeg/php-ffmp
  • 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其他