;
如果看到了一个输入框,就用
。
页面出现了乱码,是怎么回事?如何解决?
当我们保存一个写好的 HTML 文件,编码方式会保存为 UTF-8;
一个文件就是一堆的数据,即我们写的内容变成了一堆的数据。那这个数据到底是变成了 123,还是 456 呢?
这里我们就用到了“编码”,用的编码方式不一样,那么数据呈现的状态就不一样;
然后,当我们把这个以适当编码方式保存好的数据再次展示在浏览器页面上时(或用其他编辑器打开时),这个数据还要再恢复出来;
这时候,浏览器(或编辑器)需要使用相同的、与文件相对应的编码方式去解码(但浏览器不是万能的,你不告诉他,他就不知道用什么方式去解码,他会随意选择);
这时,当编码是一种方式,而解码又是另一种方式时,页面就会出现“乱码”;而解决乱码的方式就是:只需要知道我在编辑器保存这个 HTML 文件时,保存的什么编码格式,然后在头部 中告诉浏览器用什么方式来解码。
title 属性和 alt 属性分别有什么作用?
title 属性有一个很好的用途:即为链接添加描述性文字,特别是当链接本身并不是十分清楚的表达了链接的目的。
这样就使得访问者知道那些链接将会带他们到什么地方,他们就不会加载一个可能完全不感兴趣的页面。
另外一个潜在的应用就是为图像提供额外的说明信息,比如日期或者其他非本质的信息。
alt 这个属性主要是为了规避例如:因网速差、硬件设备限制等外部因素,我们的浏览器不能很好的显示出图像,那 alt 后边的文本将会取代图像告诉用户这里会是什么东西。
知乎-oliver
html 的注释怎样写?
data- 属性的作用?
data- 为 H5 新增的为前端开发者提供自定义的属性,这些属性集可以通过对象的 dataset 属性获取;
不支持该属性的浏览器可以通过 getAttribute 方法获取 。
需要注意的是:data- 之后的以连字符分割的多个单词组成的属性,获取的时候使用驼峰风格。 所有主流浏览器都支持 data-* 属性。
即:当没有合适的属性和元素时,自定义的 data 属性是能够存储页面或 App 的私有的自定义数据
img的 title 和 alt 有什么区别?
title 通常当鼠标滑动到元素上的时候显示; alt 是 的特有属性,是图片内容的等价描述,用于图片无法加载时显示、读屏器阅读图片。可提图片高可访问性,除了纯装饰图片外都必须设置有意义的值,搜索引擎会重点分析。
WEB 标准以及 W3C 标准是什么?
标签闭合、标签小写、不乱嵌套、使用外链 css 和 js、结构行为表现的分离
doctype 作用? 严格模式与混杂模式如何区分?它们有何意义?
声明位于文档中的最前面,处于
标签之前。告知浏览器的解析器, 用什么文档类型 规范来解析这个文档。
严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。
在混杂模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。DOCTYPE 不存在或格式不正确会导致文档以混杂模式呈现。
HTML 全局属性(global attribute)有哪些?
class:为元素设置类标识; data-*:为元素增加自定义属性; draggable:设置元素是否可拖拽; id:元素 id,文档内唯一; lang:元素内容的的语言; style:行内 css 样式; title:元素相关的建议信息。
HTML 元素、属性详解
https://mp.weixin.qq.com/s/nt8s8-PHJJX29–7n0ThSw
meta 有哪些常见的值?
指定文档编码:
适配移动端页面:
定制页面图标:
设置 referer:
添加页面描述:
meta 以及viewport
< ! DOCTYPE html> < ! -- H5 标准声明,使用 HTML5 doctype,不区分大小写-- >
< head lang= ”en”> < ! -- 标准的 lang 属性写法-- >
< meta charset= ’utf- 8 ′> < ! -- 声明文档使用的字符编码-- >
< meta http- equiv= ”X - UA - Compatible” content= ”IE = edge, chrome= 1 ″/ > < ! -- 优先使用 IE 最新版本和 Chrome-- >
< meta name= ”description” content= ”不超过150 个字符”/ > < ! -- 页面描述-- >
< meta name= ”keywords” content= ””/ > < ! -- 页面关键词-- >
< meta name= ”author” content= ”name, email@gmail. com”/ > < ! -- 网页作者-- >
< meta name= ”robots” content= ”index, follow”/ > < ! -- 搜索引擎抓取-- >
< meta name= ”viewport” content= ”initial- scale= 1 , maximum- scale= 3 , minimum- scale= 1 , user- scalable= no”> < ! -- 为移动设备添加 viewport-- >
< meta name= ”apple- mobile- web- app- title” content= ”标题”> < ! -- iOS 设备 begin-- >
< meta name= ”apple- mobile- web- app- capable” content= ”yes”/ > < ! -- 添加到主屏后的标题(iOS 6 新增)
是否启用 WebApp 全屏模式,删除苹果默认的工具栏和菜单栏-- >
< meta name= ”apple- itunes- app” content= ”app- id= myAppStoreID, affiliate- data= myAffiliateData, app- argument= myURL”>
< ! -- 添加智能 App 广告条 Smart App Banner(iOS 6 + Safari)-- >
< meta name= ”apple- mobile- web- app- status- bar- style” content= ”black”/ >
< meta name= ”format- detection” content= ”telphone= no, email= no”/ > < ! -- 设置苹果工具栏颜色-- >
< meta name= ”renderer” content= ”webkit”> < ! -- 启用360浏览器的极速模式 ( webkit) -- >
< meta http- equiv= ”X - UA - Compatible” content= ”IE = edge”> < ! -- 避免IE 使用兼容模式-- >
< meta http- equiv= ”Cache- Control” content= ”no- siteapp” / > < ! -- 不让百度转码-- >
< meta name= ”HandheldFriendly” content= ”true ”> < ! -- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓-- >
< meta name= ”MobileOptimized” content= ”320 ″> < ! -- 微软的老式浏览器-- >
< meta name= ”screen- orientation” content= ”portrait”> < ! -- uc强制竖屏-- >
< meta name= ”x5- orientation” content= ”portrait”> < ! -- QQ 强制竖屏-- >
< meta name= ”full- screen” content= ”yes”> < ! -- UC 强制全屏-- >
< meta name= ”x5- fullscreen” content= ”true ”> < ! -- QQ 强制全屏-- >
< meta name= ”browsermode” content= ”application”> < ! -- UC 应用模式-- >
< meta name= ”x5- page- mode” content= ”app”> < ! -- QQ 应用模式-- >
< meta name= ”msapplication- tap- highlight” content= ”no”> < ! -- windows phone 点击无高亮
设置页面不缓存-- >
< meta http- equiv= ”pragma” content= ”no- cache”>
< meta http- equiv= ”cache- control” content= ”no- cache”>
< meta http- equiv= ”expires” content= ”0 ″>
< meta name= "viewport" content= "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" / >
怎样处理 移动端 1px 被 渲染成 2px问题
https://segmentfault.com/a/1190000007604842
mate标签中的 viewport属性 ,initial-scale
设置为 1 rem按照设计稿标准走,外加利用transfrome 的scale(0.5) 缩小一倍即可;
mate标签中的 viewport属性 ,initial-scale
设置为 0.5 rem 按照设计稿标准走即可
如何在 html 页面上展示 这几个字符?
<div></div>
SEO是什么?
SEO是英文Search Engine Optimization的缩写,中文译为"搜索引擎优化"
你是如何理解 HTML 语义化的?
用正确的标签做正确的事情!
html 语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析;
在没有样式 CSS 情况下也以一种文档格式显示,并且是容易阅读的;
搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于 SEO;
使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。
比如,
标题可以用 ~
;
边栏用
;
头部用
;
主体内容用
;
页脚用
;
等等。
前端需要注意哪些 SEO?
合理的 title、description、keywords: https://jingyan.baidu.com/article/cdddd41cacd96353ca00e14e.html
搜索对着三项的权重逐个减小,title 值强调重点即可,重要关键词出现不要超过 2 次,而且要靠前,不同页面 title 要有所不同;
description 把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面 description 有所不同;
keywords 列举出重要关键词即可。
语义化的 HTML 代码,符合 W3C 规范:语义化代码让搜索引擎容易理解网页。
重要内容 HTML 代码放在最前:搜索引擎抓取 HTML 顺序是从上到下,有的搜索引擎对抓取长度有限制,保证重要内容一定会被抓取。
重要内容不要用 js 输出:爬虫不会执行 js 获取内容。
少用 iframe:搜索引擎不会抓取 iframe 中的内容
非装饰性图片必须加 alt。
提高网站速度:网站速度是搜索引擎排序的一个重要指标。
你对网页标准和 W3C 重要性的理解?
网页标准和标准制定机构都是为了能让 Web 发展的更健康,开发者遵循统一的标准,降低开发难度,开发成本,SEO 也会更好做,也不会因为滥用代码导致各种 bug、安全问题,最终提高网站易用性。
关于语义化,以下说法错误的是?(不定项)
✅ 在做页面做整体布局的时候,table 标签用起来很方便可以作为布局的一种推荐方案。 ❌ 语义化的本质是可读性,让代码适合自己阅读、适合队友阅读、适合机器阅读。 ✅ 对于 h1-h6、p、span 这些标签,用 div 替换也没关系,修改它的 display 属性即可。 ❌ 使用语义化标签能让代码更简洁,所以能用尽量用。
HTML 表单详解
https://mp.weixin.qq.com/s/kpVydcwvYo1cEyWeuBJ–Q
在 input 里,name 有什么作用?
绝大多数表单元素都需要一个名字,相当于用户输入数据的一个标识符。后台服务器脚本将使用这个元素名,并提取里边的参数。
在 input 中,name 具有很重要的作用,在数据提交到后台后,name 属性可以明确的反映出每项信息是属于什么属性,如果没有 name 属性,数据将会非常混乱。
abel 有什么作用?如何使用?
label for 是为了给一个 input 输入框前边加上可点击的说明文字;
label 里边的 for 和 input 里边的 id 连用,是为了:正常情况下,我要在这个输入框里边输入的话,我仅仅点击前边的说明文字是没反应的,我必须要点击这个输入框才能进入可输入模式。而这里的 label for 和 id 的连用就可以实现点击输入框前边的输入文字也可以进入输入模式。(注意:有 for 就必须有一个 id)
radio 如何分组?
type=“radio” ,这个是“单选钮输入”,用于单选,在表单多项信息中选择一项。
如果要给 radio 分组,设置不同的 name 属性即可分组,同一 name 属性的属性属于同一组选项。
placeholder 属性有什么作用?
placeholder 属性是表单中用于提示的属性,不会提交给后台。这个属性用阴影文字来引导、提示用户输入框的相关信息。
type=hidden 隐藏域有什么作用?举例说明。
type=hidden 隐藏域的作用是: 暂存一些信息。比如在里边埋了一个值,下次我们要用的时候,就直接可以定位到这个元素去获取它的值,获取到后就可以用了,但用户什么都不知道;
由于可以暂存信息,那么在针对 csrf 攻击使用一些安全策略时,可以用到这个功能。
比如打开一个页面,实际这个页面是写好的模板,然后后端往里边填充数据,填充好后让你看得到。
换句话说,这个页面是后端处理后得到的页面。那假如说,后端在渲染这个页面给我们时(返回给浏览器之前),他就通过这种方式在这里加上这个值—— ,他把这个东西写好后发给你,发给你之后,你看到的页面表面上没什么特别的变化,可实际上有一个点已经埋下了—— name=“csrf” value=“123456oliver”。
接下来,用户该干什么还是继续干,填写用户名、密码等,填写完后点击“提交”。当用户点击“提交”按钮的时候,用户所填写的所有信息都会提交给后台,同时会提交 里的这个值csrf=123456oliver。
提交给后台后,后台就可以做个“校验”,看看这个值对不对,如果这个值是对的,那你用户的提交是安全的。
假如说没有这样一个参数、接口,那任何人都可以伪造一个这样的页面。比如说他知道我们的请求地址( action 的值),就可以用 method 发送一个 get/post 请求,把所有的参数都发进去,那就相当于修改了数据库。
但如果我们有这个值——csrf=123456oliver,而他没有这样一个值,或得到的值是错的,那他即使发送了这些数据,服务器也是不认可的。
只有当他发的这个值是对的,才能说明他有这个权限,表示他是一个合法的用户。这样就可以阻止 csrf 攻击。
CSRF 攻击是什么?如何防范?
CSRF(Cross-site request forgery),中文名称:跨站请求伪造。攻击者盗用了你的身份,以你的名义发送恶意请求。
CSRF 能够做的事情包括:以你名义发送邮件,发消息,盗取你的账号,甚至于购买商品,虚拟货币转账…造成的问题包括:个人隐私泄露以及财产安全。例如通过 QQ 等聊天软件发送的链接(有些还伪装成短域名,用户无法分辨),攻击者就能迫使 Web 应用的用户去执行攻击者预设的操作。例如,当用户登录网络银行去查看其存款余额,在他没有退出时,就点击了一个 QQ 好友发来的链接,那么该用户银行帐户中的资金就有可能被转移到攻击者指定的帐户中。
如何防范: 采用 anti-csrf-token 方案。
① 服务端在收到路由请求时,生成一个随机数,在渲染请求页面时把随机数埋入页面(一般埋入 form 表单内,);
② 服务端设置 setCookie,把该随机数作为 cookie 或者 session 种入用户浏览器;
③ 当用户发送 GET 或者 POST 请求时带上_csrf_token参数(对于 Form 表单直接提交即可,因为会自动把当前表单内所有的 input 提交给后台,包括_csrf_token);
④ 后台在接受到请求后解析请求的cookie获取_csrf_token的值,然后和用户请求提交的_csrf_token做个比较,如果相等表示请求是合法的。
网页验证码是干嘛的?是为了解决什么安全问题?
区分用户是计算机还是人的公共全自动程序。可以防止恶意破解密码、刷票、论坛灌水。
有效防止黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试。
常见 web 安全及防护原理?
SQL 注入原理 通过把 SQL 命令插入到 Web 表单递交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的 SQL 命令。
总的来说有以下几点: 永远不要信任用户的输入,要对用户的输入进行校验,可以通过正则表达式,或限制长度,对单引号和双 - 进行转换等。 永远不要使用动态拼装 SQL,可以使用参数化的 SQL 或者直接使用存储过程进行数据查询存取。 永远不要使用管理员权限的数据库连接,为每个应用使用单独的权限有限的数据库连接。 不要把机密信息明文存放,请加密或者 hash 掉密码和敏感的信息。
XSS 原理及防范: XSS(cross-site scripting攻击)指的是攻击者往 Web 页面里插入恶意 html 标签或者 javascript 代码。比如:攻击者在论坛中放一个看似安全的链接,骗取用户点击后,窃取 cookie 中的用户私密信息;或者攻击者在论坛中加一个恶意表单,当用户提交表单的时候,却把信息传送到攻击者的服务器中,而不是用户原本以为的信任站点。
XSS 防范方法: 首先代码里对用户输入的地方和变量都需要仔细检查长度和对 “<”,“>”,“;”,“’” 等字符做过滤; 其次任何内容写到页面之前都必须加以 encode,避免不小心把 html tag 弄出来。这一个层面做好,至少可以堵住超过一半的 XSS 攻击。
XSS 与 CSRF 有什么区别吗? XSS 是获取信息,不需要提前知道其他用户页面的代码和数据包。 CSRF 是代替用户完成指定的动作,需要知道其他用户页面的代码和数据包。要完成一次 CSRF 攻击,受害者必须依次完成两个步骤: 登录受信任网站 A,并在本地生成 Cookie。 在不登出 A 的情况下,访问危险网站 B。
CSRF 的防御: 服务端的 CSRF 方式方法很多样,但总的思想都是一致的,就是在客户端页面增加伪随机数。
通过验证码的方法。
以下哪种写法会导致 checkbox 被勾选:
✅ ✅ ✅ ✅ ❌
关于 post 和 get 的区别,以下说法正确的是?
✅ get 的语义是“要”数据,post 的语义是“给”数据或者“创建”数据。 ✅ get 把参数拼装成 url,发 get 请求实际上是浏览器请求拼接后的 url。 ❌ get提交的数据没有最大长度限制,post 提交的数据有最大长度限制(和服务端的设置有关)。 ✅ get 提交的数据有最大长度限制,根本原因是浏览器地址栏对输入的 url 有最大长度限制,超过会截断。 ✅ post 相对更“安全”一些,因为 get 请求拼装的 url 会保存在浏览器历史记录,到了服务器之后一般也有保存的请求日志可以直接看到请求参数。 ✅ 从严格的安全意义上讲,只要是 http 的请求,都不安全。https + post 才安全。
HTML5
html5有哪些新特性、移除了那些元素?
绘画 canvas
用于媒介回放的 video 和 audio 元素
本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失
sessionStorage 的数据在浏览器关闭后自动删除
语意化更好的内容元素,比如article、footer、header、nav、section
表单控件,calendar、date、time、email、url、search
新的技术webworker、 websocket、 Geolocation
移除的元素:纯表现的元素:basefont、big、center、font、 s、strike、tt、u
对可用性产生负面影响的元素:frame、frameset、noframes
支持HTML5新标签:IE8/IE7/IE6支持通过document.createElement方法产生的标签可以利用这一特性让这些浏览器支持HTML5新标签浏览器支持新标签后,还需要添加标签默认的样式当然也可以直接使用成熟的框架、比如html5shim
HTML5的离线储存怎么使用,工作原理能不能解释一下?
https://mp.weixin.qq.com/s/Q-Z8kYWSUJpkpAkTBv1Igw? 在用户没有与因特网连接时,可以正常访问站点或应用,在用户与因特网连接时,更新用户机器上的缓存文件
原理:HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术),通过这个文件上的解析清单离线存储资源,这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时,浏览器会通过被离线存储的数据进行页面展示
如何使用:
页面头部像下面一样加入一个manifest的属性;
在cache.manifest文件的编写离线存储的资源
在离线状态时,操作window.applicationCache进行需求实现
CACHE MANIFEST
#v0. 11
CACHE :
js/ app. js
css/ style. css
NETWORK :
resourse/ logo. png
FALLBACK :
/ offline. html
浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢
在线的情况下,浏览器发现html头部有manifest属性,它会请求manifest文件,
如果是第一次访问app,那么浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储。
如果已经访问过app并且资源已经离线存储了,那么浏览器就会使用离线的资源加载页面,
然后浏览器会对比新的manifest文件与旧的manifest文件,如果文件没有发生改变,就不做任何操作,如果文件改变了,那么就会重新下载文件中的资源并进行离线存储。
离线的情况下,浏览器就直接使用离线存储的资源。
与传统浏览器缓存区别
离线缓存是针对整个应用,浏览器缓存是单个文件。 离线缓存断网了还是可以打开页面,浏览器缓存不行。 离线缓存可以主动通知浏览器更新资源
HTML5 为什么只写 !DOCTYPE HTML ?
HTML5 不基于 SGML,因此不需要对 DTD 进行引用,但是需要 doctype 来规范浏览器的行为(让浏览器按照他们应该的方式来运行)。
而 HTML4.01 基于 SGML,所以需要对 DTD 进行引用,才能告知浏览器文档所使用的文档类型。
Canvas和SVG有什么区别?
svg绘制出来的每一个图形的元素都是独立的DOM节点,能够方便的绑定事件或用来修改。canvas输出的是一整幅画布
svg输出的图形是矢量图形,后期可以修改参数来自由放大缩小,不会失真和锯齿。而canvas输出标量画布,就像一张图片一样,放大会失真或者锯齿
你可能感兴趣的:(基础相关)
STM32f429串口通信-基于HAL库
大大大冯小小
串口通信 stm32 嵌入式
STM32f429串口通信接收-基于HAL库串口接收配置步骤1.调用函数HAL_UART_Init(UART_HandleTypeDef*huart)。通过定义结构体类型句柄UART_HandleTypeDef并初始化相关参数来配置串口通信的选用串口、字长、波特率、停止位、奇偶校验位、硬件流控、收发模式、DMA等。UART_HandleTypeDefusart1_handler;//UART句柄结
【lua】面向对象
岚花落_
lua
建议提前学习https://www.runoob.com/lua/lua-metatables.html面向对象特征1)封装:指能够把一个实体的信息、功能、响应都装入一个单独的对象中的特性。2)继承:继承的方法允许在不改动原程序的基础上对其进行扩充,这样使得原功能得以保存,而新功能也得以扩展。这有利于减少重复编码,提高软件的开发效率。3)多态:同一操作作用于不同的对象,可以有不同的解释,产生不同的
10分钟了解基金基础知识
leo_厉锵
金融栏 金融
一、基金的本质股票、债券和基金具有一定的可比性,而银行理财产品较为特殊。(一)股票股票代表一个公司的股份。拥有公司股票就相当于拥有部分公司股份。股票投资收益潜力大,因为公司可能是赚钱机器从而导致股价暴涨;但风险也很高,因为公司可能经营不善致使股价暴跌。(二)债券债券代表一种债权,即借钱给别人。例如国债,可理解为国家向你借钱并打借条,约定偿还时间和利息。债券代表着债券关系。(三)基金股票和债券属于直
10分钟了解股市基础知识
leo_厉锵
金融栏 大数据
一、交易时间周一至周五,法定节假日除外。盘前集合竞价(9:15-9:25),25分开出开盘价。其中15-20分可挂单可撤单,20-25分可挂单不可撤单。盘中连续交易时间为上午9:30-11:30,下午13:00-14:57。尾盘集合竞价时间为14:57-15:00,三分钟可挂单不可撤单,15:00开出收盘价。创业板和科创板在15:05-15:30有盘后交易时间,沪深两市主板无。夜市委托一般为晚上1
推荐开源项目:RxFeedback —— 极简的RxSwift架构设计
柏赢安Simona
推荐开源项目:RxFeedback——极简的RxSwift架构设计RxFeedback.swiftTheuniversalsystemoperatorandarchitectureforRxSwift项目地址:https://gitcode.com/gh_mirrors/rx/RxFeedback.swift项目介绍RxFeedback是一个专为RxSwift设计的简洁架构方案,它以反馈循环为基础
c语言数据结构之栈
Qurry.OS
数据结构 数据结构 c语言 链表
前言栈是一种先进后出的结构,只能对栈顶进行操作,数据入栈、出栈都在栈顶处,换句话说,栈只能对栈顶端进行操作,禁止跳过栈顶插入或删除其它数据。栈可以简单分为数组栈和链表栈;数组栈设定了空间大小,而链表栈在内存允许的范围内无空间大小限制,通过链表的方式将栈链接起来。C语言数据结构之单链表C语言数据结构之双向链表c语言数据结构之栈c语言数据结构之队列C语言数据结构之树1链表栈1.1数据结构在单链表的基础
vpc网络的原理
会探索的小学生
网络
一、VPC的基本概念和功能VPC是一个专有的云上私有网络,允许用户在公共云上配置和管理一个逻辑隔离的网络区域。用户可以自定义IP地址范围、创建子网、配置路由表和网络网关。VPC提供了类似于传统数据中心的安全和可配置的私有网络空间,同时又具备云计算的弹性和可扩展性二、VPC的关键组件和技术细节vSwitch:交换机,组成专有网络的基础网络设备,用于连接不同的云资源。vRouter:路由器,作
Ubuntu零基础入门到精通【1.3讲】:为什么选择 Ubuntu?
bug菌¹
滚雪球学Ubuntu ubuntu linux 运维 为什么选择Ubuntu 零基础教程
目录:上期回顾:Ubuntu的生态与社区✨前言:为什么我们都在谈论Ubuntu?为什么Ubuntu是个人和企业的首选?1️⃣安全性与开源:Ubuntu构建的安全生态系统更高的安全性:Ubuntu对安全的极致追求✨️开放性与可审查性:更透明的操作系统长期支持版(LTS):稳定与安全的完美平衡2️⃣对比其他Linux发行版:Ubuntu如何脱颖而出?Fedora:创新的前沿,但稳定性欠佳CentOS:
python输出星号等腰三角形_python打印直角三角形与等腰三角形实例代码
weixin_39644139
python输出星号等腰三角形
python打印直角三角形与等腰三角形实例代码前言本文通过示例给大家详细介绍了关于python打印三角形的相关,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧1、直角三角形#i控制行数j控制*的个数foriinrange(5):i+=1forjinrange(i):print('*',end='')#end=‘'输出空格print()/2、等腰三角形row=int(input('p
js原型链与自动装箱机制
CC Cian
javascript 开发语言 ecmascript 前端
目录前言基于原型生成对象修改原型对象构造函数的机制原型对象与原型链原型链相关方法补充1.自动装箱机制2.__proto__的存在原因3.关键区别4.示例验证5.总结前言在如今的主流语言中,大部分语言都是通过类来产生对象但js是基于原型生成对象javapublicclassPerson{privateStringname;privateintage;publicPerson(Stringname,i
大学期间如何学习利用AI
der丸子吱吱吱
学习 人工智能
一、引言人工智能(AI)是当今世界技术发展的重要方向,它已经渗透到医疗、金融、交通、娱乐等各个领域。随着AI技术的快速发展,它不仅改变了我们的生活,也带来了巨大的职业机会。然而,面对如此广阔的领域,作为大学生,如何在本科阶段有效地学习和利用AI,成了许多同学的困惑。本文将详细介绍大学生在本科阶段如何通过合理的学习路线、方法和工具,逐步掌握AI的核心技术,并为日后进入AI行业打下坚实的基础。通过这篇
一键掌控海量文件!Shell的find命令终极指南 + 高阶组合技
芯有所享
java 前端 android 经验分享
你是否经历过这些崩溃瞬间?想清理3个月前的日志却无从下手要在10万张图片里找出某个版本突然发现服务器被临时文件塞爆…今天介绍的Linux三剑客之find命令,就是你的超级救星!不仅能精准定位文件,结合其他命令更能玩出自动化运维的花样!一、Find基础三连击(新手必看)按图索骥-名称搜索查找当前目录所有.txt文件(精准匹配)find.-name“*.txt”忽略大小写找配置文件(模糊匹配)find
【布鲁姆6大认知层级】
搞技术的季
经验分享
认知思维目标层次由低到高、由简到繁分为六个层次,层层递进,这6个层级分别是:记忆——理解——应用——分析——评价——创新。第一层:记忆是指认识并记忆概念、知识,将其储存在大脑并及时提取,例如背单词、古诗、名词概念等。这一层次所涉及的是具体知识或抽象知识的辨认,虽然机械,但对学习和解决更复杂的问题来说是必不可少的基础环节。第二层:理解是指对事物或知识的领会,当学习者对"新"知识与原有知识产生联系时,
二叉树的三种遍历【树的遍历】(C++实现)Binary Tree Traversal
Vitalia
理论基础 c++ 树的遍历 二叉树
图论入门【数据结构基础】:什么是树?如何表示树?之前我们有分别讲解二叉树的三种遍历的相关代码实现:⭐算法OJ⭐二叉树的前序遍历【树的遍历】(C++实现)BinaryTreePreorderTraversal⭐算法OJ⭐二叉树的中序遍历【树的遍历】(C++实现)BinaryTreeInorderTraversal⭐算法OJ⭐二叉树的后序遍历【树的遍历】(C++实现)BinaryTreePostord
Java Web开发技术解析:从基础到实践的全栈指南
以恒1
java 前端 开发语言
JavaWeb开发技术解析:从基础到实践的全栈指南在互联网技术演进中,JavaWeb凭借其跨平台特性、成熟的生态系统和强大的企业级服务能力,成为构建动态Web应用的核心技术栈。本文从技术组成、开发工具、实战应用三个维度,全面解析JavaWeb的完整技术体系,并结合最新行业实践探讨其演进方向。一、JavaWeb的核心技术组成JavaWeb开发以Servlet和JSP为基石,通过分层架构实现动态网页生
全面掌握Python:从安装到基础再到进阶的系统学习之路(附代码,建议新手收藏)
der丸子吱吱吱
python 学习 开发语言 新手入门 代码
Python,作为一种现代化的高级编程语言,因其简洁易懂的语法和强大的功能,成为了数据科学、人工智能、Web开发等多个领域的首选语言。在这篇文章中,我们将从大学课本的结构来详细介绍Python,帮助大家从零基础开始,逐步深入掌握Python的各个方面。目录第一章:Python简介与安装1.1Python语言概述1.2安装Python1.3Python的开发环境1.4第一个Python程序第二章:基
yum install locate出现Error: Unable to find match: locate解决方案
爱编程的喵喵
Linux解决方案 linux locate yum 解决方案
大家好,我是爱编程的喵喵。双985硕士毕业,现担任全栈工程师一职,热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为CSDN博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的知识进行总结与归纳,不仅形成深入且独到的理解,而且能够帮助新手快速入门。 本文主要介绍了yuminstalllocate出现
中高级开发必看!MySQL 面试秘籍助你飞升
七七知享
数据库 mysql 面试 数据库 程序人生 职场和发展 学习方法 github
中高级开发必看!MySQL面试秘籍助你飞升想要晋升中高级开发岗位?MySQL面试攻略来助力!这篇CSDN文章堪称你进阶路上的“秘密武器”,从基础概念到高阶优化,全方位覆盖MySQL面试要点,无论是索引原理、查询优化,还是事务处理、主从复制,都有深入解读,助你轻松应对面试官的各类难题,稳稳拿下心仪Offer,向着中高级开发岗位大步迈进!
【人工智能机器学习基础篇】——深入详解无监督学习之降维:PCA与t-SNE的关键概念与核心原理
猿享天开
人工智能数学基础专讲 人工智能 机器学习 无监督学习 降维
深入详解无监督学习之降维:PCA与t-SNE的关键概念与核心原理在当今数据驱动的世界中,数据维度的增多带来了计算复杂性和存储挑战,同时也可能导致模型性能下降,这一现象被称为“维度诅咒”(CurseofDimensionality)。降维作为一种重要的特征提取和数据预处理技术,旨在通过减少数据的维度,保留其主要信息,从而简化数据处理过程,并提升模型的性能。本文将深入探讨两种广泛应用于无监督学习中的降
一、大语言模型微调 vs. 大语言模型应用
AI Echoes
深度学习 人工智能 deepseek 机器学习 算法
一、大语言模型微调vs.大语言模型应用1.微调(Fine-Tuning)的含义与特点定义与作用微调指在预训练好(通用)的基础模型上,通过在特定领域或任务的数据集上进一步训练来调整模型参数,使其在该领域任务中获得更优表现。这种方法可以使通用模型“定制化”,更好地理解专业术语和领域知识,从而提升准确性和响应质量。例如,为医疗、法律、金融等垂直领域构建专属模型,往往需要在预训练模型基础上进行微调。特点参
Hive面试题
御风行云天
面试题大全 hive hadoop 数据仓库 面试
Hive面试题1Hive基础概念1.1解释Hive是什么以及它的用途Hive的主要用途:1.2描述Hive架构和组件1.HiveCLI/Beeline和WebUI2.HiveQL3.HiveDriver(驱动)4.Metastore5.Compiler(编译器)6.Optimizer(优化器)7.Executor(执行器)8.HadoopCoreComponents(核心组件)9.HiveUDFs
第二十九篇 数据仓库与商务智能:技术演进与前沿趋势深度解析
随缘而动,随遇而安
数据库 数据仓库 大数据 数据库架构 数据库开发
声明:文章内容仅供参考,需仔细甄别。文中技术名称属相关方商标,仅作技术描述;代码示例为交流学习用途,部分参考开源文档(Apache2.0/GPLv3);案例数据已脱敏,技术推荐保持中立;法规解读仅供参考,请以《网络安全法》《数据安全法》官方解释为准。目录一、核心差异:技术定位与实现路径1.1核心能力矩阵二、协同关系:现代数据供应链的双引擎2.1数据价值链协同2.2典型技术栈集成三、前沿技术动态(2
17.1Go语言操作MongoDB
chxii
go语言 # go 基础 golang mongodb 开发语言
驱动安装gogetgo.mongodb.org/mongo-driver/mongo基础连接示例packagemainimport("context""fmt""log""time""go.mongodb.org/mongo-driver/mongo""go.mongodb.org/mongo-driver/mongo/options")funcmain(){//设置客户端选项clientOpti
浮点数Float概述
CoderIsArt
C++11 浮点数
浮点数:概述浮点数是计算机中表示分数和极大/极小数字的一种基本方式。它们在科学计算、图形学以及其他需要高精度和大范围的领域中广泛应用。以下是浮点数相关关键概念和挑战的总结:1.什么是浮点数?浮点数是一种在计算机中表示实数(包括极大和极小的数字)的方式。它们由三部分组成:符号位:表示数字的正负。尾数(或有效数字):表示数字的有效位数。指数:决定数字的规模(或大小)。浮点数的值通过以下公式计算:值=尾
使用Nginx实现后端负载均衡
海上彼尚
node.js nginx 负载均衡 运维 node.js
目录引言一、负载均衡的核心作用二、基础配置三步曲1.定义后端服务器组(upstream)2.配置代理转发规则3.重载配置生效三、六大负载均衡算法详解四、高级配置技巧1.健康检查机制2.会话保持方案3.SSL终止优化五、实战场景配置案例案例1:WebSocket负载均衡案例2:多级地域分发案例3:连接池优化六、最佳实践与陷阱规避结语引言在现代高并发场景下,单一服务器难以支撑海量请求的处理。Nginx
ollama 基本使用教程
海上彼尚
AI ai 前端
目录1.安装OllamamacOS或LinuxWindows(WSL2)2.基础命令启动与停止更新Ollama3.模型管理下载预训练模型运行模型查看已安装模型删除模型从Modelfile创建自定义模型4.高级功能服务器模式与API多会话管理环境变量配置5.常见问题与技巧加速模型下载查看日志模型参数调整模型导出与分享Ollama是一个开源的大型语言模型服务工具,能够帮助用户在本地运行大模型。通过简单
【工具】gdb使用详细介绍
努力努力再努力~~
linux疑难问题排查实战 gdb linux 问题调试
linux问题排查实战专栏,分享了作为公司专家,在解决内存、性能、各类死机等疑难问题的排查经验,认真学习可以让你在日后工作中大放光彩。前言在工作中,无论是学习代码流程还是问题的定位,GDB都显得尤为重要,多掌握一些命令可以提升我们的效率和解决问题的能力;按照我的理解,对GDB的掌握程度可以分为三种人:基础命令,大家都知道相对高阶一点的,少数人了解,掌握之后可以提升调试解决问题的效率需要结合反汇编、
计算机专业毕业设计题目推荐(新颖选题)本科计算机人工智能专业相关毕业设计选题大全✅
会写代码的羊
毕设选题 课程设计 人工智能 毕业设计 毕设题目 毕业设计题目 ai AI编程
文章目录前言最新毕设选题(建议收藏起来)本科计算机人工智能专业相关的毕业设计选题毕设作品推荐前言2025全新毕业设计项目博主介绍:✌全网粉丝10W+,CSDN全栈领域优质创作者,博客之星、掘金/华为云/阿里云等平台优质作者。技术范围:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、大数据、机器学习等设计与开发。主要内容:免费功能
RTSP协议规范与SmartMediaKit播放器技术解析
音视频牛哥
RTSP播放器 轻量级RTSP服务 大牛直播SDK 音视频 机器视觉 人工智能 rtsp播放器 python rtsp播放器 rtsp player 大牛直播SDK
在实时流媒体传输领域,RTSP(Real-TimeStreamingProtocol)协议作为标准规范,为音视频数据的高效传输提供了坚实基础。而大牛直播SDK的rtsp播放器,则是在此基础上构建的高性能解决方案,广泛应用于多种场景,如安防监控、远程教学、直播互动等。本文将深入探讨RTSP协议规范,并结合大牛直播SDK的rtsp播放器,剖析其技术细节与优势。RTSP协议规范概述RTSP协议是一种用于
小科普《DNS服务器》
Hum8le
服务器 运维
DNS服务器详解1.定义与核心作用DNS(域名系统)服务器是互联网的核心基础设施,负责将人类可读的域名(如www.example.com)转换为机器可识别的IP地址(如192.0.2.1),从而实现设备间的通信。其核心功能包括:域名解析:将域名转换为IP地址,简化用户访问网站的流程。负载均衡:通过将同一域名映射到多个IP地址,分配流量以提升服务稳定性和性能。缓存加速:存储近期查询结果,减少重复解析
PHP,安卓,UI,java,linux视频教程合集
cocos2d-x小菜
java UI PHP android linux
╔-----------------------------------╗┆
各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。
bozch
.net .net mvc
在.net mvc5中,在执行某一操作的时候,出现了如下错误:
各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。
经查询当前的操作与错误内容无关,经过对错误信息的排查发现,事故出现在数据库迁移上。
回想过去: 在迁移之前已经对数据库进行了添加字段操作,再次进行迁移插入XXX字段的时候,就会提示如上错误。
&
Java 对象大小的计算
e200702084
java
Java对象的大小
如何计算一个对象的大小呢?
 
Mybatis Spring
171815164
mybatis
ApplicationContext ac = new ClassPathXmlApplicationContext("applicationContext.xml");
CustomerService userService = (CustomerService) ac.getBean("customerService");
Customer cust
JVM 不稳定参数
g21121
jvm
-XX 参数被称为不稳定参数,之所以这么叫是因为此类参数的设置很容易引起JVM 性能上的差异,使JVM 存在极大的不稳定性。当然这是在非合理设置的前提下,如果此类参数设置合理讲大大提高JVM 的性能及稳定性。 可以说“不稳定参数”
用户自动登录网站
永夜-极光
用户
1.目标:实现用户登录后,再次登录就自动登录,无需用户名和密码
2.思路:将用户的信息保存为cookie
每次用户访问网站,通过filter拦截所有请求,在filter中读取所有的cookie,如果找到了保存登录信息的cookie,那么在cookie中读取登录信息,然后直接
centos7 安装后失去win7的引导记录
程序员是怎么炼成的
操作系统
1.使用root身份(必须)打开 /boot/grub2/grub.cfg 2.找到 ### BEGIN /etc/grub.d/30_os-prober ### 在后面添加 menuentry "Windows 7 (loader) (on /dev/sda1)" { 
Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载
aijuans
oracle
Oracle 10g 官方中文安装帮助文档下载:http://download.csdn.net/tag/Oracle%E4%B8%AD%E6%96%87API%EF%BC%8COracle%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%EF%BC%8Coracle%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3 Oracle 10g 官方中文教程
JavaEE开源快速开发平台G4Studio_V3.2发布了
無為子
AOP oracle mysql javaee G4Studio
我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V3.2版本已经正式发布。大家可以通过如下地址下载。
访问G4Studio网站
http://www.g4it.org
G4Studio_V3.2版本变更日志
功能新增
(1).新增了系统右下角滑出提示窗口功能。
(2).新增了文件资源的Zip压缩和解压缩
Oracle常用的单行函数应用技巧总结
百合不是茶
日期函数 转换函数(核心) 数字函数 通用函数(核心) 字符函数
单行函数; 字符函数,数字函数,日期函数,转换函数(核心),通用函数(核心)
一:字符函数:
.UPPER(字符串) 将字符串转为大写
.LOWER (字符串) 将字符串转为小写
.INITCAP(字符串) 将首字母大写
.LENGTH (字符串) 字符串的长度
.REPLACE(字符串,'A','_') 将字符串字符A转换成_
Mockito异常测试实例
bijian1013
java 单元测试 mockito
Mockito异常测试实例:
package com.bijian.study;
import static org.mockito.Mockito.mock;
import static org.mockito.Mockito.when;
import org.junit.Assert;
import org.junit.Test;
import org.mockito.
GA与量子恒道统计
Bill_chen
JavaScript 浏览器 百度 Google 防火墙
前一阵子,统计**网址时,Google Analytics(GA) 和量子恒道统计(也称量子统计),数据有较大的偏差,仔细找相关资料研究了下,总结如下:
为何GA和量子网站统计(量子统计前身为雅虎统计)结果不同?
首先:没有一种网站统计工具能保证百分之百的准确出现该问题可能有以下几个原因:(1)不同的统计分析系统的算法机制不同;(2)统计代码放置的位置和前后
【Linux命令三】Top命令
bit1129
linux命令
Linux的Top命令类似于Windows的任务管理器,可以查看当前系统的运行情况,包括CPU、内存的使用情况等。如下是一个Top命令的执行结果:
top - 21:22:04 up 1 day, 23:49, 1 user, load average: 1.10, 1.66, 1.99
Tasks: 202 total, 4 running, 198 sl
spring四种依赖注入方式
白糖_
spring
平常的java开发中,程序员在某个类中需要依赖其它类的方法,则通常是new一个依赖类再调用类实例的方法,这种开发存在的问题是new的类实例不好统一管理,spring提出了依赖注入的思想,即依赖类不由程序员实例化,而是通过spring容器帮我们new指定实例并且将实例注入到需要该对象的类中。依赖注入的另一种说法是“控制反转”,通俗的理解是:平常我们new一个实例,这个实例的控制权是我
angular.injector
boyitech
AngularJS AngularJS API
angular.injector
描述: 创建一个injector对象, 调用injector对象的方法可以获得angular的service, 或者用来做依赖注入. 使用方法: angular.injector(modules, [strictDi]) 参数详解: Param Type Details mod
java-同步访问一个数组Integer[10],生产者不断地往数组放入整数1000,数组满时等待;消费者不断地将数组里面的数置零,数组空时等待
bylijinnan
Integer
public class PC {
/**
* 题目:生产者-消费者。
* 同步访问一个数组Integer[10],生产者不断地往数组放入整数1000,数组满时等待;消费者不断地将数组里面的数置零,数组空时等待。
*/
private static final Integer[] val=new Integer[10];
private static
使用Struts2.2.1配置
Chen.H
apache spring Web xml struts
Struts2.2.1 需要如下 jar包: commons-fileupload-1.2.1.jar commons-io-1.3.2.jar commons-logging-1.0.4.jar freemarker-2.3.16.jar javassist-3.7.ga.jar ognl-3.0.jar spring.jar
struts2-core-2.2.1.jar struts2-sp
[职业与教育]青春之歌
comsci
教育
每个人都有自己的青春之歌............但是我要说的却不是青春...
大家如果在自己的职业生涯没有给自己以后创业留一点点机会,仅仅凭学历和人脉关系,是难以在竞争激烈的市场中生存下去的....
&nbs
oracle连接(join)中使用using关键字
daizj
JOIN oracle sql using
在oracle连接(join)中使用using关键字
34. View the Exhibit and examine the structure of the ORDERS and ORDER_ITEMS tables.
Evaluate the following SQL statement:
SELECT oi.order_id, product_id, order_date
FRO
NIO示例
daysinsun
nio
NIO服务端代码:
public class NIOServer {
private Selector selector;
public void startServer(int port) throws IOException {
ServerSocketChannel serverChannel = ServerSocketChannel.open(
C语言学习homework1
dcj3sjt126com
c homework
0、 课堂练习做完
1、使用sizeof计算出你所知道的所有的类型占用的空间。
int x;
sizeof(x);
sizeof(int);
# include <stdio.h>
int main(void)
{
int x1;
char x2;
double x3;
float x4;
printf(&quo
select in order by , mysql排序
dcj3sjt126com
mysql
If i select like this:
SELECT id FROM users WHERE id IN(3,4,8,1);
This by default will select users in this order
1,3,4,8,
I would like to select them in the same order that i put IN() values so:
页面校验-新建项目
fanxiaolong
页面校验
$(document).ready(
function() {
var flag = true;
$('#changeform').submit(function() {
var projectScValNull = true;
var s ="";
var parent_id = $("#parent_id").v
Ehcache(02)——ehcache.xml简介
234390216
ehcache ehcache.xml 简介
ehcache.xml简介
ehcache.xml文件是用来定义Ehcache的配置信息的,更准确的来说它是定义CacheManager的配置信息的。根据之前我们在《Ehcache简介》一文中对CacheManager的介绍我们知道一切Ehcache的应用都是从CacheManager开始的。在不指定配置信
junit 4.11中三个新功能
jackyrong
java
junit 4.11中两个新增的功能,首先是注解中可以参数化,比如
import static org.junit.Assert.assertEquals;
import java.util.Arrays;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.junit.runn
国外程序员爱用苹果Mac电脑的10大理由
php教程分享
windows PHP unix Microsoft perl
Mac 在国外很受欢迎,尤其是在 设计/web开发/IT 人员圈子里。普通用户喜欢 Mac 可以理解,毕竟 Mac 设计美观,简单好用,没有病毒。那么为什么专业人士也对 Mac 情有独钟呢?从个人使用经验来看我想有下面几个原因:
1、Mac OS X 是基于 Unix 的
这一点太重要了,尤其是对开发人员,至少对于我来说很重要,这意味着Unix 下一堆好用的工具都可以随手捡到。如果你是个 wi
位运算、异或的实际应用
wenjinglian
位运算
一. 位操作基础,用一张表描述位操作符的应用规则并详细解释。
二. 常用位操作小技巧,有判断奇偶、交换两数、变换符号、求绝对值。
三. 位操作与空间压缩,针对筛素数进行空间压缩。
&n
weblogic部署项目出现的一些问题(持续补充中……)
Everyday都不同
weblogic部署失败
好吧,weblogic的问题确实……
问题一:
org.springframework.beans.factory.BeanDefinitionStoreException: Failed to read candidate component class: URL [zip:E:/weblogic/user_projects/domains/base_domain/serve
tomcat7性能调优(01)
toknowme
tomcat7
Tomcat优化: 1、最大连接数最大线程等设置
<Connector port="8082" protocol="HTTP/1.1"
useBodyEncodingForURI="t
PO VO DAO DTO BO TO概念与区别
xp9802
java DAO 设计模式 bean 领域模型
O/R Mapping 是 Object Relational Mapping(对象关系映射)的缩写。通俗点讲,就是将对象与关系数据库绑定,用对象来表示关系数据。在O/R Mapping的世界里,有两个基本的也是重要的东东需要了解,即VO,PO。
它们的关系应该是相互独立的,一个VO可以只是PO的部分,也可以是多个PO构成,同样也可以等同于一个PO(指的是他们的属性)。这样,PO独立出来,数据持