久雨_
久雨_

html，css，JavaScript学习笔记

html

html是汽车的骨架，css是汽车的装饰，js是控制汽车启动的关键
1. ：是一个用于声明当前HTMl版本，用来告知web浏览器该文档使用是哪种
 HTML 或者 XHTML 规范来解析页面，以便浏览器更加准确的理解页面内容，更加良好地展现
内容效果！如果***直接是html的话就代表是html5
2. en代表英语，zh-CN代表中文，ja-jp代表日文
后面加上lang=对搜索引擎优化和浏览器有帮助，浏览器会决定是否要翻译当前页面
3.     ASCii-美国信息交换标准代码
ISO-8859-1  -拉丁字母表的字符编码
GB2312-汉字编码字符集
UTF-8 -Unicode万国码字符编码
4.常用标题：
一级标签...六级标签


5.复制当前行，并粘贴到下一行
shift+alt+下箭头（vscode适用）
6.hr标签    单标签   horizontal rule水平分隔线
align：写在hr里面对齐
noshade：写在hr里面，这样出来的分隔线没有阴影
7.特殊符号：
尖角号：< 左尖角号
              >右尖角号
空格：       该空格占据宽度受字体影响明显而强烈
              &emsp  占据的空格正好是一个中文宽度，且基本上不受字体影响
版权：   ©   ©
商标：  &trade   ® z
            ®   ™
8.div标签，没有具体含义，用来划分页面的区域，独占一行
9.span标签，没有实际意义，主要应用在对于文本独立修饰的时候，内容有多宽就占用，
多宽的空间距离，span不会破坏原有结构
10.ol标签 有序列表：olderly
li里面可以随意放标签，但是ol里面只能放li，
数字是自动生成的
type：1，a，A，i，I
start：取值只能是一个数字
无序标签：ul
自定义列表：
，然后dl后面加
，

dt是接图片，dd是接文字
11.图片
12.     ../表示返回上一级
           ./表示当前文件夹
             ../../上一级的上一级
13.一般是用相对路径
14. 加载失败）的提示信息  ”width=200px“  height=”200px“/>
15.仅设置宽高的话，会自动等比例缩放
16.超链接标签
内容
href是Hypertext Reference的缩写。 意思是指定超链接目标的URL。
打开前默认是蓝色的，打开后就变成了紫色
target属性：规定在何处打开文档
target=”_self“默认值
target=”_blank“新窗口打开
img标签可以包在a标签，点击图片就相当于点击超链接的作用
17.,tr表示行，
td表示单元格，table里面只能放tr
，tr里面只能放td，它们是紧紧相邻的
快捷方式：table>tr>td
18.表格属性
宽度width高度height边框border边框颜色bordercolor背景颜色bgcolor
水平对齐align=”left“cellspacing=”单元格于单元格之间的间距“cellpadding=”单元格于内容之间的空袭“
td：table data
tr：tabel row
19.行tr属性
高度，背景颜色，文字水平对齐align=“left”，文字垂直对齐valign=“top或middle或bottom”
valign：vertical align
20.单元格td属性
宽度，高度，背景颜色，文字水平对齐，文字垂直对齐
21.表格合并列
colspan=“所要合并的单元格的  列数”必须给td
rowspan=“所要合并的单元格的  行数”必须给td
22.表单标签


 

css

Cascading Style Sheets层叠样式表
每个css样式由两部分组成，即选择符和声明，声明又分为属性和属性值
属性必须放在花括号中，属性与属性值用冒号连接
每条声明用分号结束
当一个属性有多个属性值的时候，属性值与属性值不分先后顺序，用空格隔开
在书写样式过程中，空格、换行等操作不影响属性显示
1.优先级：！important>行内>内部>外部，谁加了important谁的优先级最高
2.类选择器class  ， id选择器 ，通配符选择器*，群组选择器：提出公共代码，节约代码量
后代选择器：从右往前找
通配符选择器：*     表示选取页面中所有元素（标签）
伪类选择器：
a：link{属性：属性值；}超链接的初始状态
a：visited{属性：属性值；}超链接被访问后的状态
a：hover{属性：属性值；}鼠标悬停，即鼠标划过超链接时的状态
a：active{属性：属性值；}超链接被激活时的状态，即鼠标按下时超链接的状态
如果这四个超链接伪类选择器符联合使用时，应注意他们的顺序，正常的顺序为
link，visited，hover，active
3.选择器的权重：
当多个选择器，选中的是同一个元素，且都为他们定义了样式，如果属性发生了冲突
，会选择权重高的来执行
4.   2em：两倍字体大小
5.
font-size：字体大小
font-family：字体
color：颜色
font-weight：加粗
font-style：倾斜
text-align：文本水平对齐
line-height：行高
text-indent：首行缩进
letter-decoration：文本修饰
font：文字简写，是font-style，font-weight等的简写，顺序不能变，必须
同时指定font-size和font-family属性时才起作用
6.text-transform：capitalize或lowercase或uppercase
7.列表属性：
list-style-type：定义列表符合样式
list-style-image：将图片设置为列表符合样式
list-style-position：设置列表项标记的放置位置
list-style：简写
8.rgb后面加一个a变成rgba，a代表透明度的意思，0.5就代表50%透明度
9.背景属性：
background-color：背景颜色
background-image：背景图片
background-repeat：背景图片的平铺
background-position：背景图片的定位
background-attachment：背景图片的固定，无论怎么滚动图片都在某个位置不动
10.浮动属性
float：left；元素靠左边浮动
float：right；元素靠右边浮动
float：none；元素不浮动
浮动的作用：定义网页中其他文本如何环绕该元素显示
                    就是让竖着的东西横着来
11.padding：内边距，不能设置为负数
12.margin：外边距

JavaScript

1.行内式 js代码（强烈不推荐，不利于代码维护）：直接把代码书写在标签上
a 标签   书写在herf属性上
点我一下
非a标签    书写在行为属性上

点一下我

2.内嵌式js代码  ：把代码书写在一个script标签对内
内嵌式js代码，不需要依赖任何行为，打开页面就会执行
3.外链式js代码（最推荐的格式）：把代码书写在一个.js文件内，不需要依赖任何行为，打开页面就会执行
使用script标签的src属性引入指定js文件
4.JavaScript的变量
var num=100    不需要加分号，类似于C语言里面的int  num=100；
在浏览器弹窗中显示num变量的值    alert（num）
在控制台打印num的值  console.log(num)
直接在页面输出num的值   document.write(num)
空类型：
null   表示有值，有一个空值    var  k1=null
undefined：表示没有值  var  k2
5.var n1=100
var  result1=typeof   n1
console.log(result)    在控制台打印出来的就是number，typeof关键字可以对基本数据类型
进行检测
6.数据类型的转换
//准备一个变量，赋值为字符串类型的内容
var s1=‘100’
console.log(s1)
console.log(typeof  s1)
//使用Num（）方法进行一下转换
var n1=Number(s1)
console.log(n1)
console.log(typeof  n1)

parseInt();先从第一位数字开始转换，直到遇到非数字部分
parseFloat（）；  和parseInt相似，不同的是，他可以转换到小数部分
转换字符串：
String（）；  
要转换的内容.toString（）
转布尔：Boolean( );
7.运算符：
==：只比较  值  是不是相等，不考虑数据类型
===：必须要  值  和数据类型都相等，才是true
8.var result=prompt（‘你爱不爱我？’）
在浏览器弹出输入框
9.var time=new Data（）   创建时间对象
也可以指定时间结点，但是要注意的是1代表二月，往后挪一位        
时间对象.getFullYear（）   获取到时间对象中的   年份   信息
时间对象.getTiem（）  获取到时间对象中的   时间戳  信息
时间戳：
格林威治时间1970-1-1  0：0：0
到
时间节点A的时间差，用毫秒来表示
10.获取浏览器可视窗口的宽度：var w=window.innerWidth
获取浏览器可视窗口的高度:var h=window.innerHeight
11.浏览器弹出层 提示框:window.alert()
询问框:window.confirm()   输入框:window.prompt()
开启和关闭标签页  开启:window.open()
 关闭:window.close()
浏览器的历史操作  回退:window.history.back()
前进:window.history.forward()
浏览器常见事件   资源加载完毕:window.οnlοad=function(){}
页面尺寸改变: window.οnresize=function(){}
滚动条位置改变:window.οnscrοll=function(){}
浏览器卷去的尺寸
浏览器滚动到window.scrollTo()
12.间隔定时器:按照指定周期(毫秒)去执行指定的代码
setInterval(函数,时间 )
setInterval(function(){  //要执行的代码},1000)


延时定时器:在固定的时间(毫秒)后执行一次代码,注:只执行一次
setTimeout(函数,时间)
函数:时间到达执行的内容

定时器返回值:不区分定时器种类,表示页面上的第几个定时器,作用:关闭定时器

关闭定时器方法:clearInterval,clearTimeout,  两个方法是一样的,互相可以关闭
延时定时器和间隔定时器
13.DOM  document   object  model
一整套操作文档流相关内容的属性和方法
14.获取元素的方式

根据 id名称获取
语法:document.getElementById('id名称')
作用:获取文档中id名对应的一个元素
返回值:
如果用id对应的元素,就是这个元素
如果没有id对应的元素,就是null


根据元素类名获取
语法:document.getElementsByClassName('元素类名')这里的element多了
个s,一位class可以有多个是一样的,但是id只能是一个,id没有s,class就有s
作用:获取文档中所有类名对应的元素
返回值:必然是一个伪数组
如果有类名对应的元素,有多少获取多少
如果没有对应的元素,空的伪数组


根据元素标签名获取
语法:document.getElementsByTagName('标签名')
作用:获取文档流中所有标签名对应的元素
返回值:必然是一个伪数组
如果有标签名对应的元素,有多少获取多少
如果没有标签名对应的元素,空的伪数组


根据选择器获取
语法:document.querySelector('选择器')
作用:获取文档流中满足选择器的第一个元素
返回值:
如果有选择器对应的元素,获取到第一个
如果没有选择器对应的元素,null


根据选择器获取一组
语法:document.querySelectorAll('选择器')
作用:获取文档流中所有满足选择器规则的元素
返回值:必然是一个伪数组
如果有选择器对应的元素,有多少获取多少
如果没有选择器对应的元素,空的为伪数组

'

             


 

你可能感兴趣的:(javascript,html,css)

  • [转载] [Mark]分布式存储必读论文 weixin_30945039 大数据数据库
    原文:http://50vip.com/423.html分布式存储泛指存储存储和管理数据的系统，与无状态的应用服务器不同，如何处理各种故障以保证数据一致，数据不丢，数据持续可用，是分布式存储系统的核心问题，也是极具挑战的问题。本文总结了分布式存储领域的经典论文，供大家参考。TheGoogleFileSystem.SanjayGhemawat,HowardGobioff,andShun-TakLeu
  • 定制console.log的样式 司徒小北 javascript前端开发语言
    在浏览器环境里，你能够借助CSS样式来自定义console.log输出内容的外观。具体做法是在console.log里添加%c占位符，接着在后面的参数中传入对应的CSS样式字符串。下面有几个具体的示例，展示了如何定制console.log的样式：//基础的彩色文本console.log('%c这是红色文字','color:red');console.log('%c这是蓝色文字','color:bl
  • 大数据项目-Django基于大数据技术实现的农产品销售系统 IT实战课堂-玲琳娜 计算机毕业设计大数据javaspark爬虫
    《[含文档+PPT+源码等]Django基于大数据技术实现的农产品销售系统》该项目含有源码、文档、PPT、配套开发软件、软件安装教程、包运行成功以及课程答疑与微信售后交流群、送查重系统不限次数免费查重等福利！数据库管理工具：phpstudy/Navicat或者phpstudy/sqlyog后台管理系统涉及技术：后台使用框架：Django前端使用技术：Vue,HTML5,CSS3、JavaScrip
  • JavaScript数组方法 whhhhhhhhhw javascript开发语言ecmascript前端html
    前言：JavaScript这门强大而灵活的编程语言中，数组（Array）无疑是最基础且使用最频繁的数据结构之一。它允许我们以有序的方式存储多个值，并提供了丰富的内置方法来操作这些值，包括但不限于添加、删除、搜索、遍历等。掌握JavaScript数组的方法，不仅能够提高我们的编程效率，还能让我们在处理复杂数据结构时更加得心应手。本文将全面解析JavaScript数组的各种常用方法，并通过实战示例展示
  • ＜电子幽灵＞前端第一件：HTML基础笔记下 靈镌sama 电子幽灵随手记前端html笔记
    HTML基础笔记（下）介绍费曼学习法最重要的部分，即把知识教给一个完全不懂的孩子——或者小白。为了更好的自我学习，也为了让第一次接触某个知识范畴的同学快速入门，我会把我的学习笔记整理成电子幽灵系列。提示：文章的是以解释-代码块-解释的结构呈现的。当你看到代码块并准备复制复现的时候，最好先保证自己看过了代码块前后的解释。＜电子幽灵＞前端第一件：HTML基础笔记上中，最基础的一部分HTML标签和已经以
  • 基于 Vue + RuoYi 架构设计的商城Web/小程序实训课程 速易达网络 springbootuni-appvue.js
    以下是基于Vue+RuoYi架构设计的商城Web/小程序实训课程方案，结合企业级开发需求与教学实践，涵盖全栈技术栈与实战模块：一、课程概述目标：通过Vue前端+RuoYi后端（SpringBoot）开发企业级电商系统，实现多终端（Web/H5/小程序）适配，覆盖从架构设计到部署上线的全流程。周期：8周（建议每日3小时）适合人群：具备基础Java/Vue知识的开发者，熟悉HTML/CSS/JavaS
  • 微信小程序实现websocket及单人聊天功能 蝶妹妹 微信小程序websocket小程序
    一、什么是websocket：WebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于tcp的协议）它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的Websocket是一个持久化的协议二、websocket的原理：websocket约定了一个通信的规范，通过一个握手的机制，客户端和服务器之间能建立一个类似tcp的连接，从而方便它们之间的
  • GUI框架：谈谈框架 baozi3026 框架commandmfcbuttonclassstring
    转帖请注明出处http://www.cppblog.com/cexer/archive/2009/11/15/100988.html1开篇废话我喜欢用C++写GUI框架，因为那种成就感是实实在在地能看到的。从毕业到现在写了好多个了，都是实验性质的。什么拳脚飞刀毒暗器，激光核能反物质，不论是旁门左道的阴暗伎俩，还是名门正派的高明手段，只要是C++里有的技术都试过了。这当中接触过很多底层或是高级的技术
  • 基于HTML的悬窗可拖动记事本 孤水寒月 htmlcss前端
    基于HTML的悬窗可拖动记事本这款记事本全部使用HTML+CSS+JS实现，可以在浏览器中实现悬浮可拖动的记事本，所有内容存储在浏览器中，清除缓存后将会丢失记事本内容效果展示实现代码Note+×保存删除//拖动逻辑constdraggableWindow=document.getElementById('draggableWindowNote');constdragHeader=doc
  • Vue 3 中 h 方法详解 yqcoder 前端javascript开发语言
    在Vue3中，h方法是一个用于创建虚拟DOM节点的函数，它是创建渲染函数的核心工具。一、引入h方法import{h}from"vue";constMyComponent={render(){returnh("div","Hello,Vue3!");},};二、语法h(type,props?,children?)1.type必填参数，表示要创建的节点类型。字符串：表示HTML标签名，如'div'、'
  • VC Spyglass：工具简介 日晨难再 Synopsys#VCSpyglass数字IC硬件工程
    相关阅读VCSpyglasshttps://blog.csdn.net/weixin_45791458/category_12828932.html?spm=1001.2014.3001.5482传统上，基于仿真的动态验证技术一直是功能验证的核心方式。随着现代SoC设计日益复杂，静态验证技术的引入变得愈发重要。Synopsys的VCSpyglass解决方案提供了下一代综合性的静态验证平台，包括：V
  • 使用vue-template-loader将模板编译成渲染函数的Webpack配置技巧 前端布洛芬 大白话前端八股vue.jswebpack前端
    大白话使用vue-template-loader将模板编译成渲染函数的Webpack配置技巧引言：被模板编译逼疯的周三下午你是否也经历过这样的场景：deadline前的周三下午，咖啡因已经失效，屏幕上却跳出Templatecompilationfailed的红色报错。Vue单文件组件（SFC）的.vue格式用腻了，想试试把模板抽成单独的.html文件，结果webpack配置直接给你脸色看。作为每天
  • 在 Vue 中使用 jQuery-UI 的踩坑记 qmzhna_ vue.jsjqueryui
    在使用leaflet开发的时候，有一个需求要在图层的popup上编辑信息，需要一个AutoComplete的组件。但是popup支持的是htmltemplate，只能通过js拼接HTML标签实现。不得已引入了jquery-ui中的AutoComplete组件来完成，在vue中使用jquery-ui过程中踩了不少坑。安装和引入jQuery和jQueryUI首先，我们需要在项目中安装jQuery和jQ
  • JavaScript代码审计工具 叶梓诺 javascript开发语言ecmascript前端
    我整理的一些关于【Java】的项目学习资料（附讲解～～）和大家一起分享、学习一下：https://d.51cto.com/bLN8S1如何实现一个JavaScript代码审计工具作为一名刚入行的小白，你可能对如何创建一个JavaScript代码审计工具感到困惑。在这篇文章中，我将引导你完成整个流程，并提供具体的代码示例和说明。我们将采取结构化的步骤来确保你能够理解每个阶段。流程概述创建JavaSc
  • Vue Vue-route （2） JSON_L 前端#Vuevue.jsjavascript前端
    Vue渐进式JavaScript框架基于Vue2的学习笔记-Vue-route重定向和声明式导航目录Vue-route路由重定向首页默认访问不存在匹配声明式导航路由原理使用示例自定义class类Tag设置版本4路由改变示例总结Vue-route路由重定向首页默认访问希望访问网站域名时，直接访问film组件。在router/index.js中配置根路径默认组件.示例如下：//配置表constrout
  • js代码后续 翻滚吧键盘 vuejavascript开发语言ecmascript
    这是一个非常棒的问题，也是每个学完一个系统课程的人都会问的问题。答案是：不，你没有学完“所有”的JavaScript知识，但你已经出色地完成了成为一名合格JavaScript开发者的所有“必修课”。让我用一个比喻来解释：你已经学完了建造一栋坚固房屋所需的所有核心蓝图和关键技能。你知道如何打地基（基础语法）、如何搭建承重墙（函数与数据结构）、如何布线通电（异步编程）、如何装修得更漂亮高效（ES6+语
  • js代码08 翻滚吧键盘 vuejavascript开发语言ecmascript
    题目好的，我们正式进入JavaScript的另一个深水区，这也是面向对象编程的基石：this关键字。this是JavaScript中最强大、最灵活，也最容易引起困惑的概念之一。但别担心，它的行为遵循一套清晰的规则。一旦你理解了这些规则，就能完全驾驭它。练习08:this的指向-解开JS中最微妙的谜题核心法则:在学习this之前，请先记住这条黄金法则：this的值取决于函数被调用时的“执行上下文”（
  • Webpack中的Loader详解
    Loader是Webpack中用于处理模块的转换器。它们可以将文件从一种格式转换为另一种格式，比如将TypeScript转换为JavaScript，将SCSS转换为CSS等。使用Loader，可以使Webpack处理各种类型的文件，而不仅仅是JavaScript。1.Loader基础1.1.基础使用Loader就像是一个翻译员，能把源文件经过转化后输出新的结果，并且一个文件还可以链式地经过多个翻译
  • 基于springboot+mysql+jpa+html实现商品销售信息系统 五星资源 springbootmysqljava
    基于springboot+mysql+jpa+html实现商品销售信息系统一、系统介绍1、系统主要功能：2.涉及技术框架：3.本项目所用环境：二、功能展示三、其它系统四、获取源码一、系统介绍1、系统主要功能：订单管理模块商品管理模块品牌管理模块分类管理模块客户管理模块供应商管理模块2.涉及技术框架：web框架：SpringBoot数据库框架：SpingDataJPA数据库：MySql项目构建工具：
  • js获取文件夹中的所有文件和子文件夹 枫叶&情缘 JavaScriptjq前端javascript前端开发语言
    获取文件夹中的所有文件和子文件夹打开文件夹/***获取按钮元素并添加点击事件处理函数*/varbtn=document.querySelector('button');btn.onclick=asyncfunction(){//显示文件选择器constdirectoryHandle=awaitwindow.showDirectoryPicker();//处理目录awaitproecssHandle
  • 纯前端本地文件管理器（VSCode风格）(浏览器对本地文件增删改查) 与鱼有约 前端vscodeide
    纯前端本地文件管理器（VSCode风格）(浏览器对本地文件增删改查)简介本项目为一个纯前端实现的本地文件管理器网页（index.html），可在Chrome/Edge浏览器中直接打开，具备类似VSCode的本地文件夹操作体验。无需后端，所有功能均在浏览器端实现。主要功能选择本地文件夹用户点击左上角文件夹按钮，授权后可浏览和操作本地文件夹内容。文件树展示以树形结构展示所选文件夹下的所有文件和子文件夹
  • Github 2024-11-01 开源项目月报 Top19 老孙正经胡说 github开源Github趋势分析开源项目PythonGolang
    根据GithubTrendings的统计，本月(2024-11-01统计)共有19个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Python项目9TypeScript项目3JavaScript项目3Svelte项目1JupyterNotebook项目1Ruby项目1HTML项目1Rust项目1Java项目1C++项目1Go项目1Python中的算法实现集合创建周期：2831天
  • 用systemd管理GreatSQL服务详解 数据库mysql
    用systemd管理GreatSQL服务详解1.GreatSQL服务文件官网greatsql.service文件[Unit]Description=GreatSQLServerDocumentation=man:mysqld(8)Documentation=http://dev.mysql.com/doc/refman/en/using-systemd.htmlAfter=network.targ
  • 在浏览器中使用TensorFlow.js 魏铁锤chui tensorflowjavascript人工智能
    TensorFlow.js简介介绍光学字符识别(OCR)是指能够从图像或文档中捕获文本元素，并将其转换为机器可读的文本格式的技术。如果您想了解更多关于这个主题的内容，本文是一个很好的介绍。TensorFlow.js是一个库，用于使用JavaScript开发和训练机器学习模型，并将其部署在浏览器中或Node.js上。您可以使用现有模型、转换PythonTensorFlow模型、使用迁移学习用您自己的
  • JavaScript-异步编程 斜杠青年C javascript开发语言前端
    一、日常前端开发使用的异步编程方法回调函数事件监听PromiseGeneratorasync/await二、同步编程和异步编程的区别1、什么是同步同步是执行某段代码时，在该代码没有得到返回结果前，其他代码是无法执行的，但是一旦拿到返回值，就可以执行其他的代码2、什么是异步异步就是当某段代码执行异步过程调用发出后，这段代码不会立刻得到返回结果，而是在异步调用发出之后，一般通过回调函数处理这个调用之后
  • Nginx 运维实战与 HTML 静态网页开发全攻略
    一、技术背景：静态站点的黄金时代1.静态网页的复兴浪潮性能优势：对比动态站点，静态资源响应速度提升60%+，首屏加载时间平均缩短1.2秒（基于WebPageTest实测数据）技术演进：Jamstack架构普及（2024年市场占有率达37%），Hugo、Nuxt.js等静态站点生成器（SSG）推动企业级应用典型场景：企业官网（占比78%）、产品着陆页（转化率提升23%）、博客系统（WordPress
  • 前端计算机视觉：使用 OpenCV.js 在浏览器中实现图像处理 亿只小灿灿 前端OpenCV前端计算机视觉opencv
    一、OpenCV.js简介与环境搭建OpenCV（OpenSourceComputerVisionLibrary）是一个强大的计算机视觉库，广泛应用于图像和视频处理领域。传统上，OpenCV主要在后端使用Python或C++等语言。但随着WebAssembly(Wasm)技术的发展，OpenCV也有了JavaScript版本——OpenCV.js，它可以直接在浏览器中高效运行，为前端开发者提供了前
  • 前端面试题整理-场景设计题 C_greenbird 前端学习前端javascriptcss
    1.如何使用css画一个三角形借助border实现，在width和height都为0时，设置border，便会呈现三角形。想要哪个方向的三角形，设置其他三边为透明即可。同时，可以通过调整不同边的宽度，来调整三角形的高度和宽度。三角符号/*记忆口诀：盒子宽高均为零，三面边框皆透明。*/div:after{position:absolute;width:0;height:0;content:"";bo
  • Vue2+Vue3 130~180集学习笔记 Jyywww121 学习笔记vue.js
    Vue2+Vue3130~180集（Vue3）学习笔记一、create-vue搭建vue3项目create-vue是vue官方新的脚手架工具，底层切换到了vite步骤：查看环境条件node-v版本需要在16.0及以上创建一个vue应用npminitvue@latest这一指令会安装并执行create-vue二、项目目录和关键文件index.html提供挂载点src/assets图片、样式文件的目录
  • TypeScript 入门到实战（二）：基础武器库 —— 掌握 TS 核心类型与函数 程序员阿超的博客 typescriptjavascriptTypeScript类型TypeScript函数TypeScriptanyTypeScript教程
    告别any，用类型思维重构你的JavaScript函数欢迎回来！在上一篇文章中，我们了解了TypeScript为何是JavaScript开发者的得力助手，并成功运行了第一个TS程序。我们知道了Why，现在是时候深入学习How了。如果说上一章是我们的“破冰之旅”，那么本章就是我们的“武器库扩充”。我们将一起锻造和掌握TypeScript中最核心、最常用的类型“兵器”，并学会如何用它们来武装我们的函数
  • JVM StackMapTable 属性的作用及理解 lijingyao8206 jvm字节码Class文件StackMapTable
            在Java 6版本之后JVM引入了栈图(Stack Map Table)概念。为了提高验证过程的效率，在字节码规范中添加了Stack Map Table属性，以下简称栈图，其方法的code属性中存储了局部变量和操作数的类型验证以及字节码的偏移量。也就是一个method需要且仅对应一个Stack Map Table。在Java 7版
  • 回调函数调用方法 百合不是茶 java
    最近在看大神写的代码时,.发现其中使用了很多的回调 ,以前只是在学习的时候经常用到 ,现在写个笔记 记录一下   代码很简单:           MainDemo  :调用方法  得到方法的返回结果        
  • [时间机器]制造时间机器需要一些材料 comsci 制造
          根据我的计算和推测,要完全实现制造一台时间机器,需要某些我们这个世界不存在的物质     和材料...       甚至可以这样说,这种材料和物质,我们在反应堆中也无法获得......      
  • 开口埋怨不如闭口做事 邓集海 邓集海 做人 做事 工作
    “开口埋怨，不如闭口做事。”不是名人名言，而是一个普通父亲对儿子的训导。但是，因为这句训导，这位普通父亲却造就了一个名人儿子。这位普通父亲造就的名人儿子，叫张明正。 　　 　　张明正出身贫寒，读书时成绩差，常挨老师批评。高中毕业，张明正连普通大学的分数线都没上。高考成绩出来后，平时开口怨这怨那的张明正，不从自身找原因，而是不停地埋怨自己家庭条件不好、埋怨父母没有给他创造良好的学习环境。 　　 　　
  • jQuery插件开发全解析，类级别与对象级别开发 IT独行者 jquery开发插件　函数
    jQuery插件的开发包括两种： 一种是类级别的插件开发，即给 jQuery添加新的全局函数，相当于给 jQuery类本身添加方法。 jQuery的全局函数就是属于 jQuery命名空间的函数，另一种是对象级别的插件开发，即给 jQuery对象添加方法。下面就两种函数的开发做详细的说明。   1 、类级别的插件开发 类级别的插件开发最直接的理解就是给jQuer
  • Rome解析Rss 413277409 Rome解析Rss
    import java.net.URL;  import java.util.List;    import org.junit.Test;    import com.sun.syndication.feed.synd.SyndCategory;  import com.sun.syndication.feed.synd.S
  • RSA加密解密 无量 加密解密rsa
    RSA加密解密代码 代码有待整理 package com.tongbanjie.commons.util; import java.security.Key; import java.security.KeyFactory; import java.security.KeyPair; import java.security.KeyPairGenerat
  • linux 软件安装遇到的问题 aichenglong linux遇到的问题ftp
    1 ftp配置中遇到的问题    500 OOPS: cannot change directory   出现该问题的原因:是SELinux安装机制的问题.只要disable SELinux就可以了   修改方法:1 修改/etc/selinux/config 中SELINUX=disabled    2 source /etc
  • 面试心得 alafqq 面试
    最近面试了好几家公司。记录下； 支付宝，面试我的人胖胖的，看着人挺好的；博彦外包的职位，面试失败； 阿里金融，面试官人也挺和善，只不过我让他吐血了。。。 由于印象比较深，记录下； 1，自我介绍 2，说下八种基本类型；（算上string。楼主才答了3种，哈哈，string其实不是基本类型，是引用类型） 3，什么是包装类，包装类的优点； 4，平时看过什么书？NND，什么书都没看过。。照样
  • java的多态性探讨 百合不是茶 java
    java的多态性是指main方法在调用属性的时候类可以对这一属性做出反应的情况 //package 1; class A{ public void test(){ System.out.println("A"); } } class D extends A{ public void test(){ S
  • 网络编程基础篇之JavaScript-学习笔记 bijian1013 JavaScript
    1.documentWrite <html> <head> <script language="JavaScript"> document.write("这是电脑网络学校"); document.close(); </script> </h
  • 探索JUnit4扩展：深入Rule bijian1013 JUnitRule单元测试
            本文将进一步探究Rule的应用，展示如何使用Rule来替代@BeforeClass，@AfterClass，@Before和@After的功能。         在上一篇中提到，可以使用Rule替代现有的大部分Runner扩展，而且也不提倡对Runner中的withBefores()，withAfte
  • [CSS]CSS浮动十五条规则 bit1129 css
    这些浮动规则，主要是参考CSS权威指南关于浮动规则的总结，然后添加一些简单的例子以验证和理解这些规则。   1. 所有的页面元素都可以浮动 2. 一个元素浮动后，会成为块级元素，比如<span>,a, strong等都会变成块级元素 3.一个元素左浮动，会向最近的块级父元素的左上角移动，直到浮动元素的左外边界碰到块级父元素的左内边界；如果这个块级父元素已经有浮动元素停靠了
  • 【Kafka六】Kafka Producer和Consumer多Broker、多Partition场景 bit1129 partition
    0.Kafka服务器配置 3个broker 1个topic，6个partition，副本因子是2 2个consumer，每个consumer三个线程并发读取   1. Producer package kafka.examples.multibrokers.producers; import java.util.Properties; import java.util.
  • zabbix_agentd.conf配置文件详解 ronin47 zabbix 配置文件
    Aliaskey的别名，例如 Alias=ttlsa.userid:vfs.file.regexp[/etc/passwd,^ttlsa:.:([0-9]+),,,,\1]， 或者ttlsa的用户ID。你可以使用key：vfs.file.regexp[/etc/passwd,^ttlsa:.: ([0-9]+),,,,\1]，也可以使用ttlsa.userid。备注: 别名不能重复，但是可以有多个
  • java--19.用矩阵求Fibonacci数列的第N项 bylijinnan fibonacci
    参考了网上的思路，写了个Java版的： public class Fibonacci { final static int[] A={1,1,1,0}; public static void main(String[] args) { int n=7; for(int i=0;i<=n;i++){ int f=fibonac
  • Netty源码学习-LengthFieldBasedFrameDecoder bylijinnan javanetty
    先看看LengthFieldBasedFrameDecoder的官方API http://docs.jboss.org/netty/3.1/api/org/jboss/netty/handler/codec/frame/LengthFieldBasedFrameDecoder.html API举例说明了LengthFieldBasedFrameDecoder的解析机制，如下： 实
  • AES加密解密 chicony 加密解密
    AES加解密算法，使用Base64做转码以及辅助加密： package com.wintv.common; import javax.crypto.Cipher; import javax.crypto.spec.IvParameterSpec; import javax.crypto.spec.SecretKeySpec; import sun.misc.BASE64Decod
  • 文件编码格式转换 ctrain 编码格式
    package com.test; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream;
  • mysql 在linux客户端插入数据中文乱码 daizj mysql中文乱码
    1、查看系统客户端，数据库，连接层的编码  查看方法： http://daizj.iteye.com/blog/2174993 进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+------
  • 好代码是廉价的代码 dcj3sjt126com 程序员读书
      长久以来我一直主张：好代码是廉价的代码。 当我跟做开发的同事说出这话时，他们的第一反应是一种惊愕，然后是将近一个星期的嘲笑，把它当作一个笑话来讲。 当他们走近看我的表情、知道我是认真的时，才收敛一点。 当最初的惊愕消退后，他们会用一些这样的话来反驳： “好代码不廉价，好代码是采用经过数十年计算机科学研究和积累得出的最佳实践设计模式和方法论建立起来的精心制作的程序代码。” 我只
  • Android网络请求库——android-async-http dcj3sjt126com android
    在iOS开发中有大名鼎鼎的ASIHttpRequest库，用来处理网络请求操作，今天要介绍的是一个在Android上同样强大的网络请求库android-async-http，目前非常火的应用Instagram和Pinterest的Android版就是用的这个网络请求库。这个网络请求库是基于Apache HttpClient库之上的一个异步网络请求处理库，网络处理均基于Android的非UI线程，通
  • ORACLE 复习笔记之SQL语句的优化 eksliang SQL优化Oracle sql语句优化SQL语句的优化
    转载请出自出处：http://eksliang.iteye.com/blog/2097999   SQL语句的优化总结如下   sql语句的优化可以按照如下六个步骤进行： 合理使用索引 避免或者简化排序 消除对大表的扫描 避免复杂的通配符匹配 调整子查询的性能 EXISTS和IN运算符 下面我就按照上面这六个步骤分别进行总结：
  • 浅析：Android 嵌套滑动机制（NestedScrolling） gg163 android移动开发滑动机制嵌套
    谷歌在发布安卓 Lollipop版本之后，为了更好的用户体验，Google为Android的滑动机制提供了NestedScrolling特性 NestedScrolling的特性可以体现在哪里呢？<!--[if !supportLineBreakNewLine]--><!--[endif]--> 比如你使用了Toolbar，下面一个ScrollView，向上滚
  • 使用hovertree菜单作为后台导航 hvt JavaScriptjquery.nethovertreeasp.net
      hovertree是一个jquery菜单插件，官方网址：http://keleyi.com/jq/hovertree/ ，可以登录该网址体验效果。 0.1.3版本：http://keleyi.com/jq/hovertree/demo/demo.0.1.3.htm hovertree插件包含文件： http://keleyi.com/jq/hovertree/css
  • SVG 教程 （二）矩形 天梯梦 svg
    SVG <rect> SVG Shapes SVG有一些预定义的形状元素，可被开发者使用和操作： 矩形 <rect> 圆形 <circle> 椭圆 <ellipse> 线 <line> 折线 <polyline> 多边形 <polygon> 路径 <path>
  • 一个简单的队列 luyulong java数据结构队列
    public class MyQueue { private long[] arr; private int front; private int end; // 有效数据的大小 private int elements; public MyQueue() { arr = new long[10]; elements = 0; front
  • 基础数据结构和算法九：Binary Search Tree sunwinner Algorithm
      A binary search tree (BST) is a binary tree where each node has a Comparable key (and an associated value) and satisfies the restriction that the key in any node is larger than the keys in all
  • 项目出现的一些问题和体会 Steven-Walker DAOWebservlet
         第一篇博客不知道要写点什么，就先来点近阶段的感悟吧。     这几天学了servlet和数据库等知识，就参照老方的视频写了一个简单的增删改查的，完成了最简单的一些功能，使用了三层架构。 dao层完成的是对数据库具体的功能实现，service层调用了dao层的实现方法，具体对servlet提供支持。  &
  • 高手问答：Java老A带你全面提升Java单兵作战能力！ ITeye管理员 java
    本期特邀《Java特种兵》作者：谢宇，CSDN论坛ID: xieyuooo 针对JAVA问题给予大家解答，欢迎网友积极提问，与专家一起讨论! 作者简介： 淘宝网资深Java工程师，CSDN超人气博主，人称“胖哥”。 CSDN博客地址： http://blog.csdn.net/xieyuooo 作者在进入大学前是一个不折不扣的计算机白痴，曾经被人笑话过不懂鼠标是什么，