js
autm许
这个作者很懒,什么都没留下…
展开
-
js 学习正则表达式+练习
/* RegExp 创建正则表达式对象 语法: var 变量 = new RegExp('正则表达式', '匹配模式') 使用typeof检查正则对象,会返回object 正则表达式的检测是否含有某个元素方法 test() - 使用这个方法可以用来检查一个字符串是否符合正则表达式的规.原创 2021-04-25 17:02:26 · 369 阅读 · 0 评论 -
js 基础练习之类(class)的操作
<!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>js原创 2021-04-23 17:21:49 · 276 阅读 · 0 评论 -
js 基础练习之类的操作
<!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>js原创 2021-04-23 17:20:07 · 151 阅读 · 0 评论 -
js 练习之键盘移动div
<!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>js原创 2021-04-23 15:28:01 · 78 阅读 · 0 评论 -
js基础知识 navigator,location,history
1.BOM: 浏览器对象模型-BOM可以使我们通过JS来操作浏览器-在BOM中为我们提供了一组对象,用来完成对浏览器的操作-BOM对象window- 代表的是整个浏览器的窗口,同时window也是网页中的全局对象navigator- 代表当前浏览器的信息,通过该对象可以来识别不同的浏览器location- 代表当前浏览器的地址栏信息,通过location可以获取地址栏信息,或者操作浏览器跳转页面history- 代表浏览器的历史记录,可以通过该对象来操作浏览器的历史记录由于隐私原因,原创 2021-04-23 13:54:07 · 165 阅读 · 0 评论 -
js 模仿桌面拖拽功能
<!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原创 2021-04-22 11:01:38 · 601 阅读 · 0 评论 -
vs中自动编译ts
1.tsc --init (生成配置文件tsconfig.json)2.修改tsconfig.json配置“outDir”: “./” 改成 “outDir”: “./js”“strict”: true 改成 “strict”: false3.启动监视任务:终端 -> 运行任务 -> 显示所有任务 -> tsc:监视vscode 运行遇到如下报错,解决办法1.Windows Powershell 以管理员身份开启2.命令输入 set-Execution原创 2021-04-15 15:42:15 · 590 阅读 · 0 评论 -
号码排序
<div id="dom"></div> <script> /*后端返回的数据*/ let res = [ {tel: '1359954399'}, {tel: '22222228887'}, {tel: '13333393999'}, {tel: '17894785127'}, {tel: '3'}, {tel: '17777895566'}, {tel: '1334原创 2021-04-01 11:04:44 · 250 阅读 · 0 评论 -
js文本内容换行,提取文本网址链接处理
let bodyhtml = ‘’let bodyc = ‘贾玲带“李焕英”来三亚了!https://mbd.baidu.com/newspage/data/landingsuper?context=%7B%22nid%22%3A%22news_9943695772292681924%22%7D&n_type=0&p_from=1https://mbd.baidu.com对30亿元票房,她说……’//内容换行bodyhtml = bodyc.replace(/\n/g, '<b原创 2021-02-19 13:36:02 · 318 阅读 · 0 评论 -
vue+mockJs+axios + axios封装 实现分页功能
效果图1.安装mockjsnpm install mockjs2.在src目录下创建文件夹——> mock3.在mock目录下创建文件夹——> data——>创建文件mockData.js,代码如下import Mock from 'mockjs' // 引入mockjsconst Random = Mock.Random // Mock.Random 是一个工具类,用于生成各种随机数据/** Random.name() 生成姓名 Random.boolean原创 2020-09-28 16:17:22 · 363 阅读 · 0 评论 -
uni-app如何设置favicon.icon图标
1.创建一个.html文件<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="icon" href="static/images/log.png"> &原创 2020-09-25 17:06:57 · 4846 阅读 · 3 评论 -
socket.io——基本用法
1.搭建项目mkdir server-demo //创建文件夹cd server-demo //打开文件夹yarn add socket.io 或者 npm install socket.io // 安装socket.io2. 创建server.jsconst content = require('fs').readFileSync(__dirname + '/index.html', 'utf8');const httpServer = require('http').createServ原创 2020-09-25 15:07:02 · 1159 阅读 · 0 评论 -
websocket——做一个简单聊天室
实现简单聊天室要求1.允许多人加入聊天室,允许多人发送消息2.谁进来了聊天室,谁离开了聊天室3.谁发了消息4.消息类型颜色不一样最终如下图效果1.websocket服务代码。server.jsconst wx = require('nodejs-websocket');/** * 分析 * 消息不应该是简单的字符串 * 这个消息应该是一个对象 * type:消息类型 0:用户进入,1:用户离开,2,正常聊天 * msg:消息的内容 * time:聊天的具体时原创 2020-09-24 14:48:18 · 372 阅读 · 0 评论 -
websocket——nodejs开发自己的websocket服务
1.项目搭建mkdir server-demo //创建文件夹cd server-demo //打开文件夹yarn init -y // 初始化项目yarn add nodejs-websocket //安装nodejs-websocket2. 创建server.js// 导入nodejs-websocketvar ws = require('nodejs-websocket')var PORT = 3000// 创建一个server// Scream server example原创 2020-09-24 11:07:53 · 456 阅读 · 0 评论 -
websocket—websocket基本使用
1.创建html用hbuildx预览。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>聊天室WebSocket</title> <style> div{原创 2020-09-23 16:23:08 · 164 阅读 · 0 评论 -
websocket——websocket介绍
**WebSocket介绍**WebSocket协议是基于TCP的一种新的网络协议,它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。WebSocket是一种持久协议,http是非持久协议现在很多网站都有实时推送的需求,比如聊天、客服咨询等WebSocket是什么?是一种网络协议,允许客户端和服务器全双工的进行网络通讯,服务器可以给客户端发消息,客户端也可以给服务器发消息WebSocket-MDN:https://developer.mozil原创 2020-09-23 16:20:04 · 155 阅读 · 0 评论 -
vue表单数据自动收集
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue表单数据自动收集</title></head><body> <div id="demo"&原创 2020-09-16 15:46:56 · 155 阅读 · 0 评论 -
vue之push() pop() shift() unshift() splice() sort() reverse()等等
变更方法Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。let arr = ['a', 'b', 'c', 'd']console.log(arr) // ["a", "b", "c", "d"]console.log(arr.push('new')) //6console.log(arr) // ["a", "b", "c", "d", "new"]pop() 方法数组最后一位元素删除并返回数组原创 2020-09-16 14:29:03 · 7811 阅读 · 0 评论 -
JS判断是否是ioS或者Android,判断是否为微信
一.通过判断浏览器的userAgentvar u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端二、提供更多的检查内容,你可以检查是否是移动端(Mobile)、ipad、iphone、微信、QQ等//判断访转载 2020-09-04 15:19:03 · 661 阅读 · 0 评论 -
js 输入金额,带2位小数以及金额验证
js 输入金额,带2位小数let money = (val) =>{ val = val.replace(/[^\d.]/g,"");//清除"数字"和"."以外的字符 val = val.replace(/^\./g,"");//验证第一个字符是数字而不是字符 val = val.replace(/\.{2,}/g,".");//只保留第一个.清除多余的 val = val.replace(".","$#$").replace(/\./g,"").replace("$原创 2020-08-19 16:37:41 · 670 阅读 · 0 评论 -
小程序画布Canvas生成海报,分享、转发
async share () { var that = this; wx.showLoading({ title: '图片生成中...', }) let photo = '' //图片地址 let result = await that .getCanvas('companyName', 'name', 'position', photo) //生成图片 wx.hideLoading() },getCanvas(companyName, person原创 2020-08-19 10:49:57 · 213 阅读 · 0 评论 -
js 获取验证码 倒计时
js 获取验证码 倒计时<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>js 获取验证码 倒计时</title> <style> .input-wrap{原创 2020-07-17 23:28:00 · 240 阅读 · 0 评论 -
js 工作中常用代码封装之----手机验证,银行卡号(16~19)位正则验证
手机验证,银行卡号(16~19)位正则验证css 代码 .input-wrap{ background-color: #eee;padding: 40px;display: flex;height: 40px;margin-bottom: 20px; } .input-wrap input{ border:0;background:#fff;height: 100%;width: 320px;text-indent:15px;box-sizing: bord原创 2020-07-17 22:54:43 · 915 阅读 · 0 评论 -
jq 工作中常用代码封装之----ajax封装路由
路由封装api = function (params) { return new Promise((resolve, reject) => { $.ajax({ url: params.url, //路由 data: params.data || '', // 传参 type: params.type ? params.type : 'post', // 发送方式,不传默认post success: function (res) {原创 2020-07-17 15:29:56 · 4404 阅读 · 0 评论 -
jq 获取路由地址,如何给路由传参并获取
jq 获取路由地址,如何给路由传参并获取<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jq 如何给路由传参数,并获取路由参数</title></head><原创 2020-07-17 14:31:48 · 2310 阅读 · 0 评论 -
canvas生成海报点击下载
canvas生成海报点击下载` canvas生成海报点击下载 下载*/var c = document.getElementById(“canvas”);var ctx = c.getContext(“2d”);// 背景图ctx.fillStyle = “#eee”;ctx.fillRect(0, 0, 540, 690);var img = new Image();/**图片地址:https://dss3.bdstatic.com/70cFv8Sh原创 2020-07-17 10:51:29 · 456 阅读 · 0 评论