js
关注
分享
扫一扫
文章平均质量分 50
小强有个dream
这个作者很懒，什么都没留下…
展开
-
js: 深拷贝和浅拷贝
1 es6拓展运算符不有一层时。原创 2024-05-11 11:26:57 · 361 阅读 · 0 评论 -
postman: 接口测试 使用汇总
新版Postman设置所有请求都自动带token登陆权限验证（Postman 版本9.10.0 ） ： 链接为集合下的所有接口设置请求的基本地址，并设置多环境基本地址： 链接原创 2022-05-22 10:50:40 · 303 阅读 · 0 评论 -
js: http与https 资源请求
https页面访问http资源报错，页面头部加入<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">https页面无法发送http请求原创 2022-04-13 20:57:00 · 857 阅读 · 0 评论 -
js/vue：video 视频播放器
一： 原生方式实现视频播放// 设置视频播放速率（倍速播放）var video = document.getElementById(‘video’)video.playbackRate = this.value// 设置视频亮度-webkit-filter: brightness(0.2) 取值范围0-1（数字为0时为正常样式，为1时表示的是100%亮度，无法看到图片）videojs 也是用video标签播放的，用video标签就会调用系统自带的播放器。移动端浏览器劫持了你自己的播放器原创 2022-04-13 20:12:26 · 1003 阅读 · 0 评论 -
js: 地图定位
1.笔记本没有gps芯片，所以pc浏览器定位都是获取网络基站的位置。2.精度: 手机获取gps定位数据高德接口打开 == 高德地图APP定位 > 手机或PC浏览器定位高德接口打开(手机未授权浏览器获取定位的，是通过网络基站ip定位)...原创 2022-04-13 20:07:33 · 805 阅读 · 0 评论 -
babel:配置 试用 文档
https://babeljs.io/docs/en/usagenpm install --save-dev @babel/core @babel/cli @babel/preset-env@babel/core是babel的核心代码，默认情况下引入babel不会对代码进行任何处理@babel/cli可以让你在命令行中使用babel/ src/index.jsconst foo = () => { console.log(123)}npx babel src --ou原创 2022-03-17 16:43:24 · 1018 阅读 · 0 评论 -
js:自动化构建 gulp
中文官网 英文官网入门指南： 链接每个 gulp 任务（task）都是一个异步的 JavaScript 函数，此函数是一个可以接收 callback 作为参数的函数，或者是一个返回 stream、promise、event emitter、child process 或 observable (后面会详细讲解) 类型值的函数任务（tasks）可以是 public（公开） 或 private（私有） 类型的。（从 gulpfile 中被导出（export），可以通过 gulp 命令直接调用）Gul原创 2022-03-09 08:06:15 · 303 阅读 · 0 评论 -
js: 自动化构建工具 grunt
中文网初次使用链接运行grunt报错TypeError: grunt.tasks is not a function要正确安装依赖yarn add grunt grunt-contrib-jshint grunt-contrib-nodeunit grunt-contrib-uglify -Dapi使用grunt.task.registerTask 创建任务grunt.loadNpmTasks 加载 Grunt 插件和任务grunt.initConfig 初始化配置数据gru原创 2022-03-06 10:09:16 · 369 阅读 · 0 评论 -
js: 自动化构建 --npm scripts
NPM Scripts是实现自动化构建工作流的最简方式这里演示一个实时更新sass文件到界面的npm-scripts/package.json "scripts": { "build": "sass src/scss/main.scss css/style.css --watch", "serve": "./node_modules/.bin/browser-sync start --server --files 'css/*.css'", "start": "run-p.原创 2022-03-06 10:08:18 · 200 阅读 · 0 评论 -
脚手架： plop
下载plop到项目依赖在项目根目录创建plopfile.js在plopfile.js中定义脚手架任务编写用于生成特定类型文件的模板通过plop提供的CLI运行脚手架任务plop官网 plop官网2运行plop出现原创 2022-03-03 22:09:37 · 325 阅读 · 0 评论 -
脚手架： yeoman 通用性脚手架 基本使用
生成结果原创 2022-02-28 13:27:06 · 162 阅读 · 0 评论 -
js: 函数和闭包在堆栈中的执行过程
函数闭包原创 2022-02-22 08:01:12 · 492 阅读 · 0 评论 -
js: flow开始
官网： 链接安装npm install --save-dev flow-bin在 package.json加入 "scripts": { "flow": "flow" }npm run flow initnpm run flow需要在文件中第一行添加 // @flow 才能生效vscode可能会报错，可以进行关闭 settings中搜索javascript validate取消第一个勾选// test.js 添加了类型注解// @flowfunction test(q原创 2022-01-24 01:14:23 · 775 阅读 · 0 评论 -
js： 类型注解 flow 弱类型引起的问题
测试地址const hello : string = "Hello World!"console.log(hello)let arr: number[] = [1,2,3]console.log(arr)let obj: { name: string, age: number, sex?: number} = {name: 'zs', age: 25}let temp : undefined=undefinedlet temp2 console.log(tem原创 2022-01-24 01:08:16 · 729 阅读 · 0 评论 -
面试题-技术： ts(typescript)
谈谈你对ts的看法如果你使用JavaScript很少有类型相关的困扰和问题，那TypeScript其实对你就没有太多的帮助。我学TypeScript的目的很简单，就是为了能够在阅读开源代码时。尤其是当开源库中有*.d.ts这种类型声明文件时，我能否明白这些接口的含义。// enum枚举类型:为接口字段的数值赋予友好的名字enum examState { loading = 0, // 未出结果 pass = 1, // 通过 notPass = 2, // 未通过 nul.原创 2021-12-12 10:51:07 · 1481 阅读 · 0 评论 -
js/vue: webcomponent web component
在目标浏览器上的兼容性html/css/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.原创 2021-12-11 22:33:26 · 668 阅读 · 0 评论 -
js: 拿到多个请求的结果Promise.all并发请求
Promise.all([new Promise((rs,rj)=> { setTimeout(() => { rs('p2') }, 5000) }), new Promise((rs,rj)=> { setTimeout(() => { rs('p1') }, 2000) }) ]).then((result) => { console.log(r原创 2021-11-16 09:48:47 · 1881 阅读 · 0 评论 -
js: 功能 敏感词过滤 鼠标拖曳 跟随鼠标移动
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>无标题文档</title><script>window.onload=function (){ var oTxt1=document.getElementById('txt1'); var oTxt2=document.getElementById('txt2'); var oBtn=docum原创 2021-10-08 21:40:22 · 104 阅读 · 0 评论 -
js:动画 拖曳模态框 仿京东显示隐藏密码框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do原创 2021-10-08 21:39:55 · 104 阅读 · 0 评论 -
js特效： 轮播字
轮播字<h2> <div class="mask"> <span data-show>a theater.</span> <span>a gym.</span> <span>a concert hall.</span> <span>an arcade.</span> </div></h2><script>原创 2021-10-08 21:32:42 · 265 阅读 · 0 评论 -
js: 动画 仿新浪下拉菜单 仿淘宝固定侧边栏
防新浪 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {原创 2021-09-29 02:12:00 · 240 阅读 · 0 评论 -
js: 动画 筋斗云导航栏 仿淘宝关闭二维码
筋斗云导航栏<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{margin: 0; padding: 0;} ul {list-style:none;} body { background-color:原创 2021-09-29 02:11:52 · 113 阅读 · 0 评论 -
js:动画 自动关闭广告 旋转木马相册
自动关闭广告<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>广告自动关闭</title> </head> <style> .tip{ position: fixed;原创 2021-09-29 02:11:42 · 129 阅读 · 0 评论 -
css/js: 手动实现焦点图（轮播图）
实现思路：A： 鼠标经过父盒子focus,显示隐藏左右按钮B：动态生成小圆圈个数（ol中li等于ul中li的个数）；第一个圆圈默认选中(遍历ul中li个数，为il中的li添加事件，遍历ol干掉所有li的样式留下我自己的样式)C：点击小圆圈滚动图片（滚动距离=索引号*父盒子宽度；生成li的同时设置自定义索引号，得到点击的索引号 动画animate(ul, -index * focusWidth)）D: 右侧按钮，点击右侧按钮滚动一张（同上）E： 图片无缝滚动：（克隆第一张到最后一张。当滚动原创 2021-09-20 12:42:53 · 1117 阅读 · 0 评论 -
js： 发请求，浏览器调试, fetch
fetch('http://example.com/movies.json') .then(function(response) { return response.json(); }) .then(function(myJson) { console.log(myJson); });在浏览器console面板输入即可携带cookie原创 2021-08-31 15:21:30 · 268 阅读 · 0 评论 -
js: 广告相关
广告类型：a. 激励视频广告【会发生这四大事件：广告提示，选择观看，广告奖励，使用奖励】，b. 原生广告【视频类：视频背景的广告牌也可以是视频暂停、加载、结束后弹出的广告插屏。应用开机&主题表情。桌面原生广告（桌面原生广告）。Feeds信息流 （如Facebook、新浪微博、微信广告等在信息流中插入广告）。手机导航、搜索类】，c. banner广告【位于网页顶部，中部，底部任意一处，但是横向贯穿整个或者大半个页面的广告条】，d. 插屏广告【在用户做出相应的操作（如开启、暂停、过关、跳转、.原创 2021-06-29 11:29:56 · 359 阅读 · 0 评论 -
js: 预览pdf，word
pdf谷歌浏览器直接就可以预览，也可以用插件。预览word有两种方式：一种转成pdf文件预览。还有一种（https://github.com/search?q=word%E9%A2%84%E8%A7%88）需要后端写服务（纯前端是没法直接预览word文件的）...原创 2021-05-24 17:45:53 · 581 阅读 · 0 评论 -
js:预览pdf, word
预览word，可以转成用格式工厂转成pdf文件链接原创 2021-05-22 09:52:46 · 661 阅读 · 0 评论 -
js: html自定义分享
https://blog.mimvp.com/article/25494.htmlwindow._bd_share_config原创 2021-05-13 16:08:30 · 183 阅读 · 0 评论 -
js: base64字符串
iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfkAx4HLQXjaBGtAAAEQ0lEQVRo3rWZW2hcRRjHf2etsdXN1qRpaagPlTZNqSAtKkhsBKWCF3xRLH1RgklBoYgi2SKCbpHig9STJ33x原创 2021-05-11 13:32:07 · 543 阅读 · 0 评论 -
js: input上传两次同一张照片， chage时间不触发
https://blog.csdn.net/qq_42991509/article/details/104815964在图片上传完后，清空input的value (或$(‘input’).val(’’))原创 2021-04-24 19:05:32 · 324 阅读 · 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>原创 2021-04-20 17:08:22 · 452 阅读 · 0 评论 -
js:前端html生成二维码
https://www.cnblogs.com/whkl-m/p/10797776.html <div style="width: 400px;height: 400px;" id="qrcode"></div> <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script> new QRCode(document.getElementBy原创 2021-04-20 15:50:09 · 561 阅读 · 0 评论 -
js: 正则表达式 示例汇总
正砸验证-身份证 https://blog.csdn.net/gqzydh/article/details/90295842 ok姓名正则： https://blog.csdn.net/wwwind213/article/details/80167016 ok原创 2020-11-25 10:48:31 · 110 阅读 · 0 评论 -
js: 移动端预览pdf
移动端引入pdf加载空白(webview进行pdf预览)一：后端插件https://jdab.zjhzyx.com/pdfjs/web/viewer.html?file=https://jdab.zjhzyx.com/jdabrestest/userfiles/app/course/pdf/20200331/81AD40F9-67C1-427A-B596-A3767D39E1A0.pdf二：前端实现1.pdf只能显示pdf查看器，无法显示psf内容(本地pdf都无法打开) 官网稳定版下载需要fan原创 2020-10-13 15:35:44 · 1169 阅读 · 0 评论 -
js：字符串标识（双引号/单引号）
字符串：前端语法检查文件有单双引号字符串标识约束。（如.json文件前端必须双引号，后端没有约束）前端传递无论传什么标识的字符串，后端就能识别字符串（默认是双引号标识）。后端识别数据类型：1）post请求，后端根据表中字段查找前端传递字段2）post请求，后端根据前端字段查找表中的字段（查不到就报错）// 这种就要求前端不能post多余字段，否则后端报错拿不到数据...原创 2020-09-20 15:12:10 · 1262 阅读 · 0 评论 -
本地引入eleemntui报警告：failed to decode download font
由于后台项目，不打算采用的、elementui官网推荐的引入cdn方式。可是直接在https://unpkg.com/browse/element-ui@2.10.1/单个下载，却出现了下面的情况，而cdn引入却不会。结果自然是组件的图标显示不了。我猜测是字体图标文件单个下载受到了损坏。用了所以用了别人的paython脚本来下载并引入对应的文件却没有错了import requests,re,os,time,shutilurl="https://unpkg.com/"mod="element-原创 2020-06-05 13:22:12 · 681 阅读 · 0 评论 -
js: 获取地址栏后的参数
let getUrlParamValue = function (name) { if (name == null || name == 'undefined') { return null; } var searchStr = decodeURI(location.search); var infoIndex = searchStr.indexOf(name + "="); if (infoIndex == -1) { r...原创 2020-06-03 11:32:37 · 354 阅读 · 0 评论 -
js:判断后台返回的图片链接和本地缓存的图片是否有效,随机获取数组的某一项
function CheckImgExists(imgurl) { return new Promise(function(resolve, reject) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl; ImgObj.onload = function(res) { resolve(res); }原创 2020-05-21 00:16:59 · 713 阅读 · 0 评论 -
js：判断终端设备
判断是不是苹果设备方式一： // 判断设备--// ios终端 let u = navigator.userAgent if (!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) { location.href = location.origin + '/download/download.html' }方式二： var ua = navi...原创 2019-12-25 14:24:20 · 256 阅读 · 0 评论