没脾气的猫-CSDN博客

原创微信小程序原生实现table组件, 第二弹，支持横向和纵向滚动（固定列，可设置边框）

在这里插入图片描述](https://img-blog.csdnimg.cn/direct/5e6cb1a645584c9dbf27b6bd1ab9465e.png。

2024-02-05 17:46:32 1112

原创微信小程序原生实现无边框table组件支持横向和纵向滚动

wxml文件-- 表格 -- > < view class = "table" > <!-- 整体横向滑动 -- > < scroll - view class = "tableX" scroll - x > <!

2023-08-01 18:58:08 2400 1

原创 node+vue3+websocket实现简易的聊天功能

由于 express-ws 在默认不添加server 参数情况下，使用的是app.listen 创建的httpserver,而express 脚手架将 app和server初始化分离了，所以需要再次配置express-ws。2.每个用户都有一个conn 那把conn存入到数组里方便以后广播所接受到的消息，去传达到其他用户。在routes文件下新建一个ws.js文件。4.接收到前端传来设置的用户名。在app.js文件注册路由。类似一个实时评论回复的效果。3.对用户数量做一个统计。

2023-06-28 17:58:11 1307

原创 ts基础入门学习总结

typescript变量的类型注释数据类型布尔类型（boolean）数字类型（number）字符串类型(string)数组类型（array）元组类型（tuple）属于数组的一种any枚举类型（enum）null 和 undefinedvoid类型never类型对象类型（Object）可选属性函数函数的定义函数可选参数默认参数剩余参数ts函数重载类ts中类的定义ts中实现继承 extends、 super类里面的修饰符静态属性静态方法typescript中的抽象类接口属性接口接口：可选属性函数类型接

2022-05-05 15:06:42 688

原创微信小程序首次进入引导提示自定义组件

实现效果展示实现步骤第一步（新建组件）组件代码<view class="guide" wx:if="{{showGuide}}"> <view style="{{guideStyle}}" class="guide-box"> <view class="tips guide-step-tips" style="{{tipPosition}}"> <view class="text">{{ g

2022-02-14 17:57:05 3755 10

原创基于vue2结合Ant Design of Vue a-progress组件实现loading bar（动态加载进度条）组件

先看效果图组件代码<template> <div class="loadings" v-show="isShow"> <div class="c-loading"> <a-progress :strokeWidth="25" :percent="percent" /> <div class="loadtext">{{ text }}</div> </div> </div&g

2021-12-30 18:04:03 4208

原创 vue项目实现埋点操作，记录用户浏览时间

需求分析：需要记录用户浏览页面的行为。包括：点击时，记录当前所在页面的地址、标题、元素名称。浏览页面，记录上个页面的地址，记录当前页的地址、标题、浏览时间。具体实现点击事件，我是通过Vue的自定义指令来实现。废话不多说直接上代码：1、首先我在我的项目中创建一个directive文件。文件中具体代码import Vue from "vue";// 自定义埋点指令Vue.directive("track", { //钩子函数，只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次

2021-04-25 10:06:07 5369 7

原创 eclipse改成中文版，个人亲测有效

eclipse改成汉化版，推荐两种方法。（第一种）通过插件的方式进行eclipse的汉化第一种方法是网上流传比较多得方法（我自己并没有实现。。。）1、登陆点击选择你的eclipse版本2、找到IDE中文补丁包 INDIGO的地址如下：点击跳转选择latest文件下载BabelLanguagePack-eclipse-zh_4.19.0.v20210327020002.zip3、下载后解压，把feature和plugins复制到你的eclipse安装目录4、重启eclipse，汉化完毕

2021-04-09 11:19:14 1976

原创 Vue中使用Echarts（包含各种引入方法）

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2021-03-29 14:26:32 1862 1

原创 Mock 在node.js中的使用&通过node.js把Mock生成的数据塞进MongoDB

MockMock.js是一个模拟数据生成器，可以帮助前端开发和原型与后端进度分开，并减少一些单调，尤其是在编写自动化测试时。主要用途：根据数据模板生成模拟数据便于测试。# 安装npm install mockjs//主要介绍mock的一些常用的数据模板跟多的可以去/Mockvar Mock = require('mockjs');//引入mock const { students:data } = Mock.mock({ "students|50": [// 属性 student

2020-12-06 11:35:12 968 1

原创 jwt在express中的使用方法

关于JWT的具体介绍大家可以去看阮一峰 JSON Web Token 入门教程本文主要介绍jwt在express中的使用方法：1、安装依赖jsonwebtoken 主要用来生成JSON Web Tokennpm install jsonwebtokenexpress-jwt 主要用来验证JSON Web Tokennpm install express-jwtcrypto 用来对数据进行加密npm install crypto2、生成Token用户登录成功后产生Token。

2020-11-29 12:55:40 3779 3

原创 DOM0 DOM2事件绑定写法

绑定事件的两种方式事件三要素1.事件源：绑定事件的节点。2.事件处理函数：点事件触发时，执行的代码（函数体）3.事件类型：(单击，hover,move)DOM0 的写法：onclickelement.onclick = function () { }<body><button>点我</button><script> var btn = document.getElementsByTagName("button")[0];

2020-11-14 14:38:21 346

原创 DOM获取节点的方式,添加,替换,新增节点

快速获取节点的方式 <ul> <li class="f70">01</li> <li name="f73">02</li> <li>03</li> <li>04</li> <li id="box">05</li> </ul>根据标签名进行元素的获取 /

2020-11-01 22:21:13 441

原创 js集合, 对象

集合一个标识符（集合），可以存储多个数据, 数据不能重复。集合与数组的区别集合的内容具有唯一性 ( 全等匹配) 去重复。// 声明集合构造函数let F70 = new Set();//集合赋值F70.add(1);F70.add(2);F70.add(1);F70.add("1");//使用集合console.log(F70);//Set { 1, 2, '1' } 可以看出集合有去重复。//数组去重let F71 = [];F71.push(123);F71.

2020-10-08 17:48:07 775

原创用js实现一个简单的斗地主发牌

用js实现一个简单的斗地主发牌代码如下//生成54张牌function poker() {let num1 = [“2”, “3”, “4”, “5”, “6”, “7”, “8”, “9”, “10”, “J”, “Q”, “K”, “A”];let num2 = [“梅花”, “方块”, “黑桃”, “红桃”];let num3 = [ ];num3.push(“大王”, “小王”)for (let i = 0; i < num1.length; i++) {for (let k

2020-09-20 18:27:03 2094

原创 js函数总结

函数即把可以实现一定功能的代码，封装成一个函数。函数声明不带表调用，什么时候用，执行函数体。声明函数字面量声明书写格式：关键字标识符（函数名）小括号 {代码块}Function f70 ( ) {代码块}调用函数（执行函数体）书写格式：函数名小括号：function serach() {console.log(n);}serach ();//n构造函数声明书写格式：关键字标

2020-09-20 18:11:08 823

原创 position中relative，absolute，fixed的区别与运用

1.如何在页面中画个三角形，这个功能很常用，很多页面都有。比如这种。都可以通过这个方法实现。画一个三角形先创建一个空标签，设置边框，边框的粗细由三角形的长度决定，就相当于用边框画了一个正方形，这个正方形由四个方向的三角形组成，把边框的颜色设置透明色，在页面中有一个看不见的正方形，我们需要哪个方向的三角形，就给哪个方向设置颜色。eg：p {border:10px solid transparent；border-top-color:red;}三角形画好了，一般都是通过定位把它设置在想要的位置

2020-08-29 14:59:11 1232

badoldboy的博客