随笔分类 -  js

1
摘要:学习 中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践 1.禁止点击穿透 在移动端浏览器上不使用click事件而使用touch事件是因为click事件有着明显的延迟,后续又出现fastclick。该解决方案监听用户是否做了双击操作,可正常使用click事件,而点击穿透就交给fastcl 阅读全文
posted @ 2023-11-02 15:57 月下云生 阅读(47) 评论(0) 推荐(0) 编辑
摘要:学习 中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践 1.调用系统功能 a标签能快速调用移动设备电话/短信/邮件功能,input标签可快速调用移动设备相册文件 <!-- 拨打电话 --> <a href="tel:10086">拨打电话给10086小姐姐</a> <!-- 发送短信 阅读全文
posted @ 2023-11-02 14:24 月下云生 阅读(29) 评论(0) 推荐(0) 编辑
摘要:1.IntersectionObserver 接口(从属于 Intersection Observer API)提供了一种异步观察目标元素与其祖先元素或顶级文档视口(viewport)交叉状态的方法。其祖先元素或视口被称为根(root) 2.监听目标元素与其祖先或视窗交叉状态的手段,其实就是观察一个 阅读全文
posted @ 2023-11-01 15:19 月下云生 阅读(37) 评论(0) 推荐(0) 编辑
摘要:vue3中ref,reactive等api和自定义组件等每个页面都要引入很麻烦,偷懒是人的天性,故引入自动导入插件,以此记录: 1.vue3的api自动导入 使用前: <script setup lang="ts"> import { ref, onMounted } from 'vue' cons 阅读全文
posted @ 2023-08-25 18:13 月下云生 阅读(161) 评论(0) 推荐(0) 编辑
摘要:一.命名 1.尽量字母开头字母结尾 2.构造函数以大写字母开头,避免方法(少用构造函数) 3.名字中不允许存在空格,原因在于早期编译器的内存管理,后期未修改规则 4.保留字 arguments await break case catch class const continue debugger 阅读全文
posted @ 2023-07-17 11:23 月下云生 阅读(6) 评论(0) 推荐(0) 编辑
摘要:碰到运营提出需求,提供了一个.txt文件,要求输入框校验文件提供的敏感词汇,故以此记录: 上传文件: <input @change="uploadFile" type="file"> 操作函数: const fileContent = ref(''); const uploadFile = asyn 阅读全文
posted @ 2023-03-29 11:35 月下云生 阅读(1950) 评论(0) 推荐(1) 编辑
摘要:tesseract官网地址:https://tesseract.projectnaptha.com/ github:https://github.com/naptha/tesseract.js#tesseractjs npm安装依赖: npm install tesseract.js 页面引入: i 阅读全文
posted @ 2023-03-06 20:49 月下云生 阅读(3774) 评论(0) 推荐(0) 编辑
摘要:1.开发模式 1.服务端渲染 2.前后端分离 2.身份认证 1.服务端渲染推荐使用session认证机制 2.前端后端分离建议使用JWT认证机制 3.http协议的无状态性 4.cookie特性 1.自动发送 2.域名独立 3.过期时限 4.4kb限制 5.JWT(Json Web Token) c 阅读全文
posted @ 2022-12-27 18:48 月下云生 阅读(21) 评论(0) 推荐(0) 编辑
摘要:13.路由 1.express中的路由指客户端的请求与服务器处理函数间的映射关系 2.express中的路由由请求的类型,请求的URL地址,处理函数组成 3.app.METHOD(PATH,HANDLER) 4. 路由匹配顺序 a.按照定义的先后顺序进行匹配 b.请求类型和请求地址同时匹配成功才会调 阅读全文
posted @ 2022-12-22 15:13 月下云生 阅读(139) 评论(0) 推荐(0) 编辑
摘要:在上一次创建vue3项目在tsconfig.json中配置了文件别名以后,格式校验提示 es3什么鬼,便去看了一下tsconfig.json的配置,以此学习 { "compilerOptions": { "sourceMap": false, // 生成目标文件的sourseMap文件 "stric 阅读全文
posted @ 2022-12-16 19:09 月下云生 阅读(1545) 评论(0) 推荐(0) 编辑
摘要:1.打开编辑器vscode 2.安装express npm install express@4.17.1 3.创建文件index.js 4.导入express const express = require('express') 5.创建web服务器 const app=express() 6.启动 阅读全文
posted @ 2022-12-15 11:09 月下云生 阅读(137) 评论(0) 推荐(0) 编辑
摘要:linux安装node 连接运程命令: 进入usr/local 文件夹 cd /usr/local 1.下载 wget https://nodejs.org/dist/v14.17.6/node-v14.17.6-linux-x64.tar.xz 2.解压 tar xvf node-v14.17.6 阅读全文
posted @ 2022-12-08 19:20 月下云生 阅读(824) 评论(0) 推荐(0) 编辑
摘要:实现效果: 1.所有规格可以联动 2.库存不足置灰不可选 3.再次点击可以取消选择 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I 阅读全文
posted @ 2022-12-02 18:01 月下云生 阅读(121) 评论(0) 推荐(0) 编辑
摘要:在中后台页面的开发中少不了excel表格导出功能,以此做个记录: 1.后端返回下载地址: 直接:window.open("文件地址") 或者:window.location.href = "文件地址" 或者 :<a href="文件地址">导出</a> 2.后端返回列表数据(只能下载返回的数据) 安 阅读全文
posted @ 2022-10-08 00:27 月下云生 阅读(900) 评论(0) 推荐(0) 编辑
摘要:1.Object.keys Object.keys(obj),返回给定对象的所有可枚举属性的键名或者索引值的数组 a.给定对象为对象,返回键名数组 let person = {name:"张三",age:25,address:"厦门",getName:function(){}} console.lo 阅读全文
posted @ 2022-03-17 10:43 月下云生 阅读(146) 评论(0) 推荐(0) 编辑
摘要:使用leaflet在高德地图上渲染轨迹,废话少说,上代码: vue页面: <template> <div class="mapBox"> <div>在vue2中使用leaflet渲染线</div> <!-- 地图容器 --> <div id="lineMap"></div> </div> </tem 阅读全文
posted @ 2022-01-13 11:52 月下云生 阅读(1721) 评论(0) 推荐(0) 编辑
摘要:1.生成随机数 export const randomNum = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min; 2.数组操作 2.1 数组扁平化(多维数组转一维数组) export const flatten = f 阅读全文
posted @ 2022-01-12 15:00 月下云生 阅读(55) 评论(0) 推荐(0) 编辑
摘要:1.语法 arr.reduce(callback,[initialValue]) reduce为数组中的每一个元素依次执行回调函数,不包括数组中被删除或者从未被赋值的元素,回调函数接受四个函数: 1.previousValue (上一次调用回调返回的值,或者是提供的初始值(initialValue) 阅读全文
posted @ 2021-12-31 13:52 月下云生 阅读(132) 评论(0) 推荐(0) 编辑
摘要:1.提升(hoisting) console.log(a) // undefined var a = 1 可以先看上面的例子,a变量虽然还没有被声明,但我们可以使用这个未被声明的变量,这种情况就叫提升,并且提升的是声明,为什么输出的是undefined?因为赋值并未跟着提升,这段代码可以这么看: v 阅读全文
posted @ 2021-09-17 17:29 月下云生 阅读(66) 评论(0) 推荐(0) 编辑
摘要:要写一个小项目,tabbar要重用因而独立出组件,遇到不少坑,赶紧记录下来: <template> <div class="tab"> <div class="tabItem"> <router-link class="tabTo" to="/"> <img class="tabImg" src=" 阅读全文
posted @ 2019-03-12 17:09 月下云生 阅读(882) 评论(0) 推荐(0) 编辑

1
点击右上角即可分享
微信分享提示