web前端小哥-CSDN博客

原创知识点总结

1.什么是闭包闭包----想重用一个函数，又想变量不会被全局污染的机制为什么 -----全局变量和局部变量都有不可兼得优点全局--重复使用，但是会造成污染局部--不可重复使用，但是不会污染如何使用---外层函数包裹一个变量和内层函数在外层调用内层函数对象，形成闭包解决---给变量赋值为null注意不使用时要及时释放因为他比普通函数占用内存2.对watch监听的理解？watch监听数据的双向绑定，一旦发生变化则执行①函数（newVal，oldValue）②函.

2022-03-12 16:01:48 455

原创 math的数学公式的Api

Math概述属性方法Math.abs()：绝对值Math.ceil(),Math.floor()（向上取整与向下取整）Math.max(),Math.min()（最大值与最小值）Math.pow()：幂运算Math.sqrt()：平方根Math.log()：自然对数Math.exp()：e的指数Math.round()：四舍五入Math.random()：随机数三角函数方法概述Math是 JavaScript 的原生对象，提供各种数学功能。该对象不是构造函数，不能生成实例，所有

2022-03-03 15:52:04 390

原创 20223月面试题（必刷）

1.null和undefined的区别?（1）null是一个表示”无”的对象，转我数值是为0，undefined是一个表示”无”的原始值，转为数值时为NaN。当声明的变量还未被初始化时，能量的默认值为undefined（2）Null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象（3）Undefined表示”缺少值”,就是此处应该有一个值,但是还没有定义。典型用法是：　　a、变量被声明了，但没有赋值时，就等于undefined　　b、调用函数时，应该提供的参数没有提供，该参

2022-03-02 08:51:15 175

原创小程序的缓存设计方案

什么是缓存？客户端向服务端发送第一次请求试图获取一组数据，当数据下载完毕后客户端可以将这些数据存入客户端本地缓存中，当下次发送相同请求是先去本地缓存中搜索看以前有没有缓存过要是有则直接获取后加载显示如果没有再发请求关键是找到合适缓存区域，进行缓存的存储与读取，在小程序中如何处理缓存？微信官方将webstorage封装了提供了一些wxAPI -----数据缓存wx.setStorageSync https://developers.weixin.qq.com/minip..

2022-03-01 18:40:45 297

原创 2022前端面试题

小程序wxml用于定义页面内容各式各样的组件构成这些组件是微信自定义的原生html标签不能用1——view组件视图容器组件

2022-02-26 15:13:40 469

原创使用js建立客户端与服务端的websocket连接实现通信

socket.io基于服务端之间提供实时双向基于时间通信的网络通信框架 websocket提供了相关的API1，建立wesocket连接第一步关于node.js写法// index.jsconst http = require('http').createServer()// 加载socket.io模块获取socketio对象// 用于处理客户短的websocket 连接他需要http服务器const socketio=require('socket.i...

2022-02-18 16:51:21 5063

原创 vuex的概述

Vuex的核心概念Vuex中的主要核心概念如下: State: State提供唯一的公共数据源，所有共享的数据都要统一放到Store的State中进行存储俩种方式访问 1--import 引入 2--this.$store.state```javascript//1.从vuex中按需导入mapState函数import {mapState} from 'vuex'```通过刚才导入的mapState函数，将当前组件需要的全局数据，映射为当前组件的cou

2022-02-18 09:04:01 212

原创 document实现拖拽功能

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2022-02-17 16:46:48 347

原创发送弹幕video

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .container { width: 400.

2022-02-17 09:18:56 146

原创地图获取API

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>04_map.htm.

2022-02-17 09:15:49 249

原创 canvas 的基本理解

# `HTML5CORE DAY03`案例：写一个画板。（移动端）涉及到相关移动端触摸事件：> 1. `touchstart` 开始触摸。> 2. `touchmove` 触摸移动。> 3. `touchcancel` 触摸操作被打断。> 4. `touchend` 触摸结束。实现思路：开始触摸时，开启一条新路径，触摸移动时，绘制路径并描边即可。#### `Canvas`提供了一些绘制路径的常用方法`ctx.rect()`用.

2022-02-17 09:13:15 215

原创 video audio 的点击事件

2022-02-15 11:56:12 1613

原创路由传参说有几种方式

看了很多篇博客，路由传参说有几种方式的都有，看得我都晕了，都不知道到底有几种了，因为很多博客分析的角度不同，所以把我搞得有点乱，最后还是通过实践来搞清楚了，其实本身就是那么几种形式，但方式其实就两种query和params，下面分别就这两个方式来说：一、paramsparams有三种传参形式1、router-link形式传参【在路径中显示参数，刷新页面参数不丢失】//配置路由path:'/path/:id'//传递方式，在path后面跟上对应的值<router-link :to="

2022-02-11 11:26:40 8468 1

原创分页导航VUE

<div class="pages" v-if="data"><a :class="{default:data.pageNum==1}"@click="getData(data.pageNum-1)">上一页</a><a :class="{cur:data.pageNum==item}"@click="getData(item)"v-for="item in data.pageCount">{{item}}</a>&lt

2022-02-11 08:55:54 154

原创用cors方法解决跨越问题

// 加载CORS模块const cors = require('cors');// 使用CORS中间件server.use(cors({origin: ['http://localhost:8080', 'http://127.0.0.1:8080']}));

2022-02-10 14:30:58 357

原创事件--点击俩种方法

<body><h1>查询商品的id</h1><inputtype="text"placeholder="请输入商品id"id="shopid"><buttonid="btn"onclick="abc()">查询</button><buttonid="btn2"></button><script>//使用js找html元素用id属性//在html文档中...

2021-12-15 20:34:12 103

原创 flex的弹性布局

一、Flex布局是什么？Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{display: flex;}行内元素也可以使用Flex布局。.box{display: inline-flex;}Webkit内核的浏览器，必须加上-webkit前缀。.box{display: -webkit-flex; /* Safari */display: flex;}注意，设为Flex布局以后，子

2021-12-15 20:33:26 108

playxmz的博客