前端知识学习记录
关注
分享
扫一扫
前端知识点记录
胡小牧
岁月推动着年华，伴随着流水的脚步走过春夏秋冬。回想一路走来磕磕绊绊，感谢前辈们的无私奉献，本文重在共享,欢迎大家转载,评论,收藏,点赞,谢谢,如果您对文章存在疑问，或者和您的文章类似，请私信，----------------期待是心痛的根源，心不动，则不痛。
展开
-
node.js 环境变量配置(Windows 10 系统)
https://nodejs.org/en/这个nodejs 官网,下载自己想要的版本,安装点击下一步选择安装路径即可.安装成功之后如下这个时候可以输入node -v 和npm -v 查看对应的版本号如下leon@DESKTOP-VCL03U7 MINGW64 /d/vue/learn$ node -vv13.3.0leon@DESKTOP-VCL03U7 MINGW...原创 2019-12-05 13:57:14 · 1427 阅读 · 0 评论 -
js 点击改变内容与vue 点击改变内容
js 的代码如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div> <p id="demo">JavaScript 能够改变...原创 2019-06-21 13:35:28 · 4280 阅读 · 0 评论 -
jquery 监听的案例
jQuery 简介jQuery 是一个 JavaScript 库。jQuery 使用可以下载一个,也可以使用Staticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。Staticfile CDN:https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js百度 CDN:https://apps....原创 2019-06-19 16:15:58 · 321 阅读 · 0 评论 -
js 添加内容实现列表功能
js 添加 使用的是appendChild(node) - 插入新的子节点（元素） 来实现当然也可以删除 使用appendChild(node) - 插入新的子节点（元素）效果图代码如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>&...原创 2019-06-12 14:27:04 · 2803 阅读 · 0 评论 -
js 自带的三种弹框
1警告框alert()2确认框confirm()3提示框prompt()一个代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> </head> <body> <p id="demo"></p> &...原创 2019-06-12 10:07:50 · 924 阅读 · 0 评论 -
getElementById 使用
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用里面跟着的必须是元素ID属性值,如果class的值是不可以的一个小demo<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)&l...原创 2019-06-11 13:39:38 · 2723 阅读 · 0 评论 -
Uncaught SyntaxError: Unexpected token
错误如下图这个错误是语法错误监听事件后面少了一个小括号添加一个小括号,即可...................当然如果把function 最外面的大括号去掉一个也会报这样的错误,总结出现这样的错误需要认真的查看下,是否有使用不当的地方...原创 2019-06-11 13:34:49 · 10289 阅读 · 0 评论 -
div 标签 与 view 标签
html div 标签 是一个小区域可以把想要写在一个的几个布局写在一个div中, 把另外一个有关联的放到另外一个div中微信小程序 使用的是view 标签, 它的作用和div 标签 是一样的html <div id="first"> <p>说明</p> <span class="me">我是谁</span...原创 2019-06-05 17:25:10 · 25778 阅读 · 2 评论 -
html 文字上下垂直居中
只是文字的是话可以考虑使用line-height,,,,当把 line-height 的高度设置和 height 高度一样就能使 文字垂直居中一段简单的代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <...原创 2019-06-05 17:13:08 · 40106 阅读 · 1 评论 -
css 伪元素::after与::before的使用
CSS伪元素是用来添加一些选择器的特殊效果。一般使用是类或者id::after , 类或者id::before::after是在类的后面处理逻辑::before 是在先的前面处理逻辑它们 都有一个共同的元素content 可以在里面定义要添加的内容不如要实现 "当前定位城市为上海,是否要需要"假如这里城市是你获取当前定位的城市 那么这里上海前后的文字使...原创 2019-06-04 17:54:54 · 527 阅读 · 0 评论 -
html 样式的几种实现方法
html 样式 :一般使用 css 来渲染HTML元素标签的样式.一般有四种方法实现1 行内样式在HTML标签中直接用style添加 , 最直接,同时修改也很不方便 一般呢都不建议使用如下<!--行内样式--><h1 style="font-family: '微软雅黑';color:red; ">非常感谢曾经帮助过我的人,使得自己的技术有了很...原创 2019-05-06 16:58:20 · 1001 阅读 · 0 评论 -
html style属性
在html 中 style 用于为 HTML 文档定义样式信息。使用方法:自己目前总结出2中方法1 在标签内部使用2 <style> 当做一个标签使用下面修改自己颜色为例<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title...原创 2019-05-06 15:55:26 · 5936 阅读 · 0 评论 -
css z-index 的使用
z-index属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注意：1 元素可拥有负的 z-index 属性值。2 Z-index 仅能在定位元素上奏效（例如 position:absolute;）！z-index数值越大它的层叠等级就越高一些一个小demo<!DOCTYPE html><html> <...原创 2019-04-29 14:05:28 · 3407 阅读 · 0 评论 -
css float 的使用
floatfloat 属性定义元素在哪个方向浮动left 元素向左浮动。 right 元素向右浮动。 none 默认值。元素不浮动，并会显示在其在文本中出现的位置。 inherit 规定应该从父元素继承 float 属性的值。 注意float没有top 和bottom 属性,输入设置了,会没有效果.inherit<!DOCTYP...原创 2019-04-29 13:49:50 · 556 阅读 · 0 评论 -
css position属性
position 属性规定元素的定位类型。主要属性有:static,fixed,relative,absolute ,下面一一来说明下static:默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。<!DOCTYPE html><html> <head> <m...原创 2019-04-29 13:26:31 · 947 阅读 · 0 评论 -
display:inline-block 的使用
display:inline-block 是行内块元素,要明白这个首先需要明白块级元素与行级元素可以查看我的这篇博客博客地址可以知道 块级元素 是独立一行的 行级元素有很多属性无法使用有时候我们想让很多元素在一起,有要使用宽度和高度,那么就设置设置display:inline-block 属性,,, 这里记录一下....原创 2019-04-29 10:31:25 · 456 阅读 · 0 评论 -
css块级元素与行级元素
看先下效果图代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style> div{ background: #DD28A0; } span{ ...原创 2019-04-29 10:13:58 · 887 阅读 · 0 评论 -
Json 知识学习
重新温习下官网的介绍，收获很多，这里翻一下官网地址JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。人类很容易读写。机器很容易解析和生成。它基于JavaScript编程语言的一部分，标准ECMA-262第3版 - 1999年12月。JSON是一种完全独立于语言的文本格式，但使用C语言系列程序员熟悉的约定，包括C，C ++，C＃，Java，Jav...翻译 2019-09-03 10:34:57 · 392 阅读 · 0 评论