web前端开发学习
主要是学习html,css和javascrapt
一个假读书人
所有的迷茫来源于未知,所有的畏惧来源于力量不足。
展开
-
Node.js的安装
Node.js的安装 node的官方下载网址https://nodejs.org/en/ 选择长期稳定版如下: 点击安装 点击Next,进入下一步。 勾选"i accept…",点击Next进入下一步。 选择安装路径后,点击Next进入下一步 一些辅助工具的选择,这里我们按照默认的选项,点击Next。 点击Install,进行安装。 等待安装完成 点击Finish,完成安装。 进入命令行界面,输入node -v命令,查看版本,如有版本,则安装成功。 ...原创 2021-03-11 09:28:41 · 142 阅读 · 0 评论 -
Ajax学习
Ajax学习 1.Ajax: 异步 js 和xml 核心功能:异步刷新功能 异步刷新:如果网页某一个地方需要修改,异步刷新可以使:只刷新需要修改的地方,而页面其他位置的内容保持不变。例如:百度搜索框、视频点赞。 2.实现: js: XMLHttpRequest对象 XMLHttpRequest对象的方法: open(提交方式[get|post], 服务器地址,true):与服务器建立连接 send();如果是get()请求 则send(null);post请求则send(参数值); setRequ原创 2021-03-09 09:34:27 · 100 阅读 · 0 评论 -
jquery学习
jquery学习 1.jQuery基础 jquery:javascript类库。 jquery.3.3.1.min.js :压缩版,内容一样,但是压缩版内存占用更小。 jquery.3.3.1.js:开发版。 引用: 注:在html中出错,是不会提示的。如果调式工具(F12)没有错误提示,但显示效果不一致,考虑html错误。 //初始化函数,当页面加载完之后,自动执行。 $(documnet).ready(function(){}); <!--简化--> $(function({})); $原创 2021-03-08 10:25:37 · 113 阅读 · 1 评论 -
SEO搜索优化
SEO搜索优化 简介:浏览器搜索引擎一般是根据html的title、内容摘要description和关键字keywords来进行搜索的。 这里主要对meta标签中的description和keywords进行介绍。 1.内容摘要description description是对于一个网页的简要内容概况。description一般不超过150个字符,描述内容要和页面内容相关。 引用:<meta name="desciption" content=" 你网页的大概内容"/> 2.关键字keywo原创 2021-03-06 08:40:28 · 182 阅读 · 0 评论 -
js中的常用事件
js中的常用事件 1.blur 失去焦点 2.focus 获得焦点 3.click 点击事件 4.dblclick 双击事件 5.change下拉列表选中项改变,或者文本框内容改变。 6.keydown键盘按下 回车键的键值是13 ,Esc的键值是27。 x.οnkeydοwn=function(event:当前发生的事件){ //获取键盘的值 //对于"键盘事件对象"来说,都有keyCode属性用来获取键值。 if(event.keyCode==13){ alert("按下了回车键"); }原创 2021-03-05 16:06:53 · 128 阅读 · 0 评论 -
js中的语法
js中的语法 1.变量 js是一种弱类型的语言,没有编译阶段,可以随意赋值。。 声明变量: var 变量名。 当一个变量没有赋值的时候,系统默认赋值为undefined。 2.函数 语法格式 function 函数名(形式参数体){ 函数体 } 函数名= function(形式参数体){ 函数体 } 点击事件引用函数 <button onclick="函数名(形式参数体)">nihao</button> js中没有函数的重载,即不能重名。若重名,后面声明的函数会将前面的函数进行原创 2021-03-05 15:09:27 · 187 阅读 · 0 评论 -
javascript中DOM和BOM的一些基础操作
javascript中DOM和BOM的一些基础操作 一、DOM操作 1.DOM查找 ①按照id属性进行查找 var elem=document.getElementById("id") ②按照标签名查找 var elems=parent.getElementsByTagName("tag"); <!--查找指定标签parent下所有标签为tag的子代节点,返回一个动态的集合。--> ③通过name属性去查找 var elems=document.getElementsByName("nam原创 2021-03-04 16:17:16 · 127 阅读 · 1 评论 -
JavaScipt简介和基础语法
JavaScipt基础语法 1.javascript简介 2.javascript组成 ①核心ECMAScript就是定义了javascript的一些基本语法 ②文档对象模型DOM就是对html文本中的一些交互操作 ③浏览器对象模型BOM就是使得html与浏览器进行交互 例如(window.open()打开一个浏览器窗口) 3.javascript的三种添加方法 ①行内方式添加js <button onclick="alert('行内js')" >单击试试 </button>原创 2021-03-04 14:55:16 · 526 阅读 · 1 评论 -
css3新的特性
css3新的特性 圆角边框 border-radius:水平值 垂直值 border-top-left-radius:1px 2px 设置左上角圆角 border-bottom-right-radius 设置左下角圆角 border-top-left-radius 设置右上角圆角 border-bottom-right-radius 设置右下角圆角 阴影box-shadow:10px 10px 5px #888 文本阴影 text-shadow:2px 2px 8px blue;//水原创 2021-03-03 16:48:01 · 143 阅读 · 1 评论 -
css布局与定位
css布局与定义 一、盒子模型 超出盒子部分的内容可用overflow属性来设置其显示 overflow:hidden //隐藏 scroll //显示滚动条 auto // 如果有超出部分,显示滚动条。 border属性 border: 1px solid blue 注:margin外边距垂直方向会合并。 ...原创 2021-03-03 15:18:07 · 114 阅读 · 0 评论 -
CSS样式基础
CSS样式基础 css样式是可以使用/* */来进行注释的 /*标签选择器 */ p{ font-size:12px;/*属性名 :属性值 */ color:blue; /* 最后一条声明可以没有分号。*/ } 一、css添加方法 ①行内 -标签内部添加属性 <P style="color:red;"> 我有一双隐形的翅膀 </p> ②内嵌样式 <style type="text/css"> p{ color:red; } </style&g原创 2021-03-02 21:35:58 · 134 阅读 · 0 评论 -
HTML中一些常见的标签
HTML中一些常见的标签 标题标签 一级标题: h1<h1></h1>、二级标题:h2<h2></h2>、三级标题:h3<h3></h3>… 段落标签<P> 每个段落标签自动换行,段落内部文字忽略连续空格,也不会显示空行,且不会空行。 段内换行标签<br/> 空格字符  多个 使用分号隔开 预留格式标签<pre><pre/> 段内所有内容格式都会被保留 行内原创 2021-03-01 22:14:21 · 109 阅读 · 0 评论