css 隐藏元素
display , visibility 仅会改变元素显示，不会改变元素种类。可以配合 js 使用使元素可以动态的显示隐藏。 可以使用 display 或 visibility 实现html元素的隐藏功能，但是这两种方式有不一样的地方。display 中的 none 值隐藏，元素后不会在占据页面空间 ...
vue3总结-组合式API
1.setup setup的两个传值 : 父传子 , 子传父 , 父后代 2.ref函数 isRef: 检查一个值是否为一个 ref 对象 vue2和vue3响应式的原理(数据拦截) 3.reactive函数 isReactive: 检查一个对象是否是由 reactive 创建的响应式代理 ref与 ...
在浏览器测试JavaScript的方法
在浏览器测试JavaScript的方法 JSFiddle Cross Browser Testing Tool Karam + Jasmine + Google Chrome CodePen JSBin Liveweave 测试JavaScript是一件很痛苦的事情。很多工具、技术和框架已经被开发出 ...
【CSS】fit-content, min-content, max-content, fill-available 详解与异同
本文对 CSS 中有关大小的四种自适应大小表现进行了解释与区别，它们分别是 fit-content, min-content, max-content, fill-available。相对而言，本文较为严谨，即尽量地无遗漏、无歧义。在严谨的同时，也做到尽可能通俗易懂。 ...
BOM学习
BOM BOM:Broswer object model,即浏览器提供我们开发者在javascript用于操作浏览器的对象。 BOM就是浏览器对象模型 BOM提供了一些独立于内容页面与浏览器窗口进行交互的对象接口 BOM的核心是window对象,所以window一般在书写时是可以省略的. BOM其实 ...
JavaScript深入理解系列：bind方法详解以及手写
定义 bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。 由定义可知，函数调用bind()方法的时候，会返回一个新函数，并且this指向bind函数的第一个参数，简单来表示。 fn ...
JavaScript知识总结 ES6篇
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. let、const、var的区别 （1）块级作用域：块作用域由 { }包括，let和const具有块级作用域，var不存在块级作用域。块级作用域解决了ES5中的两个问题： 内层变量可能覆盖外层变量 用来计数的循环变量泄露为全局变量 ...
JavaScript知识总结 数据类型篇
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. JavaScript有哪些数据类型，它们的区别？ JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。 其中 Symbol ...
Vue实战-购物车案例
Vue实战-购物车案例 普通购物车 实现的功能：添加商品到购物车，计算总价 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>购物车</title> <script src="https://cdn.bootc ...
javascript中的Ajax基础（一）
一、手写一个ajax 1 const xhr = new xmlHttpRequest() 2 3 xhr.open(请求方式：post get, 请求地址， 同步或者异步) 4 5 xhr.onreadyStateChange = function(){ 6 if(xhr.readyState 4 ...
Node.js基础入门第九天
经过前面几天对Node.js的学习，基本的开发知识已经逐渐掌握，所谓工欲善其事必先利其器，今天进一步学习Node.js的开发框架Express。利用Express框架可以快速的进行Web后端开发，本文仅供学习分享使用，如有不足之处，还请指正。 ...
CSS阶段试手作品——CYTUS Ⅱ官网制作
网页Cytus Ⅱ的制作 整体布局 单栏布局，整体按顺序分为以下几个板块： 页首下载、新闻表单、角色轮播图、视频、页尾以及侧边栏 要尽可能把自己的所有知识用上，所以可能会有和原网页写法不同，但基本样式差不多 页首下载 背景图片 .head { width: 100%; height: 960px; ...