- 博客(16)
- 收藏
- 关注
RSS订阅原创 前端vue3的class封装websoket重连
前端需要实现websoket的断线和重连操作以及和服务器进行交互，使用的是es6的class来封装，代码如下：
2023-08-14 13:54:01
189
原创 canvas实现鼠标三角形，多边形区域绘制并下载图片
所需要的知识点：let ctx = canvas.getContext(‘2d’); // 方法返回canvas 的上下文，如果上下文没有定义则返回 nullcanvas.width； //canvas的宽canvas.height； //canvas的高new Image(); //函数将会创建一个新的HTMLImageElement实例ctx .drawImage(),//绘制图像ctx .beginPath(); /
2023-04-10 09:47:26
212
原创 vue3.0加ant design的table插槽用jsx语法
本人最近在做vue+ant design 3.0项目遇到了table插槽的问题在这里插入图片描述在这上面的#bodyCell和#expandedRowRender语法显然在jsx里面是不能使用的。废话不多说，直接上代码，本人也是翻了很久的资料才找到：用jsx语法写ant design插槽: <a-table columns={this.columns} dataSource={this.dataSource} pagination={false} v-slots={ {e
2022-03-31 18:31:15
4163
1
原创 javaScript的cookie使用
1、使用 JavaScript 创建Cookie这里写了个demo：就是普通的存储key和value一般我们是把它们封装成一个方法。html页面上效果：setCookie和getCookies是封装好的两个js方法，主要是操作document.cookie;点击存储userName按钮会将tang存储进浏览器，点击替换userName按钮值被替换成了xxx。js的cookie的Expires（期限）默认是Session，浏览器关闭后就会清除；2、设置Cookie的有效期限在项目中我们
2022-01-25 15:35:19
2251
原创 node启动本地服务访问文件的方法
有时候会有这么一个需求，本地写了一个demo需要同局域网的同事看一下，或者写了一个移动端的demo需要手机上进行调试，需要在本地起一个node环境，具体的步骤如下：1、npm init这个时候文件夹下会出现一个package.json文件2、npm install3、安装http-server和anywherenpm install http-server -gnpm install -g anywhere安装完输入anywhere -p 8085然后就可以去草料二维码生成测试了。...
2022-01-25 14:32:32
838
原创 vue3.0的computed用法
计算属性和生命周期onMounted一样，初始化就会执行一次（computed先执行），并且只用在依赖改变的时候触发，可以提升性能。注意（计算属性的依赖是指vue里面双向绑定的变量）1、computed计算属性的get方法这两种computed写法都可以，num改变的时候都是返回num.value的值。2.computed计算属性的set方法我们有时候希望计算属性改变之后，再去对原来的值或者某些值进行处理的时候，可以使用它内置的set方法，那我们如何触发set方法呢？当我们点击改变num的时候
2022-01-07 14:25:05
12790
2
原创 electron打包兼容windows 32位处理器
有需求说公司的项目，要到展会上面去用，所以肯定不能再拿浏览器打开一个网址了，太low了。所以干脆就用electron这个把线上链接打包到桌面使用。第一次安装自动打包都是windows 64系统的，在网上找了很多资料都很繁琐。通过自己的摸索，顺利的打包出，既可以兼容windows 64也可以兼容windows 34的web应用。electron官网：https://www.electronjs.org一、使用脚手架创建首先你新建一个文件夹，来用装你得项目，使用node命令初始化一个npm包。注意
2021-12-17 15:04:08
5387
4
原创 vue3.0的watch监听，如何使用？
需要用到watch监听的，直接看文章了。1.监听一个ref的值，非常简单： const title = ref("") watch(title, (n, o) => { console.log("title改变了", n, o)})2.需要监听多个ref的值，写法多了点,逻辑是一样的。log出来的是一个数组，取对应下标就行。 const title = ref("") const age = ref(0) watch([title,age], (n, o) =>
2021-12-08 18:06:55
1125
原创 vue封装axios请求
vue封装axios请求在项目中单独使用axios是比较麻烦的，所以我们要对axios进行封装，方便我们能更好的去请求处理后端接口的数据。这里使用的是vue+ant design的提示框，可自行修改。代码：import {message, Modal} from 'ant-design-vue';//处理响应状态function checkErrorStatus(error) { if (!error || !error.response) { return;
2021-11-26 10:24:26
308
转载 js输入框实现高亮显示
js输入框实现高亮显示直接贴代码！可直接使用<!DOCTYPE><html> <head> <title> new document </title> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords
2021-09-16 18:06:31
908
原创 js实现搜索定位文字效果
css实现文字定位搜索，效果<html><form name="f1" action="" onSubmit="if(this.t1.value!=null && this.t1.value!='')findString(this.t1.value);return false"> <input type="text" name=t1 value="" size=20> <input type="submit" name=b1
2021-09-02 18:45:29
1232
原创 css动画从下往上弹框
需要实现一个以下一个消息盒子弹框信息，从下玩上弹框。其实直接可以用css的定位和jquery的两个方法就行了。上代码！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="w
2021-08-23 11:34:12
1753
原创 css的float清除浮动（超简单）
css的float清除浮动（超简单）我们使用浮动元素，目的就是为了改变元素的标准文档流，使块元素内容能排列成成一行，但是使用之后会发现父级内容撑不起来。像这样：效果：如何处理呢？直接上代码：四种方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge
2021-08-20 16:45:33
100
原创 css标题超出部分显示省略号
标题超出，显示省略号开发项目的时候，要求标题、或者内容多出部分显示省略号…这时很多人都会想到这是js，其实单单使用css就可以就可以搞定了。来看图：上代码!css： .warp{ width: 240rpx; height: 45rpx; background-color: green; overflow: hidden; word-break: break-all; /*表格自动换行，避免撑开*/
2021-04-10 13:56:18
328
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人