H5CSS3第一课——CSS选择器 CSS中的选择器的种类非常多，并且在CSS3中也新增了一些选择器，使选择器的功能更强大，具体如下。结果图有点乱，但是一个一个截图实在是太麻烦了，将就看看吧。/* 鼠标悬停时背景颜色为#0099E5 *//* 设置偶数行背景颜色透明度为0.9 *//* 设置导航栏中的每一项的样式 */`这个比较简单就，不截图结果图了。/* 设置超链接的样式 *//* 设置导航栏样式 */
axios的封装 import axios from "axios"; //创建axios实例var instance = axios.create({ baseURL: baseURL, timeout: 5000,});instance.defaults.validateStatus = function(status) { return status >= 200 && status < 500; // 默认的};// 添加请求拦截器instance.int
面试复习必备知识点 作用域作用域就是代码块的执行环境全局作用域：直接赋值的变量，window上的值函数作用域。作用域链如果父级也没呢？再一层一层向上寻找，直到找到全局作用域还是没找到，就宣布放弃。这种一层一层的关系，就是 作用域链 。内部环境可以通过作用域链访问所有外部环境，但外部环境不能访问内部环境的任何变量和函数。原型每一个实例对象都有一个私有属性__proto__,指向它的构造函数的原型对象(prototype)。newArray.proto=Array.prototype原型链每一个实
分页组件封装 分页组件封装对于我们前端来说，分页功能是必不可少的。几乎每个页面都有它的存在，为了减少代码的冗余量，对于这些经常用到的功能呢，我们就会把它写成组件封装起来。今天我们就来实现分页功能的封装。<template> <div class="my-pagination" :style="{ textAlign: textAlign }"> <el-pagination :current-page="page.current" :page-si
uniapp实现购物车功能 uniapp实现购物车功能周六我看见一个有个公司招聘需要试岗3天，并使用uniapp完成购物车，直播间，地图，首页四个功能方能通过，于是乎，我趁手上没事就打算自己写一遍，虽然我的项目没用到，但是多掌握点总没错。今天就来第一个——购物车因为没写接口，上面的数据我都是使用的模拟数据搭建而成，主要实现的是它件数的增加减少与支付总价格的逻辑关系，还有左边的全选和全不选。首先第一步，我们把页面先搭建出来<template> <view> //购物车没商品出现的页面 <v
如何处理后台返回的数据 如何处理后台返回的数据作为前端人员来说，学会调接口的同时，最主要的是需要学会处理后台返回来的数据。记得刚接触项目的时候，处理后台返回的数据可让我好一阵头疼。今天就来说点简单的。最常见的就是后台返回一个数字，或是字符串，我们需要在页面将它转换为对应的中文。比如常见的有政治面貌，审核状态，分类等。先以政治面貌为例子 { label: "中共党员", value: "1" }, { label: "中共预备党员", value: "2" }, { label: "共青团员", val
dayjs 时间框架——Day.js今天给大家推荐一个好用的时间框架，dayjs，一个轻量的处理时间和日期的 JavaScript 库。在做这个项目以前我都没接触过这个框架，正在我用最元老的方法去完成对时间格式的转变和求时间间隔时，同事使用这个框架让我耳目一新。它和Moment.js 的 API 设计保持完全一样. 如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day.js简单地说，只要你会Moment.js，那么你就会Day.js!但是我们知道的，Moment.js 的大小是200多k,Da
JS模块化规范四 一、ES6模块化规范在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。前者用于服务器，后者用于浏览器。ES6 在语言标准的层面上，实现了模块功能，而且实现得相当简单，完全可以取代 CommonJS 和 AMD 规范，成为浏览器和服务器通用的模块解决方案。1.概述1.1 ES6 模块的设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。1.2 对比CommonJS 和 AMD 模块，都只能在运行时确定这些东
JS模块化规范三 commonjs 规范CommonJS ：1 .了解node应用由模块组成，采用的commonjs模块规范。**每一个文件就是一个模块，拥有自己独立的作用域，变量，以及方法等，对其他的模块都不可见。**CommonJS规范规定，每个模块内部，module变量代表当前模块。这个变量是一个对象，它的exports属性（即module.exports）是对外的接口。**加载某个模块，其实是加载该模块的module.exports属性。**require方法用于加载模块。CommonJS模块的特点1.所有
JS模块化规范一 AMD规范1.1什么是AMD规范Asynchronous Module Definition，用白话文讲就是 异步模块定义，对于 JSer 来说，异步是再也熟悉不过的词了，所有的模块将被异步加载，模块加载不影响后面语句运行。所有依赖某些模块的语句均放置在回调函数中。1.1.2AMD规范是怎么出来的是 RequireJS 在推广过程中对模块定义的规范化产出的1.2用法AMD规范定义了一个自由变量或者说是全局变量 define 的函数。define( id?, dependencies?, fac
canvas画时钟 canvas画时钟今天我们来学习学习如何使用canvas画时钟首先我们得了解一下canvas是什么，怎么使用它：Canvas 中文名称叫“画布”，通过 JavaScript 来绘制 2D 图形，是 HTML 5 中新增的元素。它最大得特点就是绘制它需要使用脚本绘制。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。首先在html5中添加canvas元素，规定元素的id ，width,和height，这次的高度和宽度我习惯用js书写。 <canvas id="canvas"&
webpack 简述webpack- 什么是webpack？以上这张图是webpack官网首页的一张图，从上面这个图中我们可以得出webpack可以将多种静态资源js,css,less,sass,乃至于图片转换成一个静态文件。所以我们的得出webpack是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，并将这些模块按照指定的规则生成对应的静态资源。从而减少了页面的请求。- webpack的安装由于webpack在构建的过程中需要读取文件，因此它是运行在node环境中的webpack通过npm安
前端跨域问题 跨域及解决跨域的方法跨域（非同源策略请求）——跨域传输首先我们来看看什么是跨域：首先我们得知道一个域名是由哪几部分组成的：跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。当协议，子域名，主域名，端口号任意一个不相同时，都算作不同域。不同域之间请求资源，就算做“跨域”。比如：httP://www.baise.com/index.html请求http://www.bailiban,com/jy.js就算做跨域。
2021-04-04 JS基础——Date()和Math()date()Math()今天我们来说一下js基础中的两个简单对象date()和Math()以及它们一些简单的操作。首先我们来学习一下date()对象Date对象-在Js中使用Date对象表示一个时间<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="
css样式和js加载 浅谈css样式和js加载的几种方法最近在忙着复习前端一些简单的底层面试题，突然发现了这样一个问题，异步加载css，js的方法有哪些，今天我们就来大概的整理以下加载它们的方法。首先我们来谈谈css的四种引入方式。- CSS概述CSS,中文名为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容相分离。css引入的方式有四种，分别是行内式、嵌入式、链接式、导入式。- 行内式：<body> <div class="box" style="width: 100;he
jquery写竖切换 jquery写竖切换随着技术的发展，现在人们越来越重视样式的优美，在一个项目中，给人们呈现出来优美的页面是非常重要的，尤其是首页。因为不管是什么功能的实现都是需要根据首页的提示。而首页中导航也挺重要。今天我们就来写一个竖切换的导航条。jquare是对DOM一些操作方法的封装，用它来实现一些简单的操作无疑是最为恰当的。接下来我们就来实现下面这个导航图。在这里插入图片描述当进入的时候，二级菜单会被隐藏起来，当我点击下面的任意一个，其二级菜单就会出来，点击下一个时，上一个又藏起来。首先我们来搭建一下
树与二叉树 树与二叉树的定义1、树的定义：树是n（n大于等于0）个节点的有限组合，当n=0时被称为空树。在任一非空树（n>0）中，有且仅有一个被称为根的结点；除根节点以外的结点可分为m(m大于等于0)个互不相交的有限子集T1,T2,…,Tm,其中，每个T1又都是一棵树，并且称为根节点的子树。如下图：A就是其的根节点，BCD就是A的子树，而E,F又是B的子树…就像一棵倒立着的树，只有一个根，但是可以有许多的分叉点。树的定义是递归的，它表明了树的固有特性。也就是一棵树由若干子树构成，而子树又由更小的子树
异步加载，局部更新 异步加载，局部更新——Ajax1、本质及其作用学习一门方法以前，起码我们得知道其作用是什么，为什么我们需要它。AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。1. 基于web标签的xhtml+css2. 可以使用dom进行动态的显示和交互3. 使用XML和XSLT(是一种用于将XML[文档](https://baike.baidu.com/item/%E6%96%
关注
