JamTin-CSDN博客

原创 CSS三列布局之圣杯布局、双飞翼布局

开门见山，实现如下效果：技术点：浮动：搭建完整的布局框架 margin为负值调整旁边两列的位置使三列布局到一行上使用相对定位：调整调整旁边两列的位置使旁边两列调整到两头先回退到结构：html：<body> <div id="header">header</div> <div id="content" class="clearfix"> <div class="middle">midd

2020-11-26 17:24:28 201 1

原创跟着coderwhy老师做的vue购物车小案例

跟着pink老师做的vue购物车小案例效果图：学习的话肯定是一步一步敲下去，先把table的结构给写出来<table> <thead> <tr> <th></th> <th>书籍名称</th> <th>出版日期</th> <th>价格</th>

2020-09-15 10:37:23 752

文件系统（File System）文件系统简单来说就是通过Node来操作系统中的文件在Node中，与文件系统的交互是非常重要的，服务器的本质就将本地的文件发送给远程的客户端Node通过fs模块来和文件系统进行交互该模块提供了一些标准文件访问API来打开、读取、写入文件，以及与其交互。要使用fs模块，首先需要对其进行加载var fs = require("fs");同步和异步调用fs模块中所以的操作都有两种形式可供选择同步和异步。同步文件系统会阻塞程序的执行，也

2020-09-04 00:56:59 448

原创 Node的npm和buffer

NPM（Node Package Manager）CommonJS包规范是理论，NPM是其中一种实践对于Node而言，NPM帮助其完成了第三方模块的发布、安装、和依赖等。借助NPM，Node与第三方模块之间形成了很好的一个生态系统。NPM命令npm -v查看npm版本npm version查看所有模块的版本npm帮助说明npm search 包名搜索模块包npm install下载当前项目所依赖的包npm install 包名在当前目录安装模块包

2020-09-03 23:13:10 717

原创 Node中的模块化CommonJS

CommonJS规范CommonJS规范的提出是为了弥补当前JavaScript没有标准的缺陷（ES5）CommonJS规范为JS指定一个美好愿景，希望JS能够在任何地方运行CommonJS对模块化的定义十分简单：模块引用模块定义模块标识模块定义在Node中，一个js文件就是一个模块。（创建一个js文件）模块引用在node中，通过require()函数来引入外部的模块，require()可以传递一个文件路径作为参数；node将会自动根据该路径引入外部模块。如果使

2020-08-27 15:13:55 150

原创 JS基础——JSON

JS基础——JSONJS中的对象只有JS自己认识，其他的语言不认识JSON就是一个特殊格式的字符串，可以被任意语言识别并且可以转换为任意语言中的对象JSON在开发中主要用来数据交互JSONJavaScript Object Notation （JS对象表示法）JSON和JS对象的格式一样，只不过JSON字符串中的属性名必须加双引号JSON分类：对象 {}var obj = ‘{“name”: “张三”, “age”: 10, “gender”: “男”}’;var o

2020-08-23 22:14:25 91

原创 JS类的操作

JS类的操作实现修改box样式<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .b1 { width: 100px; height: 100px; background-color: red; } </style> </head> <bod

2020-08-23 22:13:46 289

原创 JS定时器和延时

JS定时器和延时一个定时器demo：<html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function() { var count = document.getElementById("count") var num = 1;

2020-08-23 20:30:21 949

原创 JS的BOM

BOM浏览器对象模型BOM可以使我们通过JS来操作浏览器在BOM中为我们提供了一组对象，用来完成对浏览器的操作BOM对象：WindowNavigatorLocationHistoryScreenWindow 代表整个浏览器的窗口，同时window也是网页中的全局对象。Navigator 代表当前浏览器的信息，通过该对象可以识别不同的浏览器。由于历史原因，Navigator对象中的大部分属性都已经不能帮助我们识别浏览器了。一般我们只会使用userAgen

2020-08-23 20:29:14 82

原创 JS事件的传播

JS事件的传播给个例子，我们熟悉的冒泡：<script type="text/javascript"> //绑定函数 function bind(obj, eventStr, callback) { if(obj.addEventListener) { //大部分浏览器 obj.addEventListener(eventStr, callback, false); }else {

2020-08-21 18:15:13 131

原创 JS事件的绑定

JS事件的绑定使用对象.事件 = 函数的形式绑定响应函数，不能绑定多个，如果绑定了多个，后边的会覆盖掉前面的。如：给button绑定点击事件<script type="text/javascript"> window.onload = function () { var btn1 = document.getElementById("btn1"); btn1.onclick = function() { alert

2020-08-21 18:12:02 140

原创 JS的事件冒泡

JS的事件冒泡和委派直接演示一下什么是JS的事件冒泡，上代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> #box1 { height: 12.5rem; width: 12.5rem; background-colo

2020-08-21 18:09:08 173

原创 JS的DOM操作css

JS的DOM操作css通过JS修改元素的样式：获取内联样式语法：元素.style.样式名 = 样式值注意：如果CSS的样式命名中含有 - ，比如： background-color 。需要去掉- ，使用驼峰命名法。改为： backgroundColor 。给定一个200px的红色盒子box1、点击按钮1修改box1大小，<!DOCTYPE html><html> <head> <meta charset="utf-8"> <t

2020-08-21 18:04:33 276

原创 JS的DOM增删

JS的DOM增删<body> <ul id="city"> <li>北京</li> </ul> <input type="button" id="btn01" value="按钮" /></body>增加元素节点li广州<script type="text/javascript"> function myClick(id, fun) {

2020-08-17 15:29:41 159

原创 JavaScript全选练习

JavaScript全选练习实现功能如下：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function() { //复选框 var checkedAllBox = document.get

2020-08-17 15:28:12 196

原创 JS的DOM

JS的DOM简介DOM，全称Document Object Model 文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲地操作WEB页面。文档文档表示的就是整个HTML网页文档对象对象表示将网页中的每一部分都转换为一个对象（网页每个节点都是对象）。模型使用模型来表示对象之间的关系，这样方便获取对象。节点节点：Node——构成HTML文档最基本的单元。常用节点分为四类文档节点（document）：整个

2020-08-16 15:40:37 221

原创正则表达式用法学习笔记

正则表达式正则表达式是由普通字符及特殊字符组成的对字符串进行过滤的逻辑公式以下为JS编写的语句，可以按段用浏览器控制台调试复习理解//注释内容为输出结果正则表达式创建方式//1.字面量的方式var reg = /abc/;//2.构造函数var reg = new RegExp("abc");//test方法正则表达式的方法用于检验字符串是否含有符合规则的子串，有，返回true，无，返回falsevar str = "ab";var flag = reg.test(str);co

2020-06-23 16:11:38 107

Jamtin的博客