认真的Too
认真的Too

JS DOM 编程艺术 笔记

一.JS 简史

什么是DOM（文档对象模型）？


JS DOM 编程艺术 笔记_第1张图片
DOM概念1


JS DOM 编程艺术 笔记_第2张图片
DOM概念2

JS 版本进化        

1995年------Netscape公司与Sun公司合作开发------Netscape  Navigator2 浏览器-------JS1.0版本；

             ------微软公司发布VBScript------IE3浏览器------同时以JScript为名发布了JS的一个版本；

面对微软的竞争，那俩公司联合ECMA（欧洲计算机制造商协会）对JS语言进行了标准化；

1996年------JS，ECMAScript，JScript都稳了，Netscape和微软在各自第三版浏览器中都不同程度地支持------JS1.1版本


JS DOM 编程艺术 笔记_第3张图片
脚本语言JS

1997年6月------Netscape  Navigator4发布

           10月------IE4发布

浏览器战争，版本改进，DOM扩展，使JS发挥发挥空间变大，新名词产生：DHTML（动态HTML）。


JS DOM 编程艺术 笔记_第4张图片
DHTML

不幸的是，那俩浏览器制造商虽然目标一样，但是实现方法完全不一样（我们不一样），即两种不兼容的DOM。


JS DOM 编程艺术 笔记_第5张图片
浏览器之间的战争


JS DOM 编程艺术 笔记_第6张图片
DOM标准制定


JS DOM 编程艺术 笔记_第7张图片
DOM与API


JS DOM 编程艺术 笔记_第8张图片
微软由于windows系统自带IE战胜Netscape公司


JS DOM 编程艺术 笔记_第9张图片
战争结束新起点开始

二.JS语法复习

1.准备工作

JS DOM 编程艺术 笔记_第10张图片
解释型和编译型

2.JS语句


JS DOM 编程艺术 笔记_第11张图片
语句

3.注释

单行注释：//

多行注释：/*  */

注意：在HTML中有一种注释方式是,这个在JS中只适用于单行。

JS DOM 编程艺术 笔记_第12张图片
注释方式

4.变量


最有效率的声明变量方式


JS DOM 编程艺术 笔记_第13张图片
变量名规范

5.数据类型

1.字符串------字符串之中的特殊符号要用\\来转义（String）；

2.数值------可以是浮点数（Number）；

3.布尔值（Boolean），

JS DOM 编程艺术 笔记_第14张图片
曾经学过的数电知识好像（自动化专业学生）

4.数组（Array），

标量及数组


JS DOM 编程艺术 笔记_第15张图片
关联数组及其本质

5.对象（Object），

属性名和属性值

6.操作

1.算术操作符

=------切记是赋值操作；

+------可以做加法运算，也可以 拼接  字符串；

+=------快捷操作，完成加法和赋值；

2.条件语句


JS DOM 编程艺术 笔记_第16张图片
if语句基本语法
另一种写法

比较操作符：>,<,>=,<=,

JS DOM 编程艺术 笔记_第17张图片
不等于

逻辑操作符：&&  ，||    ，！；

JS DOM 编程艺术 笔记_第18张图片
逻辑非

3.循环语句


JS DOM 编程艺术 笔记_第19张图片
本质

while循环


JS DOM 编程艺术 笔记_第20张图片
本质解答

do...while循环


JS DOM 编程艺术 笔记_第21张图片
在希望我们代码至少执行一次的时候用这个

for 循环

JS DOM 编程艺术 笔记_第22张图片
与while循环比较

7.函数


函数定义


函数用法1


函数用法2


JS DOM 编程艺术 笔记_第23张图片
命名习惯

变量的作用域


变量作用域隐患

8.对象


JS DOM 编程艺术 笔记_第24张图片
函数？方法？
JS DOM 编程艺术 笔记_第25张图片
实例概念

JS提供了很多预先定义的对象，这些可以拿来就用的对象称为内建对象。


JS DOM 编程艺术 笔记_第26张图片
宿主对象

三.DOM

D------document（文档）

D

O------Object

JS DOM 编程艺术 笔记_第27张图片
window对象是宿主对象，document对象也是

M------Model，Map

JS DOM 编程艺术 笔记_第28张图片
M

节点树------元素节点，文本节点，属性节点

JS DOM 编程艺术 笔记_第29张图片
节点概念

元素节点

元素节点

文本节点

文本节点

属性节点

JS DOM 编程艺术 笔记_第30张图片
属性节点

获取元素------DOM  API提供三种方法，分别是通过元素ID，标签名字和类名字来获取。

1.getElementById()

返回的是对象

2.getElementsByTagName()

JS DOM 编程艺术 笔记_第31张图片
返回数组，数组中的每一个值都是一个对象
JS DOM 编程艺术 笔记_第32张图片
通配符也适用

3.getElementsByClassName()

这个常用的居然是H5新增的
返回数组
JS DOM 编程艺术 笔记_第33张图片
可以这样使用

阶段小结

JS DOM 编程艺术 笔记_第34张图片
小结

获取和设置属性

1.getAttribute()

JS DOM 编程艺术 笔记_第35张图片
这是个函数，不是对象

2.setAttribute()

也是个函数


JS DOM 编程艺术 笔记_第36张图片
威力！！！

四.案例研究：JS图片库

知识点：事件处理函数

事件处理函数


JS DOM 编程艺术 笔记_第37张图片
事件处理函数工作机制

遇到问题：当把函数写在window.onload=function（）{ }中时，由于作用域的问题，事件处理函数没有识别到函数，会报错；假如在 onload中绑定点击事件，便可以识别，这都是由于JS中作用域的问题。

childNodes属性

获取节点所有直接子元素的方法，返回的是数组，空格也被当做子元素返回

nodeType属性

JS DOM 编程艺术 笔记_第38张图片
节点类型

nodeValue

JS DOM 编程艺术 笔记_第39张图片
改变文本节点的值

firstChild和lastChild

JS DOM 编程艺术 笔记_第40张图片
数组的属性

小结

JS DOM 编程艺术 笔记_第41张图片
小结

五.最佳实践


JS DOM 编程艺术 笔记_第42张图片
开头语：什么是最佳实践！

新概念：伪协议

JS DOM 编程艺术 笔记_第43张图片
伪协议

最佳实践方案：分离JS------对象检测

使用之前先检测

------浏览器嗅探技术（不怎么样，被淘汰）

性能考虑

1.尽量减少访问DOM和尽量减少标记；

2.合并和放置脚本，减少加载页面时发送的请求数量；

3.压缩脚本（包括修改局部变量名长度，去除没有必要的空格和注释）。

JS DOM 编程艺术 笔记_第44张图片
小结

六.案例研究：图片库改进版


态度鸡汤


JS DOM 编程艺术 笔记_第45张图片
小知识1


JS DOM 编程艺术 笔记_第46张图片
三元操作符

DOM Core和HTML-DOM

JS DOM 编程艺术 笔记_第47张图片
这些并不是JS


JS DOM 编程艺术 笔记_第48张图片
优化小结

实用的代码片段

JS DOM 编程艺术 笔记_第49张图片
有意思

七.动态创建标记


JS DOM 编程艺术 笔记_第50张图片
根本思维理解

createElement方法------只能创建元素节点

JS DOM 编程艺术 笔记_第51张图片
文档碎片---新概念

appendChild方法

以上两个方法是创建元素节点并把它接到DOM树上

createTextNode------创建文本节点，和createElement用法一样

insertBefore（）------在已有元素前插入一个新元素

JS DOM 编程艺术 笔记_第52张图片
insertBefore使用方法

实用代码片段：insertAfter（）------在已有元素的后面插入一个元素

JS DOM 编程艺术 笔记_第53张图片
小技巧

AJAX

JS DOM 编程艺术 笔记_第54张图片
概念

技术核心

JS DOM 编程艺术 笔记_第55张图片
AJAX技术核心


JS DOM 编程艺术 笔记_第56张图片
第七章小结

看到此处，AJAX及XMLHttpReuqest对象仍然不是很明白，此时此刻我百度了下，所有BOM和DOM都是宿主对象，日后在说！

八.充实文档的内容


知识点


JS DOM 编程艺术 笔记_第57张图片
本章小结，主要是用JS和DOM技术去处理文档

九.CSS—DOM

前面没提到的DOM


JS DOM 编程艺术 笔记_第58张图片
原来是这样


JS DOM 编程艺术 笔记_第59张图片
DOM只能读取内敛样式的值


JS DOM 编程艺术 笔记_第60张图片
可贵的编程思想


JS DOM 编程艺术 笔记_第61张图片
小结

本章讲的只要是用DOM方法去改变CSS样式，重点是在这种方法中体会其中的编程思想。

十.用JS实现动画效果


JS DOM 编程艺术 笔记_第62张图片
是否是JQ实现动画的逻辑？


JS DOM 编程艺术 笔记_第63张图片
JS允许自创属性


读完本章，明白了实现动画的基本思路，也知道了一点开发框架的思路。

十一.HTML5


JS DOM 编程艺术 笔记_第64张图片
H5的冰山一角，凭兴趣去研究

文中提到在目前兼容还不是很好的情况下并不适合全部使用H5。

十二.综合示例

把之前学习的所有的东西再综合运用下

看来对JQ研究还不够，竟然不知道


JS DOM 编程艺术 笔记_第65张图片
罪过罪过


JS DOM 编程艺术 笔记_第66张图片
菜死了菜死了


JS DOM 编程艺术 笔记_第67张图片
至此，看完了

看完此书，更明白了一些库在实现一些功能背后的原理，本书属于基础书，很好。

你可能感兴趣的:(JS DOM 编程艺术 笔记)

  • LeetCode热题100JS（59/100）第十一天|46|78|17|39|22 Alicesflower LeetCode热题100JSleetcodejavascript算法
    46.全排列题目链接：46.全排列难度：中等刷题状态：2刷新知识：解题过程思考示例1：输入：nums=[1,2,3]输出：[[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1]题解分析参考题解链接：全排列放下1刷过程/***@param{number[]}nums*@return{number[][]}*///varpermute=function(num
  • python中Flask模块的使用 weixin_30315905 pythonjson
    1.简介在服务器上运行Flask接口，就能使用requests模块获取该接口的值。先运行接口文件，再运行requests文件，即可获取值。2.示例2.1一个简单的flask接口1importjson2fromflaskimportFlask,request34#python类型5data={6'name':'John',7'age':18,8'location':'nanjing'910}1112
  • 计算机专业毕业设计题目推荐（新颖选题）本科计算机人工智能专业相关毕业设计选题大全✅ 会写代码的羊 毕设选题课程设计人工智能毕业设计毕设题目毕业设计题目aiAI编程
    文章目录前言最新毕设选题（建议收藏起来）本科计算机人工智能专业相关的毕业设计选题毕设作品推荐前言2025全新毕业设计项目博主介绍：✌全网粉丝10W+,CSDN全栈领域优质创作者，博客之星、掘金/华为云/阿里云等平台优质作者。技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、大数据、机器学习等设计与开发。主要内容：免费功能
  • 嵌入式笔记 | 正点原子STM32F103ZET6 3 | 时钟系统 J鸟 笔记stm32单片机嵌入式硬件
    1.RCC（复位和时钟控制）RCC（ResetandClockControl）是STM32的时钟系统控制模块，负责管理整个芯片的时钟信号。在使用任何外设之前，必须先使能其时钟。2.时钟系统框图解析时钟源（5种）HSI（高速内部时钟）由内部RC振荡器产生，默认8MHz精度较低，适用于对时钟精度要求不高的应用可作为系统时钟源HSE（高速外部时钟）由外部晶振（石英/陶瓷谐振器或外部时钟）产生，频率范围4
  • 计算属性set方法没被执行的原因 伊小小小凡 web前端基础vue.js前端javascript
    计算属性set方法没被执行的原因在Vue.js中，computed属性的set方法通常在计算属性的值被显式设置时执行。然而，在某些情况下，set方法可能不会被执行。以下是这些情况的详细分析：没有显式设置计算属性的值只有在显式地给计算属性赋值时，set方法才会被触发。如果只是读取计算属性的值，set方法不会执行。//定义计算属性computed:{fullName:{get(){returnthis
  • CLR 线程池 Jditinpc windows
    一、线程池基础线程池是应用程序能使用的线程集合。每CLR一个线程池；这个线程池由CLR控制的所有AppDomain共享。如果一个进程中加载了多个CLR，那么每个CLR都有它自己的线程池。CLR初始化时，线程池中没有线程。线程池维护了一个操作请求队列。创建和销毁线程是一个费时间的操作。应用程序执行一个异步操作时，就调用某个方法，将一个记录项追加到线程池的队列中。线程池的代码就从这个队列中提取记录项，
  • Kafka Connect Node.js Connector 指南 丁操余
    KafkaConnectNode.jsConnector指南kafka-connectequivalenttokafka-connect:wrench:fornodejs:sparkles::turtle::rocket::sparkles:项目地址:https://gitcode.com/gh_mirrors/ka/kafka-connect项目介绍KafkaConnectNode.jsConn
  • 25年申报工商年报前先看这篇笔记，帮你避坑，少走弯路！ 搬砖小杨聊资质 笔记
    又到工商年报申报的时候了（25年截止日期6月30日）,今年年报申报与去年有点区别，我特意整理出来与大家分享，帮助大家避坑。笔记不长，5分钟时间让你事半功倍，你就是老板眼中最靓的仔！！1、今年国家企业信用信息公示系统做了个更新，未完成年报填写或有多家公司需要申报的，一定要点击退出登录，不要直接关闭网页。否则当你想要继续填写年报或申报其他公司的，需要等待系统【自动退出登录】，时间2-3个小时，会大大影
  • Node.js 格式化时间的两种方法：原生 Date 与 npm 包 moment 详解 还是鼠鼠 node.jsnode.jsnpm前端javascriptvscode
    目录Node.js格式化时间的两种做法：内置方法与npm包1.使用JavaScript内置方法格式化时间示例：使用Date对象格式化时间运行程序示例输出原理解析2.使用npm包moment进行时间格式化安装moment示例：使用moment格式化时间运行程序示例输出原理解析3.两种方法的对比4.结论在Node.js开发中，格式化时间是一个常见的需求。例如，将时间格式化为YYYY-MM-DDHH:m
  • day11 学习笔记 豆豆 学习笔记python
    文章目录前言一、类方法二、静态方法三、构造方法四、魔术方法前言通过今天的学习，我掌握了更多Python中有关面向对象编程思想中方法的概念与操作，包括类方法，静态方法，构造方法，魔术方法一、类方法类方法是属于类的行为，一般使用类而非对象进行调用类方法需要使用@classmethod装饰器定义类方法至少有一个形参用于绑定类，约定为cls类和该类的实例都可以调用类方法，但一般不用实例进行调用类方法不能访
  • 《Operating System Concepts》阅读笔记：p449-p459 操作系统
    《OperatingSystemConcepts》学习第35天，p449-p459总结，总计11页。一、技术总结1.NVM&SSDFlash-memory-basedNVMisfrequentlyusedinadisk-drive-likecontainer,inwhichcaseitiscalledasolid-statedisk(SSD)(Figure11.3)。2.HDDScheduling
  • 前端解决跨域的几种方案 爱分享的程序员 前端前端
    以下是前端解决跨域问题的7种主流方案，根据应用场景和实现难度排序，附详细实现示例：一、开发环境解决方案1.WebpackDevServer代理（推荐）//vue.config.js/webpack.config.jsmodule.exports={devServer:{proxy:{'/api':{target:'http://backend-domain.com',//后端地址changeOri
  • react 技术栈请问该如何优化 DOM 大小 混血哲谈 react.js前端前端框架
    针对React应用中DOM大小过大的问题，以下是详细的优化方案和具体操作步骤，帮助你提升Lighthouse性能评分和用户体验：一、问题根源分析DOM大小过大（如超过1500个节点或深度超过32层）会导致：渲染性能下降：浏览器解析和渲染DOM的时间增加。内存占用过高：大量DOM节点占用更多内存，影响低端设备表现。交互延迟：事件监听器绑定过多节点时，响应变慢。常见原因：未优化的列表渲染（如长列表一次
  • 数智读书笔记系列021《大数据医疗》：探索医疗行业的智能变革 Allen_Lyb 数智读书笔记大数据健康医疗人工智能python
    一、书籍介绍《大数据医疗》由徐曼、沈江、余海燕合著，由机械工业出版社出版。徐曼是南开大学商学院副教授，在大数据驱动的智能决策研究领域颇有建树，尤其在大数据驱动的医疗与健康决策方面有着深入研究，曾获天津优秀博士论文、教育部博士研究生新人奖。沈江等作者也在相关学术和实践领域有着丰富的经验和深厚的专业知识。这本书系统且深入地探讨了大数据技术在医疗领域的应用与变革，对推动医疗行业的智能化发展具有重要的理论
  • 【存储中间件】Redis核心技术与实战（六）：Redis的设计与实现（缓存淘汰算法、过期策略与惰性删除） 道友老李 #Redis核心技术与实战架构师进阶-存储中间件缓存中间件redis
    文章目录Redis的设计与实现缓存淘汰算法maxmemoryNoevictionvolatile-lruvolatile-ttlvolatile-randomallkeys-lruallkeys-randomLRU算法近似LRU算法LFU算法为什么Redis要缓存系统时间戳过期策略和惰性删除过期惰性删除lazyfree个人主页：道友老李欢迎加入社区：道友老李的学习社区Redis的设计与实现缓存淘汰
  • springboot整合Thymeleaf详解 weiha666 springboot
    Thymeleaf介绍简单说，Thymeleaf是一个跟Velocity、FreeMarker类似的模板引擎，它可以完全替代JSP。相较与其他的模板引擎，它有如下三个极吸引人的特点：Thymeleaf在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持html原型，然后在html标签里增加额外的属性来达到模板+数
  • 使用提示词进行信息抽取的实用方法 scaFHIO windowspython
    在大规模语言模型（LLM）中进行信息抽取时，我们不一定需要工具调用功能。通过精心设计的提示词（prompt）可以指导模型输出特定格式的信息，然后对其进行解析以生成结构化数据。这种方法依赖于创建良好的提示词，并将LLM的输出解析为所需的Python对象。技术背景介绍大规模语言模型可以根据提示词生成特定格式的文本。例如，我们可以要求模型以JSON格式输出所需的信息。在信息抽取的场景中，设计良好的提示词
  • JavaScript 模块化语法 import、export详解 qq39138814 javascript开发语言ecmascript
    JavaScript模块化语法import、export详解1.为什么需要模块化？在JavaScript早期，所有代码都是写在一个全局作用域中，这样做的问题是：变量污染：所有变量、函数都是全局的，容易互相干扰。文件依赖管理困难：多个JS文件之间的依赖关系混乱，难以维护。代码复用困难：无法方便地拆分和复用代码。为了解决这些问题，模块化方案应运而生。2.JavaScript模块化的发展2.1早期的模块
  • 笔记：代码随想录算法训练营day57：99.岛屿数量 深搜、岛屿数量 广搜、100.岛屿的最大面积 jingjingjing1111 深度优先算法笔记
    学习资料：代码随想录注：文中含大模型生成内容99.岛屿数量卡码网题目链接（ACM模式）先看深搜方法：找到未标标记过的说明找到一片陆地的或者一片陆地的一个角落，dfs搜索是寻找相连接的陆地其余部分并做好标记#include#includeusingnamespacestd;intdirection[4][2]={0,1,-1,0,0,-1,1,0};voiddfs(constvector>&B612
  • 从 0 到 1 搭建一个 Web 应用项目：详细步骤与踩坑记录 算法探索者 前端
    一、引言在当今数字化时代，Web应用无处不在。对于开发者而言，掌握从0到1搭建Web应用项目的技能至关重要。本指南将带你逐步完成一个简单Web应用项目的搭建，分享技术选型思路以及在过程中遇到的问题和解决方案，助力你开启Web开发之旅。二、技术选型（一）前端框架：选择React.js。它具有高效的虚拟DOM机制，能够快速更新页面，提升用户体验。同时，React生态系统丰富，有大量现成的组件库和工具可
  • 笔记：代码随想录算法训练营day56:图论理论基础、深搜理论基础、98. 所有可达路径、广搜理论基础 jingjingjing1111 笔记
    学习资料：代码随想录连通图是给无向图的定义，强连通图是给有向图的定义朴素存储：二维数组邻接矩阵邻接表：list基础知识：C++容器类|菜鸟教程深搜是沿着一个方向搜到头再不断回溯，转向；广搜是每一次搜索要把当前能够得到的方向搜个遍深搜三部曲：传入参数、终止条件、处理节点+递推+回溯98.所有可达路径卡码网题目链接（ACM模式）先是用邻接矩阵，矩阵的x,y表示从x到y有一条边主要还是用回溯方法遍历整个
  • 浏览器 DOM 深度解析：从节点类型到遍历操作的全攻略 码农的时光故事 javascript开发语言ecmascript
    一、DOM核心概念与节点类型DOM（文档对象模型）是浏览器提供的核心API之一，用于将HTML文档转换为可操作的对象树结构。其核心设计遵循树形结构，每个节点都继承自Node接口，主要分为以下类型：1.基础节点类型Element：对应HTML标签，包含属性和子节点（）Text：文本内容节点Comment：注释节点Document：文档根节点，通过document全局对象访问（）2.特殊节点类型Doc
  • 浏览器工作原理深度解析（阶段一）：从 URL 到页面渲染的完整流程 码农的时光故事 javascript前端
    一、浏览器工作流程概述作为前端开发者，我们每天都在与浏览器打交道，但多数人对其内部工作机制却知之甚少。实际上，浏览器的核心功能就是将用户输入的URL转换为可视化的网页。这一过程大致分为六个关键步骤：网络请求：通过HTTP/HTTPS协议获取页面资源构建DOM树：解析HTML代码生成文档对象模型样式计算：解析CSS规则并应用到对应元素布局渲染：计算元素位置和尺寸生成渲染树合成优化：将渲染层合并为位图
  • Neo4j GDS-02-graph-data-science 插件库安装实战笔记 后端java
    neo4japoc系列Neo4jAPOC-01-图数据库apoc插件介绍Neo4jAPOC-01-图数据库apoc插件安装neo4jonwindows10Neo4jAPOC-03-图数据库apoc实战使用使用Neo4jAPOC-04-图数据库apoc实战使用使用apoc.path.spanningTree最小生成树Neo4jAPOC-05-图数据库apoc实战使用使用labelFilterNeo4
  • JavaScript对象全解析：从宿主到内置，深入理解对象分类 码农的时光故事 前端javascript
    一、JavaScript对象全景图JavaScript对象系统远比表面看起来复杂，我们可以将其分为以下五大类：类别描述示例宿主对象由运行环境提供的对象（如浏览器中的DOM）window、document固有对象标准规定随运行时自动创建的基础对象Array、Date原生对象通过内置构造器创建的特权对象newArray()、newMap()普通对象用户创建的常规对象{}、newObject()特殊行为
  • 如何快速判断nodejs该项目需要哪个版本的node环境 yuanpan node.js
    在接手一个Node.js项目后，判断该项目需要哪个Node.js版本是非常重要的。以下是一些常见的方法来确定项目所需的Node.js版本：1.检查package.json文件package.json是Node.js项目的核心配置文件，通常会包含项目所需的Node.js版本信息。a.engines字段在package.json中，engines字段用于指定项目所需的Node.js版本。例如：json
  • JS中事件处理机制（秒懂事件委托、事件捕获和事件冒泡） 码农白衣 前端知识JSjavascript前端开发语言
    目录一、概念事件委托（EventDelegation）：事件捕获（EventCapturing）：事件冒泡（EventBubbling）：二、好处事件委托的好处：事件捕获的好处：事件冒泡的好处：三、工作原理事件委托（EventDelegation）：事件捕获（EventCapturing）：事件冒泡（EventBubbling）：四、代码实例1.简单代码实例（事件监听）2.复杂代码实例（简单的待办
  • pear-admin-boot开发框架使用记录（三） 后青春期的诗go 经验分享javaspringbootspringlog4jmybatis
    一、实现部门选择操作用于从组织架构里选择出部门的操作，如开发日志管理模块，创建人新增日志时可以通过选择框选择相应共享的部门。数据库表调整在数据表添加2个字段：sharedeptid共享部门idvarcharsharedeptname共享部门名称varchar前端html页面调整页面添加如下代码：共享部门前端JS调整添加如下代码：letdtree=layui.dtree;dtree.renderSe
  • 基于koajsAdmin+mongodb的后台管理快速开发框架安装运行记录 后青春期的诗go 经验分享mongodb数据库node.jsvue.jselementui
    前置操作下载源码源码地址：https://gitee.com/zhoushuigui/koajs-admin安装mongodb数据库并连接安装yarnnpminstallyarn-g安装nodemonnpminstallnodemon-g前端运行安装依赖进入项目根目录，在命令行执行如下命令安装依赖：yarn--registry=https://registry.npmmirror.com启动服务y
  • FDTD：基于Python的电磁场模拟开源库教程 邱进斌Olivia
    FDTD：基于Python的电磁场模拟开源库教程项目地址:https://gitcode.com/gh_mirrors/fd/fdtd项目介绍FDTD（Finite-DifferenceTime-Domain）是一个致力于电磁场仿真的开源项目，由flaport维护。此项目基于Python语言，提供了一套灵活且强大的工具集，用于解决各种电磁学问题，包括但不限于光学、射频以及微波工程中的传播、散射等问
  • 插入表主键冲突做更新 a-john
    有以下场景： 用户下了一个订单，订单内的内容较多，且来自多表，首次下单的时候，内容可能会不全（部分内容不是必须，出现有些表根本就没有没有该订单的值）。在以后更改订单时，有些内容会更改，有些内容会新增。 问题： 如果在sql语句中执行update操作，在没有数据的表中会出错。如果在逻辑代码中先做查询，查询结果有做更新，没有做插入，这样会将代码复杂化。 解决： mysql中提供了一个sql语
  • Android xml资源文件中@、@android:type、@*、？、@+含义和区别 Cb123456 @+@?@*
    一.@代表引用资源 1.引用自定义资源。格式：@[package:]type/name android：text="@string/hello"   2.引用系统资源。格式：@android:type/name     android:textColor="@android:color/opaque_red"
  • 数据结构的基本介绍 天子之骄 数据结构散列表树、图线性结构价格标签
    数据结构的基本介绍 数据结构就是数据的组织形式，用一种提前设计好的框架去存取数据，以便更方便，高效的对数据进行增删查改。正确选择合适的数据结构，对软件程序的高效执行的影响作用不亚于算法的设计。此外，在计算机系统中数据结构的作用也是非同小可。例如常常在编程语言中听到的栈，堆等，就是经典的数据结构。   经典的数据结构大致如下：   一：线性数据结构 (1)：列表 a
  • 通过二维码开放平台的API快速生成二维码 一炮送你回车库 api
     现在很多网站都有通过扫二维码用手机连接的功能，联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊，写了个前台快速生成二维码的方法。        html代码如下:(二维码将生成在这div下) ? 1  &nbs
  • ImageIO读取一张图片改变大小 3213213333332132 javaIOimageBufferedImage
    package com.demo; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imageio.ImageIO; /** * @Description 读取一张图片改变大小 * @author FuJianyon
  • myeclipse集成svn（一针见血） 7454103 eclipseSVNMyEclipse
                                     &n
  • 装箱与拆箱----autoboxing和unboxing darkranger J2SE
    4.2　自动装箱和拆箱 基本数据(Primitive)类型的自动装箱(autoboxing)、拆箱(unboxing)是自J2SE 5.0开始提供的功能。虽然为您打包基本数据类型提供了方便，但提供方便的同时表示隐藏了细节，建议在能够区分基本数据类型与对象的差别时再使用。 4.2.1　autoboxing和unboxing 在Java中，所有要处理的东西几乎都是对象(Object)
  • ajax传统的方式制作ajax aijuans Ajax
    //这是前台的代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+
  • 只用jre的eclipse是怎么编译java源文件的？ avords javaeclipsejdktomcat
    eclipse只需要jre就可以运行开发java程序了，也能自动 编译java源代码，但是jre不是java的运行环境么，难道jre中也带有编译工具？ 还是eclipse自己实现的？谁能给解释一下呢问题补充：假设系统中没有安装jdk or jre，只在eclipse的目录中有一个jre，那么eclipse会采用该jre，问题是eclipse照样可以编译java源文件，为什么呢？ &nb
  • 前端模块化 bee1314 模块化
    背景： 前端JavaScript模块化，其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来，还处于刀耕火种的野蛮生长阶段。   JavaScript一直缺乏有效的包管理机制，造成了大量的全局变量，大量的方法冲突。我们多么渴望有天能像Java（import），Python (import)，Ruby(require)那样写代码。在没有包管理机制的年代，我们是怎么避免所
  • 处理百万级以上的数据处理 bijian1013 oraclesql数据库大数据查询
    一.处理百万级以上的数据提高查询速度的方法：        1.应尽量避免在 where 子句中使用!=或<>操作符，否则将引擎放弃使用索引而进行全表扫描。         2.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 o
  • mac 卸载 java 1.7 或更高版本 征客丶 javaOS
    卸载 java 1.7 或更高 sudo rm -rf /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin 成功执行此命令后，还可以执行 java 与 javac 命令 sudo rm -rf /Library/PreferencePanes/JavaControlPanel.prefPane 成功执行此命令后，还可以执行 java
  • 【Spark六十一】Spark Streaming结合Flume、Kafka进行日志分析 bit1129 Stream
    第一步，Flume和Kakfa对接，Flume抓取日志，写到Kafka中 第二部，Spark Streaming读取Kafka中的数据，进行实时分析   本文首先使用Kakfa自带的消息处理（脚本）来获取消息，走通Flume和Kafka的对接 1. Flume配置 1. 下载Flume和Kafka集成的插件，下载地址：https://github.com/beyondj2ee/f
  • Erlang vs TNSDL bookjovi erlang
          TNSDL是Nokia内部用于开发电信交换软件的私有语言，是在SDL语言的基础上加以修改而成，TNSDL需翻译成C语言得以编译执行，TNSDL语言中实现了异步并行的特点，当然要完整实现异步并行还需要运行时动态库的支持，异步并行类似于Erlang的process（轻量级进程），TNSDL中则称之为hand，Erlang是基于vm(beam)开发，
  • 非常希望有一个预防疲劳的java软件, 预防过劳死和眼睛疲劳,大家一起努力搞一个 ljy325 企业应用
    　非常希望有一个预防疲劳的java软件，我看新闻和网站，国防科技大学的科学家累死了，太疲劳，老是加班，不休息，经常吃药，吃药根本就没用，根本原因是疲劳过度。我以前做java,那会公司垃圾，老想赶快学习到东西跳槽离开，搞得超负荷，不明理。深圳做软件开发经常累死人，总有不明理的人，有个软件提醒限制很好，可以挽救很多人的生命。 相关新闻： （1）IT行业成五大疾病重灾区：过劳死平均37.9岁
  • 读《研磨设计模式》-代码笔记-原型模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * Effective Java 建议使用copy constructor or copy factory来代替clone()方法： * 1.public Product copy(Product p){} * 2.publi
  • 配置管理---svn工具之权限配置 chenyu19891124 SVN
    今天花了大半天的功夫，终于弄懂svn权限配置。下面是今天收获的战绩。 安装完svn后就是在svn中建立版本库，比如我本地的是版本库路径是C:\Repositories\pepos。pepos是我的版本库。在pepos的目录结构 pepos    component    webapps 在conf里面的auth里赋予的权限配置为 [groups]
  • 浅谈程序员的数学修养 comsci 设计模式编程算法面试招聘
                                     浅谈程序员的数学修养
  • 批量执行 bulk collect与forall用法 daizj oraclesqlbulk collectforall
    BULK COLLECT 子句会批量检索结果，即一次性将结果集绑定到一个集合变量中，并从SQL引擎发送到PL/SQL引擎。通常可以在SELECT INTO、 FETCH INTO以及RETURNING INTO子句中使用BULK COLLECT。本文将逐一描述BULK COLLECT在这几种情形下的用法。     有关FORALL语句的用法请参考：批量SQL之 F
  • Linux下使用rsync最快速删除海量文件的方法 dongwei_6688 OS
    1、先安装rsync：yum install rsync 2、建立一个空的文件夹：mkdir /tmp/test 3、用rsync删除目标目录：rsync --delete-before -a -H -v --progress --stats /tmp/test/ log/这样我们要删除的log目录就会被清空了，删除的速度会非常快。rsync实际上用的是替换原理，处理数十万个文件也是秒删。
  • Yii CModel中rules验证规格 dcj3sjt126com rulesyiivalidate
    Yii cValidator主要用法分析：  yii验证rulesit 分类： Yii yii的rules验证 cValidator主要属性 attributes ,builtInValidators,enableClientValidation,message,on,safe,skipOnError  
  • 基于vagrant的redis主从实验 dcj3sjt126com vagrant
    平台: Mac 工具: Vagrant 系统: Centos6.5 实验目的: Redis主从   实现思路 制作一个基于sentos6.5, 已经安装好reids的box, 添加一个脚本配置从机, 然后作为后面主机从机的基础box   制作sentos6.5+redis的box   mkdir vagrant_redis cd vagrant_
  • Memcached(二)、Centos安装Memcached服务器 frank1234 centosmemcached
    一、安装gcc rpm和yum安装memcached服务器连接没有找到，所以我使用的是make的方式安装，由于make依赖于gcc，所以要先安装gcc 开始安装，命令如下，[color=red][b]顺序一定不能出错[/b][/color]： 建议可以先切换到root用户，不然可能会遇到权限问题：su root 输入密码...... rpm -ivh kernel-head
  • Remove Duplicates from Sorted List hcx2013 remove
    Given a sorted linked list, delete all duplicates such that each element appear only once. For example,Given 1->1->2, return 1->2.Given 1->1->2->3->3, return&
  • Spring4新特性——JSR310日期时间API的支持 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • 浅谈enum与单例设计模式 247687009 java单例
    在JDK1.5之前的单例实现方式有两种(懒汉式和饿汉式并无设计上的区别故看做一种)，两者同是私有构 造器，导出静态成员变量，以便调用者访问。 第一种 package singleton; public class Singleton { //导出全局成员 public final static Singleton INSTANCE = new S
  • 使用switch条件语句需要注意的几点 openwrt cbreakswitch
    1. 当满足条件的case中没有break，程序将依次执行其后的每种条件（包括default）直到遇到break跳出 int main() { int n = 1; switch(n) { case 1: printf("--1--\n"); default: printf("defa
  • 配置Spring Mybatis JUnit测试环境的应用上下文 schnell18 springmybatisJUnit
    Spring-test模块中的应用上下文和web及spring boot的有很大差异。主要试下来差异有： 单元测试的app context不支持从外部properties文件注入属性 @Value注解不能解析带通配符的路径字符串 解决第一个问题可以配置一个PropertyPlaceholderConfigurer的bean。 第二个问题的具体实例是：    
  • Java 定时任务总结一 tuoni javaspringtimerquartztimertask
     Java定时任务总结  一.从技术上分类大概分为以下三种方式：  1.Java自带的java.util.Timer类，这个类允许你调度一个java.util.TimerTask任务;   说明：    java.util.Timer定时器，实际上是个线程，定时执行TimerTask类 &
  • 一种防止用户生成内容站点出现商业广告以及非法有害等垃圾信息的方法 yangshangchuan rank相似度计算文本相似度词袋模型余弦相似度
    本文描述了一种在ITEYE博客频道上面出现的新型的商业广告形式及其应对方法，对于其他的用户生成内容站点类型也具有同样的适用性。   最近在ITEYE博客频道上面出现了一种新型的商业广告形式，方法如下：     1、注册多个账号（一般10个以上）。     2、从多个账号中选择一个账号，发表1-2篇博文
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他