~hello world~

前端JS学习（一）

基础

JavaScript书写位置

1、行内 JavaScript
通常放在文档结尾的 $$ 上面
将 $3.必要时可以使用转义符\，输出单引号或双引号 </blockquote> <blockquote> 模板字符串：拼接字符串和变量 语法:内容用反引号``，内容中的变量用（美元符号+{}）包住 例: <a href="http://img.e-com-net.com/image/info8/777e5c177afe47dab41f4b34bd98ebfe.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/777e5c177afe47dab41f4b34bd98ebfe.jpg" alt="在这里插入图片描述" width="650" height="60"></a> </blockquote> <h3>boolean 布尔型</h3> <blockquote> 布尔类型数据表示真或假，它只有true和false两个固定的值。 </blockquote> <h3>未定义类型(undefined)</h3> <blockquote> 未定义是比较特殊的类型，只有一个值undefined。未定义类型是弱数据类型，声明一个变量未赋值就是undefined（只声明变量，不赋值） </blockquote> <h3>nul（空类型)</h3> <blockquote> JavaScript中的null仅仅是一个代表“无”、"空”或“值未知”的特殊值。undefined表示没有赋值，而null表示赋值了，但是内容为空。nul作为尚未创建的对象，即将来有个变量里面存放的是一个对象，但是对象还没创建好，可以先给个null。 </blockquote> <h2>检测数据类型</h2> <blockquote> JavaScript中可以通过typeof关键字检测数据类型，支持两种语法形式： 作为运算符：typeof ×（常用的写法) 函数形式：typeof(x) <a href="http://img.e-com-net.com/image/info8/6b1c2b9f3018467b93e4ce7896436658.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/6b1c2b9f3018467b93e4ce7896436658.jpg" alt="前端JS学习（一）_第1张图片" width="650" height="289" style="border:1px solid black;"></a> </blockquote> <h2>类型转换</h2> <blockquote> JavaScript是弱数据类型，在使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，需要转换变量的数据类型。类型转换，就是把一种数据类型的变量转换成我们需要的数据类型。 </blockquote> <h3>隐式转换</h3> <blockquote> 隐式转换：某些运算符被执行时，系统内部自动将数据类型进行转换。缺点是转换类型不明确。 规则： +号两边只要有一个是字符串，都会把另外一个转成字符串， - * / 等都会把数据转成数字类型。任何数据和字符串相加结果都是字符串。 <a href="http://img.e-com-net.com/image/info8/48fe5b7636c9434da4bc01030519cdff.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/48fe5b7636c9434da4bc01030519cdff.jpg" alt="前端JS学习（一）_第2张图片" width="650" height="401" style="border:1px solid black;"></a> </blockquote> <h3>显式转换</h3> <blockquote> 为了避免因隐式转换带来的问题，通常根逻辑需要对数据进行显示转换。 显式转换明确告诉系统该转成什么类型。 转换为数字型：Number(数据) 只保留整数：parselnt(数据) 可以保留小数：parseFloat(数据) </blockquote> <h1>运算符</h1> <blockquote> 赋值运算符：对变量进行赋值的运算符 赋值运算符：=将等号右边的值赋予给左边，要求左边必须是一个容器 其他赋值运算符： += *= /= %= </blockquote> <blockquote> 一元运算符: JavaScript运算符可以根据所需表达式的个数，分为一元运算符、二元运算符、三元运算符 自增：++ 自减：– 注意：前置自增和后置自增单独使用没有区别 <code>let num=1 num++, ++num</code> 其作用都相当于 num+=1 . 注意：前置自增和后置自增如果参与运算就有区别 前置自增：先自加再使用（记忆口决：++在前先加） 后置自增：先使用再自加（记忆口诀：++在后后加） <a href="http://img.e-com-net.com/image/info8/95327615cc8a4a91896b07c0d714e579.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/95327615cc8a4a91896b07c0d714e579.jpg" alt="在这里插入图片描述" width="650" height="99"></a> </blockquote> <blockquote> 比较运算符： <a href="http://img.e-com-net.com/image/info8/47a54c843b10418095b7cd88939b384c.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/47a54c843b10418095b7cd88939b384c.jpg" alt="前端JS学习（一）_第3张图片" width="650" height="218" style="border:1px solid black;"></a> </blockquote> <blockquote> 逻辑运算符：解决多重条件判断 怎么判断一个变量um是否大于5且小于10？ 错误写法：5<num<10 正确写法：num > 5 && num < 10 <a href="http://img.e-com-net.com/image/info8/b1c8972465754a90acfc9fd0bccd0d54.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/b1c8972465754a90acfc9fd0bccd0d54.jpg" alt="前端JS学习（一）_第4张图片" width="650" height="204" style="border:1px solid black;"></a> </blockquote> <blockquote> 运算符优先级： <a href="http://img.e-com-net.com/image/info8/fe854d0092f648169c032bccf06644d3.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/fe854d0092f648169c032bccf06644d3.jpg" alt="前端JS学习（一）_第5张图片" width="650" height="297" style="border:1px solid black;"></a> </blockquote> <h1>分支语句</h1> <blockquote> i f if if 语句 if 语句有三种结构：单分支、双分支、多分支 <a href="http://img.e-com-net.com/image/info8/9c55d32ffdcb4df2b282bd4d5fabc2e8.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/9c55d32ffdcb4df2b282bd4d5fabc2e8.jpg" alt="前端JS学习（一）_第6张图片" width="535" height="173" style="border:1px solid black;"></a> <a href="http://img.e-com-net.com/image/info8/c359f90183a247598109948100765f2e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/c359f90183a247598109948100765f2e.jpg" alt="前端JS学习（一）_第7张图片" width="513" height="317" style="border:1px solid black;"></a> <a href="http://img.e-com-net.com/image/info8/fcbcc5821a284e05bb3af4546721452f.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/fcbcc5821a284e05bb3af4546721452f.jpg" alt="前端JS学习（一）_第8张图片" width="445" height="380" style="border:1px solid black;"></a> </blockquote> <blockquote> 三元运算符 <a href="http://img.e-com-net.com/image/info8/e3d56b6b9551427b899fe531274c062d.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/e3d56b6b9551427b899fe531274c062d.jpg" alt="在这里插入图片描述" width="650" height="99"></a> </blockquote> <blockquote> switch语句 switch case语句一般用于等值判断,不适合于区间判断，switch case一般需要配合break关键字使用，没有break会造成case穿透 </blockquote> <blockquote> <a href="http://img.e-com-net.com/image/info8/1fa3a76e93f24baab3129914263eac7f.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/1fa3a76e93f24baab3129914263eac7f.jpg" alt="前端JS学习（一）_第9张图片" width="524" height="404" style="border:1px solid black;"></a> </blockquote> <h1>循环语句</h1> <blockquote> while 循环： <a href="http://img.e-com-net.com/image/info8/88ede75aae3f45d3ab1c7657c49a078c.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/88ede75aae3f45d3ab1c7657c49a078c.jpg" alt="前端JS学习（一）_第10张图片" width="480" height="188" style="border:1px solid black;"></a> while循环需要具备三要素： 1.变量起始值 2.终止条件（没有终止条件，循环会一直执行，造成死循环） 3.变量变化量（用自增或者自减） <a href="http://img.e-com-net.com/image/info8/ed7354e8334b4e5fb0e0d3cc517a87e7.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/ed7354e8334b4e5fb0e0d3cc517a87e7.jpg" alt="前端JS学习（一）_第11张图片" width="650" height="165" style="border:1px solid black;"></a> </blockquote> <blockquote> for 循环： <a href="http://img.e-com-net.com/image/info8/025cc16a5af04ef6a045742f4828fbed.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/025cc16a5af04ef6a045742f4828fbed.jpg" alt="前端JS学习（一）_第12张图片" width="650" height="152" style="border:1px solid black;"></a> 例子： <a href="http://img.e-com-net.com/image/info8/6ecd6d4f94c54d858447c2bbe0c6bfdf.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/6ecd6d4f94c54d858447c2bbe0c6bfdf.jpg" alt="前端JS学习（一）_第13张图片" width="650" height="274" style="border:1px solid black;"></a> 当如果明确了循环的次数的时候推荐使用for循环 当不明确循环的次数的时候推荐使用while循环 </blockquote> <h1>数组</h1> <blockquote> 数组(Array)：是一种可以按顺序保存多个数据的数据类型 定义1：1et 数组名=[数据1，数据2，··，数据n] 定义2：1et 数组名=new Array(数据1，数据2，··，数据n) 操作数组 <a href="http://img.e-com-net.com/image/info8/7b9a294ad63f4be083fb42fa51cff34a.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/7b9a294ad63f4be083fb42fa51cff34a.jpg" alt="前端JS学习（一）_第14张图片" width="650" height="270" style="border:1px solid black;"></a> . 新增 数组名. push()：将一个或多个元素添加到数组的末尾，并返回该数组的新长度(重点) 数组名.unshift() ：将一个或多个元素添加到数组的开头，并返回该数组的新长度 . 删除 数组名. pop() ：从数组中删除最后一个元素，并返回该元素的值 数组名. shift() ：从数组中删除第一个元素，并返回该元素的值 数组名. splice(start,deleteCount) ：删除指定元素。start 指定修改的开始位置（从0计数），deleteCount：要移除的数组元素的个数，可选。如果省略则默认从指定的起始位置删 除到最后。 . 数组排序 数组名. sort() 方法可以排序，从小到大 升序：arr.sort(function (a,b){ return a-b}) 降序：arr.sort(function (a,b){ return b-a}) </blockquote> <h1>函数</h1> <blockquote> 函数：是被设计为执行特定任务的代码块，可以实现代码复用，提高开发效率。 . 无参函数定义：function 函数名(){ 函数体 } 无参函数调用：函数名() . . . 函数名命名规范： 尽量小驼峰式命名法 前缀应该为动词 例：function getName( ){ } . 参数函数定义：function 函数名(参数){ 函数体 } 参数函数调用：函数名(参数) 用户不输入实参，可以给形参默认值，默认值只会在缺少实参参数传递时才会被执行，所以有参数会优先执行传递过来的实参。 . 当函数需要返回数据出去时，用return关键字 语法：return 数据 . 函数可以分为：具名函数、匿名函数<a href="http://img.e-com-net.com/image/info8/8cb2304ff2a042f58a18abe3a90be74e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/8cb2304ff2a042f58a18abe3a90be74e.jpg" alt="前端JS学习（一）_第15张图片" width="650" height="163" style="border:1px solid black;"></a> 匿名函数，是没有名字的函数，无法直接使用。使用方式：函数表达式、立即执行函数。 1、函数表达式：将匿名函数赋值给一个变量，并且通过变量名称进行调用 <a href="http://img.e-com-net.com/image/info8/551d862e2fe94b998e9e9cff510fcafd.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/551d862e2fe94b998e9e9cff510fcafd.jpg" alt="前端JS学习（一）_第16张图片" width="537" height="336" style="border:1px solid black;"></a> 2、立即执行函数：避免全局变量之间的污染 注意：多个立即执行函数要用；隔开，要不然会报错<a href="http://img.e-com-net.com/image/info8/791aea805ed14df3983a28095e126c30.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/791aea805ed14df3983a28095e126c30.jpg" alt="前端JS学习（一）_第17张图片" width="559" height="201" style="border:1px solid black;"></a> </blockquote> <h1>对象</h1> <blockquote> 对象(object)：JavaScript里的一种数据类型，可以理解为是一种无序的数据集合，用多个变量保存则比较散，用对象比较统一。有静态特征=>可以使用数字，字符串，数组，布尔类型等表示、动态行为=>使用函数表示。 . 对象声明 1、：1et 对象名={ } 2、：let 对象名=new Object() . 对象由属性和方法组成 属性：信息或叫特征（名词）。属性都是成对出现的，包括属性名和值，它们之间使用英文：分隔,多个属性之间使用英文，分隔 方法：功能或叫行为（动词） . 对象属性操作 <a href="http://img.e-com-net.com/image/info8/75f10817cd5f4afe92f2df70074ecd77.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/75f10817cd5f4afe92f2df70074ecd77.jpg" alt="前端JS学习（一）_第18张图片" width="650" height="275" style="border:1px solid black;"></a> 对于多词属性或则“—"等属性，点操作就不能用了。采取：对象[‘属性’]方式，单引号和双引号都阔以 <a href="http://img.e-com-net.com/image/info8/6e2a40d6c86b484ab9502dcca24590d9.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/6e2a40d6c86b484ab9502dcca24590d9.jpg" alt="前端JS学习（一）_第19张图片" width="650" height="130" style="border:1px solid black;"></a> . 对象方法操作 方法是由方法名和函数两部分构成，它们之间使用：分隔 <a href="http://img.e-com-net.com/image/info8/b0ebf69254c14120b66405897a8273fd.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/b0ebf69254c14120b66405897a8273fd.jpg" alt="前端JS学习（一）_第20张图片" width="650" height="234" style="border:1px solid black;"></a> . 遍历对象 <a href="http://img.e-com-net.com/image/info8/1603e741359c4b808f86845636e8ff49.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/1603e741359c4b808f86845636e8ff49.jpg" alt="前端JS学习（一）_第21张图片" width="496" height="302" style="border:1px solid black;"></a> . 内置对象-Math Math对象是JavaScript提供的一个“数学”对象，提供了一系列做数学运算的方法 <a href="http://img.e-com-net.com/image/info8/f1c404d9644343bfbd1c314767d589f8.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/f1c404d9644343bfbd1c314767d589f8.jpg" alt="前端JS学习（一）_第22张图片" width="504" height="309" style="border:1px solid black;"></a> </blockquote> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1697623711730970624"></div> <script type="text/javascript" src="/views/front/js/chanyan.js">$

你可能感兴趣的:(前端,前端,javascript,学习)

情绪觉察日记第37天露露_e800
今天是家庭关系规划师的第二阶最后一天，慧萍老师帮我做了个案，帮我处理了埋在心底好多年的一份恐惧，并给了我深深的力量！这几天出来学习，爸妈过来婆家帮我带小孩，妈妈出于爱帮我收拾东西，并跟我先生和婆婆产生矛盾，妈妈觉得他们没有照顾好我…。今晚回家见到妈妈，我很欣赏她并赞扬她，妈妈说今晚要跟我睡我说好，当我们俩躺在床上准备睡觉的时候，我握着妈妈的手对她说:妈妈这几天辛苦你了，你看你多利害把我们的家收拾得
机器学习与深度学习间关系与区别 ℒℴѵℯ心·动ꦿ໊ོ꫞ 人工智能学习深度学习 python
一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入
铭刻于星（四十二）随风至
69夜晚，绍敏同学做完功课后，看了眼房外，没听到动静才敢从书包的夹层里拿出那个心形纸团。折痕压得很深，都有些旧了，想来是已经写好很久了。绍敏同学慢慢地、轻轻地捏开折叠处，待到全部拆开后，又反复抚平纸张，然后仔细地一字字默看。只是开头的三个字是第一次看到，让她心漏跳了几拍。“亲爱的绍敏：从四年级的时候，我就喜欢你了，但是我一直不敢说，怕影响你学习。六年级的时候听说有人跟你表白，你接受了，我很难过，但
UI学习——cell的复用和自定义cell Magnetic_h ui 学习
目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
学点心理知识，呵护孩子健康静候花开_7090
昨天听了华中师范大学教育管理学系副教授张玲老师的《哪里才是学生心理健康的最后庇护所，超越教育与技术的思考》的讲座。今天又重新学习了一遍，收获匪浅。张玲博士也注意到了当今社会上的孩子由于心理问题导致的自残、自杀及伤害他人等恶性事件。她向我们普及了一个重要的命题，她说心理健康的一些基本命题，我们与我们通常的一些教育命题是不同的，她还举了几个例子，让我们明白我们原来以为的健康并非心理学上的健康。比如如果
Long类型前后端数据不一致 igotyback 前端
响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
ArcGIS栅格计算器常见公式（赋值、0和空值的转换、补充栅格空值）研学随笔 arcgis 经验分享
我们在使用ArcGIS时通常经常用到栅格计算器，今天主要给大家介绍我日常中经常用到的几个公式，供大家参考学习。将特定值（-9999）赋值为0，例如-9999.Con("raster"==-9999,0,"raster")2.给空值赋予特定的值（如0）Con(IsNull("raster"),0,"raster")3.将特定的栅格值(如1)赋值为空值，其他保留原值SetNull("raster"==
【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数广龙宇一起学Rust #Rust设计模式 rust 设计模式开发语言
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
回溯 Leetcode 332 重新安排行程 mmaerd Leetcode刷题学习记录 leetcode 算法职场和发展
重新安排行程Leetcode332学习记录自代码随想录给你一份航线列表tickets，其中tickets[i]=[fromi,toi]表示飞机出发和降落的机场地点。请你对该行程进行重新规划排序。所有这些机票都属于一个从JFK（肯尼迪国际机场）出发的先生，所以该行程必须从JFK开始。如果存在多种有效的行程，请你按字典排序返回最小的行程组合。例如，行程[“JFK”,“LGA”]与[“JFK”,“LGB
Python数据分析与可视化实战指南 William数据分析 python python 数据
在数据驱动的时代，Python因其简洁的语法、强大的库生态系统以及活跃的社区，成为了数据分析与可视化的首选语言。本文将通过一个详细的案例，带领大家学习如何使用Python进行数据分析，并通过可视化来直观呈现分析结果。一、环境准备1.1安装必要库在开始数据分析和可视化之前，我们需要安装一些常用的库。主要包括pandas、numpy、matplotlib和seaborn等。这些库分别用于数据处理、数学
2019-12-22-22:30 涓涓1016
今天是冬至，写下我的日更，是因为这两天的学习真的是能量的满满，让我看到了自己，未来另外一种可能性，也让我看到了这两年这几年的过程中我所接受那些痛苦的来源。一切的根源和痛苦都来自于人生，家庭，而你的原生家庭，你的爸爸和妈妈，是因为你这个灵魂在那一刻选择他们作为你的爸爸和妈妈来的，所以你得接受他，你得接纳他，他就是因为他的存在而给你的学习和成长带来这些痛苦，那其实是你必然要经历的这个过程，当你去接纳的
将cmd中命令输出保存为txt文本文件落难Coder Windows cmd window
最近深度学习本地的训练中我们常常要在命令行中运行自己的代码，无可厚非，我们有必要保存我们的炼丹结果，但是复制命令行输出到txt是非常麻烦的，其实Windows下的命令行为我们提供了相应的操作。其基本的调用格式就是：运行指令>输出到的文件名称或者具体保存路径测试下，我打开cmd并且ping一下百度：pingwww.baidu.com>./data.txt看下相同目录下data.txt的输出：如果你再
四章-32-点要素的聚合彩云飘过
本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计网页设计期末网页作业 html静态网页 html5期末大作业网页设计 web大作业
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
【加密社】Solidity 中的事件机制及其应用加密社闲侃区块链智能合约区块链
加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
GitHub上克隆项目 bigbig猩猩 github
从GitHub上克隆项目是一个简单且直接的过程，它允许你将远程仓库中的项目复制到你的本地计算机上，以便进行进一步的开发、测试或学习。以下是一个详细的步骤指南，帮助你从GitHub上克隆项目。一、准备工作1.安装Git在克隆GitHub项目之前，你需要在你的计算机上安装Git工具。Git是一个开源的分布式版本控制系统，用于跟踪和管理代码变更。你可以从Git的官方网站（https://git-scm.
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业 javascript html css 旅游风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
Day1笔记-Python简介&标识符和关键字&输入输出 ~在杰难逃~ Python python 开发语言大数据数据分析数据挖掘
大家好，从今天开始呢，杰哥开展一个新的专栏，当然，数据分析部分也会不定时更新的，这个新的专栏主要是讲解一些Python的基础语法和知识，帮助0基础的小伙伴入门和学习Python，感兴趣的小伙伴可以开始认真学习啦！一、Python简介【了解】1.计算机工作原理编程语言就是用来定义计算机程序的形式语言。我们通过编程语言来编写程序代码，再通过语言处理程序执行向计算机发送指令，让计算机完成对应的工作，编程
人工智能时代，程序员如何保持核心竞争力？ jmoych 人工智能
随着AIGC（如chatgpt、midjourney、claude等）大语言模型接二连三的涌现，AI辅助编程工具日益普及，程序员的工作方式正在发生深刻变革。有人担心AI可能取代部分编程工作，也有人认为AI是提高效率的得力助手。面对这一趋势,程序员应该如何应对?是专注于某个领域深耕细作，还是广泛学习以适应快速变化的技术环境?又或者，我们是否应该将重点转向AI无法轻易替代的软技能？让我们一起探讨程序员
node.js学习小猿L node.js node.js 学习 vim
node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
阶段总结反思轻争
马上就要进入10月份了，今天做一下前段时间的总结和反思。前段时间，日更、英语、健身、护肤坚持的比较好。阅读、书法坚持的不好。1.中间被迫停更半个多月，其余时间一直在坚持日更挑战。偶尔也有不想写的时候，就做一下摘抄。因为阅读（输入）没跟上来，所以写作（输出）质量有待进一步加强。2.英语做到了一周至少学习5天，每次不少于30分钟，但是小班课没有跟上更新速度，下一步要争取利用零碎时间补听小班课。3.减肥
ARM驱动学习之基础小知识 JT灬新一 ARM 嵌入式 arm开发学习
ARM驱动学习之基础小知识•sch原理图工程师工作内容–方案–元器件选型–采购（能不能买到，价格）–原理图（涉及到稳定性）•layout画板工程师–layout（封装、布局，布线，log）（涉及到稳定性）–焊接的一部分工作（调试阶段板子的焊接）•驱动工程师–驱动，原理图，layout三部分的交集容易发生矛盾•PCB研发流程介绍–方案，原理图(网表)–layout工程师（gerber文件）–PCB板
ARM驱动学习之5 LEDS驱动 JT灬新一嵌入式 C 底层 arm开发学习单片机
ARM驱动学习之5LEDS驱动知识点：•linuxGPIO申请函数和赋值函数–gpio_request–gpio_set_value•三星平台配置GPIO函数–s3c_gpio_cfgpin•GPIO配置输出模式的宏变量–S3C_GPIO_OUTPUT注意点：DRIVER_NAME和DEVICE_NAME匹配。实现步骤：1.加入需要的头文件：//Linux平台的gpio头文件#include//三
ARM驱动学习之4小结 JT灬新一嵌入式 C++arm开发学习 linux
ARM驱动学习之4小结#include#include#include#include#include#defineDEVICE_NAME"hello_ctl123"MODULE_LICENSE("DualBSD/GPL");MODULE_AUTHOR("TOPEET");staticlonghello_ioctl(structfile*file,unsignedintcmd,unsignedlo
展现思维导图魅力，不断挖掘人生宝藏思维导图讲师Mandy
第13期最强思维导图训练营已经结束一周了，但是我依旧是感觉所有学员还在努力的学习，这些学员中有教师、学生、白领、公务员、宝妈等等，只要你努力，只要你想改变自己，任何行业，任何岗位都可以参与进来，28天足以让你见成效，在这28天中，我们的学员不仅仅是收获了一枚毕业证，最重要的是让自己的思维方式得到升级，今天的你为自己投资，明天的你就会感谢你今天的付出，我们来听一听来自13期最强思维导图训练营优秀学员
2019-3-23晨间日记红红火火小耳朵
今天是什么日子起床：7点40就寝：23点半天气：有太阳，不过一会儿出来一会儿进去特别清爽的凉意，还蛮舒服的心情：小激动要给女朋友过生日啦纪念日：田田女士过生日任务清单昨日完成的任务，最重要的三件事：1.英语一对一2.运动计划3.认真护肤习惯养成：调整状态周目标·完成进度英语七天打卡（5/7）轻课阅读（87/180）音标课（25/30）读书（福尔摩斯一章）学习·信息·阅读#英语课#Cookingte
【华为OD技术面试真题精选 - 非技术题】 -HR面，综合面_华为od hr面一个射手座的程序媛程序员华为od 面试职场和发展
最后的话最近很多小伙伴找我要Linux学习资料，于是我翻箱倒柜，整理了一些优质资源，涵盖视频、电子书、PPT等共享给大家！资料预览给大家整理的视频资料：给大家整理的电子书资料：如果本文对你有帮助，欢迎点赞、收藏、转发给朋友，让我有持续创作的动力！网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以点击这里获
教育用心灵温暖心灵
@陈春丽长期学习班冯倩。今天一早就听到说高职合并，取消中专教育的教育信息。感觉是虽然知道，再听还是吓一跳。国家重视职业教育为何还要取消中专技术学校的教育？再听高中就要进行技术教育了，一部分人学习好继续努力学习考大学，一部分人在高中就可以进行职业教育接受职业教育了还要中专技术教育学校干什么呢！a有些职业教育学校转型升级快，不是孩子上完给找工作，而是学校帮孩子创业，我觉得是不错的方向！新闻新你得实时更
数字里的世界17期：2021年全球10大顶级数据中心，中国移动榜首张三叨
你知道吗？2016年，全球的数据中心共计用电4160亿千瓦时，比整个英国的发电量还多40％！前言每天，我们都会创造超过250万TB的数据。并且随着物联网（IOT）的不断普及，这一数据将持续增长。如此庞大的数据被存储在被称为“数据中心”的专用设施中。虽然最早的数据中心建于20世纪40年代，但直到1997-2000年的互联网泡沫期间才逐渐成为主流。当前人类的技术，比如人工智能和机器学习，已经将我们推向
关于旗正规则引擎规则中的上传和下载问题何必如此文件下载压缩 jsp 文件上传
文件的上传下载都是数据流的输入输出，大致流程都是一样的。一、文件打包下载 1.文件写入压缩包 string mainPath="D:\upload\"; 下载路径 string tmpfileName=jar.zip; &n
【Spark九十九】Spark Streaming的batch interval时间内的数据流转源码分析 bit1129 Stream
以如下代码为例（SocketInputDStream）： Spark Streaming从Socket读取数据的代码是在SocketReceiver的receive方法中，撇开异常情况不谈(Receiver有重连机制，restart方法，默认情况下在Receiver挂了之后，间隔两秒钟重新建立Socket连接)，读取到的数据通过调用store(textRead)方法进行存储。数据
spark master web ui 端口8080被占用解决方法 daizj 8080 端口占用 spark master web ui
spark master web ui 默认端口为8080，当系统有其它程序也在使用该接口时，启动master时也不会报错，spark自己会改用其它端口，自动端口号加1，但为了可以控制到指定的端口，我们可以自行设置，修改方法： 1、cd SPARK_HOME/sbin 2、vi start-master.sh 3、定位到下面部分
oracle_执行计划_谓词信息和数据获取周凡杨 oracle 执行计划
oracle_执行计划_谓词信息和数据获取(上) 一：简要说明在查看执行计划的信息中，经常会看到两个谓词filter和access，它们的区别是什么，理解了这两个词对我们解读Oracle的执行计划信息会有所帮助。简单说，执行计划如果显示是access，就表示这个谓词条件的值将会影响数据的访问路径（表还是索引），而filter表示谓词条件的值并不会影响数据访问路径，只起到
spring中datasource配置 g21121 dataSource
datasource配置有很多种，我介绍的一种是采用c3p0的，它的百科地址是： http://baike.baidu.com/view/920062.htm  <bean name="propertiesConfig" class="org.springframework.b
web报表工具FineReport使用中遇到的常见报错及解决办法（三）老A不折腾 finereport FAQ 报表软件
这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。 1、repeated column width is largerthan paper width：这个看这段话应该是很好理解的。比如做的模板页面宽度只能放
mysql 用户管理墙头上一根草 linux mysql user
1.新建用户 //登录MYSQL@>mysql -u root -p@>密码//创建用户mysql> insert into mysql.user(Host,User,Password) values(‘localhost’,'jeecn’,password(‘jeecn’));//刷新系统权限表mysql>flush privileges;这样就创建了一个名为：
关于使用Spring导致c3p0数据库死锁问题 aijuans spring Spring 入门 Spring 实例 Spring3 Spring 教程
这个问题我实在是为整个 springsource 的员工蒙羞如果大家使用 spring 控制事务，使用 Open Session In View 模式， com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.
百度词库联想 annan211 百度
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS</title&g
int数据与byte之间的相互转换实现代码百合不是茶位移 int转byte byte转int 基本数据类型的实现
在BMP文件和文件压缩时需要用到的int与byte转换,现将理解的贴出来; 主要是要理解;位移等概念 http://baihe747.iteye.com/blog/2078029 int转byte; byte转int; /** * 字节转成int,int转成字节 * @author Administrator *
简单模拟实现数据库连接池 bijian1013 java thread java多线程简单模拟实现数据库连接池
简单模拟实现数据库连接池实例1： package com.bijian.thread; public class DB { //private static final int MAX_COUNT = 10; private static final DB instance = new DB(); private int count = 0; private i
一种基于Weblogic容器的鉴权设计 bijian1013 java weblogic
服务器对请求的鉴权可以在请求头中加Authorization之类的key，将用户名、密码保存到此key对应的value中，当然对于用户名、密码这种高机密的信息，应该对其进行加砂加密等，最简单的方法如下： String vuser_id = "weblogic"; String vuse
【RPC框架Hessian二】Hessian 对象序列化和反序列化 bit1129 hessian
任何一个对象从一个JVM传输到另一个JVM，都要经过序列化为二进制数据(或者字符串等其他格式，比如JSON)，然后在反序列化为Java对象，这最后都是通过二进制的数据在不同的JVM之间传输(一般是通过Socket和二进制的数据传输)，本文定义一个比较符合工作中。 1. 定义三个POJO Person类 package com.tom.hes
【Hadoop十四】Hadoop提供的脚本的功能 bit1129 hadoop
1. hadoop-daemon.sh 1.1 启动HDFS ./hadoop-daemon.sh start namenode ./hadoop-daemon.sh start datanode 通过这种逐步启动的方式，比start-all.sh方式少了一个SecondaryNameNode进程，这不影响Hadoop的使用，其实在 Hadoop2.0中，SecondaryNa
中国互联网走在“灰度”上 ronin47 管理灰度
中国互联网走在“灰度”上（转）文/孕峰第一次听说灰度这个词，是任正非说新型管理者所需要的素质。第二次听说是来自马化腾。似乎其他人包括马云也用不同的语言说过类似的意思。灰度这个词所包含的意义和视野是广远的。要理解这个词，可能同样要用“灰度”的心态。灰度的反面，是规规矩矩，清清楚楚，泾渭分明，严谨条理，是决不妥协，不转弯，认死理。黑白分明不是灰度，像彩虹那样
java-51-输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。 bylijinnan java
public class PrintMatrixClockwisely { /** * Q51.输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。例如：如果输入如下矩阵： 1 2 3 4 5 6 7 8 9
mongoDB 用户管理开窍的石头 mongoDB用户管理
1:添加用户第一次设置用户需要进入admin数据库下设置超级用户（use admin） db.addUsr({user:'useName',pwd:'111111',roles:[readWrite,dbAdmin]}); 第一个参数用户的名字第二个参数
[游戏与生活]玩暗黑破坏神3的一些问题 comsci 生活
暗黑破坏神3是有史以来最让人激动的游戏。。。。但是有几个问题需要我们注意玩这个游戏的时间，每天不要超过一个小时，且每次玩游戏最好在白天结束游戏之后，最好在太阳下面来晒一下身上的暗黑气息，让自己恢复人的生气 &nb
java 二维数组如何存入数据库 cuiyadll java
using System; using System.Linq; using System.Text; using System.Windows.Forms; using System.Xml; using System.Xml.Serialization; using System.IO; namespace WindowsFormsApplication1 {
本地事务和全局事务Local Transaction and Global Transaction(JTA) darrenzhu java spring local global transaction
Configuring Spring and JTA without full Java EE http://spring.io/blog/2011/08/15/configuring-spring-and-jta-without-full-java-ee/ Spring doc -Transaction Management http://docs.spring.io/spri
Linux命令之alias - 设置命令的别名，让 Linux 命令更简练 dcj3sjt126com linux alias
用途说明设置命令的别名。在linux系统中如果命令太长又不符合用户的习惯，那么我们可以为它指定一个别名。虽然可以为命令建立“链接”解决长文件名的问题，但对于带命令行参数的命令，链接就无能为力了。而指定别名则可以解决此类所有问题【1】。常用别名来简化ssh登录【见示例三】，使长命令变短，使常用的长命令行变短，强制执行命令时询问等。常用参数格式：alias 格式：ali
yii2 restful web服务[格式响应] dcj3sjt126com PHP yii2
响应格式当处理一个 RESTful API 请求时，一个应用程序通常需要如下步骤来处理响应格式：确定可能影响响应格式的各种因素，例如媒介类型，语言，版本，等等。这个过程也被称为 content negotiation。资源对象转换为数组，如在 Resources 部分中所描述的。通过 [[yii\rest\Serializer]]
MongoDB索引调优（2）——[十] eksliang mongodb MongoDB索引优化
转载请出自出处：http://eksliang.iteye.com/blog/2178555 一、概述上一篇文档中也说明了，MongoDB的索引几乎与关系型数据库的索引一模一样，优化关系型数据库的技巧通用适合MongoDB，所有这里只讲MongoDB需要注意的地方二、索引内嵌文档可以在嵌套文档的键上建立索引，方式与正常
当滑动到顶部和底部时，实现Item的分离效果的ListView gundumw100 android
拉动ListView，Item之间的间距会变大，释放后恢复原样； package cn.tangdada.tangbang.widget; import android.annotation.TargetApi; import android.content.Context; import android.content.res.TypedArray; import andr
程序员用HTML5制作的爱心树表白动画 ini JavaScript jquery Web html5 css
体验效果：http://keleyi.com/keleyi/phtml/html5/31.htmHTML代码如下： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="UTF-8" > <ti
预装windows 8 系统GPT模式的ThinkPad T440改装64位 windows 7旗舰版 kakajw ThinkPad 预装改装 windows 7 windows 8
该教程具有普遍参考性，特别适用于联想的机器，其他品牌机器的处理过程也大同小异。该教程是个人多次尝试和总结的结果，实用性强，推荐给需要的人！缘由小弟最近入手笔记本ThinkPad T440，但是特别不能习惯笔记本出厂预装的Windows 8系统，而且厂商自作聪明地预装了一堆没用的应用软件，消耗不少的系统资源（本本的内存为4G，系统启动完成时，物理内存占用比
Nginx学习笔记 mcj8089 nginx
一、安装nginx 1、在nginx官方网站下载一个包，下载地址是： http://nginx.org/download/nginx-1.4.2.tar.gz 2、WinSCP(ftp上传工
mongodb 聚合查询每天论坛链接点击次数 qiaolevip 每天进步一点点学习永无止境 mongodb 纵观千象
/* 18 */ { "_id" : ObjectId("5596414cbe4d73a327e50274"), "msgType" : "text", "sendTime" : ISODate("2015-07-03T08:01:16.000Z"
java术语（PO/POJO/VO/BO/DAO/DTO） Luob. DAO POJO DTO po VO BO
PO(persistant object) 持久对象在o/r 映射的时候出现的概念,如果没有o/r映射,就没有这个概念存在了.通常对应数据模型(数据库),本身还有部分业务逻辑的处理.可以看成是与数据库中的表相映射的java对象.最简单的PO就是对应数据库中某个表中的一条记录,多个记录可以用PO的集合.PO中应该不包含任何对数据库的操作. VO(value object) 值对象通
算法复杂度 Wuaner Algorithm
Time Complexity & Big-O： http://stackoverflow.com/questions/487258/plain-english-explanation-of-big-o http://bigocheatsheet.com/ http://www.sitepoint.com/time-complexity-algorithms/

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他