javascript
关注
分享
扫一扫
javascript相关
蜗牛与藤曼
天天想要转行的秃头码农
展开
-
微前端架构
微前端iframesigle-spa京东 microApp阿里乾坤 qiankun原创 2023-01-31 15:02:56 · 4363 阅读 · 0 评论 -
声网实现音频通话
声网实现音频通话原创 2022-11-30 10:48:11 · 606 阅读 · 0 评论 -
视频流加载播放
视频流加载播放，rtsp流地址 \ MP3/MP4类型的地址，rtmp流地址原创 2022-11-30 10:37:27 · 1485 阅读 · 0 评论 -
js实现页面监听滑动、预加载图片
判断是否微信中打开，判断窗口大小自适应，页面监听滑动、预加载图片原创 2022-10-17 18:35:33 · 436 阅读 · 0 评论 -
CSS样式优化
css样式优化边框样式 -- 四角边框原创 2022-08-15 16:07:32 · 221 阅读 · 0 评论 -
常用正则验证
常用正则验证原创 2022-08-01 20:15:39 · 193 阅读 · 0 评论 -
vue获取用户ip地址
vue获取用户ip地址（仅限IE浏览器，谷歌无效）原创 2022-07-22 16:03:35 · 10456 阅读 · 0 评论 -
判断输入的正则表达式是否符合正则规则
判断输入的正则表达式是否符合正则规则原创 2022-07-13 16:58:46 · 3689 阅读 · 0 评论 -
函数式编程 --- 高阶函数
高阶函数全称 (Higher-order function)1、可以把函数作为参数传递给另一个函数2、可以把函数作为另一个函数的返回结果意义：高阶函数是用来抽象通用的问题：抽象可以帮我们屏蔽细节，只需要关注与我们的目标。......原创 2022-07-13 14:45:37 · 516 阅读 · 0 评论 -
函数式编程 --- 工具库
函数式编程库Ramda.js \ 中文UnderscoreLodash原创 2022-07-13 14:18:02 · 357 阅读 · 1 评论 -
Vue Elementui表格行列实现拖拽排序
由于elementUI 表格没有自带的拖拽排序的功能，本文主要通过第三方插件Sortablejs来实现。原创 2022-05-16 17:17:35 · 3775 阅读 · 0 评论 -
Vue使⽤uuid⽣成唯⼀标识
Vue中使⽤uuidv1根据时间戳和MAC地址⽣成唯⼀标识(获取客户端唯一标识)原创 2022-05-11 15:39:57 · 926 阅读 · 0 评论 -
纯前端实现下载，批量下载
实现下载，批量下载常见的有 txt、png、jpg、zip、tar 等各种文件格式，一部分浏览器是会直接打开链接显示内容的；而另外一部分，浏览器不识别响应头或者不能解析对应的格式，会当做文件直接下载下来了...原创 2022-04-13 10:55:49 · 4417 阅读 · 0 评论 -
跨域 解决方案汇总
跨域 解决方案汇总原创 2022-03-25 11:36:49 · 223 阅读 · 0 评论 -
GCJ-02火星坐标系、BD-09百度坐标系和WGS-84坐标系转换
WGS-84：GPS坐标系GCJ-02：火星坐标系，国测局02年发布的坐标体系，高德，腾讯等使用。BD-09：百度坐标系GCJ-02火星坐标系和WGS-84坐标系转换关系var pi = 3.14159265358979324var a = 6378245.0var ee = 0.00669342162296594323const WGS84_To_GCJ02 = (wgLat,wgLon) => { var mars_point={lng:0,lat:0} var dL原创 2022-03-10 15:23:10 · 2092 阅读 · 0 评论 -
禁用页面缓存的几种方法（静态和动态）
禁用页面缓存的几种方法（静态和动态）1、在Asp页面首部加入以下是引用片段： Response.Buffer = True Response.ExpiresAbsolute = Now() - 1 Response.Expires = 0 Response.CacheControl = "no-cache" Response.AddHeader "Pragma", "No-Cache" 2、在HTML代码中原创 2022-01-21 11:19:32 · 1461 阅读 · 0 评论 -
前端获取服务器时间
前端获取服务器时间（测试验证时需打包到服务器，本地开发环境无法验证）原创 2021-12-10 13:39:31 · 4068 阅读 · 1 评论 -
tinymce富文本编辑器
UEditor：百度前端的开源项目，功能强大，基于 jQuery，但已经没有再维护，而且限定了后端代码，修改起来比较费劲bootstrap-wysiwyg：微型，易用，小而美，只是 Bootstrap + jQuery…kindEditor：功能强大，代码简洁，需要配置后台，而且好久没见更新了wangEditor：轻量、简洁、易用，但是升级到 3.x 之后，不便于定制化开发。不过作者很勤奋，广义上和我是一家人，打个callquill：本身功能不多，不过可以自行扩展，api 也很好懂，如果能看懂英文.原创 2021-12-02 17:31:20 · 196 阅读 · 0 评论 -
Nuxt.js
Nuxt.js 基于vue的通用应用框架：它建立在同等的Vue技术栈之上，但抽象出很多模板，并提供了一些额外的功能，例如静态站点生成。通过NUXT可以根据约定的规则，快速的实现Vue SSR1. 什么是服务端渲染（SSR）Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的HTML字符串，将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。服务器渲染的 Vue.js原创 2021-12-01 14:40:38 · 573 阅读 · 0 评论 -
图片懒加载
1.offsetTop 为元素距离顶部的距离；window.innerHeight 为当前窗口的高度；window.scrollY 为滚动距离；不难知道，当 i.offsetTop <= window.innerHeight + window.scrollY时图片就处于窗口可视区//获取全部img标签var images = document.getElementsByTagName("img"); window.addEventListener("scroll", (e) => {原创 2021-10-25 11:24:47 · 114 阅读 · 0 评论 -
vue 加载720全景图
步骤1.安装photo-sphere-viewernpm install --save photo-sphere-viewer2.引入import 'photo-sphere-viewer/dist/photo-sphere-viewer.css'import { Viewer } from 'photo-sphere-viewer'3.主要代码<div id="viewer720"></div>showViewer720 () { let tempUr原创 2021-10-14 10:11:40 · 1173 阅读 · 0 评论 -
高性能javaScript
一、加载执行1.脚本推荐将所有的script标签尽可能放在body标签底部： 由于多数浏览器使用单一进程处理UI界面渲染和脚本执行，所以脚本下载、执行会阻塞其他页面渲染，导致刚开始页面空白，让用户感觉加载时间较长，影响用户体验<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi原创 2021-09-06 15:12:21 · 426 阅读 · 1 评论 -
Vue实现弹窗 拖动、放大、缩小
实现：拖动，上下放大和左右放大，双击头部会实现全屏，因为普通的弹窗标签会在我们点击弹窗之外的部分的时候自动关闭，所以我们需要给弹窗部分增加一个属性页面标签引用部分 <el-dialog title="弹窗" :visible.sync="dialogVisible" :close-on-click-modal=false v-dialogDrag width="75%" > //:close-on-click-modal=false 这个属性的作用是不让点击外面关闭弹窗 <原创 2021-08-04 17:49:59 · 9341 阅读 · 3 评论 -
递归 -- 树结构
递归树结构 generateOptions (params) { // 生成Cascader级联数据 var result = [] for (let param of params) { if (!param.isLeaf && !param.parentId) { // 判断是否为顶层节点 var parent = { // 转换成el-Cascader可以识别的数据结构原创 2021-08-04 16:49:48 · 199 阅读 · 0 评论 -
全屏实现方法
全屏实现方法主要代码 // 全屏 fullScreenChange () { // let element = document.documentElement;//设置后就是我们平时的整个页面全屏效果 let element = document.getElementById('videoDiv') // 设置后就是 id==videoDiv的容器全屏 if (this.fullscreen) { // 如果已经全原创 2021-07-28 17:18:53 · 603 阅读 · 0 评论 -
JavaScript 技巧
原文：https://blog.youkuaiyun.com/qq_44273429/article/details/117886469?utm_medium=distribute.pc_category.none-task-blog-hot-1.nonecase&depth_1-utm_source=distribute.pc_category.none-task-blog-hot-1.nonecase1. 声明和初始化数组我们可以使用默认值（如""、null或 ）初始化特定大小的数组0。您可能已经将这些原创 2021-07-05 18:31:31 · 148 阅读 · 1 评论 -
Vue结合天地图(天地图API)Gis开发
(此代码结合vue、element-ui)1.首先在index.html中引入需要的文件当前引入的是在线的gis文件，如需离线也可以换成离线文件<!-- 天地图--> <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=cf61f9715dd35f3e196599aeac85af07"></script><!-- 轨迹回放:引入JS原创 2021-04-29 17:59:49 · 5500 阅读 · 2 评论 -
js中的event.stopPropagation()阻止冒泡用法和event.preventDefault()用法
event.preventDefault()的作用是阻止一些默认的行为，比如点击链接不会跳到对应的地址；var link = document.getElementById('myLink');link.onclick = function(event){ event.preventDefault();}event.stopPropagation()的作用是阻止事件冒泡；var btn = document.getElementById('myBtn');document.onclic原创 2020-09-09 11:10:04 · 869 阅读 · 0 评论 -
vue中出现组件不渲染更新的问题，方法总结
vue中出现组件不渲染更新的问题，方法总结1.用this.$forceUpdate()方法例如：this.data.status= false; // 数据改变this.$forceUpdate(); // 调用2.如果是object或者是array类型的话改变值最好用 this.set(),this.set(),this.set(),this.delete(),array.splice()等方法进行修改this.$set(this.data,'status',false)3.用v-i原创 2020-07-31 16:09:39 · 3469 阅读 · 0 评论 -
前端面试题(汇总)
js,css,vue面试题汇总原创 2020-07-07 17:06:06 · 15724 阅读 · 2 评论 -
前端实现鼠标拖拽功能
1.实现拖拽页面： <div @mousedown="move" style="position: relative; "> 待拖动div </div>实现方法： move(e){ let odiv = e.currentTarget ; //获取目标元素 //算出鼠标相对元素的位置 let disX = e.clientX - odiv.offsetL原创 2020-06-09 11:38:31 · 4864 阅读 · 0 评论