spring boot
matlab
scipy
网络运维
java-rabbitmq
xcode
armv9
flink watermark
ThingsBoard
rockchip
文档协作
Pascal
个人开发
API接口开发系列
湖南大学
git reset
刷盘
强化学习
秒定时器
ai
js
2024/4/25 5:21:49
layui多选框不显示css样式
今天用layui出现了多选框不显示css样式的问题，经过排查发现了问题： 首先看看你script里面有没有这个： 然后再检查你的select有没有被样式为layui-form的div包裹： 这样就显示样式了。
JavaScript去掉双引号
var reg new RegExp(","g"); str str.replace(reg, ""); 运行前： 字符串str内容如下： "小明","20" "小东","30" 运行后： 字符串str内容如下： 小明,20 小东,3…
Vue前端接收后台二进制文件的方式
1.如果是是get请求，且参数只有很少,例如：
location.href ${process.env.VUE_APP_API_BASE_URL}xxx/xxxx/printOrderPdf?id${this.baseInfo.id} 2.如果是post请求，或者参数很多则：
this.$http({method: post,url: xxx/xxx/pr…
你还没用Electron开发桌面应用吗？【文末送书】
Electron是一个运行平台，它能够让我们通过 HTML CSS JavaScript 开发桌面应用程序。核心原理就是 Electron 中将 Chromium（Chrome 的内核）和 Node.js 打包到了一起，通过 Chromium 提供 WebView 从而实现 UI 编程能力，…
dom转jquery、jquery转dom方式
dom转jquery、jquery转dom方式
1.dom转jquery
$(dom对象)2.jquery转dom方式
jquery对象[0]
在按钮的点击事件中，传参的类型为String类型的解决方案
在按钮的点击事件中，传参的类型为String类型的解决方案
<button type"button" class"btn btn-primary" οnclick\"update("val.id")\"></button>解释：
\" ：转义，表示双…
JavaScript全选、全不选、反选
预览： 1. 首先是html的布局。分别给人名前面加个input的勾选框，然后分别给全选、全不选和反选一个button按钮。 2. 接着就是js部分，首先我们先获取到input和button。 3. 选中第一个button，然后给个for循环，点击全选时…
JS AJAX---AJAX简介
AJAX是开发者的梦想，因为你能够： 不刷新页面更新网页在页面加载后从服务器请求数据在页面加载后从服务器接收数据在后台向服务器发送数据 AJAX实例：
HTML页面
<!DOCTYPE html>
<html>
<body>
<!--<div>用来显示…
React前端开发所需技术
1、搭建本地react脚手架：React脚手架官方文档链接 2、react 路由：react-route-dom 或者参考：react-route 3、配合UI设计组件：ant-design 4、和后台交互的工具http库 ： axios
三十七个常见Vue面试题，背就完事了。
一、谈谈你对MVVM的理解？
映射关系简化，隐藏controller MVVM在MVC的基础上，把控制层隐藏掉了。
Vue不是一个MVVM框架，它是一个视图层框架。 ViewModal是一个桥梁，将数据和视图进行关联。
二、谈谈你对Vue中响应式数…
日期数据数组按实际周和实际月进行分组
需求来源：后端返回所有时间数组和数值数组，前端按天、周、月进行统计用于图表的展示。
实现效果如下：原始数据是两个数组，date数组存放日期，value数组存放日期对应的数值，经过按周分组和按月分组输出week和…
WebMIDI测试页
Yesterday I had to plug in my keyboard to the computer and wasnt sure if it was working. How do I test? Well, I had to look up an older post, copy and paste some code to the console... what a drag. 昨天我不得不将键盘插入计算机，不确定是否可以正常…
vue 给点击元素加样式，并且去掉与点击元素同类元素的样式
template这样写：
<div class"outer-container"><div class"inner-container" v-for"(item,index) in treeLists" v-key"item.id"><div class"classifyRow" click"vm.changeClassify(item.i…
call、apply、bind三者的用法和区别
在面试中经常会被问到call、apply、bind三者的用法和区别，今天就来整理一下！
我们知道，call、apply、bind这三兄弟都是可以改变this指向的，那具体如何使用呢？ 我们先定义两个对象 var obj{name:Li lei,age:18,intr:fu…
vue 解决dom动态绑定data 刷新页面数据没有自动绑定问题
问题：今天发现了问题，刷新页面数据没有自动绑定，所有方法都试过了，刷新页面还是活跃标签没有变红 解决方法：将绑定标签的方法放入到Vue的Updata函数中，就可以解决啦，或许会影响性能但是真的管用…
C3PO：常见的第三方对象
Problem: too much JavaScript in your page to handle 3rd party widgets (e.g. Like buttons) Possible solution: a common piece of JavaScript to handle all third parties needs 问题：页面中JavaScript太多，无法处理第三方的小部件(例如ÿ…
前端传递字符串给后端，并将其转化为JSONArray进行处理
fastjson运用
前端传递数组给后端，
首先创建数组对象， var cartItemId new Array();
将数据存入数组中后，使用stringify将数组字符串化， cartItemId JSON.stringify(cartItemId);
用$.ajax()方法传给后端进行处理 $.ajax({t…
首场云智技术论坛，明天见！
倒计时1天“云智技术论坛”首场论坛活动重磅来袭作为年度最专业的技术论坛此次将围绕“云智一体 构建企业 AI 开发全栈模式”为大家带来一场别开生面的技术盛宴????????????精彩不容等待明天，我们不见不散！点击阅读原文即可观看直播
教你如何用24个ES6方法解决实际开发的JS问题？本文详解
本文主要介绍 24 中 es6 方法，这些方法都挺实用的，本本请记好，时不时翻出来看看。
1.如何隐藏所有指定的元素
const hide (el) > Array.from(el).forEach(e > (e.style.display none));// 事例:隐藏页面上所有<img>元素?
hi…
babel配置与使用说明
1 概述 babel是转码器，用于将es6的代码转换为es5的代码。提升代码在浏览器中的兼容性。 2 使用步骤 最终文件目录结构 image-20200827094819375.png安装babel工具 # 全局安装babel工具
npm install -g babel-cli
# 测试是否安装成功
babel --version npm初始化项目 …
JS全国城市数组列表
第一个变量存放的是各省
第二个变量存放的是各省下的各市
两个数组下标一一对应
let provinces ["北京市", "上海市", "天津市", "重庆市", "河北省", "山西省", "内蒙古自治区", "辽宁省&quo…
js生成随机用户名函数
在项目实战中有一个功能需求是用户注册时随机生成用户名，在我思索后写出来了。
原理也是非常简单，从一个存有要随机内容的数组中每次随机抽取一个进行拼接，在循环结束后将拼接好的随机用户名返回就可以了。
下面是我写的函数，可…
Javascript中定时器的使用方法
Javascript中定时器的使用方法 1.间隔定时器(每隔一段时间执行一次代码) 格式：setInterval(函数，时间) //时间单位是毫秒，每隔设置的时间执行函数里的内容一遍(一直执行) //每隔一秒钟，输出一次i，并加一
var i0
setInt…
JS中常用的一些正则表达式
一、常用的正则表达式：
1、匹配所有的正数：^[0-9]$2、匹配所有的小数：^\-?[0-9]*\.?[0-9]*$3、匹配所有的整数：^\-?[0-9]$4、提取信息中的中文字符串： [\u4e00-\u9fa5]* ; 5、提取信息中的邮件地址：\w…
七夕来袭，送给未来的你一次JS的创意表白
七夕来袭！是时候展现专属于程序员的浪漫了！ 红豆生南国，春来发几枝。愿君多采撷，此物最相思。 记录一起走过的那些日子 留给未来的我们。。。
创意代码表白
属于程序员方式的专业浪漫，值得拥有！
效果演示…
vue 、 在element-ui的el-table组件中 使用 el-select绑定对象时value-key的注意事项
// 绑定对象时设置了value-key，再次点击时不会高亮,找了源码发现key需要一致；
// 相关源码
isEqual(a, b) {if (!this.isObject) {return a b;} else {const valueKey this.select.valueKey;return getValueByPath(a, valueKey) getValueByPath(b, va…
vue 下载word等文档
// 下载getdownloadInfo(row) {let url row.reportUrlconst fileName url ;if ("download" in document.createElement("a")) {let downloadElement document.createElement("a");downloadElement.href url.docurl;downloadElement.downlo…
js vue下载图片
图片需要转化成base64，然后在下载。 // 图片转化base64getUrlBase64(url) {return new Promise((resolve) > {let canvas document.createElement("canvas");let ctx canvas.getContext("2d");let img new Image();img.crossOrigin &quo…
正则表达 数字和小数 只能含有一个小数点 保留3小数 首位不能是小数点
html写法 <el-inputmaxlength"15":oninput"(val oninputNumber(val))"v-model.trim"val"/> script写法 data() {return {val: "",};},
methods: {oninputNumber(param) {return param.replace(/[^\d.]/g, "").replace…
vue文件预览word等
第一种：
<a :href "http://www.xdocin.com/xdoc?_functo&_formathtml&_cache1&_xdocscope.row.FileUrl" target"_blank" rel"nofollow">
第二种：
//文件预览点击的时候传url(文件…
小程序富文本设置图片大小
html
<rich-text nodes"{{listmore}}"></rich-text>
js
this.setData({ contents:res.data.contents.replace(/\<img/gi, <img class"add" style"width:100%;height:auto")//class"add"我是设置了全局样式&am…
前端(移动端)图形验证码
微信小程序、uniapp、h5、vue等(利用canvas实现)1.例子(展示小程序)： 1.如果不是小程序的话，适当修改一下代码 2.新建mcaptcha.js文件 module.exports class Mcaptcha {constructor(options) {this.options options;this.fontSize options.height * 3…
前端生成pdf并导出，解决了图片不能绘制的问题.（一）
生成pdf的方式有多种，前端后端都可生成，各有优缺点，本文主要讲解前端生成pdf的方式，并解决了图片不能绘制的问题。前端生成，使用 html2canvas进行绘制。该方式操作简单，浏览器端即可完成，不会对…
通过Javascript实现把数组里的内容以表格方式呈现到页面从
一、把数组里的内容呈现到页面从，以表格方式 <!doctype html>
<html>
<head>
<meta charset"utf-8">
<style>
.tb,th,td{border: 1px solid #CC5D5E; }
</style>
</head><body><table class"tb…
Javascript实现让小图片一直跟着鼠标移动
Javascript实现让小图片一直跟着鼠标移动实例 注意：图片可能加载不出来，注意更换 <!doctype html>
<html>
<head>
<meta charset"utf-8">
<title>永恒之月</title>
<style>
body {margin: 0;paddin…
小扎扎学测试笔记打卡day5：js的基础语法、bs和cs架构
小扎扎学测试笔记打卡day5：js的基础语法、bs和cs架构一、软件测试定义二、软件测试的目的和作用三、软件测试原则四、bs和cs架构五、常见图片格式六、服务器、域名、url七、javascript语言八、js的基础语法九、js的事件十、js的书写位置（引入方式&#x…
react项目运行缺少脚本_缺少React的介绍
react项目运行缺少脚本重点 (Top highlight)React is the world’s most popular JavaScript framework, but it’s not cool because it’s popular. It’s popular because it’s cool. Most React introductions jump right into showing you examples of how to use React,…
[ 冒泡排序 ] 简单的一塌糊涂
[ 参数说明 ] 1、arr：数组首地址。 2、n ：数组元素个数。 void sort(int arr[], int n)
{for(int i n - 1; i > 0; --i) // 固定最后一个元素，最后元素始终保存当前最大的数字for(int j 0; j < i; j) // 如果他前面的元素比它大&…
Openlayers 地图点实现获取到地图上创建的features对象数据
mapLine.on(singleclick, function(evt) {mapLine.forEachFeatureAtPixel(evt.pixel, feature > {//获取到feature对象coordinatesfeature.geometryChangeKey_.target.flatCoordinates;//获取创建feature坐标});
}
vue组件中的kebab/pascal/命名法，你知道么？
在程序书写中，不同的语言，不同场景，会有不同命名法。比如：
python中变量使用下划线链接java/js 语言变量使用驼峰命名法 camel一般类都会使用大写字母开头的驼峰命名法 pascal前端css类名则会使用中横线链接 kebab
实际开发中&a…
客户端脚本编程（含代码）
目录目的和要求内容和步骤代码个人简历表格js验证程序心得体会目的和要求
学习网页编程，掌握客户端脚本语言 JavaScript 的使用。
内容和步骤
1、编制如下图所示的个人简历表格：
2、用 JavaScript 脚本语言设计一个简单的验证程序：要求在…
【JavaScript】Day2——运算符、流程控制、循环、数组
▊ 运算符 比较基础的内容了，这里只给出一些值得注意的地方，不做系统阐释 ☀ 注意：
除法运算符/就是除法。和Python类似：3 / 2返回1.5；而不是Java那样的地板除：3 / 2返回1只要是计算机的浮点运算ÿ…
【Web API】DOM事件
▊ Web APIs与JS基础的关联
JS的三个组成部分中，经常提到的JS基础是指ECMAScript，Web APIs阶段是DOM和BOM
API(Application Programming Interface，应用程序编程接口)我们并不陌生，那么什么是Web API呢？
其实用法思…
【Web API】BOM小案例
❶ 倒计时
<div class"box"><div class"hour"></div><div class"minute"></div><div class"second"></div>
</div><script>var hour document.querySelector(.hour);var mi…
【Web API】PC端网页特效
补充内容
▊ 元素偏移量offset
使用offset可动态的得到元素的位置(偏移)、大小等
注：偏移是指相对于带有定位的父元素；大小是指自身整个盒子的宽高；返回值都不带单位
box.offsetTop // 上偏移位置
box.offsetLeft // 左偏移位置
box.…
vue仿elementui自定义一个v-pageloading指令，开箱即用
创建一个loading文件夹。包含loading.vue、loading.js、index.jsloading.vue 写布局及css样式实例代码
<template><div class"loading-container" v-show"loadingShow"><div class"pageloading"><span></span>&l…
VSCode 的这些黑科技 99% 的人都不知道
VSCode 已经成为大家常用的编码工具了，但是得益于它的插件生态机制，其实 VSCode 能覆盖的面远比你想象中的大得多，今天笔者就来介绍其中一些相当给力的使用场景。不只是 markdown首先介绍插件 markdown-preview-enhanced，它的核心…
王力宏近照苍老异常，原来是……是写代码导致的
昨天看节目，发现这人声音很熟悉但一时间不知道这人是谁？ 读书那会天天听他的音乐，想着有一天我和他一样那该多酷呀，十几年后我在某种程度上实现了；不是我在唱歌了，而是他也在写代码了，一个音乐人…
最新 JavaScript 现状调查报告出炉
点击下方“小生方勤”，选择“设为星标”第一时间关注技术干货！今天突然看到了最新 JavaScript 的现状调查报告，看到了几个比较有意思的数据，在这里分享一下。每一年都会发布一个 JavaScript 的行业报告，数据来自于公开…
面试官：Webpack 究竟打包出来的是什么？
前言Webpack 作为普遍使用的打包工具，在开发和发布的过程中产出的代码结构，你是否关心过？本文为你揭开它的神秘面纱。1、开发模式一般情况，开发的过程都会使用 devServer 并开启 hot 热更新。假如我们有一个页面入口文件 index.js…
meta标签到底是做什么的，我竟一无所知
1. 起因最近部门在推微前端，需要按功能拆分多个子应用，主应用在加载的过程中经常出现加载失败的问题。因为https地址中，如果加载了http资源，浏览器将认为这是不安全的资源，将会默认阻止。后来在文档中添加了<meta h…
Vuex 更好的替代品 Pinia，真香
作者：凯哥爱吃皮皮虾https://juejin.cn/post/7068113574043844622Piniapinia 目前已经是 vue 官方正式的状态库。适用于 vue2 和 vue3，本文只描述vue3的写法。pinia 的优势相对于以前的 vuex，pinia具有以下优势更简单的写法，代码更…
JavaScript 数组又新增了 4 个非破坏性方法！
今天聊 JavaScript 的最新提案，这是我 最新技术提案 专栏的第 16 篇文章了，感谢读者们一如既往的支持！开门见山，JavaScript 数组即将新增 4 个新的非破坏性方法：.toReversed().toSorted().toSpliced().with()Change Ar…
一个显著降低Hooks心智负担的原生Hook
前言useEvent[1] 是一个刚刚提案的原生Hook，还处于RFC。讨论地址在这里~[2]下面有些代码就是来自其中RFC：Request for Comments 提案还在广泛的讨论阶段为什么要这样🤔没有 useEvent 的时候😶我们先看看不用 useEvent 的情况&…
你还在直接用 localStorage 么？该提升下了
很多人在用 localStorage 或 sessionStorage 的时候喜欢直接用，明文存储，直接将信息暴露在；浏览器中，虽然一般场景下都能应付得了且简单粗暴，但特殊需求情况下，比如设置定时功能，就不能实现。就…
es6 find()和findIndex()查找函数
1. find()用来查找目标元素，找到就返回该元素，找不到返回undefined.查找回调函数，有三个参数语法：array.find((value, index, arr) > {value 匹配对象})2. findIndex()用来查找目标元素，找到就返回元素的位置&…
es6 filter()过滤函数
1. filter()返回符合条件的元素的数组[]筛选回调函数，有三个参数语法：array.filter((value, index, arr) > {value 匹配对象})特殊用法：1. 去掉空字符串、undefined、nullarray.filter((value, index, arr) > {value})2. 数组去重arra…
Html5使用history对象history.pushState()和history.replaceState()方法添加和修改浏览历史记录
原文：https://blog.csdn.net/u012028371/article/details/67636395
正文~
概述
浏览器窗口有一个history对象，用来保存浏览历史。如果当前窗口先后访问了三个网址，那么history对象就包括三项，history.length属性等于3。history.le…
F12解决网页不能复制
博客类小程序源码，快速开通流量主，代码地址 程序猿,经常东拼西凑，COPY下代码，一个功能就好了，但经常碰到网页内容不能复制的,一个F12就可解决 F12,执行后就可正常复制
var allowPaste function(e){e.stopImmediatePr…
JavaScript中的for循环if条件判断和switch开关语句(JS笔记:十二)
JavaScript中的for循环if条件判断和switch开关语句(JS笔记:十二) for循环：
格式：for(初始化变量，条件判断，变量更新){语句块};
var arr [1,2,3,2,52,4,1,2,5,2,125];
for(let i 0; i < arr.length; i){console.log(arr[i])…
JavaScript日期对象下的API(JS笔记:十四)
JavaScript日期对象下的API(JS笔记:十四) 日期对象的使用：
获取当前的实时时间：var date new Date()日期对象下的API：
所有API之前都需要date.调用此API
getFullYear()：返回年份 getMonth()：返回月份，0…
vue接入点聚weboffice打开在线文档报系统错误
运行官方的demo能正常打开线上文档放到vue打开就报错打开demo一行一行的排查解决bug:组件初始化需要调用一下weboffice.OptionFlag | 128;
相关代码：
// weboffice 组件
<object ref"weboffice" :heightheight :widthwidth stylelet: 0px; top: 0px …
前面那个只执行，不显示，后面那个显示5，需要有一个打印功能的函数
eval("23") console.log(eval("23") );而且是在xx.js文件中，不知道与此后缀有没有关系。点vscode里右上角的小三角后显示。
JS获取当前时间并且实时刷新
代码： $(function () { setInterval(“getTime();”, 1000); //每隔一秒执行一次 }) //取得系统当前时间 function getTime() { var myDate new Date(); var date myDate.toLocaleDateString(); var hours myDate.getHours(); var minutes myDate.getMinutes();…
jQuery验证插件 Validate校验及自定义验证规则
1. validate的使用步骤
1.引入jquery.min.js 2.引入 jquery.validate.js 下载地址：https://www.jq22.com/jquery-info122 3.页面加载后对表单进行验证 $("#表单id名").validate({}） 4.在validate中的rules中编写验证规则（格式如下…
前端如何引入vConsole
很多文章讲述不是很到位，就记录一下 vconsole 的使用和注意点。
为什么要使用 vconsole.js ?
因为手机或者平板之类的客户端软件并没有控制台，前端开发想看log日志比较麻烦，如果一直弹窗alert方法实在太挫了。所以腾讯开发了这个 js 插件。…
js/jquery对特殊字符进行转义防止js注入使用示例
/** JQuery Html Encoding、Decoding
* 原理是利用JQuery自带的html()和text()函数可以转义Html字符
* 虚拟一个Div通过赋值和取值来得到想要的Html编码或者解码
*/
<script src"https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script …
推荐一个检测 JS 内存泄漏的神器
作为一名 Web 应用程序开发者，排查和修复 JavaScript 代码的内存泄漏一直是最困扰我的问题之一。最近，Meta 开源了一款检测 JavaScript 代码内存泄漏的框架：MemLab，我们来一起看看这个框架有啥神奇之处吧～2020 年&…
数据可视、语义分割、T_Youtube、智能调酒 | Mixlab人工智能合集
Knowledge/ def mix( ):本期收录新增28NO.33 #篮球##数据可视化##体育#https://public.tableau.com/zh-cn/gallery/mapping-nba-shot-locations?tabviz-of-the-day&typeviz-of-the-day#浏览器##语义分割#监测、描绘Search by interest用TensorFlow.js在浏览器中进行实时语…
虚拟人物视频一键生成，不想上镜？就用它｜Mixlab智能产品
AI视频生成平台AI video generation platform 想录视频，但又不想亲自上镜？不会说外语，又想做外语口播视频？也是没问题的！（露出机智的小眼神~）在AI视频生成平台，选择一个角色…
Mymind知识库限量邀请 | MixLab智能工具
Mymind一种扩展您的思维的新方式大脑以神秘的方式运作~如此神秘，我们对此知之甚少。我们所知道的是，它就像一块海绵。我们所经历的一切都被吸收并存储在微小的单元格中。思考意味着访问这些单元并在信息位之间建立连接。这是瞬间发生的，远远超…
参数化设计 | MixAI 知识库 No.58
Knowledge/ def mix( ):本期收录新增9NO. 58#设计# #计算设计# #参数化设计# Mill Canvas（一种产生动效设计的程序）是TheMill专有的实时平台，能够根据一系列“设计规则”以程序方式生成动态图形。该系统使用栅格系统来生成伪随机图形…
微信开发：关闭当前浏览器窗口
关闭当前浏览器窗口
<a onclick"WeixinJSBridge.invoke(closeWindow, {}, function (res) { });" ">确定</a>
使用 th:onclick传递多个参数
th:onclick"myPreview1(\${bookinfo.id}\,\${bookinfo.bookname}\,\${bookinfo.author}\)"参数带有字符串需要单引号引注，单引号需转义 偶尔出现几个红可以忽略
【华为OD机试】火星文计算（python, java, c++, js）
火星文计算
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题目描述 已知…
使用js设定标签属性，利用循环遍历给标签添加事件
设定标签属性
给标签添加属性
语法
标签对象.setAttribute(属性名称 , 属性值);一次只能定义一个属性，如果要定义多个属性，要执行多次。例如：
标签对象.setAttribute(属性名称1 , 属性值1);
标签对象.setAttribute(属性名称2 , 属性值2);…
JavaScript 事件监听用法及其兼容
事件的监听
如果是普通的事件绑定，相同事件类型，只能绑定一个事件处理函数； 如果同一个类型，绑定多个事件处理函数，后绑定的事件会覆盖之前绑定的事件。 如果想同时绑定多个事件处理函数，可以用事件监听解…
this指向 箭头函数中的this call、apply和bind方法的用法以及区别
thisthis 指向看看箭头函数的案例call、apply和bind方法的用法以及区别来几个面试题试试this 指向 1.普通函数的this：指向它的调用者，如果没有调用者则默认指向window. 2.箭头函数的this: 指向箭头函数定义时所处的对象，而不是箭头函数使用时…
vue-cli 2.0/3.0+ vue build打包生成的文件中运行index.html报错Failed to load resource: net::ERR_FILE_NOT_FOUND 白屏
问题
执行npm run build 生成的打包文件运行index.html 报错,上线不能正常显示内容
解决办法
vue-cli 2.0
在build / webpack.prod.conf.js 文件 output参数配置 publicPath:’./’, 重新build即可
vue-cli 3.0 及以上
1.在vue.config.js 文件中 修改成 publicPath: ‘…
js 判断对象里面有没有值
记录一下！
方法一
var objthis.parmas
if(Object.values(obj).length>0){// 有值
}else{// 无
}方法二
let arr []
for (let key in obj) { arr.push(obj[key])
}判断数组中对象是否存在某个值
var arr [{name: "张三",value: "0"
…
js利用html2canvas实现dom元素转图片下载
业务场景： 需要对页面进行截图保存 技术： JS截图插件html2canvas.js 实现在用户浏览器端直接对整个或部分页面进行截屏。 如图点击下方保存图片按钮进行上方页面转换成图片保存
首先 安装html2canvas依赖
npm install --save html2canvas在所需页面引…
js获取url中参数
function get_url_cs() {var url location.search;//获取用户参数var request new Object()if (url.indexOf(?) ! -1) {var str url.substr(1)let strs str.split(&)for (var i 0; i < strs.length; i) {request[strs[i].split()[0]] strs[i].split()[1]}}consol…
let 、var、const区别
1.let,const在代码块内有效，var是在全局范围内有效 { let test1 0; var test2 1; } test1 // test1is not defined test2 // 1
2.let 和const只能声明一次，var 可以声明多次 let test1 1; let test1 2; var test2 3; var test2 4; test1 // Ident…
【JavaScript】原生js中的定时器以及如何在实例中应用
定时器 setInterval：间隔型 setTimeout：延时型 <body><input type"button" value"开启" id"btn1"><input type"button" value"关闭" id"btn2"><hr><ol><…
DOM删除节点的操作
有个div区域
<div id"div_2">
learn hard!</div> function rmNode(){var oDivNode document.getElementById("div_2");oDivNode.removeNode(true);}function rmNode2(){var oDivNode document.getElementById("div_2");oDivNode…
JavaScript学习手册五：JS数组
JS数组1、数组的创建、读写和长度任务描述相关知识代码文件2、数组元素的增减任务描述相关知识代码文件3、数组的遍历和多维数组任务描述相关知识代码文件4、数组的常用方法任务描述相关知识代码文件5、数组的应用——内排序任务描述相关知识代码文件1、数组的创建、读写和长度…
JavaScript学习手册八：JS函数
JS函数1、用函数语句定义函数任务描述相关知识用函数语句定义代码文件2、用表达式定义函数任务描述相关知识用表达式定义代码文件3、函数的调用任务描述相关知识函数的调用代码文件4、未定义的实参任务描述相关知识用函数语句定义代码文件5、实参对象任务描述相关知识实参对象代…
js 函数名 is not defined 页面js里的函数报错
由于经常遇到使用js函数时明明函数名称写是对的，但还是报错提示 函数 is not defind 令人烦躁；
看了网上的帖子整理下解决思路
1、函数 is not defind 一旦报这个错说明你的js代码里面有BUG与js的写法什么的没关系, 优先查看在此函数前执行的js代码
2、…
【华为OD机试】路灯照明问题（python, java, c++, js）
路灯照明问题
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 问题描述 在…
修复轮播效果的Bug
修复轮播效果的Bug
在我们的日常生活中，经常能看到许多轮播图，例如一些网站、广告、宣传这些，通过简单的学习和老师讲解，知道轮播图的时候因为用的是click()，比如我们所看到的只有五张图片，却使用7张来 轮…
不是很懂，用心体会一下，反正行文就是十分的怪异。代码看起来像这样，这是什么话。为什么通过webpack就要写成这样
如果你通过 Babel 和 webpack 使用 ES2015 模块，那么代码看起来像这样：
import ComponentA from ‘./ComponentA.vue’
export default { components: { ComponentA } // … } 注意在 ES2015 中，在对象中放一个类似 ComponentA 的变量名其实…
最新Chrome浏览器跨域设置
最新Chrome浏览器跨域设置
注意，设置跨域后会设置为全新的浏览器，最好是先新建一个快捷方式在桌面 老版本设置 在桌面新建一个Chrome浏览器的快捷方式，右键选择属性-目标，添加“ --disable-web-security --user-data-dir”即可。…
document的只读属性
1. domain： 当前文档的域名2. URL ：当前文档 url3. referrer： 当前文档的前一个页面的url4. anchors： 当前文档的所有锚点（a 标签）5. forms ：当前文档中的所有表单6. images ：当前文…
前端js-----购物车加减事件(全选和全不选)
原生js（效果图如下）： 代码（html、css、js没有分离）：
<!DOCTYPE html>
<html><head><meta charset"utf-8"><title></title><style type"text/css&q…
![[JavaScript学习笔记]流程控制之循环结构(快进来学习断点调试！)](https://img-blog.csdnimg.cn/20210329102207948.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTM2ODMy,size_16,color_FFFFFF,t_70#pic_center)
[JavaScript学习笔记]流程控制之循环结构(快进来学习断点调试！)
流程控制循环流程控制JS中的循环断点调试for循环案例双重for循环打印星星打印九九乘法表while循环案例计算1-100之间所有整数和do-while循环计算1-100之间所有整数和continue break关键字在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多…
AR lab Design AI lab
更新下本实验室的两款开源工具箱的进展：1 -AR lab 效果演示我一直有关注AR领域的创新，尤其是多屏联动、实时互动、图像分割算法等技术。加上之前的创业经验，对于AR我有着任何既有软件功能都可以使用AR来实现一遍的想法，比如…
js 判断各种数据类型
了解js的都知道， 有个typeof 用来判断各种数据类型,有两种写法：typeof xxx ,typeof(xxx)
如下实例：
typeof 2 输出 number
typeof null 输出 objecttypeof {} 输出 objecttypeof [] 输出 objecttypeof (fu…
JavaScript入门及基础知识介绍
文章目录JavaScript大纲1.概述2.历史3.数据类型3.1严格检查格式3.2 字符串3.3数组3.4 对象3.5 流程控制3.6 Map和Set3.7 iterator4.函数4.1定义函数4.2变量的作用域4.3方法5.内部对象5.1 Date5.2 JSON5.3 Ajax6.面向对象编程6.1什么是面向对象7.操作BOM对象（重点&am…
讲道理：为什么 Vue 中不要用 index 作为 key？（diff 算法详解）
前言Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。示例以这样一个列表为例：<ul><li>1</li><li>2</li>
</ul>那么它的 v…
Postman教程大全--入门到精通
Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件 Postman背景介绍 用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的，用户可以使用一些网络的监视工具比如著名的Firebug等网页调试工具。今天给大家介绍的这…
turn.js教程及总结
先看一眼我制作的简单demo演示图 turn简介
一个基于jquery用来实现3d翻书效果的插件使用所需
jquery.js、turn.js
这里面jquery全网一查都是, turn.js官网下载太慢了，可通过点击下方的链接进行下载demo下载
基本用法 $(#book).turn({acceleration: true, // 是否…
面试官问：MySQL 的自增 ID 用完了，怎么办？
点击上方 果汁简历 ，选择“置顶公众号”优质文章，第一时间送达既然这块知识点不清楚，那回头就自己动手实践下。首先，创建一个最简单的表，只包含一个自增id，并插入一条数据。create table t0(id int unsigne…
编写富文本渲染接口数据以及改变接口数据图片格式，选择接口数据添加到data里
当接口返回来的数据是这样的话如果想放到页面渲染就得用到富文本
<rich-text nodes"{{goodsdetail.goods_introduce}}"></rich-text>当借口返回了太多没用的数据为了优化性能就要过滤数据 当接口数据返回的图片格式带有webp时 iphone部分手机 不识别 …
【ES6】箭头函数的基本用法
箭头函数 箭头函数和原来相比，只是写法上的改进： 1、如果只有一个参数，（）可以省 2、如果只有一个 return，{ } 可以省 function show(){}let show () >{} 实例1、省略( ) 和 { } let show function(a){…
屏蔽点击BackSpace键页面后退
// 屏蔽点击BackSpace键页面后退 document.getElementsByTagName("body")[0].onkeydown function(event){ // 获取事件对象指向的element var elem event.relatedTarget || event.srcElement || event.target ||event.currentTarget; …
JavaScript中Boolean()转换规则(JS笔记:六)
JavaScript中Boolean()转换规则(JS笔记:六) Boolean()转换规则：
除了以下七种类型其他类型都转为true，包括[]空数组和{}空对象。false：转为false。null(空)：转为false。0(数字0)：转为false。’’(空字符)：…
IDEA这样配置注释模板，让你高出一个逼格！！
作者: Jitwxs 链接: https://urlify.cn/URB7ve一、类注释打开 IDEA 的 Settings，点击 Editor-->File and Code Templates，点击右边 File 选项卡下面的 Class，在其中添加图中红框内的内容：/*** author jitwxs* date ${YEAR}年${…
table数据加载完成，追加双击事件
//清册加载完成之后追加双击事件 $("#a").find("tr").css(cursor,pointer); $("#a tr").addClass("b"); $(".b").unbind("dblclick").dblclick(function(re){ .........代码实现----------…
yarn workspace的原理剖析以及简单使用
随着项目的不断增大，子项目拆分的越来越多，开发过程可能会遇到如下的两个问题：
多个项目具有相同的外部依赖，导致重复安装，占用磁盘空间多个项目之间相互依赖，依赖之间的更新流程繁琐（需要发布…
javascript计算1-10000中0出现的次数，怎么写？
一个小算法题：用javascript计算1-10000中0出现的次数，我用循环写了一个方案，代码如下：
function getZeroCount(num) {let count0;let regObj/0/g;for (let i1;i<num;i){let stri;let matchstr.match(regObj);countmatchnull?…
Vue v-if 与v-show的区别
v-if
当v-if条件为false时 包含v-if的元素不会存在dom上
v-show
使用v-show注意不要放在权限功能的渲染上
当v-show条件为false时 包含v-show的元素会存在dom上 通过display：none隐藏元素
so 在我们开发时 如果是频繁要显示与隐藏的元素 用v-show 节省dom性能…
MDN的arguments详解
一、MDN的arguments详解
arguments 是一个对应于传递给函数的参数的类数组对象。
语法
arguments
描述
arguments对象是所有（非箭头）函数中都可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数&…
对象数组根据某一字段合并元素
如：
// arr为初始数组，key为需要处理的key名称unique (arr, key) {var tempArr []var newArr []for (let i 0; i < arr.length; i) {if (tempArr.indexOf(arr[i][key]) -1) {newArr.push({name: arr[i].name,activity: arr[i].activity})tempAr…
Get和Post两种提交方式的区别以及使用方法
Get 和 Post 这两种提交方式平时我们写代码的时候都比较多，有一些人只会用不知道他们两个到底有什么区别？谁更好一点？谁的安全性更高级一点？说起他们的区别还是挺大的，最直观的两个区别分别就是：
Get方式会…
moment 时间类型的转换
初始化为当前时间：
let now moment();等价于 moment(new Date());使用时间戳初始化：
moment(number); // number为毫秒
moment.unix(number); //number为秒 使用JS Date对象初始化
let date new Date();
moment(date);moment对象转换成时间戳
let …
Vue+Typescript实战开发-封装组件
熟悉Typescript如何在vue项目中使用
觉得写的还不错的请帮我star一下谢谢 github地址
独立封装一个button组件 UIbutton.vue中的代码 <template><div><button:class"{ui-btn-large : large,ui-btn-small : small,ui-btn-xlarge: xlarge,ui-btn-xsmall: …
js倒计时原理及实例总结
倒计时原理：用未来的时间-当前的时间
未来的时间：可以利用date对象传参的方式，获取到未来的时间,参数的形式有两种：数字形式和字符串形式new Date(2018,3,22,6,44,30)或者是new Date(April 22,2018 6:44:30)
现在的时间࿱…
数组转对象 obj ===＞ {0: ‘男‘, 1:‘女‘}
const arr [{label: 男, value: 0},{label: 女, value: 1}]const newObj{} function f(arr) {arr.forEach((item,index) > {newObj[index]item.label //将数组对象里的label属性值，赋给新对象里的属性});console.log(newObj)}const obj f(arr) 数组转…
搜索-历史记录数据去重： Array.from ()里面部署了很多的接口对象，利用set可以实现数组去重
let str[ 1,2,3,4,5,1,2,,7,8]
let str1Array.from(new Set(str) )
// new Set 是实现数组去重、Array.from() 把去重后转换为数组
query和params之间的区别
1.query要用path来引入，params要用name来引入
2.接收参数时，分别是this.$route.query.name和this.$route.params.name
3.query更加类似于ajax中get传参，而params类似与post，前者在浏览器的地址栏中显示，params不显示…
使用html2canvas.js 生成海报
1.设定一个要生成海报的元素
<div id"viewBox" res"box">内容....</div>
2.引进js
Poster:function(){var that this;var DomeWthat.$refs.box.offsetWidth;//获取目标元素的宽高var DemoH that.$refs.box.offsetHeight;//获取目标元素的…
js 用时间戳判断是否过期
var currentTime Date.parse(new Date()); //当前时间戳var SetTimeStr localStorage.getItem(SetTimeStr) * 1;var newTime new Date().getTime() 3600000 * 12;//新的过期时间if (currentTime < SetTimeStr) {console.log("缓存时间有效_");localStorage.se…
v-model命令（双向绑定）
v-model命令(双向绑定) 格式：v-model"变量" 作用2：获取和设置表单里的值 作用2：表单里输入可以改变变量的值，修改变量可以改变表单的值 <div id"app">
<!--v-model:双向绑定,用户输入按提交可以更改…
ReactHooks 深入理解及进阶用法，干货满满！
作者 | 马剑光居安思危，思则有备，有备无患下面将介绍这些 hook 的用法：useLayoutEffect、useReducer、useImperativeHandle、useRef、useContext、useCallback、useDebugValue；在介绍当中也会加入一些组合使用的进阶用法等&#x…
Web前端 学习知识点总结（十一）jQuery进阶 动画和节点操作
系列文章目录
Web前端 学习知识点总结（一）HTML基本标签. Web前端 学习知识点总结（二）之Form和Css选择器. Web前端 学习知识点总结（三）Css字体、文本样式以及盒子模型. Web前端 学习知识点总结（…
JAVA运行流程，原理 （一）
java运行原理 源文件（.java源代码）通过编译器编译成字节码文件class。 通过JVM中的解释器将字节码文件生成对应的可执行文件，运行。 将编译后的程序加载到方法区，存储类信息。 运行时，JVM创建线程来执行代码&#x…
postman脚本编写获取全局变量值并赋值及GET和POST请求注意事项
postman脚本用的是javascript语言， postman的脚本能做什么？
在项目设计场景中，现在大多数的架构中用户的session信息是有状态。即前端需要保存用户的登录会话。也就是我们通常登录接口会返回如token, jsession等。那么需要将这些信息用变量进…
Oh my God, Swagger API文档竟然可以这样写？
最好的总会在不经意间出现。“作为后端程序员，免不了与前端同事对接API， 一个书写良好的API设计文档可有效提高与前端对接的效率。为避免联调时来回撕逼，今天我们聊一聊正确编写Swaager API文档的姿势。基础Swagger用法在ConfigureServices配…
JavaScript函数参数（八）
JavaScript函数的参数
参数：默认也就是函数内局部变量，会把所有参数值存储在arguments 类数组中 // 利用参数传递原理 实现累加器
function add(){if(!arguments[0]){return 0;}var sum0;for(var i0;i<arguments.length;i){sum arguments[i]}return …
JavaScript数组定义和方法（五）
数组理解
数组就是一个容器，用来存放一组数据，可以一个，可以多个，数据类型不限制。
数组的构造函数 Array()、Array(count)、Array(param1,param2,parm3....)
数组定义
方式1：采用直接量赋值绑定创建
var arr [o…
JS中的事件处理和文档处理应该记住哪些内容。。。
1.事件： 当 ..... 时候，执行....操作。 当 对 电脑或者网页做任何操作，都会伴随某个功能的实现（函数的执行） javascript 就是基于事件驱动的语言 2.添加事件的方式： [1] 内联方式：…
盘点JavaScript中数组遍历的全部方式（上篇）
今日鸡汤天生我才必有用，千金散尽还复来。前言JavaScript想必大家都不陌生了，其中的字符串和数组大家经常都会用到，今天就让我们来说说这里面的数组对象的遍历吧，因为遍历经常使用的缘故，所以小编带着大家来解锁遍历的…
[JavaScript学习笔记]数据类型那些儿事儿(都是细节，我已收藏！)
数据类型那些儿事儿简单类型和复杂类型堆和栈简单类型传参复杂类型传参简单类型和复杂类型
简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型
值类型：简单数据类型/基本数据类型，在存储时变量中存储的时值本身，因此…
常考面试题之js预解析 附源码
1. js引擎运行js 分为两步： 预解析 和 代码执行 预解析： js引擎会把js 里面所有的 var 还有 function 提升到当前作用域的最前面 代码执行 按照代码书写的顺序从上往下执行 2. 预解析分为 变量预解析（变量提升） 和 函数预解析…
leetcode刷题记录01——两数之和（Java和JavaScript）
1. 两数之和
难度：简单
给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。
你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。
示例: …
IntelliJ IDEA 2020.2.4款 神级超级牛逼插件推荐
点击上方 果汁简历 ，选择“置顶公众号”优质文章，第一时间送达正文如下：满满的都是干货 所有插件都是在 ctrlalts 里的plugins 里进行搜索安装1、CodeGlance 代码迷你缩放图插件2、 Codota代码提示工具，扫描你的代码后࿰…
js获取cookie里面的某个值（userid,token）
/*** 获取cookie里面的userid,token* param name 获取的key*/getCookie(name) {let strCookie document.cookie;let arrCookie strCookie.split(;);for(let i 0; i < arrCookie.length; i) {let arr arrCookie[i].split();if(arr[0].replace(/(^\s*)|(\s*$)/g, "&q…
JavaScript 初学笔记
JavaScript
完整的JavaScript是由ECMAScript（ 语法 ）.Brower Objects（ DOM.BOM ）（特性）组成的，JavaScript区分大小写、变量为松散类型，可保存任何类型的数据。
JavaScript是单线程…
获取select标签下option的值
var obj document.getElementById("XZJGSelect"); //获取到select对象
var text obj.options.length; //获取到有几个option
var text obj.option[1].text;//可以获取到序号为1的option的值更多内容点这里
jquery实现浏览器滚动加载
var totalheight 0;$(function(){$(window).bind("scroll", function(){totalheight $(window).height() $(window).scrollTop(); //浏览器的高度加上滚动条的高度 if (($(document).height()*9/10 < totalheight)) { //当文档的高度小于或者等于总的高度的…
trim函数去除空格（所有空格，前后，前，后）以及字母大小写切换
trim函数去除空格（所有空格，前后，前，后）：
//value：要去除空格的字符串
//type： 1-所有空格 2-前后空格 3-前空格 4-后空格
function trim(value, type) {switch (type) {case 1:ret…
Leetcode-树-100.相同的树(简单)
100.相同的树题目如下解题思路c代码题目如下 解题思路
这个题目是用来认识树的，不要觉得它很神秘，比较树，我们用到了递归，通过递归层层分工，代码思路变成非常简单。
c代码
/*** Definition for a binary tree node.…
HTTP代理服务器在爬虫中的使用
HTTP代理服务器经常能够在网络蜘蛛爬虫抓取数据信息的时候看见它的使用，这主要是因为代理IP池相对于爬虫而言是必不可少的操作。爬虫为什么需要换IP，因为许多网站都会对爬虫行为进行识别，一旦认定你的行为是爬虫，便会锁定你的IP&a…
CSS(一) 经典布局（两边固定，中间自适应）的五种方式
两边固定，中间自适应
本篇总结五种思路实现方式，
圣杯布局
圣杯布局，方便理解是带有两只耳朵的奖杯，耳朵跟奖杯是一体，所以左右两边跟中间同级，但是content在上面 第一步：中间盒子100%&#…
vue WebWorker的使用
webworker
我们知道javascript是单线程，当主线程遇到大量计算或者复杂的业务逻辑时，会对我们的页面造成不好的用户体验。 webworker 很好的解决了这个问题，我们可以在主线程开启一个worker线程执行任务而不干扰用户界面（主线程&a…
vue手写双向绑定实现
前言
认识Object.defineProperty() // Object.defineProperty 三个参数// 第一个参数，属性所在的对象// 第二个参数，要操作的属性// 第三个参数，被操作属性的特性// 格式是 {} //configurable,enumerable,value,writable// set 写入属性时触…
JS 进阶篇(一) 手动实现 Object.create 和 操作符new
Object.create() 定义：Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。 语法 Object.create(proto，[propertiesObject]) 参数 proto
新创建对象的原型对象。
propertiesObject
可选。需要传入一个对象&a…
【三十天精通Vue 3】 第十五天 Vue 3的异步组件和代码拆分
✅创作者：陈书予 🎉个人主页：陈书予的个人主页 🍁陈书予的个人社区，欢迎你的加入: 陈书予的社区 🌟专栏地址: 三十天精通 Vue 3 文章目录 引言一、Vue 3 中的异步组件1.1 异步组件的概念1.2 Vue 3 中的异步…
【JS】 字符串方法（工作常用）
文章目录序言操作方法空格 trim()切割 split()拼接 concat()替换 replace()截取方法按个数 substr()正索引 substring()负索引 slice()查找方法查索引 charAt()查片段 indexOf()查编码 charCodeAt()查编码 codePointAt()【ES6】正则匹配索引 search()片段 match()大小写转换方法…
js新打开页面隐藏地址栏 window.open+iframe
js新打开页面隐藏地址栏 window.openiframevar newWin window.open(,_blank);
newWin.document.write(<body scroll"no" style"margin: 0px;padding: 0px;border:0px;overflow:hidden;"><iframe style"margin: 0px;padding: 0px;border: 0p…
axios源码中的10多个工具函数，值得一学~
大家好，我是若川。最近组织了源码共读活动，感兴趣的可以点此加我微信 ruochuan12 参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。本文来自读者Ethan01投稿…
JavaScript头像图片上传插件支持上传类型大小尺寸验证
一行代码实现头像上传，图片大小、尺寸，类型验证
html调用
<img src"这里放默认头像" id"preview" onclick"uploader.fileInput.click()"/> js调用 var uploader new ImageUploader({accept: [jpg, png, gif],m…
内置构造函数的原型prototype
我们需要关注内置构造函数的prototype，
1、三个包装类对象
Number.prototype
Number {0, constructor: ƒ, toExponential: ƒ, toFixed: ƒ, toPrecision: ƒ, …}String.prototype
String {"", constructor: ƒ, anchor: ƒ, big: ƒ, blink: ƒ, …}…
手机靓号高亮效果（Vue）
效果
效果如下，靓号部分会显示红色
实现思路
1、定义正则规则 2、遍历手机号，生成一个由0和1组成的11位字符串，1表示靓号，0不为靓号 3、在HTML中循环手机号，根据下标给数字添加类名light，即高亮
JS代码…
vue 一个动态链接url转成二维码
安装相关的依赖包
npm install qrcode2 --savetemplate中需要展示的容器
<div id"qrcode" ref"qrcode"></div>不要不忘了引入这个组件 components: { QRCode },在js代码中写入转换为二维码方法 //生成二维码qrcodeScan() {//这里是为了 每次…
EL表达式如何在jsp页面搭配js使用
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 前言
EL表达式是jsp的一部分 本质上也是servlet 提示：以下是本篇文章正文内容，下面案例可供参考
一、EL表达式/JSP/JSTL 三者本质相同
都是为了…
![[JavaStript学习记录] 对原型链的一些理解](https://img-blog.csdnimg.cn/20210809160149326.png)
[JavaStript学习记录] 对原型链的一些理解
回忆一下昨天的学习内容,梳理一些疑惑
先写了一个简单的构造函数
function A(){var num0;
}var aanew A();查看该函数的实例 为什么实例对象没有prototype属性呢?
下面是经过查证后我的理解 发现
1.aa 是 A 的一个实例,但是不是一个函数，所以没有prototype; A是…
![[JavaStript学习记录] 对象的继承](https://img-blog.csdnimg.cn/20210808191657146.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MzkxNTQ0,size_16,color_FFFFFF,t_70)
[JavaStript学习记录] 对象的继承
---- 本系列仅为个人学习总结,基于阮一峰大佬的《>>JavaScript 教程<<》---
目录
一.原型对象
prototypep属性 Constructor属性
二.instanceof 运算符
注意:instanceof只能用于对象，不适用原始类型的值
三.构造函数的继承
第一步:
第二步:
另…
iframe页面屏蔽网页右键代码
/* document.οncοntextmenunew Function("event.returnValuefalse;"); document.onselectstartnew Function("event.returnValuefalse;"); */ 以上代码对于iframe页面失效，以下作了改进 var iframe document.getElementById(ifm); iframe.ο…
正则表达式——JAVA与JS中的使用
一、JAVA：
Pattern p Pattern.compile("");
// 匹配的表达式
Matcher m p.matcher("");
// 被匹配的变量或数据
m.matches();
// 若匹配返回true,不匹配返回false 二、JS
var test "";
//被匹配的变量或数据
var reg /^[1-9]\d…
OpenLayer系列——【一】初识OpenLayer与OpenLayer视图操作
初识OpenLayer
1、初始化地图渲染
安装openlayer依赖
npm i ol首先准备一个容器用来渲染地图
<div id"map" ref"map" style"width: 100%; height: 100%" />导入依赖初始化地图
import ol/ol.css;
import OSM from ol/source/OSM.js;
…
![[JavaScript能力测评]1.查找数组元素位置(学习数组的indexOf函数！)](https://img-blog.csdnimg.cn/20210412101348267.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTM2ODMy,size_16,color_FFFFFF,t_70#pic_center)
[JavaScript能力测评]1.查找数组元素位置(学习数组的indexOf函数！)
JS能力测评第一题题目如下思路与代码直接调用封装函数遍历查找今日今题总结题目如下 思路与代码
直接调用封装函数
function indexOf(arr, item) {var ansarr.indexOf(item);if(ans>0) return ans;return -1;
}遍历查找
function indexOf(arr, item) {for(var i0;i<ar…
h5移动端 使用一键复制功能
1.引进 clipboard.min.js
2.目标元素
<span id"copy" data-clipboard-text"123456" click"CopyVal"></span>
3.js部分
CopyVal:function(){var that this;var clipboard new Clipboard("#path")clipboard.on(succe…
copy语法不正确_正确的MHTML语法
copy语法不正确Reducing the number of HTTP requests is a must, sprites are cool, but a pain to maintain, so there come data URIs (for all browsers) and MHTML (IE6 and 7). Ive talked about these things on this blog to a point where the blog comes up in top 1…
echarts柱状统计图
目录
一、简单的echarts柱状统计图
二、柱状图和折线图混搭
三、一个项目里同时用不同版本的echarts画图 一、简单的echarts柱状统计图
1、首先映入echarts所需的依赖包：echarts.js和echarts.min.js，以及jQuery.js； echarts官网下载:ht…
[JavaScript能力测评]9.查找重复元素(三种方法！)
JS能力测评第九题题目如下indexof和lastindexof数组排序，当前元素和后一个元素比较filterindexlastindexof题目如下
找出书中arr中重复出现过的元素
indexof和lastindexof
function duplicates(arr) {var newArr [];arr.forEach((el, index)>{if(newArr.inde…
js 下载 图片的方法
方法一：<a href"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" download></a>存在跨域问题，通过download 属性下载文件，必须为同一域名下，否则无效
方法二：
downl…
你不知道的JavaScript小技巧
.map() 的替代品
可以使用 .from() 代替 .map()。
var arr [{ name: Rio, age: 2 },{ name: Mac, age: 3 },{ name: Bruno, age: 5 },{ name: Jucas, age: 10 },{ name: Furr, age: 8 },{ name: Blu, age: 7 }
]let arrNames Array.from(arr, ({name}) > name)console.l…
《关于实现一个函数把真实dom转换成虚拟dom原来是这么一回事》
文章目录HTML DOM Element 对象HTML DOM 节点Element 对象Node Types节点类型 - 返回值HTML DOM querySelector() 方法语法参数值真实dom转换成虚拟dom思路注意点：文本节点的判断和节点文本的获取完整代码实现这个函数之前，首先要对js的一些官方api要有明…
浏览器编程_在浏览器中进行编程几乎在这里
浏览器编程Earlier this year, GitHub announced a few new features during its Satellite 2020 event to help developers across the globe. One of these new features is Codespaces, which GitHub calls “your instant dev environment.”今年早些时候，GitHu…
VUE 滚动到底部加载更多（附带指令实现方式）
VUE 滚动到底部加载更多（附带指令实现方式）
直接上代码： mounted() { window.addEventListener(scroll, this.handleScroll, true);},destroyed() {window.removeEventListener(scroll, this.handleScroll);},methods: {/*** [handleScroll…
JS 根据key查找对象数组中符合的一项 返回对象（递归）
在一个复杂的数组对象数据中（嵌套多层），通过key值返回对应的对象，在网上搜到的，感觉挺好用的，也没有多深入研究，直接拿来用了(捂脸)
1、代码
function parseJson(jsonObj, key, value) {// 循…
js es6 语法: = 函数简化为箭头符号
>是es6语法中的 arrow function
(x) > x 6
相当于
function(x){return x 6;
}; 详见：js(>) 箭头函数 详细解说 案例大全
在js中使用动态原型方法定义对象
使用动态原型方法定义Car类function Car(sColor,iDoors,iMpg) { this.color sColor; this.doors iDoors; this.mpg iMpg; this.drivers new Array("Mike","John"); if (typeof Car._initialized "undefined") { Car.prototype.show…
require.context妙用-实现前端自动引入同一文件夹下多个文件（替代import）
import Vue from vue
import Vuex from vuexVue.use(Vuex)// 知识点1： 可用于模块的批量导入，类同于import引入同一文件夹下多个文件。
// require.context(directory, useSubdirectories false, regExp /^.//);
// 参数： 1. 读取文件的路径…
JavaScript 正则表达式常用规范及其符号类型
基本概念
正则表达式是对字符串内容，进行格式和内容的验证 对于正则表达式，我们不用自己去写，所有常用的正则表达式，在网上都可以搜到，我们只需要能看懂，会使用 所有的计算机语言，正则表达式 都…
美化你的console，为它添加样式
美化你的console，为它添加样式
需求：
输出带有样式的consloe，例如
实现：
console.log(%c version %c 1.0.0 ,background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px; color: #fff,background:#41b883 ; padding: …
JS向上取整、向下取整、四舍五入、取绝对值等方法
向上取整（有小数，整数部分就1）
Math.ceil(5.134); // 6向下取整（< 该数值的最大整数，和parseInt()一样)
Math.floor(5.1234); // 5
四舍五入（小数部分）
Math.round(5.1234);…
chrome 调试界面 js乱码
最近在用chrom 调试js的时候，发现js 脚本乱码。但是在IE上没有这种现象。 最后发现是 HTML编码和js 脚本编码不一致造成的。
html 编码是一种utf16，但是css 和 js 脚本编码都是utf-8.
把HTML编码改为utf-8 之后正常。 BTW：
这么问题对于那…
Javascript对象浅谈——设计思想和如何创建
在javascript中，大多数事物都是对象，从核心的字符串和数组，到建立在Javascript之上的浏览器API。当然，我们也可以自己创建对象，将相关的函数和变量封装打包成便捷的数据容器。这种面向对象（object-oriented…
深入理解js基本类型和引用类型的区别
1、基本类型：我们知道基本的数据类型有：undefined，boolean，number，string，null.按值访问，可操作保存在变量中的实际的值。基本类型值指的是简单的数据段。基本类型的值是不可变的：在…
js 图片文件的下载
//文件的下载downloadFile(item) {//如果是ie浏览器if (window.navigator.msSaveBlob) {var data new Blob([item.accessoryUrl]) //路径window.navigator.msSaveBlob(data, item.fileName);//名称} else { //谷歌var url item.accessoryUrl; // …
Jquery第四弹 Ajax HTTP
1.HTTP协议
超文本传输协议，是一个基于请求与响应，无状态的，应用层的协议，常基于TCP/IP协议传输数据，互联网上应用最为广泛的一种网络协议,所有的WWW文件都必须遵守这个标准。设计HTTP的初衷是为了提供一种发布和接收…
element ui---中文官网
elementui 服务器是国外的好像，在国内直接访问有问题，下面是Elementui中文官网地址：
element ui中文官网
https://element.eleme.cn/#/zh-CN/
jquery 控制 select下拉框option的文字显示，超过一定长度用...代替显示
select 下拉框的值有时候如果文字过长会是的select 下拉框被拉长，所以需要控制select下的option文字的显示，实现当文字过长时用省略号代替超出部分的文字，鼠标移上去会显示实际的值 $(document).ready(function () {for (var i 0; i < $(…
GoJS库中所有的主要模块及其概念整理
最近在学习Gojs库，一些学习总结如下：
Diagram：该模块定义了用于呈现一个可视化图表的主要组件，以及用于控制图表样式和交互的属性和方法。
Model：该模块定义了模型元素(节点和连线)的属性和数据，以及管理…
前端基础面试题之CSS篇
最近出去面了一次试。去之前信心满满，去之后灰头土脸，因为连最简单的“css居中方式有多少种”、“说说js数据类型”这种入门问题竟然回答的支支吾吾，也怪不得面试官20分钟就优雅的把我送了出来。
痛定思痛，总结了一些基础面试题&…
如何配置Node.js与express
如何配置Node.js与express
本节将介绍如何配置node与express
配置Node.js
1、下载Node.js安装包Node.js下载地址 2、按照安装包的流程一步一步的下去 一直点击Next就OK啦 3、在终端里面可以看到所装的Node的版本
输入以下语句：
4、使用Node.js创建一个应用
&…
axios 配置response 拦截器的一个 bug
有问题的代码如下
Vue.prototype.$http.interceptors.response.use(response > {//拦截响应，做统一处理 if (response.data.code) {switch (response.data.code) {case 2:window.sessionStorage.clear()router.push(/login)}}return response},error > {retu…
数组相邻之间两个数相减
let indexArr [10,8,65,74,56,23]let endIndexArr indexArr.map(function (v: any, i: any, arr: any) { return v - ((i 0) ? 0 : arr[i - 1]) }).slice(1)// console.log(endIndexArr,endIndexArr); [-2, 57, 9, -18, -33] "endIndexArr"
JS生成随机字符串的多种方法
<script language"javascript">
function randomString(len) {len len || 32;var $chars ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678; /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/var maxPos $chars.length;var pwd ;for (i 0; i &l…
使用charAt()方法截取姓名字符串后两位
定义：
charAt() 方法可返回指定位置的字符。
JavaScript 并没有一种有别于字符串类型的字符数据类型，所以返回的字符是长度为 1 的字符串。
语法：
stringObject.charAt(index)TIY
<html>
<body><script type"text/j…
一维数组拆分多个二位小数组
// 将一维数组拆分成多个二维小数组
export const arraySplit (arr, length) > {var result [];for (var i 0; i < arr.length; i length) {result.push(arr.slice(i, i length));}return result;
}
vue-amap动态循环添加多个点，点击点出现弹窗信息
效果图： 思路：通过后端的接口数据循环遍历出点的经纬度、弹窗信息，依次push进一个空的数组，最后将这个数组赋值给data里面定义的变量。 话不多说上代码： HTML <el-amap-markerv-for"marker in markers"…
element ui表格表头中某列标题用图片图标代替
效果图： 我这里用的是图标代替，图片也是一样的。 最关键的是：:render-header“renderHeader” ，他是将列标题替换为其他内容。 话不多说，代码来了！ HTML： <el-table-column prop"xxx&qu…
vue中input上传图片并显示在页面中
效果图
点击选择文件上传图片，图片显示在页面中。如果直接拿图片的名字是赋值不上去的，需要转换一下才可以渲染上去。 话不多说直接上代码： HTML
<input change"img($event)" type"file"><br>
<img :s…
反爬虫之js加密常用函数MD5/Sha1/Base64
前言
随着反爬虫手段的不断进化，越来越多的网站都会在接口上用到加密参数，常见的加密有MD5,Base64,sha1，利用这些加密手段通过时间戳和一些字符串进行加密，进行校验会拦截80%的爬虫，而本文针对这三种加密方式分享出js函数，方便大家使用。
1.md5
MD5信息摘要算法（英语…
ie 浏览器对象不支持“replaceAll”属性或方法
使用 replaceAll() 替换变量在 Chrome 浏览器中可以正常使用，在 IE 浏览器中报错【对象不支持 replaceAll 属性或方法】
js 没有 replaceAll() 方法，jQuery 有但应该是兼容性比较低。
下面这是在 IE 浏览器中出错的代码：
var oldTitle&quo…
js基础：函数、对象、WebAPIs-DOM
一、函数和对象
1、函数概述 🤖chatgpt：什么是函数？为什么要有函数？ 函数是一种可重复使用的代码块，它们可以接受输入（参数）、执行特定的任务，并返回结果。
JavaScript中函数是非常…
element ui表格内容替换为图形，以图形展示出来
效果图：
核心代码
：formatterone’ formatter这个方法在官方文档中有介绍，我就不过多介绍了 这里一第一列为例： html <el-table-column prop"yi" align"center" label"1" width"35"…
解决导航栏按钮背景色切换，刷新页面，按钮背景色切换，页面和路径没有切换问题
解决导航栏按钮背景色切换，刷新页面，按钮背景色切换，页面和路径没有切换问题
上篇博文中 点击导航栏切换背景色 有一个bug，如果点击第二个或者后面几个按钮，再刷新页面，按钮背景色会跳到第一个按钮上去&am…
Node：入門 + 建構 Web server
Node：入門 建構 Web server 文章目錄Node：入門 建構 Web server簡介參考正文使用 Node 環境原來的 JavaScriptNode 環境下的 JavaScriptInstall 安裝Run 運行npm(Node package manager) 包管理器Node 環境全局 Global 對象全局屬性所有屬性模塊化內置模…
JS基礎：Function.prototype函數原型的三個方法
JS 基礎：Function.prototype 三大方法 文章目錄JS 基礎：Function.prototype 三大方法簡介參考正文目的Function.prototype.call & Function.prototype.applycall & apply 語法call & apply SampleFunction.prototype.bindbind 語法bind Samp…
关于rem移动端适配
关于rem适配 文章目录关于rem适配测试了以下方式方式一： 使用 JS 计算两种（方便）AB方式二： 使用 flexible.jsDemo图方式三： 设置根字号 媒体查询初始化使用适配对于我，比较头痛，发现自己在项目…
ES6 let 声明变量和旧的var声明变量的区别
1、ES6新增的关键字let
ES6新增的关键字let与var 声明相似。大部分情况下，我们可以用 let 代替 var 或者 var 代替 let，都能达到预期的效果：
var message "Hi";
alert(message); // Hi
2、let和var的不同
2.1 let不存在变…
Webpack迁移Rspack速攻实战教程（前瞻版）
前言
rspack 即将开源，但社区中不乏有已经落地的 case ，比如 rspack-migration-showcase 、 modern.js 等。
基于此，本文将介绍如何迁移一个近似于 CRA（ create-react-app ） 的项目到 rspack 。
在阅读本文前&#…
每日学习之JS的Object常见方法详解
前言
Object.keys()
语法
Object.keys(obj)参数：
obj： 要返回其枚举自身属性的对象
返回值：
一个表示给定对象的所有可枚举属性的字符串数组
例子：
传入的参数为对象，返回对象的属性
let person {name:"…
【JavaScript】原生js基本数据类型以及数据类型转换
组成部分 ECMAScript：是js中的核心，扮演解释器的作用。 DOM: （document object model）作用是操作HTML，对象是 document。 BOM：（browser object model）作用是操作浏览器，对…
javascript权威指南：一个javascript贷款计算器
文章目录<!DOCTYPE html>
<html>
<head>
<title>JavaScript Loan Calculator</title>
<style> /* This is a CSS style sheet: it adds style to the program output */
.output { font-weight: bold; } /* Calculated value…
如何在JavaScript中为元素添加类名？
Adding class names using JavaScript can be often used to give certain functionalities to your web application. In this article, we will learn how to add class names to elements on the DOM through JavaScript? 使用JavaScript添加类名称通常可用于为您的Web应用…
Node.js----跨域
Node.js----跨域1 接口的跨域问题2 使用 cors 中间件解决跨域问题2.1 CORS2.2 CORS 的注意事项2.3 CORS 响应头部 - Access-Control-Allow-Origin2.4 CORS 响应头部 - Access-Control-Allow-Headers2.5 CORS 响应头部 - Access-Control-Allow-Methods2.6 CORS请求的分类2.6.1 简…
JS实现时间双选组件
由于项目需求，需要实现一个只选择小时和分钟的时间段组件，并且分钟以5分钟为间断的，设置的默认时间是08:00~23:00。
网上时间日期空间很多，推荐几种比较好用的：
jeDate：
js版：http://www.jem…
使用My97DatePicker封装一个双选日期组件
由于项目中使用My97DatePicker作为日期控件，额外不用其它日期组件。但是项目需要用到双选日期，一方面放两个空间有限，另一方面看起也不太美观，所以就简单的自己封装一个。
一、准备工作 My97DatePicker下载：http://ww…
实现iframe嵌套页面通信
实现iframe嵌套页面通信
在项目中通过iframe标签嵌入其他网页时，该如何iframe页面进行通信呢？小菜鸡在这里简单记录一下~
1、父组件获取子组件： （注：父组件是当前项目页面，子组件是iframe标签）…
JS实现图片自动播放
一、JS实现图片自动播放
1、先看效果图 2、完整代码
<!DOCTYPE html>
<html>
<head><style>/* 定义样式 */body{margin: 5% 30%;}.bannerimage{width:700px;height:400px;float:left;background-size:100% 100%;color:#fff;box-shadow: 0 0 12px 2px…
javascript/JS限制用户名只能输入字母和数字下划线
javascript/JS限制用户名只能输入字母和数字下划线 2010-05-20 10:08 function checkreg(){ var msg "对不起，输入错误\n"; var regform document.all.reg; var username regform.username; var password1 regform.password1; var password2 regform…
前端JS实现简易一键复制黏贴函数(可复制换行)
废话不多说, 直接上代码, 有问题下面或者私信讨论哈
定义
function copy(copyContent) {// 1. 创建并添加一个输入框元素(最后会销毁)const textareaEle document.createElement("textarea");document.body.appendChild(textareaEle);// 2. 将需要复制的文本传入输…
![[JavaScript能力测评]2.数组求和(学习数组的forEach和reduce函数!)](https://img-blog.csdnimg.cn/20210413075349703.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTM2ODMy,size_16,color_FFFFFF,t_70#pic_center)
[JavaScript能力测评]2.数组求和(学习数组的forEach和reduce函数!)
JS能力测评第二题题目如下思路与代码遍历forEach函数reduce函数题目如下 思路与代码
遍历
function sum(arr) {var sum0;for(var i0;i<arr.length;i){sumarr[i];}return sum;
}forEach函数
forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。
注…
JS判断对象还是数组
方法1、对于Javascript 1.8.5（ECMAScript 5），变量名字.isArray( )可以实现这个目的
var a[];
var b{};
Array.isArray(a);//true
Array.isArray(b)//false2.如果你只是用typeof来检查该变量，不论是array还是object，都…
![[颜色进制转换]js实现rgb和hex的相互转换](https://img-blog.csdnimg.cn/img_convert/4d65c591f67db3c17547ee304857ad7f.png)
[颜色进制转换]js实现rgb和hex的相互转换
原理 RGB色彩模式是工业界的一种颜色标准，是通过对红、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是运用…
【图解HTTP】——构建Web内容的技术
文章目录构建Web内容的技术【1】HTML（超文本标记语言）【2】设计应用CSS（层叠样式表）【3】动态HTML【4】Web应用【5】CGI（Common Gateway Interface 通用网关接口）【6】因Java而普及额Servlet【7】数据发布的…
代码干货｜内联 Style 简写属性的发现
详见原文链接 内联 Style 简写属性的发现 开始 平时在使用内联样式简写属性的时候，可能没有考虑到浏览器解析的问题。问题不大，简写的好处是代码量少，但最近发现了一个有意思的内联简写属性的问题。 以下问题仅在内联样式里会出现，…
原生js模仿京东图片放大镜效果
实现放大镜效果，是需要两张图片，记得两张图片的比例要保持一致哦
嗯，挺简单的，所以直接上代码喽，有不懂的可以评论区留言哦
<!DOCTYPE html>
<html lang"en">
<head><meta charset&quo…
利用ajax技术从后端获取数据来制作留言本类瀑布流效果
详细解释请看注释
html代码
<!doctype html>
<html lang"en">
<head><meta charset"UTF-8"><title>留言本</title><link rel"stylesheet" href"css.css" type"text/css" /><s…
限制 input text 只能输入数字
在标签中加上下面代码就可以 οnkeyup”this.valuethis.value.replace(/\D/g,”)” onafterpaste”this.valuethis.value.replace(/\D/g,”)” 例如：
<input type"text" onkeyup"this.valuethis.value.replace(/\D/g,)" onafterpaste"…
面试题 var let const的区别
var声明变量存在变量提升，let和const不存在变量提升 什么是变量提升:变量提升就是变量和函数的声明会跑到代码的最前面，但是实际 上变量和函数声明的位置并不会动，只是在编译过程中放入了内存之中. let、const在{}定义的是块级作用域,var定义…
js中图片无缝切换的两种方法
第一种：只适应于可视区只有一个元素的时候，例如整屏切换效果。下面我写的是自适应屏幕宽度的轮播图
实现步骤：
1、屏幕自适应的处理：当屏幕大小大于1000的时候，让图片居中，解决办法是，用图片的宽…
JS实现一键复制的功能
参考WEB API接口 https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand
实现
document.execCommand(‘copy’)
语法
bool document.execCommand(aCommandName, aShowDefaultUI, aValueArgument)
参数
aCommandName: 命令名字,copy,cut等
aShowDefaul…
微信小程序如何显示富文本，类似v-html，rich-text
一、微信小程序需求，有一段富文本字符串需要解析并展示在页面上；
结构如下 ：content
二、解决办法
一、用过vue 的都知道vue 有个 v-html 属性，可以准换html格式并且展示； 但是微信小程序提供的方法是一个新的标签…
vue-i18n的简单使用兼容element-ui
1.首先下载vue-i18n
npm i vue-18n --save
2.在项目根目录新建文件夹(自己命名)i18n.config.js,写如下代码 注意：小编在vue.config.js里面配置了路径别名，l指向src/lang目录
import Vue from vue
import VueI18n from vue-i18n
import Element from e…
element-ui的返回顶部组件无效
今天在做项目中的时候，要加一个返回顶部的功能。因为项目中用到了饿了么的组件，所以就直接引用了Backtop这个组件。
我们在app.vue中写如下代码即可：
<template><div id"app"><router-view /><el-backtop t…
不同银行的银行卡正则校验
好资源保存一下 防止原文被删。
var bankcardList [{bankName: "中国邮政储蓄银行",bankCode: "PSBC",patterns: [{reg: /^(621096|621098|622150|622151|622181|622188|622199|955100|621095|620062|621285|621798|621799|621797|620529|621622|621599|…
python4-1 django框架v5.0第4节 django入门之视图和URL
站点管理页面做好了, 接下来就要做公共访问的页面了.对于Django的设计框架MVT.用户在URL中请求的是视图.视图接收请求后进行处理.并将处理的结果返回给请求者.使用视图时需要进行两步操作1.定义视图2.配置URLconf1. 定义视图视图就是一个Python函数，被定义在应用的v…
JS导出txt、js导出txt换行
// txt文件导出
/*
*需要导出的数组内容
*val
*/onClickDownDaily(val) {let title "图片资源链接";let str "";val.forEach((item, index) > {str 地址-${index 1}：${item}\r\n;});let allStr title "\r\n" "\r\n&qu…
数据库字符串函数，js函数以及java中的字符串函数对比
数据库中的字符串函数，默认下标从1开始例如： 字符串截取：substring(str, pos); substring(str, pos, len) 从字符串的第 4 个字符位置开始取，直到结束。 mysql> select substring(sqlstudy.com, 4); -------------------…
设计一个简易的引导任务框架（2） | 4.23粉丝赠书
今天是4.23世界读书日，公众号向支持的小伙伴们送出下面3本技术图书（三选一）！参与方式：本文点赞留言，必须超过20字，以及你想要的图书名字参与活动积赞最多的前3名读者，将会获得赠书&a…
「音频可视化」 波形频谱和频率直方图
1. 前言项目中需要实现音频智能控制以及根据音乐转换色彩功能，WaveView 完全满足目前需求，完美实现需求，该库还有另外 WaveSurferView 和 FrequencyHistogramView 两个库，下面一一介绍，分享给大家。2. 功能展示下面这些…
JS面试题汇总（十）
📒博客首页：酸狗的博客🍋 🎉欢迎关注🔎点赞👍收藏⭐️留言📝 💖热爱前端学习，期待一起交流！✨ 🙏作者水平很有限，如果发现错误&#x…
在 Cocos Creator 里画个炫酷的雷达图（附源码）
前言????️雷达图（Radar Chart） 也称为网络图、星图或蜘蛛网图。是以从同一点开始的轴上表示的三个或更多个定量变量的二维图表的形式显示多元数据的图形方法。适用于显示三个或更多的维度的变量。网上偷的图(侵删)????️雷达图常用于????数…
一个瞬间让你的代码量暴增的脚本
1 功能概述 在某些特殊情况下，需要凑齐一定的代码量，或者一定的提交次数，为了应急不得不采用一些非常规的手段来保证达标。本文分享的是一段自动提交代码的脚本，用于凑齐code review流程数量，将单次code review代码修改…
你的下一款No Code工具，不仅仅是工具 | MixLab智能产品
向智能组件引入过渡，动画，交互，视觉状态等功能，无需任何代码都2050年了，你家的网站现在的网站还是静态的，你不觉得缺少些灵魂吗？想象一下，网站上的元素在点击时有着个性的交互&#…
全网超详细的vue双向数据绑定的原理
文章目录1. 文章引言2. vue如何实现数据的双向绑定3. 什么是Object.defineProperty4. 什么是setter和getter1. 文章引言 假设，我在文本框中输入文字，在p标签中动态展示我输入的文字，如下图所示： 实现上述效果的代码如下所示&#…
构造函数中this的指向问题
在 JavaScript 中，构造函数(constructor)常常使用 this 关键字，它代表正在创建的对象本身。在一个函数内部，this 的值取决于该函数如何被调用。在构造函数中，this 表示正在创建的新对象，这个对象即被构造函数所创建和返…
![[转载]JavaScript 的 this 原理](https://img-blog.csdnimg.cn/img_convert/7eebdbe5c4f67127e304a110d76a85c5.png)
[转载]JavaScript 的 this 原理
转自:JavaScript 的 this 原理 - 阮一峰的网络日志 (ruanyifeng.com) 目录
一、问题的由来
二、内存的数据结构
三、函数
四、环境变量 一、问题的由来
学懂 JavaScript 语言，一个标志就是理解下面两种写法，可能有不一样的结果。 var obj {foo: fu…
从零开始实现一个插件化框架（一）
什么是插件化 概念 插件化技术最初源于免安装运行 apk 的想法，这个免安装的 apk 就可以理解为插件，而支持插件的 app 我们一般叫宿主。宿主可以在运行时加载和运行插件，这样便可以将 app 中一些不常用的功能模块做成插件，一方面减…
使用JS给页面添加水印效果
原文：https://www.cnblogs.com/Miracle-ZLZ/p/9340249.html
此方法可以给整个页面或某个div添加水印效果。
1、普通使用方式：
$(document).ready(function() {var watermark_txt "测试效果" getDate();watermark({"watermarl_elemen…
记录一下用js写链表，以后再看吧
<!doctype html>
<html>
<head><meta charset"utf-8"><title>双链表-插入排序</title><meta http-equiv"Content-Type" content"text/html; charsetgb2312" />
</head>
<script type"t…
JavaScript 03-09日结
JavaScript的基本介绍
- JavaScript是什么？
JavaScript 是互联网上最流行的脚本语言，是一种轻量级、弱类型的脚本语言。
- JavaScript 有什么作用？
实现页面的交互 :
用户操作的交互数据的交互
- JavaScript 三大组成部分
1. ECMAScri…
震惊！！！一眼就能看懂的setAttribute用法！！！！
setAttribute(String(添加属性名称)，String(添加属性值)) 方法添加指定的属性，并为其赋指定的值，如果指定属性存在，则仅设置/更改值
例子1：var a document.querySelector("button")
a.setAttribute("…
前端常见内存泄漏及解决方案
作者：lzg9527https://juejin.cn/post/6914092198170460168最近收到测试人员的反馈说我们开发的页面偶现卡死，点击无反应的情况，特别是打开页面较久的时候发生概率较高。打开任务管理器，看到内存占有率已经很高了，初步判…
如何正确使用RestTemplate【五】
theme: vue-pro 小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 复习一下下 上篇文章，我们学习了Get请求的相关方法的使用方法，以及具体参数的不同，当然还有一些代码示例，你是否还能记起来呢&…
微信小程序常用的3种提示弹窗实现方式
实际应用项目：http://github.crmeb.net/u/long 1. 表示操作成功，文字上方会显示一个表示操作成功的图标。 wx.showToast({title: 操作成功！, // 标题icon: success, // 图标类型，默认successduration: 1500 // 提示窗停留时间&a…
前端js代码实现截图功能
前端js代码实现截图功能
据我所知，屏幕截图大致可以分为两种类型。 一种是真-屏幕截图，也就是我们平常QQ，微信，钉钉等社交工具里面所用到的截图。也就是说它能把我们看到的东西截取下来，所见即所得。
另一种是通过…
JavaScript的数值存储的探析与应用
文章目录JavaScript的数值存储探析学1. 浮点数的存储规则2. Number对象上的特殊值MAX_SAFE_INTEGERMAX_VALUE3. 特殊值的存储学以致用案例分析1.1 精度丢失1.2 大数危机1.3 toFixed()对于小数最后一位为5时进位不正确问题2. 解决方案“修复” 0.10.2 0.32.2 修复数据展示修复 …
JavaScript对字符串进行Base64的编码与解码 以及中文乱码处理方法
对于中文字符串进行编码解码时，我们需要对其做一定处理方可，否则乱码
let name 新码笔记;
let encodedData window.btoa(unescape(encodeURIComponent(name )));
// 输出：5paw56CB56yU6K6w
let decodedData decodeURIComponent(escape(w…
js中call、apply、bind的用法及区别
call、apply和bind：三者作用一致（都是改变函数的this指向），只是使用的方法不同而已。
apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；apply 、 call 、bind 三者第一个参数都是this要指向的对象&#…
vue 日期格式化-将时间2020-11-10T12:01:50.942转换成2020-11-10 12:01
返回数据： 页面效果： 代码如下：
dateFormat (Tue Mar 06 2012 00:00:00 GMT0800, yyyy-MM-dd);//示例
function dateFormat (time, format) {var t new Date(time)var tf function (i) {return (i < 10 ? 0 : ) i}return format.repl…
js数组中的find、filter、forEach、map四个方法的详解和应用实例
数组中的find、filter、forEach、map四个语法很相近，为了方便记忆，真正的掌握它们的用法，所以就把它们总结在一起喽。
find()：返回通过测试的数组的第一个元素的值
在第一次调用 callback 函数时会确定元素的索引范围࿰…
深入彻底理解原生js的作用域、作用域链（以及浏览器是怎样解析js代码的）
在学习闭包的过程中，我发现，要想真正的理解闭包，光知道什么闭包是不行的，我们还需要知道什么是作用域以及作用域链、函数声明和函数表达式，当然还牵扯到的知识有，垃圾回收机制和内存泄漏等，所以…
原生js实现弹性下拉菜单和弹性碰撞下拉菜单
弹性下拉菜单和弹性碰撞下拉菜单，其实基本的实现过程是一样的，不同的是，弹性下拉菜单是围绕着目标点上下弹跳直到停止，而弹性碰撞下拉菜单是在目标点上面做弹跳运动直到停止
因为弹性下拉菜单和弹性碰撞下拉菜单，HTML和…
JavaScript基础知识
目录
html中嵌入js的三种方式
变量
函数
常见的函数：
数据类型：
js中数据类型的转换：
1.string类型转int类型：
2.int类型转string类型：
返回值与运算符
类和对象
事件
js代码的执行顺序
js代码中的节点: …
AngularJS 学习笔记（一）--- 表达式和指令
注：最近实习的公司接手了一个17年的项目用到了 AngularJS ，让我去做一些东西，我想既然用到了 那我就整理一下学习笔记吧，也算留个印象。但肯定比较粗糙，只是说怎么用，而不去深入探究原理机制
一、AngularJ…
js面向对象编程详解
什么是面向对象编程（OOP）？
用对象的思想去写代码，就是面向对象编程
面向对象编程的特点抽象：抓住核心问题（把一样的放在一起）封装：只能通过对象来访问方法（避免乱用代码&…
原生js实现商品筛选
用到的知识：js基础、dom、第一种方法用到的是js中的数组方法，第二种方法用到的是json和for-in以及es6
实现步骤
1、根据数据结构生成HTML结构（利用dom操作）
2、获取每一个li,给每一个li中每一个a标签绑定事件处理函数
3、点击a标签…
执行 setup 时，你只能访问以下 property，什么意思，为什么
访问组件的 property
执行 setup 时，你只能访问以下 property：props
attrs
slots
emit
换句话说，你将无法访问以下组件选项：data
computed
methods
refs (模板 ref)
#
devc++输入更快_更好的时间输入
devc输入更快一些历史(Some history) Some time ago, Simon Willison published a "Better Date Input" javascript that accepts all kinds of user inputs and tries to figure out a date out of it. For example "2006-02-08", "today", &qu…
遍历数组对象_遍历数组
遍历数组对象The certification guide demonstrates what is probably the fastest (performance-wise) way to go through the elements of an array - using the array_walk() function. The example in the guide is using a callback function to use the elements of the …
javascript解析器_JavaScript中的RGB颜色解析器
javascript解析器它是什么(What is it) A JavaScript class that accepts a string and tries to figure out a valid color out of it. Some accepted inputs are for example: 一个JavaScript类，它接受字符串并尝试从中找出有效的颜色。 一些可接受的输入例如&…
纯手写 模态框、消息弹框、呼吸灯
在有些做某些网页中，应用不想引用一些前端框架，对于一些比较常用的插件可以纯手写实现 1、模态框
<!DOCTYPE html>
<html>
<head>
<meta charset"UTF-8">
<title>Water Ripple Effect</title>
<style…
剑指offer(JavaScript)刷题记录05——重建二叉树
剑指 Offer 07. 重建二叉树
难度中等
输入某二叉树的前序遍历和中序遍历的结果，请重建该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。
例如，给出
前序遍历 preorder [3,9,20,15,7]
中序遍历 inorder [9,3,15,20,7]
返回如下的…
S.O.L.I.D五大原则之SRP(单一职责)
文章转自：http://tech.ddvip.com单一职责的描述如下：
一个类（JavaScript下应该是一个对象）应该有一组紧密相关的行为的意思是什么？遵守单一职责的好处是可以让我们很容易地来维护这个对象， 当一个对象封装了…
JavaScript——菲波那切数列
题目描述
大家都知道斐波那契数列，现在要求输入一个整数n，请你输出斐波那契数列的第n项（从0开始，第0项为0）。
n<39
function Fibonacci(n)
{ //自己的方法/*if(n0) return 0;if(n1) return 1;var count1;var …
vue项目中实现返回顶部功能
我们在浏览网页的时候经常看到回到顶部这个功能，这个功能也比较简单，今天我就介绍一下这个功能如何实现。
使用scrollTop实现
首先，我来简单介绍一下原理 1.根据网页的滚动高度，判断是否显示回到顶部功能按钮 2.点击按钮时&…
更为自然的随机行为，Perlin Noise柏林噪音 | p5.js系列
先看两张动图的对比，一张是简单的随机取值，另一张是使用perlin noise产生的随机值。具体代码示例可以参考nature-of-code的p5.js示例。值得学习的几个要点：不同的参数写法是如何做到的？在使用p5.js的时候，最大的感受就…
Java --XSS攻击原理及防御
xss 攻击过程
跨站脚本攻击(Cross Site Scripting)， 恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的特殊目的。 xss 的危害
XSS攻击的危害
这些危害…
统计数组arr中的值等于item的元素出现的次数
var arr[1,3,4,3,6,8,3,9];var item3;var count0;
思路一： for(var i0;i<arr.length;i){if(arr[i]item){count;}}console.log(count);
或者 var fnfunction () {for(var i0;i<arr.length;i){if(arr[i]item){count;}}return count;};console.log(fn());
思路…
前端-----轮播图（焦点图）
原生js
！！！只需要改变img的src即可，其他功能都是动态生成的！！！ 功能展示： HTML：
<!DOCTYPE html>
<html><head><meta charset"utf-8"…
了解JavaScript中的函数和范围
Before we dive into variable Scope discussion, let me explain what a function is in JavaScript? 在深入讨论可变作用域之前，让我解释一下JavaScript中的函数是什么 ？ JavaScript中的函数 (Functions in JavaScript) Basically, subprograms for …
JS树的遍历：广度优先遍历与深度优先遍历
JS树的遍历：广度优先遍历与深度优先遍历
先定义一颗简单的树：
let tree [{label:a,children:[{label:b,children:[{label:d},{label:e}]},{label:c,children:[{label:f}]}]}
]树的广度优先遍历 广度优先遍历：从上往下对每一层依次访问&…
element导航栏对应路由高亮在刷新或前进后退时错误（二级子路由和三级子路由以上各自的解决办法）
问题描述：
当设置的有默认路径时，进入到二级或三级路由时，刷新或前进后退操作会导致导航栏高亮没有改变或错误
使用前提
将router里面的main.js里的路由路径设置全部设置为完整的路径。
routes: [{//路径为空时跳到发现音乐path: ,redire…
基于vue的高仿网易云音乐网站，实现大多数功能
文章目录前言项目演示地址线上地址项目仓库总结前言
基于Vue Vue-Router Vuex axios elementui,ui参考网易云音乐，后端接口使用网易云音乐接口.，项目中遇到的bug基本都有解决
项目演示地址
bilibili高仿网易云音乐.
线上地址
wdwmusic.…
easyui datagrid排序
方法一：在html中设置<th data-options"field:sex,width:50,align:right, sortable:true">排序</th>方法二：在js中设置
$(#Student).datagrid({sortName: sex, //初始排序字段sortOrder: asc, //初始排序方式:asc或descremoteSort:…
vue部署后刷新白屏404？前端路由模式详解（hash和history）
文章目录前言一、为什么要有前端路由？二、前端路由模式1.hash优点缺点2.history优点缺点三、为什么history会404呢？1.原因2.解决方式总结前言
不知道大家有没有遇到过一种情况，当自己的vue部署在服务器上时，一切都如想象办运转&a…
关于项目node server层的思考和笔记
最近单页面和多页面的都做过，可是做完后有人给我提出一个概念我感觉自己答不出来，心里有点明白，但是又不深刻，正巧读了一篇文章（关于服务端渲染）的问题，所以这里想记录下，以便日后回…
封装JS判断各种浏览器内核
function(){var u navigator.userAgent, app navigator.appVersion;return {trident: u.indexOf(Trident) > -1, //IE内核presto: u.indexOf(Presto) > -1, //opera内核webKit: u.indexOf(AppleWebKit) > -1, //苹果、谷歌内核gecko: u.indexOf(Gecko) > -1 &…
js将本地图装换为base64编码
主要代码： // 注意图片的，onload是异步的，如果要封装成工具函数，需要用promise包装一下imgToBase64(url) {return new Promise((resolve, reject) > {const image new Image()image.src urlimage.onload () > {const can…
【JavaScript】原生js实现多个元素运动、一套运动框架改变任意样式
多个元素运动 注意：多个元素，定时器需要多个。 <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title><style>d…
请求后打开新页面被拦截_拦截新的Image（）。src请求
请求后打开新页面被拦截Maybe youre an attacker who sneaked in a little JavaScript to an unsuspecting site and would like to, well, sneak. Or maybe you want to know what exactly all these third-party analytics scripts are "calling home". Or maybe j…
视觉图像预处理_预载视觉搜索建议
视觉图像预处理#6 This post is part of the Velocity countdown series. Stay tuned for the articles to come. ＃6这篇文章是Velocity倒数系列的一部分。 请继续关注未来的文章。 Alrighty, this is something Ive talked about last year at HighLoad and Fronte…
bat替换脚本_用脚本替换“主页”按钮
bat替换脚本Robert Ames commented on my previous post suggesting replacing the Home button with my little site search bookmarklet. I didnt even know this was possible, but I found it pretty cool, so I just had to try. 罗伯特艾姆斯( Robert Ames )在我的上一篇…
git tag怎么打tag_ tag to inline style=”” attrrib
git tag怎么打tagAs you may have noticed, I claim that CSS is bad for performance because: 您可能已经注意到，我声称CSS对性能不利，因为： Most browsers block the very first paint until all screen CSS arrives 大多数浏览器会阻止第…
jest单元测试_Jest + jQuery，用于测试香草“应用”
jest单元测试Jest is a new javascript testing tool announced today. I thought Id take it out for a spin testing the UI of a simple vanilla JS app - no CommonJS modules, no fancy stuff. Just old school JavaScript. Granted, its probably not what the tool was …
浏览器记住密码_浏览器会记住您的密码，但是您不会吗？ 拿回它！
浏览器记住密码Weve all seen something like this: 我们都看到过这样的事情： But you have no idea what the password is. How to get the human-readable version of *******? 但是您不知道密码是什么。 如何获得人类可读的*******版本？ 方法1&#…
mock.js增删改查的用法
今天对mock.js了解了一下，觉得还可以，然后把增删改查用mock.js做了一遍，有什么不对，希望大家指出来哈，好，废话不多说上代码。 先引入文件
<script src"js/jQuery.js" type"text/javascr…
前端图片上传使用，base64直接上传，base64转化成file上传，form表单直接上传文件，element-ui上传图片
最近项目中使用到了图片上传功能，作为前端开发对此应该不陌生，正常来说图片会有一个单独存储的服务，例如现在公司使用minio统一集中管理，直接部署在docker上面非常方便，下面记录一下使用经历过的图片上传 1.base64直接…
webpack配置 - 生产环境
开发环境的配置可以看另外一个篇文章，这篇写的是生产环境的配置
提取css成单独文件
由于css最后是打包到js中，会造成js体积过大，所以要单独提取出来
依赖：npm install mini-css-extract-plugin -D
需要配置plugins 和loader
…
webpack 配置 - 开发环境
webpack打包工具
概念
.vue .sass .less等很多文件浏览器识别不了，就需要编译打包成js文件 五大核心
入口（entry），输出（output），loader，插件（plugins）&…
前端多页面的代码压缩和混淆
最近碰到一个老项目，用jq写的需要将代码进行压缩和混淆，后面选择了用 gulp 自动化构建工具，使用起来还是挺简单方便的！
安装依赖
npm install gulp-cli -g
npm install gulp -D
使用，新建文件gulpfile.js
let gulp…
【JavaScript】原生js中运算符以及流程控制
运算符 算数： 加、- 减、* 乘、/ 除、% 求模 赋值：、、-、*、/、% 关系：>、<、 >、 <、 、 、 !、 ! 逻辑：||或、&&与、!否 实例1、求模
window.onload function(){alert(0%2) //0alert(1%2) //1alert(2%2)…
JavaScript中将iso8859-1的字符转换成中文
var str “\u0088\u0088\u0091\u00AD\u009B”;
var utfstring decodeURI(escape(str)) 是用escape把iso8859-1的字符进行编码，然后再调用decodeURI按照utf8的方式进行解码。
当然上面的编码会把符号也会转义，这个时候只需按照下面的改下就可以了
var …
节流和防抖函数，函数的节流和防抖
1 基于操作的节流，防抖
定义函数，绑定滚动事件
var num 0;
function demo(){console.log(num);
}// 基于操作的节流，防抖
// 定义定时器句柄
var timebar
// 高频事件
window.onscroll function(){// 基于操作的，在高频事件中…
JS遍历数组里数组下的对象，根据数组中对象的某些值，组合成新的数组对象
前言： 大部分后端返回给前端的数据，是json形式的。里边包含了响应码，响应信息，有些还会返回数组对象等。现在有一个业务场景，我调用明细查询接口，返回的数据是一个对象数组的形式，但是我只需要对象中的某些属性值。这个时候我就需要想办法提取我所需要的值，然后组合成一…
JS设置div根据键盘移动
使用js设置div根据方向键“上、下、左、右”方向键移动，
代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns"ht…
js绑定onblur事件
对于页面上文本框验证时，我们需要给文本框添加事件。 原生JS方法： 添加：document.getElementById(“field”).setAttribute(“onblur”, “check()”); 删除：document.getElementById(“field”).removeAttribute(“onblur”)…
前端实现可拖拽课程表【纯HTML、CSS、JS】
前言
hello，今天实现点小动画，帮助学习理解Web api的拖拽效果，这里实现的是可拖拽的课程表！#
效果图 附：作者没钱去除水印，就这样看一下简单的看一下效果吧！
实现前言知识
这里我使用事件委…
超超超超详细！手把手带你用js实现简易版position:sticky
文章目录一、基本思路二、实现过程1.准备工作1.获取dom元素，设置偏移量2.给滑动添加事件3.判断是否在可视区4.脱离可视区触发回调函数总结# 前言
前面我们在介绍position属性时（不知道的小伙伴可以去看看我的另一篇说position的博客哟，传送门…
$set解决vue中修改数组或对象视图不更新的问题
文章目录前言一、案例二、解决方法$set总结前言
相信大家和我一样，在开发中总是遇到一个问题。
为啥我修改v-for遍历的数组，视图却没有更新？？？当我点击其他操作重新渲染后，又更新了？ÿ…
CDN引入vue，使用图片懒加载
在new Vue 之前加入这样一段
Vue.use(vant.Lazyload, {lazyComponent: true
});html部分
<div class"imgs"><img class"img" v-for"img of imageList" v-lazy"img">
</div>F12看效果：
web前端全栈0基础到精通（祺）vue 09
一、UI框架
1.1UI框架之PC端（elementUI）
官网地址
https://element.eleme.cn/#/zh-CN安装
npm install(i) element-uielement-ui2.15.1全局引入UI框架
main.js
//引入UI库
import ElementUI from element-ui
//全局引入css样式
import element-ui/…
Javaweb开发了解前端知识二、JavaScript
1、JavaScript介绍
2、JavaScript和html代码的结合方式
2.1、第一种方式
2.2、第二种方式
3、变量
3.1、关系（比较）运算
3.2、逻辑运算
4、数组
4.1、数组定义方式
5、函数
5.1、函数的二种定义方式
5.2、函数的 arguments 隐形参数（只在func…
vue2.0和vue3.0双向绑定的实现原理
vue2.0的双向数据绑定其实就是用了es5新增加的Object.defineProperty来进行数据劫持的
<span id"spanName"></span>
<input type"text" id"inputName">
let obj { name : };
let newObj Object.parse(Object.stringify(o…
使用uni-app开发微信小程序-基础知识
概念
使用uni-app开发微信小程序，uni-app是使用vue开发的框架，能通过框架编译到微信开发者工具的代码
新建项目
下载app开发版的HBuilder（含插件多点） - 新建uni-app项目 - 选择默认模版
运行小程序
运行小程序 - 点击运行 -…
【JavaScript】Day3——函数、作用域、预解析
▊ 函数
声明函数 ↓
function getSum(num1, num2) {return num1 num2;
}
// 如果没有返回值，则默认return undefined形参与实参的匹配 ↓
// 下面的写法都是合法的哦 >_< 猜一下它们的返回值
getSum(1, 2);
getSum(1, 2, 3);
getSum(1); // 答案…
promise的创建
const promise new Promise(function(resolve, reject){setTimeout(function(){try {let c 6 / 2 ;resolve(c);console.log(c)}catch(ex) {reject(ex);}}, 1000)
});得出答案是3
但是把console.log放在最后一行会报错，说c没被定义
const promise new Promise(f…
高级 API 长这个样子，你用到了吗？
MutationObserverIntersectionObservergetComputedStyle()getBoundingClientRectrequestAnimationFrameMutationObserver MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。APIMutationObserver 是一…
Js强制类型转换——String类型 / Number类型/Boolean类型
String类型 / Number类型强制类型转换---String强制类型转换---Number强制类型转换---BooleanJS有六种数据类型，其中前五为基本数据类型：
类型名称String字符串Number数值Boolean布尔值Null空值Undefined未定义Object对象
其中Null类型中 只有一个值&am…
js验证用户输入的 座机/手机/固定电弧 格式是否正确
编写方法如下
const checkTelephone (value) > {var isMobilePhone /^([0-9]{3,4}-)?[0-9]{7,8}$/;var isFixMob /^[1][3-9][\d]{9}/;if(isFixMob.test(value)||isMobilePhone.test(value)) {return true;}else{return false;}
}
https请求百度share分享报错问题
网站更新为https后 分享时出了点问题(用的百度share)
解决方法有三种
1. 网站改为http的(这是废话)
2. 使用其他分享方法
3. 把百度share的静态资源下载下来
推荐使用3方法
资源包地址
https://download.csdn.net/download/qq_36999656/13963215
备用地址
链接&#x…
前端 JS 打印 WORD/EXCEL PDF
前端打印页面，导出word，导出ppt 之前做的一个项目里要求结合页面的表格导出PDF和WORD并实现打印功能，就顺便做下总结 以前的有点不好，这次升级优化了下
导出PDF
这里我我选择了使用插件html2canvasjspdf来做，先把插件…
js实现图片、视屏上传在线预览功能
js实现图片、视屏上传在线预览功能
关键代码如下： css模块:
<style>.fileBox{width: 500px;height: 300px;border: 1px solid black;}video{width: 500px;height: 300px;}img{width: 500px;height: 300px;}</style>html模块:
<div class"box…
React Hooks 使用误区，驳官方文档
作为 React Hooks 库 ahooks[1] 的作者，我应该算一个非常非常资深的 React Hooks 用户。在两年多的 React Hooks 使用过程中，我越来越发现大家（包括我自己）对 React Hooks 的使用姿势存在很大误区，归根到底是官方文档…
前端js-----三级联动
效果如下（原生js）：
------ HTML：
<body>请选择省份<select name"" id"province"><option value"请选择省份">请选择省份</option></select>请选择市<select na…
面试官：有了 for 循环为什么还要 forEach ？
js中那么多循环，for for...in for...of forEach，有些循环感觉上是大同小异今天我们讨论下for循环和forEach的差异。我们从几个维度展开讨论：for循环和forEach的本质区别。for循环和forEach的语法区别。for循环和forEach的性能区别。本质区别f…
你可能不知道 JSON.stringify() 的这些妙用
1.用来调试对象我们先来看看下面这个代码在控制台中输出什么//Initialize a User object
const user {
"name" : "蔡生",
"age" : 26
}
console.log(user);
// [object Object]看！console.log()没有输出我们想要的结果。它输出了[ob…
回调地狱和Promise
Promise是ES6中新增的语法，主要是解决原来回调地狱，也就是回调函数多层嵌套问题。
现在我有两个json文件，分别用ajax来请求，但是要求先请求data.json的数据，然后再请求data1.json的数据。 $.ajax({url: ./data1.json,…
前端js-----DOM事件高级(阻止默认行为事件冒泡)
有时候我们不需要一些默认行为，这时我们需要阻止默认行为：代码如下
a.onclick function(e){
//e.preventDefault();//适用普通浏览器
//e.returnValue;//ie 6 , 7, 8
return false;//无兼容，（仅限于传统注册方式，但r…
JS中for循环绑定事件
在网页中有五个按钮，需求为：点击按钮，将按钮的索引值输出。
初学JS时遇到的问题，今天学习bind方法时又想起来了，分享一下。
先看一下代码 var btns document.querySelectorAll(button)for (var i 0; i < btns.l…
js实现模糊搜索下的文字高亮显示
因为项目需求写了一段模糊搜索文字高亮显示的功能，
效果如下: 话不多说，直接甩代码：
//this.searchValue 为搜索项 匹配搜索项与this.fileList[index].fullName是否匹配 然后
//返回匹配项数组searchMatchArr.涉及到了模糊搜索,故而做了大小…
你不知道的浏览器渲染原理
前言
浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分的，一是渲染引擎，另一个是 JS 引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种：Trident（IE）、…
正则全攻略使用手册,你确定不进来看看吗
前言
正则表达式是软件领域为数不多的伟大创作。与之相提并论是分组交换网络、Web、Lisp、哈希算法、UNIX、编译技术、关系模型、面向对象等。正则自身简单、优美、功能强大、妙用无穷。
学习正则表达式，语法并不难，稍微看些例子，多可照葫芦…
JavaScript函数的4种调用方法实例分析
本文实例讲述了JavaScript函数的4种调用方法。分享给大家供大家参考，具体如下：
JavaScript 函数有 4 种调用方式：
作为一个函数调用函数作为方法调用使用构造函数调用函数作为函数方法调用函数
分述如下：
每种方式的不同方式在…
js中return；return true return false 的区别
return 定义:
return 语句会 终止函数的执行 并 返回函数的值。 注意这两个： 1.终止函数的执行 2.返回函数的值
返回函数的值这里就不过多叙述了，就是 return 变量
先看下面的例子：
<!DOCTYPE html>
<html>
<head><…
自从用上了代码生成，程序员就没什么事了吗？gpt3开启商业化之路 | Mixlab智能产品...
当程序员还在和产品经理争论需求到底合不合理的时候，gpt3已经帮他们把代码生成了……早些时候，《麻省理工科技评论》发布了2021年10大突破性技术，就已经把GPT-3列为十大突破性技术之一。自从open.ai发布了gpt-3的接口，大量的应用就…
艺术字生成工具 | Mixlab创意编程
作为PPT总是找不到合适背景图的小编来说，若有一款能够生成契合主题、又不失美感的动态背景生成工具就再好不过了。恰好最近看到这款文字艺术生成网站，生成的内容还可以直接拿来做背景图，一起来试玩下吧。字体艺术，用创意编程表达字…
三步构建你的AR项目 | Mixlab增强现实
AR.js简单三个步骤即可完成AR的部署，最后可以直接生成一个链接或者下载源文件代码。案例：用于研究解剖学的增强现实书籍。AR.js Studio是一个能够让大众免费构建Web AR而无需编写代码的一个网站。让用户无需登录，只需访问他们的URL链接&#…
ios rac接近重复点击_重复和接近重复
ios rac接近重复点击2010 update: Lo, the Web Performance Advent Calendar hath moved 2010年更新： Lo， Web Performance Advent Calendar已移动 Dec 9 This post is part of the 2009 performance advent calendar experiment. Stay tuned for the ne…
指尖的AR｜Mix+人工智能 No.50
Knowledge/ def mix( ):本期收录新增11NO. 50#Bg Painter##创意编程#一款可以自由创作的动态背景在线网站，可以针对每个元素进行手动调整，创造出独一无二的静态/动态图片。#RNN##美食#利用 Textgenrnn 来创建了一个递归神经网络，用来生成蛋糕…
照管老人，吓唬熊孩子 各种AI新奇系统一览｜Mixlab 人工智能
“再也不怕老人会突然摔倒” 系统 - SmartPeep林铭辉博士因为受到婆婆跌倒事件的启发，决定组织团队一起研发 SmartPeep 人工智能看护系统，在老人家跌倒时能及时通知看护或是他的家人，以免错过黄金救命时间而酿成悲剧。目前这个系统已成功协助…
JavaScript 数组对象的几个方法 toString ,join,concat,sort，reverse
JavaScript 数组对象的几个方法
<script type"text/javascript">var nums [10, 20, 30, 40, 45, 46, 47, 48, 49, 90, 100];//1.toString 方法 将数组变成字符串。返回值：返回一个逗号分隔的字符串alert(nums.toString());//2.join方法,将数组按照…
现实与虚拟的共生，AR响应式手绘技术 ｜ Mixlab增强现实
RealitySketch 是一种用于绘制交互式图形和可视化效果的增强现实界面交互技术方案。近年来，越来越多的AR草图绘制工具使用户能够在现实世界中绘制和嵌入草图。比如像SymbiosisSketch，这些工具使用户可以绘制数字元素并将其嵌入到现实世界中。但是&#x…
jQuery方法简单汇总
1、jQuery的选择器：(‘内容’);①(‘内容’); ①(‘内容’);①(‘xx’); 获取页面中所有的xx标签； ②(‘xxoo’);获取页面中所有的xx标签内的oo标签；③(‘xx oo’); 获取页面中所有的xx标签内的oo标签； ③(‘xxoo’);获取页面中所…
防止图片缓存，更新图片页面不更新问题
页面缓存问题
最近做了一个简单的jq项目，每天需要手动更新美工做的图片，当时想到缓存问题，想着和美工一起把图片的名字每天一换应该就不会有缓存问题了，可是现实去给我深深的教训，投入生产后仍是出现了页面不更新的情…
js判断网络是否连接正常
function isOnLine() {var netStatus "";if (window.navigator.onLine true) {netStatus "onLine";//网络链接正常} else {netStatus "offLine";//网络连接失败};return netStatus;
};
as_hash ruby_Ruby中带有示例的Hash.default_proc方法
as_hash rubyHash.default_proc方法 (Hash.default_proc Method) In this article, we will study about Hash.default_proc Method. The working of this method can be predicted with the help of its name but it is not as simple as it seems. Well, we will understand …
for...of与for...in在迭代对象属性上的区别
for…of循环
for...of 循环需要配合 Object.keys(obj) 、Object.values(obj)、Object.entries(obj) 配合使用才能迭代对象。
const objPrototype {c: 3,d: 4,
};
const obj Object.create(objPrototype);
obj.a 1;
obj.b 2;for (const key of Object.kes(obj) {console.l…
184.【2023年华为OD机试真题（C卷）】IPv4地址转换成整数（位运算实现JavaPythonC++JS）
请到本专栏顶置查阅最新的华为OD机试宝典 点击跳转到本专栏-算法之翼:华为OD机试 🚀你的旅程将在这里启航！本专栏所有题目均包含优质解题思路，高质量解题代码，详细代码讲解，助你深入学习，深度掌握！ 文章目录 184.【2023年华为OD机试真题（C卷）】IPv4地址转换成整…
ES6特性：Symbol獨一無二的類型
ES6: Symbol 文章目錄ES6: Symbol簡介參考正文Symbol 創建Usage 使用作為屬性名消除魔術字符串(Magic string)非私有內部方法內置 Symbol 值OverviewSymbol.hasInstanceSymbol.isConcatSpreadableSymbol.speciesSymbol.matchSymbol.replaceSymbol.searchSymbol.splitSymbol.ite…
Vue中Class与Style的绑定
绑定Class
对象语法
我们可以传给 v-bind:class 一个对象，以动态地切换 class：
<div v-bind:class"{ active: isActive }"></div>
上面的语法表示 active 这个 class 存在与否将取决于数据 isActive 的 true 或 false。
你可…
原型和原型链简述（prototype、_proto_）
原型链 __proto__ 原型 使用 __proto__ 串联起来的对象链状结构 从任何一个数据结构出发, 最终都能找到 Object.prototype 作用: 为了对象访问机制 > 当你需要访问一个对象的成员的时候 > 首先在自己身上查找, 自己身上有, 就直接使用, 停止查找 > 自己没有, 就会…
js some循环 找出一个数组中符合条件的另一个数组
需求效果：请求"热门兴趣"群的接口，还有一个“我参加的群”的接口，要在热门兴趣群里面标记我参加的兴趣群，如果是我参加的就给按钮“进入群聊”，如果不是我参加的那就给按钮“加入群聊”。 废话不多说&#x…
个人网站引入B站视频播放，个人博客播放B站视频。【1080P】
最近想在个人博客播放我在B站上面的视频，花了三个下午，终于做好了。 有兴趣的可以先看看最终效果： https://www.xdx97.com/video 1、代码如下
<html>
<head>
<title>播放B站视频</title>
<meta http-equiv…
微信H5跳转小程序api使用和场景适用情况
1: h5 在 小程序的webview 内
使用 wx.miniProgram.navigateTo
使用说明：web-view | 微信开放文档 2: H5在微信公众号
使用：wx-open-launch-weapp
使用说明：目录 | 微信开放文档
限制：用户需点击 静态调用， 开放对…
window onload和$(document).ready()及DOMContentLoaded的区别（DOM加载完毕前后调用）
这两个函数的差别就在于调用的时机不同，
一般情况一个页面响应加载的顺序是：域名解析-加载html-加载js和css-加载图片等其他信息。
在日常开发中我们经常需要获取页面的元素进行操作，而在编写代码的时候为了代码易读性我们会将js代码放在一…
【ES6】模板字符串
文章目录模板字符串1. 使用方法2. 嵌入变量模板字符串
ES5 中我们表示字符串的时候使用或者""在 ES6 中，我们还有一个东西可以表示字符串，就是(反引号)
let str hello world;
console.log(typeof str) //string1. 使用方法
模板字符串可以…
【JS】Array 数组简解
文章目录一、数组概述1.1 数组索引1.2 数组长度1.3 数组空位二、创建数组2.1 字面量创建2.2 构造函数创建其他资料一、数组概述
什么是数组？字面理解就是数字的组合其实不太准确，准确的说数组就是一个数据的集合也就是我们把一些数据放在一个盒子里面&a…
【JS笔记】JavaScript splice()方法的使用
JavaScript splice()方法 splice()方法： 插入、删除、或者替换一个数组元素，然后返回被删除的元素。 语法格式： array.splice(index,howmany,n1,n2,,nx); 参数说明： index（必选项）： 该参数是开始…
css postion属性详解及用法
前言：css是前端的必要及能之一，今天总结一下css中postion属性。
1.postion是什么及取值；
position属性用来指定一个元素在网页上的位置，一共有5种定位方式，即position属性主要有五个值。
static（默认&am…
js对象与字符串相互转换＜JSON.stringify, JSON.parse＞
【对象转为字符串】
const obj {id: 0,name: 张三,age: 12
}
const objToStr JSON.stringify(obj)
console.log(obj:, obj)
console.log(objToStr:, objToStr)【 json字符串转为对象】
const str {"id":0,"name":"张三","age":12…
ES6特性：Module模塊化
ES6: Module 模塊化 文章目錄ES6: Module 模塊化簡介參考正文Usage 應用Overview 概述export 導出export var 個別導出export {} 一組導出export { as } 導出別名export default 默認導出導出引用import 導入import {} 個別導入import { as } 導入別名import * as 整體導入impo…
获取scrollTop兼容各浏览器的方法，以及body和documentElement是啥？
1、各浏览器下 scrollTop的差异 IE6/7/8： 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ； 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop； Safari: safari 比较特别&a…
生物黑客，是怎样一种神秘存在？
生物黑客，又称生物崩客Biohack自己动手的生物学家，车库生物学家等，为了防止出现技术被少数专业人士所掌握，而形成的垄断操纵，而产生的一群团体。他们主要是通过网络，及其他手段来普及现代生物学知识。生物黑…
现在面试都问什么「字节、蚂蚁、美团、滴滴面试小记」
写在前面笔者三年工作经验，平时工作上也会技术面试一些候选人，听江湖上传闻三年是个坎，目前刚好也有三年没有出来面试了，想出来考验考验自身功底如何？🙃主要投递了一些可视化与基础设施建设相关方向的职位&…
为什么说 TypeScript 的火爆是必然？
TypeScript 这些年越来越火，可以说是前端工程师的必备技能了，各大框架都基于它实现。那么，TypeScript 的出现和爆火是偶然发生的吗？其实不是，类似 TypeScript 这种静态类型语言成为主流是必然会发生的。为什么这么说呢…
html/js/css_html / js / css大小的快速统计
html/js/cssIm sure better tools exist, but hey, quick and dirty is faster: 我敢肯定，存在更好的工具，但是嘿，快速又肮脏会更快： const total document.documentElement.innerHTML.length;const scripts Array.from(docume…
外卖红包天天领！最高可领取 20 块
这几天我发现一个神仙公众号每天都可领外卖红包美团饿了么都支持少则几块钱多则几十块钱掐指一算一年省下来的钱能在三里屯买房近一大步了入口我先放这儿具体怎么操作我后面会讲大家可以先关注上如何领红包首先点击下方卡片关注后进入公众号然后点击菜单栏即可跳转到领红包页面…
JavaScript数据类型、数组、变量
JavaScript-基础Ⅰ
1、数据类型的介绍
1.1 Number
整形、浮点型、科学计数法、NaN、Infinity都是Number类型
123; // 整数123
0.123; // 浮点数0.123
1.234e2; // 科学计数法表示1.234x100，等同于123.4
NaN; // NaN表示Not …
JavaScript篇章
JS篇章Tips:基础不牢，地动山摇章节一：五大主流浏览器浏览器历史和JS诞生章节二：章节三：Tips:基础不牢，地动山摇
章节一：
引入：为什么要用框架：之所以是框架，是为了给你…
JavaScript——青蛙跳台阶
题目描述
一只青蛙一次可以跳上1级台阶，也可以跳上2级。求该青蛙跳上一个n级的台阶总共有多少种跳法（先后次序不同算不同的结果）。
function jumpFloor(number)
{// write code here//自己先写几个，多少台阶几种跳法。属于找规律…
微信小程序图片加载失败时加载默认图片的处理方法
微信小程序图片加载失败时加载默认图片的处理方法
问题: 微信小程序中img标签不支持onerror事件，但是我希望当img加载图片失败的时候有一个加载默认图片的效果。
解决：
可以使用error
<view v-for"(v, i) in searchArr" :key"i&qu…
自定义样式的echats折线图（过程示例）
需求,直接上设计图： 进入echats官网： https://www.echartsjs.com/zh/index.html 找到官方实例： 随机选择一个顺眼的折线图： 进入后，开始改造。左边修改代码，右边则能够看到表现。 首先我们去除图中的区…
VUE 让页面上显示的代码拥有高亮效果
需要用到highlight.js
npm install highlight.js创建一个js文件
let hljs require(highlight.js);let vueHighlightJS {};
vueHighlightJS.install function install(Vue) {Vue.directive(highlightjs, {deep: true,bind: function bind(el, binding) {let targets el.qu…
puppeteer|自动化UI测试|JS|零基础入门（四）——页面截图、元素截图
话不多说，看代码
//登陆页面截图，保存在ScreenShot文件夹，并命名为login_page.pngawait page.screenshot({path:login_page.png})
//登陆按钮截图，保存在ScreenShot文件夹，并命名为login_button.pngawait login_btn.…
【已解决】使用 NodeJS 读取文件的大小，并以KB、MB、GB的格式输出。
方法一
function formatBytes(bytes, decimals 2) {if (bytes 0) return 0 Bytes;const k 1024;const dm decimals < 0 ? 0 : decimals;const sizes [Bytes, KB, MB, GB, TB, PB, EB, ZB, YB];const i Math.floor(Math.log(bytes) / Math.log(k));return parseFloat…
AJAX异步上传图片预览
css样式就不上传了，样式自行调整，使用对应的ID名称即可使用
html代码
<div class"l-d"><label for"n-file" class"l-e "><div class"l-eimg" style"background-image: url(./a48.png);&q…
小程序 实现分页源代码
const apis getApp().API //封装接口Page({/*** 页面的初始数据*/data: {isAllData:false,//判断列表的长度pageIndex:1,//当前页// pages:5,//每页条数total:0,//总条数list:[],//优惠券列表，lists:,},couponlist(page){var data{pageIndex:this.data.pageIndex,c…
移动WEB-屏幕触摸事件
1. 触屏事件概述
移动端浏览器兼容性比较好，我们不需要考虑JS的兼容性问题，可以放心的使用原生的JS写效果，但是 移动端也有自己独特的地方，比如触屏事件touch（也称触摸事件），Android和IOS都有。…
c++ stl erase_C ++ STL中的set :: erase（）函数
c stl eraseC STL set :: erase()函数 (C STL set::erase() function) set::erase() function is a predefined function, it is used to erase an element from a set. set :: erase()函数是预定义的函数，用于删除集合中的元素。 Prototype: 原型： s…
vue中按钮操作完刷新页面
首先从子组件和父组件角度去写这个东西，简言之就是在父组件中实现这个刷新功能方法，然后在子组件中进行绑定并进行监听就好了啊
1.父组件中实现
①图示部分：
个人建议这个作为父组件，肯定一般是放在列表中的，即把列…
为什么data必须是一个函数
如果data是一个函数的话，那么我们每次创建一个新的实例之后，就会调用一个新的data函数。也就是给每一个data数据定义一个新的内存地址。这样的话，修改A而不会影响B. 主要也是受到javascript的特性影响，跟vue本身设计无关。 大家都…
定时器+时间戳实现防抖和节流
//防抖，使用定时器function debounce(fn, delay) {let timer nullreturn function() {if (timer) {clearTimeout(timer)}// timer setTimeout(fn, delay)// 考虑到this指向和传参的问题let that this;let args arguments;timer setTimeout(function() {fn.app…
jsp，js 设置返回上一步
<a href"javascript:history.go(-1);">返回</a> //点击a标签返回上一步 <input type"button" value"返回" οnclick"history.go(-1)" /> //点击按钮返回上一步 >设置进入这个页面的时候3秒之后返回上一步&am…
EasyUI的图片显示————formatter属性
JavaScript部分 function formatImg(value,row,index){if(value){return "<img src${pageContext.request.contextPath }/img/"value" stylewidth:80px;height:50px;>"}else{return null; }
}
注： ${pageContext.request.contextPath…
js数组常用的一些方法
js数组常用的一些方法js数组常用的一些方法常用API- pop:删除数组的最后一个数(改变原数组)- push:添加到数组最后面(改变原数组)- shift:删除数组的第一个数(改变原数组)- unshift:添加到数组的最前面(改变原数组)- reverse:数组反转(改变原数组)- splice:可以向数组删除并加入…
Javascript：实现淘宝商品的鼠标移动换图（onmouseover）
Javascript：实现淘宝商品的鼠标移动换图（onmouseover） <!DOCTYPE html>
<html><head><meta charset"UTF-8"><title></title><style>*{margin:0;padding:0;}ul{list-style:none;}#box{he…
JS面试题汇总（六）
📒博客首页：酸狗的博客🍋 🎉欢迎关注🔎点赞👍收藏⭐️留言📝 💖热爱前端学习，期待一起交流！✨ 🙏作者水平很有限，如果发现错误&#x…
JS面试题汇总（五）
📒博客首页：酸狗的博客🍋 🎉欢迎关注🔎点赞👍收藏⭐️留言📝 💖热爱前端学习，期待一起交流！✨ 🙏作者水平很有限，如果发现错误&#x…
JS实现数字翻牌效果
JS实现数字变化翻牌效果
一、效果图如下： 二、代码如下：
注意：需要引入JQuery.js。
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>数字翻牌器</title>&…
数组类型方法map,valueOf,forEach,findIndex,includes,indexOf
数组类型方法
1.concat，创建一个新数组，将array与任何数组 或 值连接在一起。
let arr [1,2,3,4]
let arr2 [9]
let arr3 arr.concat(arr2)
console.log(arr3);
//[ 1, 2, 3, 4, 9 ]2.pop，删除数组的最后一个元素，返回值为最…
js取当前时间的秒级时间戳
parseInt(new Date().getTime()/1000);,
或者Date.parse(new Date())/1000;1、将当前日期转换为时间戳。var now new Date();console.log(now.getTime()) // 将当前日期转换为时间戳，getTime()方法可返回距1970年1月1日之间的毫秒数。也可以使用 now ࿰…
vue a-range-picker回显问题和回显之后值无法改变的问题
直接记录吧 原因很简单： 回显从后端传过来的日期要么是时间戳 要么是正常日期 而选择日期的控件的日期格式显示的不是这种 是中国标准日期 所以就是说日期格式不对 导致不回显 解决方法： a-range-picker里面选中的时间默认是moment对象，所以要…
React 核心特性: 3 种创建 Refs 引用 2 种 Refs 转发的方法
React 核心特性: 3 种创建 Refs 引用 & 2 种 Refs 转发的方法 文章目录React 核心特性: 3 种创建 Refs 引用 & 2 种 Refs 转发的方法前言正文0. 概念1. 字符串 Refs(Depracated 废弃的方案)2. 回调 Refs3. React.createRef 创建 Refs 引用(推荐)4. React.forwardRef 传…
微信小程序截取变换后端请求过来的值，时间戳转时间
各位猿猿们有木有遇到这样的情况：在做前端的时候当请求到后端接口传过来的值，跟我们需要的不完全相同，我们不能直接渲染而要经过转换比如字符串截取啊，时间戳转时间啊等等。那我现在就以微信小程序为例，是一个wx:for循…
JS Dom事件绑定及解绑
1.行内式 在标签中直接通过on事件类型 属性 去绑定事件 2.内联式 （1）直接绑定匿名函数 （2）先定义函数，再去绑定 3.监听 addEventListener 语法：事件源.addEventListener("事件类型",事件处理函数…
JavaScript——原型（prototype）
引入：
创建一个Person构造函数 * - 在Person构造函数中，为每一个对象都添加了一个sayName方法， * 目前我们的方法是在构造函数内部创建的， * 也就是构造函数每执行一次就会创建一个新的sayName方法 * 也是所有实例的sayName都是唯…
jQuery中foreach的continue和break : Uncaught SyntaxError: Illegal continue statement
Uncaught SyntaxError: Illegal continue statement
在JS中出现上面错误，很可能是因为在foreach循环中使用了 continue 或者 break 所导致的；
在JS循环中
continue 语句 continue 语句中断循环中的迭代，如果出现了指定的条件，然…
Java script Bom对象
1、浏览器环境，规格
JavaScript 语言最初是为 Web 浏览器创建的。此后，它已经发展成为一种具有多种用途和平台的语言。
平台可以是一个浏览器，一个 Web 服务器，或其他 主机（host），甚至可以是一…
【爬虫实战】利用scrapy框架爬取豆瓣图书信息
一、前言
scrapy是基于twisted的异步处理框架，与传统的requests爬虫程序执行流程不同，scrapy使用多线程，将发送请求，提取数据，保存数据等操作分别交给Scheduler（调度器），Downloader…
bootstrap资料
一、简介 二、参照资料 ******************************** 二、参照资料 Bootstrap JS插件使用实例(1)-轮播 http://www.see-source.com/blog/300000033/281
JavaScript中的函数解析
1、函数
我们经常需要在脚本的许多地方执行很相似的操作。
例如，当访问者登录、注销或者在其他地方时，我们需要显示一条好看的信息。
函数是程序的主要“构建模块”。函数使该段代码可以被调用很多次，而不需要写重复的代码。 2、函数说明 …
javaScript常用集锦
目录
substring和substr的区别slice()splice()indexOf()和lastIndexOf()方法substring和substr的区别
ar a"abcdefghiklmnopqrstuvwxyz";
var ba.substr(3,5); //defgh
var ca.substring(3,5); //de注意最后5下标是不会取到的意思是只能截取a字符串的3,4下标 截取的…
JS中获取cookie的最简单方式
const getCookie (name) > document.cookie.match([;\s]?${name}([^;]*))?.pop();// 比如cookie如下： ab; cd
// 使用
getCookie(c) // d其中match是字符串的原型方法。 str.match(regexp) 如果传入一个非正则表达式对象，则会隐式地使用 new RegEx…
js下载文件、音频、视频的方式
下载文件可以直接通过a标签的href属性直接下载，也可以通过Blob对象转换为文件流进行下载。如果要对大数据量或者需要分片下载、上传等操作，可以考虑Blob对象。同事Blob对象可以对下载过程进行额外操作（拦截等操作），这是…
省市区三级联动--移动端
随着信息时代的发展，我们已经可以足不出户就建议购买到我们想要的东西，这个想必不需要我多说，大家都知道也切身体会到，在使用这些APP的中不可避免的就是我们的地址，小编在做需求时看到了这一项，所以到插件库…
获取用户IP地址问题解决
上次由于用户IP的获取问题刻意在本地装了Linux测试具体IP获取不到的真正原因，不幸的是到目前为止使用Java后台获取的IP通过百度都是本地局域网；这次换了一种方式，采用JS获取IP传到后台，解决了这个问题。
<script src"htt…
element el-table 高度自适应
element el-table 高度自适应
解决el-table的高度不能适应不同电脑的分辨率，也不能跟随浏览器的高度变化而变化的问题
效果：
前言
在这台电脑开发时设置了el-table的高度为500px，但是在小电脑，就看不到table后面几条数据了&a…
js去除字符串指定符号和删除字符位数
1.去除& * \ ! "符号
var a"[\"一级&市!政\",\"一级机*电\"]"
var ba.replace(/[&*\!"]/g,"")
bb.substr(0,b.length-1) // 删除字符串最后一位
bb.substr(1) //删除字符串第一位
console.log(b); //…
cesium.js加载geojson三维建筑
geojson数据就是普通的图层数据，只是文件里有建筑物高度这一属性。
引入文件如下：（app7.js是自己的文件） JS代码示例：
先去官网申请一个token加在代码前面
Cesium.Ion.defaultAccessToken "官网申请的token&q…
微信小程序常见网络请求失败问题总结及解决方案
微信小程序常见网络请求失败问题总结及解决方案
微信开发者工具中未勾选不校验合法域名设置
未勾选这个设置在任何环境下发送http网络请求会失败
发送的是https请求，但网络请求依旧是失败
需要到官方的微信小程序后台的 开发管理 -> 开发设置 -> 服务器域…
jQuery项目 IE浏览器加载很慢 的解决办法 尤其是ie8
项目测试没问题 部署到服务器 有的电脑加载挺快 但是老系统的ie8电脑加载特别慢 解决办法：删除掉所有的console.log() 一个也不要留
js中的children实时获取子元素
先看下面一个小例子的结果
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>Title</title><style>ul,li{list-style:none;}</style>
</head>
<body>
<div id"wr…
有弹出层时创建遮罩层并禁止屏幕滚动
在点击登录注册后通常要创建遮罩层，使整个屏幕只能操作登录窗口部分的内容。首先需要设置弹出框的z-index值为3，使弹出层距离用户更近。还需要创建一个div宽高占满整个屏幕，用来做遮罩层。（z-index2）。同时设置这两个d…
promise的用法，为什么不是运行出3呢？ex是什么意思？
const promise new Promise(function(resolve, reject) {setTimeout(function() {try{let c 6 / 2 ;resolve(c);} catch(ex) {reject(ex);}}, 1000)
})不知道怎么debug得出3来。
为啥是underfined？
<!DOCTYPE html>
<html><head><meta cha…
用 js 设定标签的样式，并解决语法兼容性的问题
设定标签的样式
1. 给标签设定样式
语法
标签对象.style.属性 属性值2. 获取标签设定的样式
语法
标签对象.style.属性实例
var oDiv document.querySelector(div);
// 通过 标签对象.style.属性 属性值
// 设定的是标签的行内样式
// oDiv.style.color red;// 获取样…
前端js-----选项卡/tab栏（面向对象）
功能效果如下：
实现代码：
HTML：
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"…
js实现一个数组划分为二维数组内多个小数组
//一个数组划分为二维数组内多个小数组/*arr：原数组num: 需要获取成几个小数组*/formatArr(arr,num) {//最后返回的结果为一个二维数组var newArr new Array(Math.ceil(arr.length/2));for (let i 0; i < newArr.length; i) {newArr[i] [];}for (let i 0; i …
js——join() 和 toString()的区别详解
其实是很小的知识点，在刷牛客网算法的时候，自己经常搞错。区别如下
例子： 从上面绿色画笔的地方可以看出来，这两种数组转字符串的方法有细微区别的，要小心。
原生js获取cookie
function getCookie(name){var strcookie document.cookie;//获取cookie字符串var arrcookie strcookie.split("; ");//分割//遍历匹配for ( var i 0; i < arrcookie.length; i) {var arr arrcookie[i].split("");if (arr[0] name){return arr[1];…
work-notes（4）：在.js文件中插入空格，如何插入（拼接）空格？插入多个空格？
时间：2022-04-12 文章目录描述1、在 .js 文件里面1.1 方式11.2 方式22、在 .html 里面描述
今天想在字符串内拼接 空格 老出不来。 主要是我想用 多个空格 ，尝试了： ① ‘ ’ (里面多个空格不行)； ② ’ ’ ’ ’ ࿰…
【AJAX】一篇文章弄懂并学会AJAX
概念
ASynchronous JavaScript And XML：异步的JavaScript和XML同步和异步：客户端和服务器端相互通信的基础上。同步——客户端在等待服务器端的响期间不能做任何其他操作；异步——服务器处理请求的过程中，客户端可以进行其他的操…
【JavaScript】Day1——JS与变量
▊ JS初见 ▍ JavaScript是什么？
是一种运行在客户端的脚本语言不需要编译，运行过程中由js解释器（js引擎）逐行解释并执行可以基于Node.js技术进行服务端编程
▍浏览器怎样执行JS？
浏览器分成两部分：渲…
JS中的JSON新应用
JSON对象
１、JSON.stringify() 串行化。 把一个对象转换成为一个字符串； let obj {a:10, b:20 ,c:30};let str JSON.stringify(obj);console.log(str);2、JSON.parse() 反串行化。 把一个字符串转换成为一个对象。 let str {"a":10, "…
Linux代理配置_wuli大世界_新浪博客
全局代理配置： vi /etc/profile添加如下内容：http_proxyhttp://username:passwordproxy:8080export http_proxyhttps_proxyhttp://username:passwordproxy:8080export https_proxyftp_proxyhttp://username:passwordproxy:8080export ftp_proxy
MySQL 8.0 可以操作 JSON 了，牛逼。。。
经过漫长的测试,即将整体迁移至Mysql8.0; Mysql8.0 对于Json操作新增/优化了很多相关Json的API操作。阅读了一下官方文档，虽然绝大多数的JSON操作都是应用层完成，但是会一些Mysql的JSON语法，方便进行debug；选出基础的, 有价值的部…
JavaScript——重建二叉树
题目描述
输入某二叉树的前序遍历和中序遍历的结果，请重建出该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。例如输入前序遍历序列{1,2,4,7,3,5,6,8}和中序遍历序列{4,7,2,1,5,3,8,6}，则重建二叉树并返回。
首先，在没有…
bootstrap-js工具提示框
docs.min.js：引入官方js文件，才能显示
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1, maximum-scal…
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
说明：本代码只是为了本人练习前后端联动技术，包含html，jquery，thymeleaf模板、ajax请求及后端功能联动，方便自己查找及使用。 文章目录代码场景场景1.table批量查询功能（有默认值），点…
java小工具util系列6：java执行string返回boolean结果
文章目录原理注意使用步骤本人其他文章链接原理
使用javascript脚本执行字符串返回boolean结果
注意
该方法针对逻辑与“&&” 和逻辑或“||” 也有效，对单个 “&” 或者“|” 执行结果无效，不过不影响真实结果。
使用步骤
引入依赖封装…
JS 之 阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return false的区别
在前端开发中，有时我们需要阻止冒泡和阻止默认事件的发生。 一、event.stopPropagation() 阻止事件的冒泡，不让事件向documen上蔓延，但是默认事件任然会执行，当调用这个方法的时候，如果点击一个连接࿰…
antd vue a-tree replaceFields属性不生效解决
前端实现a-tree遇到 看官方文档有replaceFields这个属性 代码实现未生效，也没有报错。 查看tree.js发现并没有这个属性
查看了一下vue的版本为1.3…
官方文档也没有特别标明版本
解决： 升级vue版本为1.6.5
教训： 要多看一下源码…
危险漫画！史上最强程序员脱单秘籍Top10...
本文纯属娱乐，切勿模仿，模仿后果难以评估，务必小心再小心，谢谢！最后告诉给大家一个好消息，Cocos Store迎来了激情五月挑战赛！最新上架了不少的好东西！欢迎来参加Cocos Store的活动&a…
构建复杂游戏的又一神器
前言事件机制,相信很多人都知道，了解，也经常用到。在设计模式中，它叫 「观察者模式」（又叫发布-订阅模式）。它无处不在:在Java中，它是「Java」的核心库「java.utils.Observable」，在C#中&#x…
这款神器竟然出了插件！网页适配！
Cocos Store即将上线一个新功能：立即体验！但有不少开发者，构建的web-mobile体验包，在桌面浏览器上体验很差。需要手动调节浏览器窗口大小，从而导致给用户的第一印象不完美，甚至是负面的，特别是一…
【JS垃圾回收】带你探索垃圾回收机制和Chrome V8垃圾回收机制
文章目录前言一、什么是垃圾回收？1.基本思路2.为什么要进行垃圾回收二、怎样进行垃圾回收1.标记清除优点缺点2.引用计数优点缺点三、Chrome V8垃圾回收机制1.为什么需要优化垃圾回收算法2.基本概念3.新生代垃圾回收器 - Scavenge4.老生代垃圾回收 - Mark-Sweep &…
html登录写滑块认证
一、作用
我们在登录网站的时候一般会让我们滑动认证或者是验证码认证，这个主要是可以防止恶意破解密码、刷票、论坛灌水，有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登录尝试，实际上是现在很多网站通行的方式&a…
setInterval特殊间隔时间与clearInterval不生效情况关系
setInterval()方法有两个必须的参数 1：code/function 代码串或者函数 2： milliseconds 毫秒时间 实际使用我我们发现milliseconds不设置也是可以正常执行的，这里会默认设置成最小的时间间隔 与浏览器及操作系统有…
jQuery this指向问题
看代码
var mov_obj {init: function() {//默认渲染第一个this.get_data(1)//添加点击事件this.add_event()},add_event: function() {//this指向对象var _that this// 点击影院热映$(".category").eq(0).on("click", function() {//更新下划线//this指…
JS实现漂浮广告功能
JS实现漂浮广告功能前言一、漂浮广告案例前言
漂浮广告非常简单也是老案例了，在网页的设计中可直接拿去用，原理都是我之前文章所讲到的，如果有什么不明白的可以看看我之前的文章，仅供参考学习。 一、漂浮广告案例
我在这个案例里…
【华为OD机试】工号不够用了怎么办？（python, java, c++, js）
工号不够用了怎么办？
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题目…
详解JS中的回调函数
JS中的回调函数对于入门者来说是不容易理解的，我在学习过程中也吃了它的苦头。学习JS一段时间过后，我也比较熟悉回调函数，现在把自己的心得分享出来。
那么，到底什么是回调函数呢？为什么JS中要有这个概念呢࿱…
jquery事件绑定方式和bug解决
绑定方式
方式一
<p>哈哈</p>
$("p").bind("click",function(){$(this).hide();});
或
$("p").bind("click",event1);
function event1(){$(this).hide();
}方式二
$("#submit").click(function () {})方式…
HTML、HTTP、Web综合面试题（五）
1.display: none; 与 visibility: hidden;的区别
display:none ;会让元素完全从渲染树中消失，渲染的时候不占据任何空间；visibility: hidden ;不会让元素从渲染树消失，渲染师元素继续占据空间，只是内 容不可⻅display: none ;是⾮…
free code camp Sorted Union解决方法
Sorted Union 写一个 function，传入两个或两个以上的数组，返回一个以给定的原始数组排序的不包含重复值的新数组。
换句话说，所有数组中的所有值都应该以原始顺序被包含在内，但是在最终的数组中不包含重复值。
非重复的数字应该…
uniapp定时器定时刷新获取
要用uniapp做一个效果：页面定时刷新获取，根据时间变换状态。 这里按钮有5种状态：预约，已预约，已售罄，未开始，已结束。要把当前时间和后端返回的时间做对比，如果还没到开始时间则显示…
JavaScript——读取链表元素，颠倒存储
题目背景：
对链表的考察。面试的时候，由于链表的创建、插入、删除等操作，代码量不是很多，相较哈希表、有向图等数据结构而言；但又考察应聘者的编程功底，为各个公司面试官所青睐。应当重视。
题目描述&…
JavaScript——修改dom样式的三种方法
html简单示例如下：
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>js修改文档样式</title>
</head>
<body><div id"div">这是一个盒子</div>&l…
JavaScript 正则表达式表单验证简单实例
大家在前端开发过程中总会遇到一些表单，难免会碰到一些正则表达式，以下为一些简单表单实例的正则表达式，仅供参考，具体可以自行修改：
/*是否带有小数*/
function isDecimal(strValue ) { var objRegExp /^\d\.\…
react创建自定义组件_创建一个简单的自定义react钩子以拖动组件
react创建自定义组件In 2003, noted technologist Murphy Lee presaged our current state of modular component based web applications when he asked:在2003年，著名的技术专家Murphy Lee在询问时预告了我们当前基于模块化组件的Web应用程序的状态： …
解决javascript中replace只能替换第一个
replace如果替换数据时，默认只替换第一个。 如果在替换的时候加上： / 替换内容 /g 就能实现全部替换 例如：
function change(strvalue){ strvalue strvalue.replace(/&/g,"&"); strvalue strvalue.replace(/</g,…
JavaScript实现数字金额小写变大写（一）
/*** 将阿拉伯数字金额转换成中文金额大写*/
function numtochinese(Num){for(iNum.length-1;i>0;i--){Num Num.replace(",","")//替换tomoney()中的“,”Num Num.replace(" ","")//替换tomoney()中的空格}Num Num.replace(&quo…
【js】用for-in循环遍历（key-value）对象，根据key值读取value
var MSG{
process_success :{code:200,msg:"Success"},
service_unavailable :{code:5031001,msg:"Server exception"},
wrong_url : {code:4041001,msg:"Wrong url"},
}拿到code的方法：
for(var e in MSG){console.log(MSG[e].code…
网络视频无法快进无法选中进度条
今天我们来教给大家一个通用的网课视频跳过教程，首先一般的网课视频都是以vidio来写的，所以我们要获取这个网页的vidio元素
<div class"vjs-progress-holder vjs-slider vjs-slider-horizontal disabled" role"slider" aria-val…
Object.defineProperties 添加一个/多个属性到对象；修改已有属性
语法： object.defineProperties(object, descriptors)
作用：除了可以用构造函数和字面量的方式为对象设置属性，也可以使用 object.defineProperties来添加/设置对象属性。 参数： object
必需。 对其添加或修改属性的对象。 这可…
254 js获取cookie及判断字符串长度
一、
$.cookie(key, value, { expires: expire_time, path: / });alert(设置成功！);
过期时间expire_time单位是：天，注意这个！二、
if(str.replace(/\s*/g, ).split().length ! 6) {alert(字符串str长度必须是6位，请确…
217 ajax同步请求及js的数组
一、少啰嗦，先看代码
注意：async:false,同步请求
function get_money(type,month0) {var money10;$.ajax({url: /XXX/XX,type: POST,async:false,dataType:"json",data: {type:type,month:month},success:function(data) {if (data.code su…
16.事件分类及事件对象
事件分类
资源事件
事件名称触发条件load页面元素(包括图像多媒体等)资源及其相关资源已完成加载。beforunload用户退出页面
例子：
<script>// 通过onload事件等待页面或图像加载完成后调用。// 这样可以保证 HTML 文档加载完毕，在函数内部操作…
element-ui dialog弹窗增加全屏功能
完成效果图：
一、定义全局变量 dialogFull 用来控制弹窗 dialogFull:false,二、dialog标签添加全局属性绑定
:fullscreen"dialogFull"三、设置title区域的自定义
<template slot"title"><div class"avue-crud__dialog__header…
获取远程图片rotate方法旋转90后兼容当前弹框或者div的方法（angular4+环境）
获取远程图片rotate方法旋转90后兼容当前弹框或者div得方法 （angular4环境）
解决办法：通过远程图片得链接地址获取到图片并放入img标签中然后属性，这里通过canvas完成虚拟dom创建并
图片预览得方向是根据属性获取得，…
世界位置全局位置_位置=位置
世界位置全局位置location location ... and 534 other ways to reload the page with JavaScript location location ...以及534种其他使用JavaScript重新加载页面的方法 How many ways you can think of when you want to reload the current page with JavaScript? I cou…
JSON JavaScript cookie
Heres a little thing I came up with, which hopefully can make reading/writing cookies with JavaScript easier. 这是我想到的一件事，希望可以使使用JavaScript读取/编写cookie更加容易。 好主意 (The big idea) The idea is to keep a JavaScript object (a …
今天用jstransform编写ES6
So theres this recent open-source project from Facebook called jstransform. Its also used by ReactJS. It lets you explore ES6 features and not only explore, but use them in production code. 因此，Facebook最近有一个名为jstransform的开源项目。 Reac…
浏览器资源嗅探器_浏览器嗅探条件注释
浏览器资源嗅探器Browser sniffing is bad. But sometimes unavoidable. But doing it on the server is bad, because UA string is unreliable. The solution is to use conditional comments and let IE do the work. Because youre targeting IE most of the times anyway.…
卸载amazon的链接_亚马逊短会员链接–一个书签
卸载amazon的链接Its a pain to link to a specific product on Amazon if you have to use their UI to build an affiliate link. Its good to have nice, clean and short affiliate links. This post gives you the details and also a bookmarklet to built the links by …
Javascript常用函数、方法速查手册
文章目录前言一、Array对象二、String对象三、Number 对象四、Math对象五、Date 对象六、RegExp对象七、全局属性八、全局方法总结前言
这篇文章主要对我们日常开发过程中使用频率比较高的原生Js方法，进行一次简单的整理归纳，方便再开发使用的时候进行快…
JavaScript 防扒站 防F12 仅供借鉴
突然今天有个需求用到这段代码 找了好久 线上想留个模板 原博主的链接我历史记录找不到了
麻烦如果原博主看见踢一下我 卦你链接上
复制代码直接看吧 仅供借鉴 ： ((function() {var callbacks [], timeLimit 50, open false;setInterval(_debug, 1);ret…
JavaScript 面向对象之工厂模式与构造函数详解
面向对象
什么是面向对象？
所谓的面向对象，是一种编程思想，编程思路，代码的书写格式。
之前为了简化代码，我们是将程序封装为函数的形式来调用 函数会有一些小问题:： 函数内部定义的局部作用域变量&…
JavaScript 经典轮播图的代码实现
轮播图大概都是什么样的呢，我们以淘宝网首页这个样式为例： 这是个很经典的轮播图，这里有五张图轮序自动播放，鼠标移上去时它会自动停下来，鼠标移开时它又会继续自动播放，下方的五个按钮和左右按钮都可以控…
jquery 封装的动画效果函数
文章目录showhideslideDown() 向下滑动slideUp() 向上滑动slideToggle()切换滑动hover(over,out)stop()淡入淡出fadeTo()自定义动画animate()jQuery给我们封装了很多动画效果，最为常见的如下:
显示隐藏show(), hide(), toggle()滑动slideDown(),slideUp(), slideTo…
js中点击按钮时自动增加一行
<input type"button" value"增加" id"addTable"/>
<input type"button" value"删除" id"deleteTable"/> <script type"text/javascript" src"jquery-1.7.2.min.js"></…
性能出“粽”，久经熬煮，值得拥有—— Greenplum
本文分享自微信公众号 - Greenplum中文社区（GreenplumCommunity）。如有侵权，请联系 supportoschina.cn 删除。本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。
Vue基础语法 -＞（个人学习记录笔记）
文章目录Vue1. 指令1.1 mustache1.2 v-once1.3 v-html1.4 v-text1.5 v-pre1.6 v-cloak1.7 v-bind1.7.1 基本使用1.7.2 动态绑定class对象语法数组语法案例1.7.3 动态绑定style对象绑定数组绑定1.8 v-on1.8.1 基本使用1.8.2 参数问题1.8.3 修饰符1.9 v-if & v-else条件渲染案…
js for...of,for in,arr.foreach,arr.map
a. for …of 用来遍历字符串，数组，返回值是数组，字符串的值 b. for …in 用来遍历字符串，数组，对象，返回值是下标，对象的返回值是属性 c. foreach,map 都是数组的新方法，对数组的每个…
react自定义属性渲染_使用react js在Google地图上动态渲染10000个自定义标记
react自定义属性渲染First and foremost, if you wish to follow along with this article and possibly re-create the Google Map with ‘x’ amount of custom map markers…versioning is crucial. There are around three of four different Google Map React packages ci…
js实现非当前区域点击隐藏当前区域
CSS代码:
* { padding: 0; margin: 0;
}
#btnShow{ margin: 100px auto 0; width: 90px; display: block;
}
#divTop{ border: 2px solid #666666; position: absolute; display: none; width: 400px; height: 200px; color: #333; background: #efefef; padding-top: 10px;…
推荐一款好用的网页前端集成开发工具-JetBrains的WebStorm
最近在做一个网页端可视化的开发。从github上下载了一些开源的代码。发现这些代码基本上是基于HTML（HTML5）JS脚本语言构成的。尝试了多种开发工具，发现WebStorm一款较为便捷、易用的前端开发工具。可以很方便的开发和调试常用的JS脚本库&…
Javascript中的内建对象
Javascript中的内建对象Math的常用属性和方法一、Math的常用属性二、Math的常用方法String的常用属性和方法三、String对象的创建四、String的属性五、String的常用方法Number的常用属性和方法六、Number的常用属性七、Number的常用方法Date的常用属性和方法八、获取时间对象九…
【数据结构】常见排序算法
常见排序算法
GitHub源码
插入排序
直接插入
理论
let arr[15,9,8,1,4,11,7,12,13,6,5,3,16,2,10,14];
console.log(arr);
insort(arr);
console.log(arr);function insort(arr){for(let i1;i<arr.length;i){//从第二个元素开始依次处理let temparr[i];//待插入值let j…
JavaScript -- prototype和constructor 、原型链
construct：对象属性，返回创建此对象的构造函数
prototype：对象属性，使得有能力向对象添加属性和方法。
先来看一个例子：
function Dog(name){ this.name name;this.species "犬类"}var a new Dog(&…
JS监听页面加载、刷新、关闭时触发的事件
页面加载时
执行 unload() 事件。
页面刷新时
先执行 onbeforeload()，新页面即将替换旧页面时执行 onunload()，最后执行 unload() 。
页面关闭时
先执行 onbeforeload()，再执行 onunload()。
Firefox浏览器中
刷新时只执行 onunload()…
js+html实现点击按钮列标滚动（scrollTop）
效果图
实现点击上下按钮，滚动条滚动。 代码如下
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name&quo…
重新介绍 JavaScript（JS 教程）
为什么会有这一篇“重新介绍”呢？因为 JavaScript 堪称世界上被人误解最深的编程语言。虽然常被嘲为“玩具语言”，但在它看似简洁的外衣下，还隐藏着强大的语言特性。 JavaScript 目前广泛应用于众多知名应用中，对于网页和移动开发…
JS 数组对象中过滤重复数组
在一个复杂的数组对象数据中，有时候去过滤掉重复的数组，在网上搜到的，感觉挺好用的，也没有多深入研究，直接拿来用了(捂脸)
function deteleObject(obj) {var uniques [];var stringify {};for (var i 0; i < ob…
JS 简单的一维数组去重
1、先定义一个数组a
const a [1, 2, 3, 4, 1, 6, 7, 1, 2, 8];2、数组去重，Set方法得到一个对象b;
const b new Set(a);3、使用Array.from() 方法将类数组对象转化为数组c;
const c Array.from(b);如下图：
JS 获取url地址栏中的参数
废话不多说，直接上代码，常用的几种方法
方法①、
function getQueryVariable(variable){let query window.location.search.substring(1);let vars query.split("&");for (var i0;i<vars.length;i) {var pair vars[i].split("…
js中，删除数组中指定的某个元素
首先可以给JS的数组对象定义一个函数，用于查找指定的元素在数组中的位置，即索引，代码为：
/** * 给JS的数组对象定义一个函数，用于查找指定的元素在数组中的位置，即索引* param val* returns {Number}*/A…
Ajax请求访问action判断文件是否存在
action中的写法：
public ActionForward fileIsExsit(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {String url request.getParameter("loadFile");File file new File(request.getServletCo…
![[100天挑战100个前端效果]第二十一天---switch切换按钮](https://img-blog.csdnimg.cn/20210430110638712.gif#pic_center)
[100天挑战100个前端效果]第二十一天---switch切换按钮
switch切换按钮让我们先来看看实现的效果html(包含js)代码css代码设计思路与今日份知识总结设计思路今日份知识总结让我们先来看看实现的效果 html(包含js)代码
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><…
jsp 的三种语法-头部的 page 指令-.jsp 中的常用脚本-jsp 中的三种注释- 四大域对象pageContext\request\session\applicatio
1.jsp 头部的 page 指令
jsp 的 page 指令可以修改 jsp 页面中一些重要的属性，或者行为。 <% page contentType“text/html;charsetUTF-8” language“java” %> i. language 属性表示 jsp 翻译后是什么语言文件。暂时只支持 java。 ii. contentType 属性 表…
jQuery 选择器 -基本选择器-层级选择器-过滤选择器 -元素筛选---＞基本语句
基本选择器
ID 选择器：根据 id 查找标签对象 .class 选择器：根据 class 查找标签对象 element 选择器：根据标签名查找标签对象 ** * 选择器**：表示任意的，所有的元素 selector1，selector2 组合选择器&…
JavaScript 中的事件onload 加载完成事件-onclick 单击事件-onblur 失去焦点事件-onchange 内容发生改变事件-onsubmit 表单提交事件
什么是事件？事件是电脑输入设备与页面进行交互的响应。我们称之为事件。 常用的事件：
onload 加载完成事件： 页面加载完成之后，常用于做页面 js 代码初始化操作onclick 单击事件： 常用于按钮的点击响应操作。onblur 失…
JavaScript 将单向链表的第M和第N位置间的元素顺序翻转
记录vivo提前批笔试编程题：
通过JavaScript编程实现 将单向链表的第M和第N位置间的元素顺序翻转，并输出翻转后的链表
例如： 输入： 3 7 1→2→3→4→5→6→7→8→9 输出： 1→2→7→6→5→4→3→8→9
注意：…
vue项目将px转换为rem进行移动端适配
使用postcss-px2rem-exclude实现将px转换为rem进行移动端适配 安装依赖
npm install postcss-px2rem-exclude --save-dev.postcssrc.json添加：
module.exports {
........
plugins:{"autoprefixer":{},postcss-px2rem-exclude:{remUnit:37.5,propList:…
JS中的一个轮播图小demo
一、手动轮播
1.首先你得准备几张规格，大小相同的图片(大于二张哦)，命名有规律一点就ok了，下面我的图片位置及命名： 2.下面直接上小demo的代码：
<!DOCTYPE html>
<html><head><meta charset&qu…
身份证，姓名和手机号打星处理~万能方法
//str：源字符串
//s、e：需要替换的开始位置s和结束位置e function starReplace(str, s, e) {
if (!str) return str;
var _k !!e&&e ! 0 ? str.substring(s, e) : str.substring(s);
var _v “”;
for (var i 0; i < _k.length; i…
这段js代码运行不出来，出来的是不对的结果，[Done] exited with code=0 in 0.061 seconds，怎么回事，为什么呢，怎么办呢
let a 0.1
let b 0.2
if (a b 0.3) {console.log("You got 0.3.")
}[Running] node "/Users/ivyone/hami55/ruguo.js"[Done] exited with code0 in 0.061 seconds
vue中如何进行依赖收集
为什么要用依赖收集：其目的在于我们观察数据的属性值发生改变时，可以通知哪些视图层使用了该数据。 我们之所以要观察数据，其目的在于当数据的属性发生变化时，可以通知那些曾经使用了该数据的地方。比如第一例子中，模板…
双耳节拍 枕头_枕头2-3-0不在
双耳节拍 枕头Pillow is the friendly PIL fork by Alex Clark and Contributors. PIL is the Python Imaging Library by Fredrik Lundh and Contributors 枕头是Alex Clark和Contributors的友好PIL叉子。 PIL是Fredrik Lundh和贡献者的Python影像库 Since Pillow 2.0, the P…
【华为OD机试】绘图机器（python, java, c++, js）
绘图机器
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题目描述 绘图机…
如何重定向到另一个网页? [英]How do I redirect to another webpage?
How can I redirect the user from one page to another using jQuery or pure JavaScript?
如何使用jQuery或纯JavaScript将用户从一个页面重定向到另一个页面?
67 个解决方案
#1 12438
One does not simply redirect using jQuery
jQuery is not necessary, and win…
js中的Jquery框架基础知识
Jqery是一个javaScript的框架 首先下载jqery包 并拖入文件夹中如图导入 Jquery选择器 基本
id 即$(#id) class即$(.class)
标签$(标签名) 多个查找$(#id,.class,标签)层级
层级查找 例如找id10的div嵌套里的 a标签
$(#10 a)中间是空格 会找出所有id10下的a标签 子孙
$(#10&g…
JavaScipt基础知识二
创建顶部菜单时 没有紧贴头顶，可以设置body{margin:0;}这样就紧贴着了 min-width是设置最小宽度
1.后台管理布局： position： fiexd:页面永远固定窗口的某个位置，只显示固定的页面，想看下面的得加overflow:auto 才有滚…
Myeclipse引入的xxx.min.js文件报错的解决办法
上一次引用的js文件明明好好地，今天一打开工程就发现报错了，出现了如下的错误： 从网上找到的两种解决方案：
一、js文件报错的原因：因为Eclipse 3.7以上版本在.project配置文件中，加入了JS验证框架org.ecli…
js引入的defer和async区别
js引入的defer和async区别
defer 解析HTML遇到带有defer属性的script标签，继续解析HTML，同时下载script引入的文件浏览器解析完HTML后，再执行下载的脚本文件 async 解析html遇到带有async属性的script标签，继续解析HTML文件&…
一种简洁的悬浮弹窗设计
需引入:FontAwesome,用于图标 效果截图: CSS:
.div1 {
position: absolute;
right: 16px;
top: 10%;
z-index: 12;
}.div2 {
border-radius: 10px 0 0 10px;
width: 25px;
height: 25px;
float: left;
cursor: pointer;
background-color: rgb(0, 198, 255);
}.div2>i {
fo…
可调电源diy_DIY源图
可调电源diyIn todays world of always having some sort of code transformation before your JS/CSS/HTML reaches the user, e.g. minification, concatenation, es6-to-es3 transpilation, its nice to be able to go back to the source before the transformation. And w…
异步JavaScript回调
Ah, asynchronous JavaScripts. Love em, hate em, but you gotta use them! 嗯，异步JavaScript。 爱他们，恨他们，但您必须使用它们！ I have quite a few posts here on this blog about this stuff. Starting with something I c…
php 多选框 js限制多选
<script>function choose(obj){ //限制多选 只能选一个var ss document.getElementsByName("id");for (var i 0; i < ss.length; i) {ss[i].checked false;}obj.checked true;}</script>
<?php foreach ($info as $key){ ?>
<tr>…
你偷看的小黄片，全被监视了
编辑：裸睡的猪素材来源：网络长夜漫漫，总是让人无心睡眠。你悄悄打开收藏已久的网页，熟练地切换成“无痕模式”。但你以为清理历史记录切换无痕模式就安全了，就太天真了！今天告诉你，网页被谁偷窥…
work-notes（6）：vue中 v-for，class 和 style 中绑定带入变量的写法，如何在style中加入变量？
时间：2022-04-14
更新：2022-04-18 文章目录原因解释:class 写法1、三元运算2、变量3、对象4、数组:style 写法1、变量2、对象3、三元运算原因解释
在 v-for 写入到 style 或 class，特别是绑定的 :style、:class 就不生效
:class 写法
1、…
10 分钟使用 Spring Boot + Vue + Antd + US3 搭建自己的图床
点击上方蓝色字体，选择“设置星标”优质文章，第一时间送达网上已经一些运行不错的图床了，比如SM.MS https://sm.ms/图壳 https://imgkr.com路过图床 https://imgchr.com/那为什么我们还要自己搭建图床呢？一来是因为码农总是喜欢折…
ajax提交form表单后台@RequestBody接收json字符串
好久没搞ajax提交form表单了。
在修改过程中遇到报错：
1、Content type application/x-www-form-urlencoded;charsetUTF-8 not supported
这里因为是post提交，需要修改
contentType : application/json
2、Caused by: com.fasterxml.jackson.core.J…
jsp select 选中获取选中对象的值
问题说明： 需要选中服务人群select后，带入相应的信息.
如何解决？
jsp页面
<select class"js-example-basic-single" name"servicePackageId" id"servicePackageId" style"width: 300px;" οn…
JavaScript——变态跳台阶
题目描述
一只青蛙一次可以跳上1级台阶，也可以跳上2级……它也可以跳上n级。求该青蛙跳上一个n级的台阶总共有多少种跳法。
function jumpFloorII(number)
{// write code here//青蛙跳台阶的plus版，同样从一个台阶开始，手动计算有多少种跳…
生成pdf之wkhtmltopdf出现div分页
最近做pdf生成，先简单记录下 <div style"height: 200px;page-break-inside:avoid;">通过给div加样式tpage-break-inside:avoid;实现Pdf分页问题的解决
form button真坑系列:layer弹出层闪退并刷新页面
使用layer弹窗打开iframe框，发现闪退后刷新了列表页面，并且还带了参数： 因为我得按钮是写在form里面，并且button没有加type，导致点击时默认submit。因为我这里没有action去接收表单数据，submit时࿰…
post方式提交form表单搜索栏参数可见处理
之前旧项目维护，发现post提交form表单，还是会在搜索栏出现参数，并且参数是对象，百思不得其解。 页面代码： 仔细查看了之前同事的代码，发现form 表单action的url直接传了对象过去 去掉act…
解决ajax异步传输数据，return返回为undefined的问题
正确写法
返回值应设置全局变量 var isExitResult true； /*
* 验证是否存在
* 返回值应设置全局变量 var isExitResult true;
*
*/
function isExitOaIntelligenceBox(){// var params new Array();var boxIdVal $(#boxId).val();var isExitResult true;$.G…
node js await 问题
当 await 关键字与异步函数一起使用时，它的真正优势就变得明显了 —— 事实上， await 只在异步函数里面才起作用。它可以放在任何异步的，基于 promise 的函数之前。它会暂停代码在该行上，直到 promise 完成，然后返回结…
JS 进阶篇(二) 手动实现call apply bind
手动实现call call的使用 let obj {key:obj value}
funciton getName(){return this.name
}
console.log(getName.call(obj))思考 1.如何在obj里面调用getName?2.call方法是绑定在谁的身上？解答 第一个问题，需要在obj内部添加一个getName方法 var obj…
Array的操作方法之splice()
前言
今天在leetcode上做了一道合并两个有序数组的题目，用了splice()这个方法，于是打算做小笔记加深印象。 一、splice()的作用及使用
具有删除、插入。替换三个作用，该方法返回的是一个数组（包含从原数组中删除的项（…
JavaScript学习手册十六：浏览器对象模型
浏览器对象模型1.定时器任务描述相关知识(1)设置定时器（2）取消定时器代码文件2.循环定时器任务描述相关知识（1）定时（2）取消定时代码文件3.location对象任务描述相关知识（1）页面的跳转…
JavaScript学习手册十五：事件处理
事件处理1.注册事件处理程序任务描述相关知识(1)为JavaScript对象设置一个函数(2)设置HTML标签属性的值为事件处理程序(3)调用addEventListener()函数代码文件2.文档加载事件任务描述相关知识文档加载事件代码文件3.鼠标事件任务描述相关知识(1)常见的鼠标事件(2)鼠标的按下和释…
性能优化 - 防抖(debounce)与节流(throttle)
项目中，反复的点击按钮或连续的触发事件，会导致响应跟不上触发频率或资源反复请求浪费的问题(例：ajax访问)；这种问题在项目中很常见，处理不当或放任不管就会容易引起浏览器卡顿的不好用户体验的问题；接口重…
js实现下拉框联动选中日期（select 日期联动更改）
html代码 <head>
<script type"text/javascript" src"/js/jquery-1.11.1.min.js" ></script>
<script type"text/javascript" src"/js/party.js" ></script>
</head>
<body>
<table sty…
bootstrap-table实现表头固定以及列固定
之前使用bootstrap写了一个报表表格，最近突然找到我，说让我看看能不能将表格的表头和第一列进行固定，这样的话方便查看数据，于是，我开始了苦逼的研究起来，毕竟我是个后端啊，对于前端的样式问题&…
用 flex 和 瀑布流 解决高度不同的元素浮动导致页面混乱问题
当元素的高度各不相同并且设置了浮动，页面展示如下： flex布局瀑布流布局瀑布流动态加载图片flex布局
红框所画图片在第一行放不下，属于第二行的元素，但是由于浮动的特性，导致它出现在了这个位置，如果想让…
这个夏天，配置项也要清清爽爽
任何业务系统在高速成长的过程中都需要快速的迭代交付，验货宝业务也不例外。这个过程中不可避免的会在系统代码中不断引入「坏味道」。下面我们来看看验货宝近期做的一个微小的优化和一些思考。什么是「验货宝」这里首先介（ān）绍（…
返回上一页 返回主页面。。。vue
返回主页面
<input type"button" name"Submit" click"goHome" class"reback">methods:{goHome:function (){this.$router.push({path: /})}}
返回上一页
<input type"button" name"Submit" onclick&q…
js 前进 后退 刷新
前进
<input typebutton value前进 οnclick"window.history.go(1)">
<input typebutton value前进 οnclick"window.history.forward()">后退
<input typebutton value后退 οnclick"window.history.go(-1)">
<input ty…
jQuery checkbox 单选
HTML代码：
<input nameis_show typecheckbox value"0" checked /> 显示
<input nameis_show typecheckbox value"1" /> 隐藏JQuery代码：
// checkbox 点击事件
$("input[nameis_show]").click(function() {…
vue 路由跳转保留页面缓存和滚动位置
业务场景：
在a页面滑动列表，点击进入b页面，再返回a页面时，a页面保留滑动的位置和页面缓存。
解决思路：
使用路由的keepAlive方法，keepAlive为true就会保留页面缓存。（返回该页面不会执行crea…
前端面试——JS去除首尾空格代码
关于 JavaScript 里的 trim()/strip() 方法 在其他语言中常常用 trim()/strip() 方法脱去不必要的空格等元素。
JavaScript 本身并不提供 trim() 方法，不过可以用正则表达式，通过给 String 对象增加 trim 方法的方式实现。
如下：
if(typeo…
写给进阶玩家的 React 事件系统原理
【 简介 】React 合成事件是 React 模拟原生 DOM 事件所有能力的一个对象，它根据 W3C规范来定义合成事件，兼容所有浏览器，拥有与浏览器原生事件相同的接口。react官方描述分别打印出合成事件对象e和原生对象e.nativeEvent【 React 事件系统架…
【做第一批吃螃蟹的人】试用 React 18 ！
React 团队最近发布了 React 18 的 alpha 版本。这个版本主要是增强 React 应用程序的 并发渲染 能力，你可以在 React 18 中尝试体验以下几个新特性：新的 ReactDOM.createRoot() API（替换 ReactDOM.render()）新的 startTransition…
Chrome 88 新功能解读
CSS aspect-ratio 属性aspect-ratio 属性对应的就是 Aspect Ratio，它的意思就是宽高比，也常称为 纵横比，是几何形状在不同尺寸的比值。举个例子，当矩形方向为横向时的宽高比值，是其长边与短边的比率。常会用来描述图像…
5 种发送邮件到指定邮箱的方式
在前端开发中，JavaScript并没有提供直接操作Email邮箱的功能方法，但是如果遇到这样的需求，我们应该如何实现js发送邮件至指定邮箱功能呢？下面列举能够在通过前端实现邮件发送的5种方式： 方式1：利用a标签的…
javascript子节点_JavaScript中的传播算子
javascript子节点JavaScript传播运算符 (JavaScript Spread Operator) The spread operator came out in ES6 and has great functionality for arrays in JavaScript. With a major update in ES9, the spread operator is now extended to objects in addition to arrays. In…
logb（）函数以及C ++中的示例
C logb()函数 (C logb() function) logb() function is a library function of cmath header, it is used to get the logarithm of |given value|, where logarithm base is FLT_RADIX (On the most of the platforms the FLT_RADIX is 2, thus, logb() function is similar …
H5 js方式实现前端视频压缩
1.项目做人脸识别，要求录制人脸读数视频后进行上传处理。但是手机上录制的视频非常大，安卓上3s的视频就有5M左右大小。所以尝试做了前端的js压缩处理。一般来说视频压缩是在服务端通过ffmpeg做压缩。但是这个据说对服务器的要求也很高。前端是不好做压缩…
变量提升和函数提升哪个优先
问题
首先：普遍认为函数声明提升优于变量提升 但为什么下面的结果是这样的呢（第一个输出我们好理解，因为是先编译后赋值，编译的时候先声明了var 和 function，之后再进行赋值）预编译看这篇 它们都会进行预解…
org.apache.tapestry.BindingException: Unable to read OGNL expression ‘＜parsed OGNL expression＞‘ of $
我的项目用的是tapestry框架 代码在本地正常运行，提交到测试环境后，报了这个异常，css和js文件都丢失了。
本来我以为是request.getContextPath()的问题
因为有一行报错是： Caused by: ognl.NoSuchPropertyException: $BasePage_…
前后端取值传值事件及thymeleaf语法
一、JS中获取值和赋值。
//1.js中获取input的值：
document.getElementById(password).value;//2.js获取span或a标签中的值。（thymeleaf）
var integral document.getElementById(jifen).innerText;//3.js通过id获取th:value中的值࿰…
JS 基础篇(二) 检测对象类型
前言 Javascript 数据类型分为两类：基本类型和引用类型 ES5 ：Number String Null Undefined Boolean 和 Object ES6 ：新增了一个Symbol数据类型 此外，还有一个BigInt可能成为第八种数据类型，bigint 用来表示比2^53 -1更…
微信小程序实现Echarts图的动态实时刷新
在微信小程序绘制折线图时，选择Echarts。官网如下：https://echarts.apache.org/zh/index.html 效果如下：（由于为截取动态图，只有实时图片结果）
微信小程序中的应用，就看在微信小程序中使用Ech…
复选框实现。全选、全不选、多选
复选框实现全选、全不选、被选；
html代码 <input type"checkbox" id"checksboxs">全选<input type"checkbox" class"checks1"><input type"checkbox" class"checks1"><input ty…
输入框模糊查询聊天信息并回显查询条件
通过输入框模糊查询聊天消息，在查询消息后并回显查询条件。 前端使用的框架是：LayUI和FreeMarker
输入框代码如下：
<div class"demoTable"><div class"layui-inline"><input class"layui-input&quo…
Zepto.js轻量级的jQuery
Zepto.js轻量级的jQuery Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。 参考： http://www.css88.com/doc/zeptojs_api/
JS 基础篇(七) 函数柯理化
函数柯理化
定义
在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成
接受一个单一参数(最初函数的第一个参数)的函数，
并且返回接受余下的参数且返回结果的新函数的技术个人理解：
sum(1,2,3) <> …
JS 基础篇(五) 继承方法总结
原型链继承
code function Parent() {this.cars [Lamborghini,Maserati,Bentley];}Parent.prototype.showCars function () {// console.log(this.cars);};function Child() {}Child.prototype new Parent();// let parent new Parent()// parent.cars.push(QQ)// console…
JavaScript两个数组的数据处理
来自思否的一个问答。 原文链接
正文
问题
提问者大概需求为将下面的两个数组，经过处理后变为预期的数组 原数组
const arr1 [{ uid: 2 }, { uid: 3 }, { uid: 4 }];
const arr2 [{text: 随便1,children: [{ uid: 1 }, { uid: 2 }],},{text: 随便2,children: …
Vue 数据响应式详解
前言
Vue最具特色的一点，就是数据驱动，即你不用写复杂的DOM操作，只需专心于业务所用到的数据。 那么，Vue的数据响应式到底是怎么实现的呢？
正文
数据变化的过程
侦测数据的变化 (数据劫持 / 数据代理)收集视图依赖…
详谈js for循环和数组遍历方法
前言
早就想写一篇博客来谈谈js中的循环和一些循环的方法，这次有时间来说说。
正文
一. for类循环
1. for — 传统的方式 for (let index 0; index < arr.length; index) {console.log(arr[index])}范围： 可遍历数组，不可遍历对象 迭…
15个最好用的JavaScript代码压缩工具
JavaScript 代码压缩是指去除源代码里的所有不必要的字符，而不改变其功能的过程。这些不必要的字符通常包括空格字符，换行字符，注释以及块分隔符等用来增加可读性的代码，但并不需要它来执行。
在这篇文章中，我们选择了…
JS module的导出和导入的实现代码
ES6在语言标准的层面上，实现了模块功能，成为浏览器和服务器通用的模块解决方案，完全可以取代 CommonJS 和 AMD 规范，基本特点如下：
每一个模块只加载一次， 每一个JS只执行一次， 如果下次再去加…
小程序使用switchtab 怎么使页面重新刷新
我们小程序页面tab页面在加载过一次之后使用switchTab再次进来不会再次重新加载。
之前没有重新加载 ：
wx.switchTab({url : ../index/index,});
所以我们应该在switchTab成功跳转后调用success，在回调中做处理，此时可以拿到跳转后页面的p…
WebAPIs-03-removeChild()方法删除节点、动态生成表格案例、传统方式和监听方式给元素注册事件、获取事件对象、随鼠标的天使案例获取鼠标的位置、阻止事件冒泡、取消默认行为
学习目标： 能够使用removeChild()方法删除节点 能够完成动态生成表格案例 能够使用传统方式和监听方式给元素注册事件 能够说出事件流执行的三个阶段 能够在事件处理函数中获取事件对象 能够使用事件对象取消默认行为 能够使用事件对象阻止事件冒泡 能够使用事件对象…
work-notes（9）：vue 如何在 v-if 里面对数组的长度进行判断？为什么 v-if 里面判断数组长度 length报错？
时间：2022-04-22 文章目录1、原因解释2、错误写法2.1 报错3、正确方式3.1 判空3.2 判非空1、原因解释
首先数组长度为 0 的时候可能会报错，因为数组可能存在有 undefined 的状况；
所以写的判断条件尽可能的全一点；
2、错误写法…
work-notes（1）：父子组件传值，props/$emit 简单易懂
时间：2022-04-11
1、props（父 > 子）用法
在父组件中，引入子组件的标签内绑定；
// 父组件：
<template><div>// 1、在子组件标签内冒号绑定 // bind_data 这个名称是传到 自组件 后数据&am…
ES6的内容有哪些？超级详细解析
ES6内容1、const 和 let2、箭头函数，箭头函数的this指向3、数组新方法4、模板字符串5、解构赋值6、扩展运算符（... 三个点）和 函数默认值7、class类 和继承8、JSON的应用9、Promise的应用10、async，await组合应用11、generator的应…
JavaScript——数值的整数次方（快速幂算法实现）
题目描述
给定一个double类型的浮点数base和int类型的整数exponent。求base的exponent次方。
function Power(base, exponent)
{// write code here//方法一：调用幂函数//return Math.pow(base,exponent);//方法二:效率优化//连乘时间复杂度O(n)//当指数exponent很…
JavaScript——有序数组插入val
题目：给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。
你可以假设数组中无重复元素。
示例 1:
输入: [1,3,5,6], 5
输出: 2示例 2:
输入: [1,3,5,6…
js动态替换img图片地址以及attr()的常用功能
$(".imgclass").attr(src,imgSrc) 先上效果 需要引入jquery依赖
<script type"text/javascript" src"/js/jquery-1.8.2.min.js"></script> html
<div class"r-input-t"><li><img src"/images/djima…
原生javascript 100行js代码实现一个mvvm框架
一，基础知识
1，何为MVVM（双向数据绑定） 双向数据绑定（MVVM）：数据（M）发生变化时立即影响视图（V），而视图（V）发生…
JavaScript中的对象复制
所有的面向对象的语言中，都存在着对象引用、复制等等问题，对于初学者来说可能难以理解。今天我来总结一下JavaScript中对象复制。
首先我们要知道JavaScript中的数据分为基本类型（单类型）和引用类型。除了Object对象，…
js判断各种资源是否加载完成的方法汇总，资源预加载问题
将网站放在服务器后，因为服务器带宽问题，才发现很多资源比如图片、音频在网站打开后1分钟还没有加载，导致无法播放。所以说我决定使用js在最开头加一个判断资源是否加载完成的函数并运行，只有资源全加载完成了才能进入主页面。
在…
提取对象数组的某个属性值，组成新的字符串或是数组
直接上代码
let extractByKey function(arr,key,resultTypeString,separator,) {let resultArr [];arr.map(item > {if(item[key]) resultArr.push(item[key]);})if(resultTypeArray) return resultArr;else if(resultTypeString)return resultArr.join(separator)else t…
puppeteer|自动化UI测试|JS|零基础入门（一）——打开浏览器
puppeteer——打开浏览器从API学习puppeteer.launch（[options])broswer.newPage()page.goto(url,[options])话不多说，上干货
//新建一个browser实例对象const browser await puppeteer.launch({//关闭无头模式headless: false,//全屏打开浏览器args: […
vue3.0中setup使用(两种用法)
一、setup函数的特性以及作用 可以确定的是 Vue3.0 是兼容 Vue2.x 版本的 也就是说我们再日常工作中 可以在 Vue3 中使用 Vue2.x 的相关语法 但是当你真正开始使用 Vue3 写项目时 你会发现他比 Vue2.x 方便的多 Vue3 的一大特性函数 ---- setup 1、setup函数是处于 生命周期函数…
前端怎么对接后端的导出接口
背景
做开发系统的，经常遇到导出功能，一般就是导出表格。怎么对接后端人员给的导出接口？
实现
// 导出
exportExcel() {// 1、首先进行参数校验if (!this.search.formDate) {return this.$notify.error("必须选择一个时间");}if…
VUE模仿百度搜索框，按上下方向键及回车键实现搜索选中效果
逻辑介绍：1、表单获取焦点时，显示搜索建议框2、输入内容时，请求后台接口，并将返回的数据展示在搜索建议框内3、表单获取焦点情况下，按键盘上下箭头可实现搜索列表项的切换，按回车可以选择当前激活的选项并获…
单例模式，策略模式，代理模式，迭代器模式，发布订阅模式
单例模式
1.什么是单例模式
是指在一个类只能有一个实例，即使多次实例化该类，也只返回第一次实例化后的实例对象。
2.主要解决：
一个全局使用的类频繁地创建与销毁。
3.js单例模式何时使用：
当您想控制实例数目，…
谈谈你对this的理解
谈谈This对象的理解
this 总是指向函数的直接调用者（而非间接调用者） 如果有 new 关键字， this 指向 new 出来的那个对象 在事件中， this 指向触发这个事件的对象，特殊的是， IE 中的 attachEvent 中的this…
js中=,==，===的区别和使用
js中 是赋值的意思，让左边的值等于右边的值 是判断等于的意思，返回值是一个布尔值，它只判断值是否相等，不判断类型是否一样 也是判断等于的意思，返回值也是一个布尔值，但是它不仅仅判断值是否相等ÿ…
前端面试——JavaScript的BOM和DOM有什么区别？
这是浏览器运行时中的两个不同的概念。
1、BOM 浏览器对象模型
Browser Object Model（浏览器对象模型），提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口，可以对浏览器窗口进行访问和操作&am…
前端面试——JavaScript中undefined 和 null 区别
大家在面试前端的时候经常会问到这个问题，之前虽然也知道这两个之间的区别，但是让我描述的话，感觉上还是说的不是很清楚。今天也详细看了一次这个知识点，现在来说说这两者间的区别。 null：
在 JavaScript 中 null 表示…
js-for循环制作乘法表
效果图 完整代码如下，添加了一些样式：
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"…
javascript理解_javascript理解吊装
javascript理解While creating an execution context, The JavaScript engine allocates memory for the variables and functions before executing them. This allows us to do some interesting things like accessing a variable before declaring it.创建执行上下文时&…
vue中nodejs怎么用_在nodejs和vue vite中建立购物车
vue中nodejs怎么用In this article we are going to build shopping cart frontend for our application. We will be using Vue Vite which has a faster hot module reload.在本文中，我们将为我们的应用程序构建购物车前端。 我们将使用Vue Vite，它具有…
react 使用css文件_用react和CSS建立表单
react 使用css文件背景 (Background) After reading Vasudha Mamtani’s blog about sign-up pages, I realized I had been taking them for granted.阅读了Vasudha Mamtani关于注册页面的博客后，我意识到我已经把它们视为理所当然了。 Having a solid sign-up pa…
react 前端拆分_对React进行代码拆分的简要介绍
react 前端拆分A lot of folks (myself included) are used to write SPA React applications that need both a user-facing part and an admin interface for managing the data. In general, there are a variety of options that are commonly used to implement this type…
regeneratorRuntime is not defined
regeneratorRuntime是webpack打包生成的全局辅助函数，由babel生成，用于兼容async/await的语法。
regeneratorRuntime is not defined这个错误显然是未能正确配置babel。
正确的做法需要添加以下的插件和配置：
# 这个包中包含了regenerator…
使用Promise.all实现限制并发请求函数
文章目录Promise.all 的简单解释：需求解释设计思路代码实现Promise.all 的简单解释：
// 当以下数组中promise1, promise2, promise3都resolve之后，触发promise.all的then函数。
Promise.all([promise1, promise2, promise3]).then((values) …
浅析javascript中的export/import 与commonjs的require/exports，以及export default的问题
我想先解释一下commonjs(cjs)的导出导入概念，结合他来理解es6 module(esm)更好理解。
在commonjs，大部分情况就是nodejs中，定义导出的时候其实就是exports对象，比如
module.exports {a: 1, b: 2};
// 或者
module.exports.a 1…
java中URL地址中文乱码问题
1.将字符串转码：newString(“xxxxx”.getBytes(“iso-8859-1”),”utf-8”) 这种转码方式有很大的弊端，因为它是使用指定的字符集将此String编码为 byte 序列，并将结果存储到一个新的byte 数组中，然后通过使用指定的字符编码将生成…
JavaScript操作checkbox复选框
JavaScript操作checkbox的方式和操作radio的方式相似，都是利用元素项的checked属性来完成。先获取checkbox元素集合，遍历集合，对集合中的每一项做操作。
取值
<body><p><label for"hobby">Hobby: <input …
什么是JavaScript 函数式编程？
前言
函数式编程在前端已经成为了一个非常热门的话题。在最近几年里，我们看到非常多的应用程序代码库里大量使用着函数式编程思想。
本文将略去那些晦涩难懂的概念介绍，重点展示在 JavaScript 中到底什么是函数式的代码、声明式与命令式代码的区别、以…
vue配置请求代理的时候需要避免命名前部分字母相同
1、proxy设置代理，其地址匹配是根据正则匹配，可以看到文中开始设置了如下三个代理,且顺序如下：
"/api""/apipc""/huangyi"
2、对应请求的三个接口如下：
"/api/musichall/fcgi-bin/fcg_yqqho…
js判断是否是null，undefined，NaN
我们知道，如果对象是3种情况，那么就会js调用对象的属性会进行报错，那么我们在调用前应该进行判断是否为这3种情况。
//判断空或者undefined或者NAN,用它来调用方法会出错误的。
function isTransferErrorEmpty(obj){if(Object.prototype.toS…
使用JXA 实现Photoshop 新建文档
直接先上代码
#!/usr/bin/env osascript -l JavaScriptlet doc new Application(Adobe Photoshop 2021).Document({name: Some title for a new doc,
})
doc.make()不得不说，苹果官方对jxa的文档支持太简陋了，下图是词典文件 但是没有实例演示&#x…
H5唤起应用商店或者应用市场
常用APP URL Scheme
常用app
App Store：
scheme: itms-apps:// 支付宝：
packageName: com.eg.android.AlipayGphone,
scheme: alipay://淘宝：
packageName: com.taobao.taobao,
scheme: taobao:// QQ：
packageName: com.t…
electron 设置窗口默认最大化、全屏
一、默认最大化
win new BrowserWindow({show: false}) win.maximize() win.show()
二、默认全屏
win new BrowserWindow({fullscreen: true}) 微信小程序二手闲置商城校园跳蚤物品交换 免费信息发布系统功能源码（微信小程序和php后台管理）:https:/…
一键分享到QQ空间、QQ好友、新浪微博、微信代码
通过qq空间、qq聊天、新浪微博和微信二维码分享平台提供的接口，实现把网页中对应的图片、标题、描述的信息参数用javascript获取后传进接口中，实现一键分享。 提示：使用到的接口(测试时需要登录，网址和图片必须是公网的࿰…
Chrome API canceled 状态
Bug记录场景错误排除错误过程原因总结场景 登陆界面发送API后跳转至主界面 因为数据量大，需要拆分成两个API
错误
这个时候出现了错误 只出现Referrer Policy 没有返回状态
排除错误过程
首先看日志，发现调用没有记录 说明没有调用成功
再用Po…
关于浏览器右键禁用事件，浏览器采用自己的右键事件。
我采用了onmousedown事件去捕获鼠标的右键事件，每次点的时候新弹出的页面会触发浏览器的右键菜单。禁用的函数用的是 window.event.returnValue false; 于是采用了onmouseup函数来捕获右键事件，成功解决点击触发自己的事件后会在新的页面触发浏览器右键…
javascript制作钟表
JAVAscript制作钟表
本文用js制作一款简单的钟表练习 代码如下 欢迎大家交流，欢迎各位大佬指正。 HTML部分
//创建钟表
<body>
<div class"box"><div class"clock" id"ck"><div id"hour"></d…
如何通过servlet跳转到jsp的锚点位置
在实际情况中，我们往往需要从servlet中跳转到jsp上的某一个特殊位置，而不只是首部，遗憾的是servlet中并不可以只在url后面加#参数的方式来跳转到描点，下面，我们就来探讨一下问题的解决方案 1.Servlet跳转之前在request…
JS 迭代器(ITERATION)和生成器(GENERATOR)
JS Learning Note -- Iteration and spread operationIterationFirst question, what is the Iteration?Iteration and spread operators in ES6The Iterator ProtocolCustomize IteratorEarly termination of iteratorsGeneratorBasicInterrup ting execution with “yield”…
JavaScript17——动画函数封装
1. 动画函数封装
1.1动画实现原理
核心原理:通过定时器 setInterval() 不断移动盒子位置。 实现步骤:
1. 获得盒子当前位置 2. 让盒子在当前位置加上1个移动距离
3. 利用定时器不断重复这个操作
4. 加一个结束定时器的条件 5. 注意此元素需要添加定位，才能使用…
UI自动化测试selenium获取confirm弹框
获取confirm弹框,这里的方法是针对原生js调用confirm弹框 #获取confirm弹框,这里的方法是针对原生js调用confirm弹框def get_handleconfirm(self,driver):try:# 获取弹框alert driver.switch_to_alert()self.my_sleep(2)alert_txt alert.text# 点击确定按钮alert.accept()ret…
JQuery选择器的使用和分类
jQuery选择器 id选择器格式 $("#box") //获取标签里的id是box的标签 类选择器格式 $(".a") //获取标签里的类名是a的标签 标签选择器格式 $("div") //获取标签是div的标签 结构选择器格式 $("li:mth-child(odd)") //获…
JavaScript输出的两种方式
var a"Hello World"
document.write(a) //在网页上输出：Hello World var a"Hello World"
console.log(a) //在控制上输出:Hello World
技术文章 | JavaScript Event Loop机制详解与Vue.js中nextTick的实践应用
本文来源于阿里云-云栖社区，原文点击这里。 本文依次介绍了函数调用栈、MacroTask 与 MicroTask 执行顺序、浅析 Vue.js 中 nextTick 实现等内容;本文中引用的参考资料统一声明在 JavaScript 学习与实践资料索引。 1. 事件循环机制详解与实践应用 JavaScript 是典型…
React设置antd3x自定义主题，TypeError: this.getOptions is not a function的解决方法
React设置antd3x自定义主题，TypeError: this.getOptions is not a function的解决方法
提示：主要使用：react-app-rewired 和 customize-cra实现antd3x版本自定义主题 问题 报错图片 分析： 1. 由于引入less-loader(第三方库)时&a…
this、new、call、apply、bind
this、call、apply、bind this的指向问题 在ES5中，this的指向始终坚持一个原理：this永远指向最后调用它的那个对象，注意是在ES5中。
Case1: var name "windowsName";function a() {var name "Cherry";console.log(thi…
详解Vue响应式原理
什么是响应式 我们先来看个例子： <div id"app"><div>Price :￥{{ price }}</div><div>Total:￥{{ price * quantity }}</div><div>Taxes: ￥{{ totalPriceWithTax }}</div><…
SSR渲染开发个人博客V1.0.0后台使用koa（开发中已经封装大量组件更新到本项目完结）
好的代码一定有好的目录结构，本项目不同于原生vue目录结构和路由所有已经开发完毕组件的封装封装http请求参考大牛的封装（使用axios）已经完成的页面待完成的页面vuex(状态管理)和models（业务处理）目录结构和路由 所有已…
JS前端面试基础-原型和原型链
JS重点原型和原型链一、class和继承二、类型判断和instanceof三、原型四、原型链五、重要提示六、题目解答1.如何判断一个变量是不是数组？2.Class的原型本质，如何理解？七、小结JS是基于原型集成的语言 题目引入 1.如何判断一个变量是不是数组…
canvas个性化时钟
效果演示 简介
十二小时制的时钟，时刻度在圆盘上面显示，交叉线顶角为分和秒的刻度。 时分秒：最小的是秒、中等的是分、圈内的蓝点为时。 中心圆：随着秒钟缩小，数字时钟的显示。 秒钟走动的声音，每小时和每…
对象的拷贝之深拷贝deepClone
深拷贝与浅拷贝
浅拷贝：主要是引用类型的的值是赋值一个堆地址，浅拷贝是赋值同一个地址，从而改变时会同时改变 深拷贝：将其复制过来，并创建一个新的地址，从而互不干扰
深拷贝的方法
JSON转换
var deepO…
js 判断2月份多少天
function backDay() { //返回2月份的天数的函数var year prompt(请输入年份);if (isRunyear(year)) { //调用是否为闰年这个函数alert(这一年是闰年，2月份有29天);} else {alert(这一年是平年，2月份有28天);}}backDay(); fu…
js 从1开始 到第35个能被7和3整除的数是多少
for 循环 var num 1,cout 0,result 0;for (var i 1; i < num; i) {num;if (i % 3 0 && i % 7 0) {result i;cout;} else if (cout 35) {break;}}console.log(result);while循环 var i 1,count 0,result 0;while (count < 35) { i; if (i % 3 0 &…
Javascript设置表格全选，反选，全不选属性
Javascript设置表格全选，反选，全不选属性
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>Title</title>
</head>
<style>.tb1{width: 500px;height: 300px…
如何理解防抖debounce和节流throttle
本人通过阅读网络上防抖和节流多篇相关的文章，并借鉴相关案例进行说明。
防抖
防抖就像人眨眼睛一样，不可能不停的眨，每隔一定时间眨一下，防止眼睛干涩，如果不停眨眼，别人以为你眼睛有毛病了。 再举一个例…
js如何一次循环删除数组中的多个元素
思路： 数组遍历删除一个元素很容易，通过splice方法删除对应索引的元素即可，但是遍历删除多个元素就复杂了很多，首先不能按索引从小到大的顺序删除，这样可能会导致索引对应的元素发生变化，误删或找不到该索引…
log4j问题解决：log4j:WARN No appenders could be found for logger
在resources目录下新建log4j.properties文件 添加以下代码：
log4j.rootLoggerERROR
log4j.appender.CONSOLE org.apache.log4j.ConsoleAppender
log4j.appender.Threshold DEBUG
log4j.appender.CONSOLE.Target System.out
log4j.appender.CONSOLE.layout o…
解决win10的ie11环境下，onblur或者onfocusout之后的alert弹出时，其他窗口会隐藏当前窗口的问题
工作中客户反应把系统换到win10的情况下，onblur时弹出窗口会使当前运行环境中的其他窗口弹到活动的窗口之前
上网查了资料，这个是目前微软已知的bug，并在官网显示这个问题由于不影响安全性，没有修复的预定
参考url：B…
Vue——url下载图片文件（cavans）
Vue——url下载图片文件（cavans）
记录项目中下载图片方式，这个方法不会在当前页打开而且兼容
1.方法
// 下载图片phoneDown (imgsrc, name) {//下载图片地址和图片名let image new Image()// 解决跨域 Canvas 污染问题image.setAttribute…
java动态生成pdf文件并在线预览下载打印
项目简介：
技术简介：JSP页面SSM框架JSitextpdf 需求简介：点击预览XX，新开窗口，可下载，可怜打印机打印 实施方案：js点击事件向后端传id，window.open新开窗口，后端根据id查…
js实现select动态添加option，默认为选中状态
var JYPMObj document.getElementById("selectedJYPM");if(strValue ! "") {if(!optionIsZT(strValue, JYPMObj)) {var oOption document.createElement("OPTION");oOption.textstrLabel;//设置keyoOption.valuestrValue;//设置valueoOption.s…
js页面加载完执行事件，亲测有用
<script type"text/javascript" language"JavaScript"> //: 判断网页是否加载完成 document.onreadystatechange function () { if(document.readyState"complete") { alert(ok);} } </script>
深拷贝与浅拷贝, 手写深拷贝(不考虑原型链)
说明: 浅拷贝对于深层对象引用无法处理
1. 一般使用Object.assign 即可实现单层对象的深拷贝, 但对于多层对象无法生效
2. 一般通过JSON.parse() 和JSON.stringfy() 即可实现简单的深拷贝, 但对于正则, 日期对象等无法完整拷贝如下图所示实现深拷贝
1. 简单的深拷贝 /*简单的…
js获取鼠标位置的各种方法
原文：https://www.cnblogs.com/jymz/p/3987794.html
在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置…
js+css实现图片弹框并放大图片
Tips:虽然代码有点长，但是你只需要改掉一个图片链接再下载个jQuery.js就可以得到要展示的效果。
话不多说，先上效果图 点击图片之后会将图片放大1.5倍放大，背景遮罩层根据情况进行设置 今晚找了很多博客都讲不清楚，所以自己就动…
rocker_用Rocker制作模板
rocker在本文中，我们将快速介绍Rocker ，这是一个静态类型化的快速Java 8模板引擎。 必需的依赖项 要开始使用Rocker，我们需要在项目中添加以下依赖项： <dependency><groupId>com.fizzed</groupId><artifact…
guava_使用Guava进行测试集合的实现
guava我目前正在为LibFX添加一项新功能，为此我创建了一些类似于Java Collections Framework中的自定义集合的自定义集合。 我一直在寻找可以与之对抗的测试，并很高兴地发现Google的Guava包含了我所需要的：一个庞大的测试套件，它针…
js获取图片的真实宽高
目的：用js获取图片真实的宽高
适用场景：在有图片的页面中，需要点击图片查看原图如下图，这时就需要获取图片的原始宽高。js获取图片原始宽高：
$(".comment-img img").each(function() {var image new Image(…
js页面将数据内容以文件形式下载
/*** 创建下载文件* param {String} fileName 文件名称* param {String} fileContent 文件内容* return {String}*/
function createAndDownloadFile(fileName, fileContent) {if (!fileName) {return 文件名称为空;}if (typeof fileName ! string) {return 文件名类型错误…
js去掉html中的注释
//去掉html中的注释function filterNotes(str) {var tmp str.substring(str.indexOf("<!--"), str.lastIndexOf("-->") 3);return str.replace(tmp, "");}
respond.js在IE下不工作
找了半天原因，最后发现原来是respond.js和bootstrap.min.css的顺序出了问题。 正确的顺序是： <link rel"stylesheet" type"text/css" href"bootstrap.min.css" media"screen">
<!--[if lt IE 9]>&l…
Django从header请求头中的Authorization获取token验证数据
前言
之前使用django开发api接口时，约定是要每次请求都要带token这个参数，这样很不方便，最近学了vue，也使用了axios，发现在axios拦截器中可以设置每次请求头中增加一个Authorization属性，用它来自动携带to…
使用vue编写登录页面详细过程
首先，创建项目login
vue create login cnpm install elementui vue-router vuex axios
结构如下 具体操作过程
在main.js中写入：
import Vue from vue
import ElementUI from element-ui
import element-ui/lib/theme-chalk/index.css;
import App f…
JavaScript函数作用域（七）
作用域
理解：在什么范围内，定义的变量，作用在词法阶段
两种：全局作用域、函数作用域
在函数作用域里面可以访问全局作用域中的变量，但是反过来不行函数中定义的变量，就是局部变量，变量只在函…
什么是防抖和节流？有什么区别？如何实现
在前端的面试中，经常会问到 防抖 和 节流 的问题，这里我简单的说一下自己的理解。
防抖： 在任务高频率触发的时候，只有触发间隔超过指定间隔的时间，任务才会执行 在每次函数执行之前先清空上一次设置的定时器&#x…
encodeURI和URLDecoder.decode不匹配
#新浪博客搬家# 2017-04-25 21:58:16) 一直用js的encodeURL编码，用java的URLDecoder.decode解码都没出错 今天在一个action里面解码时始终解码不成功，上网百度，说是encodeURI两遍，URLDecoder.decode一遍，一试果然成功…
JS之style.width(height)与offsetWidth(Height)的区别
JS中style.width(style.height)与offsetWidth(offsetHeight)的区别
1:
当样式写在行内的时候,比如<div class"item" style"width:100px"></div>
这时,在js中用style.width与offsetWidth都可以获取到该宽度值
比如代码
<head><meta …
xss 漏洞讲解及应用
what xss
跨站脚本攻击–xss，是指攻击者通过在web页面中写入恶意脚本，造成用户在浏览页面的时候，控制用户浏览器进行操作的攻击方式。
xss 的本质上攻击的是浏览器的解析引擎，通过控制浏览器解析前端代码的输入输出达到攻击的目…
vue2.0 vue实例的生命周期
每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。
下图展示的就是一个vue实例对象的生命周期。 从图上我们可以看到vue在生命周期中有这些状态…
pdf.js 库的使用
这里写自定义目录标题1. pdf.js 库的使用1.1. 什么是 pdf.js1.2. 在网页上显示 pdf 文件(使用 pdf.js)1.2.1. 下载1.2.2. 网页上显示 pdf 文件1.2.2.1. 传入参数(不推荐)1.2.2.2. 修改默认文件1.3. 遇到的问题1.3.1. 问题: file origin does not match viewer1.3.2. 问题: 获取…
对JavaScript中call和apply的理解
1、相同点: a） 产生的效果或作用完全相同； b） 至少有一个参数； c） 第一个参数必须有且是一个对象（Object），因为就是这个家伙偷懒。 2、不同点: 传递参数的方式。 前提: 1、有两个对象…
让IE浏览器运行js时，不再提示“允许阻止内容”
方法一：放在<head>里面 <!-- saved from url(0014)about:internet --> 向本地 HTML 文件中添加一条“saved from URL”注释，以指示 Internet Explorer 对本地计算机上的 HTML 内容应用其他区域的设置。例如，向一个本地 HTML 文件…
JS浏览器的默认行为及阻止行为，阻止右键菜单、阻止超链接跳转、阻止拖拽事件
浏览器的默认行为及阻止行为
（一）右键菜单事件：oncontextmenu 阻止：return false; <div οncοntextmenu"myFunction()"> <p>在文本框内右击鼠标</p> </div> <script> function myF…
微信小程序快速入门02（含案例）
🏡浩泽学编程：个人主页 🔥 推荐专栏：《深入浅出SpringBoot》《java项目分享》 《RabbitMQ》《Spring》《SpringMVC》 🛸学无止境，不骄不躁，知行合一 文章目录 前言一、页面导航1.…
js正则替换ip地址
let reg /https:\/\/.*\.[0-9]{1,4}(:[\w])?/g这个正则匹配的结果如下
https://101.122.134.40:8860/aa.bb/aa/ee
> https://10.162.123.40:8860
https://101.122.134.40/aa.bb/aa/ee
> https://101.122.134.40然后替换一下即可
let str https://101.122.134.40:886…
错误【Component template should contain exactly one root element】多个根元素
在写vue的时候报错： Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead. 直译出来 就是：组件模板应该包含一个根元素。如果在多个元素上使用V-IF…
Vue+Element UI实现概要小弹窗
场景：一个巡检单据有n个巡检明细，一个巡检明细有n个巡检项目。 实现效果：当鼠标移到明细行的概要图标时显示当前行的巡检项目卡片弹窗，移出弹窗时关闭弹窗 巡检单据详情
鼠标移到项目概要图标 效果实现
data里面声明的变量
…
React中函数式组件进行优化
转载请注明原出处 原文博客地址： Vincent’Blog React中函数式组件进行优化
React 性能优化的思路
React 性能优化的方向可以分为以下两方面
减少render的次数，在react最花时间的一块reconction阶段(diff)，如果不render，就不会…
vue项目添加router（最基础版本）
安装依赖
npm install vue-router
/src/router/index.js /src/main.js /src/App.vue
js计算小数时结果不准确问题的解决
0.180.720.8999999999 …
简单代码演示
// 不采取任何措施的时候
var result 0.180.72;
console.log("0.180.72"result)查阅资料
参考原博文点击这里直接跳转 js计算时,会将十进制转换成二进制,再进行计算,但有些小数转换成二进制时候,出现了无限循环,由于位数有…
Java Script中的===如何使用，和==的区别是什么？
java中没有“”号的比较，bai只有javascript中才有。javascript中：
先说 ，这个比较简zhi单。下面的规则用来判断两个值是否相等：dao
1、如果类型不同，就[不相等]
2、如果两个都是数值，并且是同一个值&#x…
JS之BOM操作 window.onload何时使用 document.getElementsByTagName() document.getElementById
JS-BOM BOM 就是浏览器的对象模型，浏览器可以通过调用系统对话框， 向用户显示信息。 系统提供了三个函数，可以完成系统对话框的操作 分别是： window.alert(); window.confirm(); window.prompt(); 代码如下：
<!DOC…
有效的jQuery和bootstrap链接
复制以下代码到HTML文件就可以引入jQuery和bootstrap链接
<!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel"stylesheet" href"https://cdn.jsdelivr.net/npm/bootstrap3.3.7/dist/css/bootstrap.min.css" integrity"sha384-BVYiiSIF…
vitepress从0到1，让每个前后端小伙伴都拥有一个属于自己的博客
📸前言
之前周一的个人博客是用vuepress来搭建，但随着文章的数量越来越多，导致每回在启动的时候构建都特别慢，于是周一有了改构建工具的想法。这不，vitepress工具自发布后，在技术圈内一直有些火热…
【JavaScript】操作DOM对象
DOM：文档对象模型 核心 浏览器网页就是一个Dom树形结构！
更新：更新Dom节点遍历Dom节点：得到Dom节点删除：删除一个Dom节点添加：添加一个新的节点
要操作一个Dom节点，就必须要先获得这个Dom节点…
[前端必刷75题]60.判断是否符合USD格式
判断是否符合USD格式描述代码描述
给定字符串 str，检查其是否符合美元书写格式
1、以 $ 开始2、整数部分，从个位起，满 3 个数字用 , 分隔3、如果为小数，则小数部分长度为 24、正确的格式如：$1,023,032.03 或者 $2.03…
[前端必刷75题]59.判断是否符合指定格式
判断是否符合指定格式描述代码描述
给定字符串 str，检查其是否符合如下格式
1、XXX-XXX-XXXX2、其中 X 为 Number 类型
代码
直接正则，要注意要指定首尾的匹配
function matchesPattern(str) {let reg/^\d{3}-\d{3}-\d{4}$/return reg.test(str)
}
开源项目的 5 年长跑，runc v1.0 终于正式发布！
“本文我来分享下与我们（搞容器化/K8S 从业者）息息相关的一个基础项目 runc[1] 是如何自 2016 年发布了 v1.0.0-rc1 到现在历经 5 年长跑，从 rc1 一直到 rc95 ，如今终于正式发布 v1.0 版本的过程，及这中间的故事。”大…
Unity反导打包详细步骤
导出资源包以后，打开AndroidStudio。 File->Import Project 打开导出的资源路径，可以看到此资源文件夹图标变成了安卓标志，表示此项目可以导入到AndroidStudio。等待右下角资源加载完毕。 下面开始打包APK，Build->Generat…
JS 浏览器窗口控制
业务场景：老系统里（非SPA） 在主页面有很多子模块页面，在点击去到子模块a页面打开新窗口，如果a页面已经在浏览器打开则不打开新的窗口，切换至a页面窗口
首先，了解window对象 1.window.open
win…
JS DOM篇（二）Element 类型
Element 类型
标签汇总（省略,在html中总结）操作属性方法
nodeName || tagName //访问元素的标签名
getAttribute(attrName) //获取属性
setAttribute(atrtName,attrVal) //设置属性创建元素
var odiv document.createElement(div)
odiv.id myDiv
…
JS DOM篇（一）
Node类型
DOM1级定义了一个Node接口，节点类型定义了12个常数值常量来表示（用nodeType区分） 开发人员最常用的就是元素节点和文本节点
nodeName 和 nodeValue属性
if(someNode.nodeType 1){value someNode.nodeName //nodeName是元素的标…
JS BOM篇（二）location对象与history对象
location 对象
location 是最有用的对象之一。
1.提供了与当前窗口中加载的文档有关的信息，
2.提供了导航功能。
3.即是window对象的属性，也是document对象的属性。即（window.location document.location）属性列表
属性名例子说…
SingnalR 开发到生产部署闭坑指南
前天倒腾了一份[SignalR在react/go技术栈的实践01SignalR默认要协商传输方式SignalR 默认要求协商传输方式[1]不管是.NET客户端还是JavaScript客户端，构建连接时都存在一个默认配置：SkipNegotiationfasle，负负得正就等于要求协商，…
js实现groupby
初始结果是一个数组，最终得到一个对象。
let arr [{sex: male,name: xiaomi
}, {sex: male,name: lisi
}, {sex: female,name: zhangsan
}]最终得到： 代码：
const groupBy (list, key) > {const obj {};list.map(item > {if (!ob…
微信小程序-Cannot read property ‘setData‘ of undefined；at api request success callback function（解决）
问题： 微信小程序中提示错误：
问题源码：
onLoad: function() {wx.showLoading({title: 加载中…,})try {// var self thiswx.request({url: app.url/xxx,method:post,data:{"index":"hello"},success:function(e){thi…
初始化一个react项目
初始化一个react项目
mkdir init_react
cd init_react
npm init //如果没有什么特殊的配置一路回车，得到package.json文件
目录结构 dist ---------------------------------------------> //用于存放webpack打包之后的项目文件 index.html ------------------…
html引用阿里云矢量图标（不照搬官方，手把手教学）
如何使用图标呢？
如果不想看前面介绍的话，直接最后一个标题即可 点我快捷跳转
1. 介绍
使用的时候，官方提供的使用方法总共三种。
第一种是：Unicode第二种是：Font class第三种是：Symbol。 如图所示&…
JavaScript编程（小练习处理，显示时间，与倒计时）
今天再来解决JavaScript的编程题，让我们开启我们我们的编程能力，如果此文章能给你帮助，不要忘了评论与点赞哦。小编在这里先谢谢了。 1、水王数的求解，使用JavaScript编写。
水王数：在一个数组中出现的次数大于数组一…
JavaScript编程（小练习处理）
1，判断是不是一个数是不是质数。
<script>let num parseInt(prompt(请输入一个整数：))function prime(n){for(let i2;i<num-1;i){if (num%i0){return -1} else{return 1}}}
</script> 2，画出菱形 let row5; // row表示总行…
前端常见浏览器兼容性问题解决方案
前端常见浏览器兼容性问题解决方案
一、css兼容
1.不同浏览器的标签默认的margin和padding不同
问题：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。解决方案：CSS里 *{margin:0;padding:0;} 但是性能不…
获取url传参简便的方法
获取url传参
function getQueryString(name) {var reg new RegExp("(^|&)" name "([^&]*)(&|$)", "i");var r window.location.search.substr(1).match(reg);if (r ! null) return unescape(r[2]);return null;};getQueryStrin…
手机号自动加空格 银行卡号自动加空格---------------------------
手机号自动加空格 银行卡号自动加空格 银行卡号 加空格代码 <input maxlength"19" keyup"accNoDispose" type"text" placeholder"请输入银行卡号" v-model"addNewCardNum">accNoDispose: function () {if (thi…
解决sse接口切换浏览器tab后，接口重发问题
[插件]microsoft/fetch-event-source
切页后重发接口 microsoft/fetch-event-source在切换浏览器标签后，sse接口暂停，切换来后，接口重发 解决方案
增加配置
openWhenHidden: true,
无法打开浏览器开发者工具的可能解决方法
网页地址: https://jx.xyflv.cc/?url视频地址url
我在抖音里面抓了一个视频地址, 获取到响应的json数据, 找到里面的视频地址信息 这个网站很好用: https://www.jsont.run/ 可以使用js语法对json对象操作, 找到所有视频的url地址 打开网页: https://jx.xyflv.cc/?urlhttps:…
next项目页面性能调优
next项目页面性能调优
一般来说性能优化可以分为加载时、运行时两部分的优化。
扩展参考链接： 前端性能优化 24 条建议 Webpack 4进阶–从前的日色变得慢 ，一下午只够打一次包 Webpack 分包优化首屏加载
参考指标
FCP（First Contentful P…
离线场景下任意文档的在线预览及原样格式翻译，不依赖其他厂商接口非侵入式一行js代码实现网站的翻译及国际化，可配置使用多种翻译语言
离线场景下任意文档的在线预览及原样格式翻译，不依赖其他厂商接口非侵入式一行js代码实现网站的翻译及国际化，可配置使用多种翻译语言。 要实现翻译需要解决以下3个主要问题： 1）from：内容本身的语言类型是什么…
constructor判断数据类型
我们可以通过constructor来判断数据的类型，但是除了null、undefined，因为他们不是由对象构建。
数字、布尔值、字符串是包装类对象，所以有constructor
数字
var num 1;
num.constructor
ƒ Number() { [native code] }布尔值
true.constru…
JavaScript的typeOf
typeOf查看字符串类型
typeof undefined
"undefined"typeof null
"object"typeof {}
"object"typeof []
"object"typeof function(){}
"function"typeof "aa"
"string"typeof 11
"number"ty…
力扣96不同的二叉搜索树详解
最近在写动态规划的题目，这些题目的标签都标有数学，说来也是找规律题，但是这个规律真不是正常情况下可以找到的，即使看了解析有时候也写不出来，今天难得看了点解析就自己写出来的，因此分享一下这道题的想法…
Threejs 创建的透明球体与模型前后看起来重叠解决方案
创建了球体透明的位置在后面例如 x: -2.2, y: 6, z: 0， 加载的模型在前面x: 2, y: 1, z: 13 ,创建的发光精灵
let spriteMaterial new THREE.SpriteMaterial({ map: spriteTexture, color: object.color, transparent: true, depthWrite: false, //深度写入属性 d…
JS逆向-加密参数定位方法总结（1）
前言 本文是该专栏的第50篇，后面会持续分享python爬虫干货知识，记得关注。
爬虫工程师在处理爬虫项目的时候，难免会遇到需要JS逆向的平台。那么对于需要JS逆向的网站，其加密参数需要怎样快速去定位呢？笔者将目前常用的几种方法总结为上下两篇，总的来说，不同的定位方法其…
js获取页面卷曲高度兼容写法
js获取页面卷曲高度兼容写法
<!DOCTYPEhtml>
<html>
<head>
<script src"js/jquery.js" type"text/javascript"></script><script type"text/javascript">$(document).ready(function(){var range 50; …
let不允许重复声明
最近在看阮一峰的ECMAScript，看到下面这里想了好久也没想明白为什么？？？（由于之前学了太多语言的语法规则，就有了惯性思维…） 对比下面这个函数就可发现，上面的会报错arg变量已经定义…
Node.js模块里exports与module.exports的区别
exports 和 module.exports 二者的关系
1.module.exports才是真正的接口，exports只不过是它的一个辅助工具，最终返回给调用的是module.exports而不是exports。module.exports 初始值为一个空对象 {},而exports为指向module.exports 的引用 2. 在require…
Vue的v-if与v-show的区别
Vue的v-if与v-show的区别
v-show和v-if都可以通过判断条件来决定页面的某个组件的是否在页面上显示，但它们在原理上却并不相同。了解它们的原理可以是我们写出更高质量的页面。
v-if
v-if是条件渲染语句，它是真正的条件渲染。根据if后面的条件来决定某…
【JS】DOM 操作大全
文章目录DOM获取一个元素getElementByIdgetElementsByClassNamegetElementsByTagNamequerySelectorquerySelectorAll操作属性innerHTMLinnerTextgetAttributesetAttributeremoveAttributestyleclassNameDOM节点元素节点属性节点文本节点获取节点childNodesparentNodeattributes…
【JS】URLSearchParams 对象（以对象的形式上传参数到url）
文章目录一、基本用法二、实例方法三、实践运用一、基本用法 此功能某些浏览器尚在开发中，兼容性可能不是很好。 URLSearchParams() 构造器：创建并返回一个新的URLSearchParams 对象。 开头的’?’ 字符会被忽略。语法：
// init: 参数可选&…
【JS笔记】JavaScript 字串符对象中各方法的使用（match,search,replace,split）
字串符对象
match()方法： 简介：可以使用正则表达式模式对字串符进行搜索，返回一个包含搜索结果的数组。 语法格式： match(regExp) 如果没有为正则表达式设置全局标志（g)，match()方法产生的结果与没有设置全…
【JS】Object 对象简解
Object 对象基本介绍属性值简写方法名简写点语法和中括号创建对象构造函数创建以字面量创建（常用）对象属性prototype 属性constructor 属性基本介绍
对象是一个复杂数据类型其实说复杂，但是没有很复杂，只不过是存储了一些基本数据…
ONES x 中农网 | 引领农产品流通领域行业标杆
想了解 ONES 如何帮助您的团队实现高效研发？欢迎访问我们的官网 https://ones.ai/ 或点击阅读原文免费试用。
2023 js逆向爬虫 有道翻译 代码
前置条件：nodejs环境、安装 crypto 和 python3环境
js.js文件：
const crypto require("crypto")function decode(resp_data) {g_o ydsecret://query/key/B*RGygVywfNBwpmBaZg*WT7SIOUP2T0C9WHMZN39j^DAdaZhAnxvGcCY6VYFwnHlg_n ydsecre…
Web 技术：CSS最小和最大(宽度/高度)知识点及优缺点
通常，我们希望限制元素相对于其父元素的宽度，同时使其具有动态性。因此，有一个基础宽度或高度的能力，使其扩展的基础上，可用的空间。比如说，我们有一个按钮，它的宽度应该是最小的，不…
CommonJS和ES Module
CommonJS
关键词：
社区标准使用函数实现仅node环境支持动态依赖（需要代码运行后才能确定依赖）动态依赖是同步执行的
原理：
// require函数的伪代码
function require(path){if(该模块有缓存吗){return 缓存结果;}function _ru…
很多人不知道 Vue 中的组件就是一个函数！
在所有组件之下，组件只是返回一些HTML的函数。这是一个强大的简化，如果你曾研究过Vue代码库的复杂性，那么你就会知道这实际上不是事实。但是从根本上讲，这就是Vue为我们所做的事情。看一下这个组件：<template>&l…
【吐血总结】前端开发：一文带你精通Vue.js前端框架（七）
文章目录 前言1️⃣事件处理器2️⃣表单3️⃣总结 前言 上一篇中我们学习了vue.js 的条件语句、循环语句等知识点.，现在让我们接着Vue系列的学习。 Vue中事件处理器、表单等在开发中的作用不可或缺，本文将基于实例进行以上知识点的讲解。 1️⃣事件处理器…
JS按顺序逐个发送 请求
1.使用Promise链
当需要按顺序逐个发送 POST 请求时，可以使用 Axios 库的 Promise 链来实现。在每个 POST 请求成功后，可以触发下一个请求。这里有一个简单的示例：
首先，确保已经在 HTML 文件中引入了 Axios 库：
&l…
![[万字长文]你拿js写业务、做算法题，这些Array基础你都会了吗？](https://img-blog.csdnimg.cn/20201214151310691.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk2NDU0,size_16,color_FFFFFF,t_70)
[万字长文]你拿js写业务、做算法题，这些Array基础你都会了吗？
前言
js中的数组自带了非常多的方法，而且这些都是大厂前端面试时喜欢问的，稍对这些基础不太了解，面试官就会认为你基础不牢，这样面试就很容易翻车；而且，很多笔试题也会涉及到数组的原生方法，有…
BIMFACE产品API摸索
文章目录BIMFACE是什么（产品定位）BIMFACE 国内领先的BIM轻量化引擎目标人群：建筑行业的软件开发者目标场景：模型应用阶段BIMFACE能做什么核心能力1. 工程文件格式转换2. 模型/图纸轻量化显示3. BIM数据管理BIMFACE支持格式目前支…
实现一个事件总线（vue.prototype.$bus）？
本质就是一个订阅发布模式的实现。
维护一个cache数组，即订阅者数组实现on函数，即增加订阅者实现off函数，即取消订阅实现emit函数，即发布消息，通知订阅中心有更新
class EventBus {constructor() {this.cache {};}o…
js获取queryString(get方法)参数
思路
就是使用splitreduce组合，关于reduce方法，如果不熟，可以阅读我写的笔记。
《一文带你彻底搞懂js的Array.prototype.reduce()方法！》
实现
function getQueryArray(url) {let query url.split("?").pop().spl…
nginx反向代理解决跨域前端实践
需求实现
本地请求百度的一个搜索接口，用nginx代理解决跨域思路：前端和后端都用nginx代理到同一个地址8080，这样访问接口就不存在跨域限制
本地页面
查询一个百度搜索接口，运行在http://localhost:8035
index.js
const path …
自己动手实现一个Array.prototype.reduce?
文章目录定义和用法语法自己实现一个队列实现递归实现遍历数组实现参考资料定义和用法
reduce是数组内置的一个方法，原型链上位于Array.prototype.reduce()
reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩…
自己动手实现一个ajax？
文章目录XMLHttpRequest基本使用方法实现一个简单的ajax思路实现浏览器兼容判断格式化请求参数myAjax封装完整代码（含实验）结果结语参考资料XMLHttpRequest基本使用方法
都说js是单线程的，那js是怎么实现异步请求的呢？
其实仔细…
VUE2双向绑定——数据劫持+订阅发布模式
文章目录前言参考资料初级版本实现publisher实现消息订阅中心实现Subscriber实现绑定函数完整代码进阶引入compile，并封装成MVVMES6 class语法版本结语前言
单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时&…
设计模式之观察者模式——Js实现
文章目录前言参考资料1、版本1 你发布我就收到2、版本2 我只想收到我关注类型的消息3、版本3 不仅能发布文章，还能发布手机！4、版本4 什么玩意？退订退订！5、版本5 以类之名，用ES6语法重构之！结语前言
《He…
期末前端web大作业：餐饮美食网站设计与实现——餐厅响应式网站制作html+css+javascript+jquery+bootstarp
🎀 精彩专栏推荐👇🏻👇🏻👇🏻 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业…
JavaScript -- 原型与原型链
根据视频进行整理 【https://www.bilibili.com/video/BV14s411E7qf?p15】 视频对应资源(百度网盘)： 链接：【https://pan.baidu.com/s/1q9LnJcRt5alTV67gUDqpnw】 提取码：1234 JavaScript -- 原型与原型链1 原型与原型链1.1 原型 prototype1.…
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)
前言 根据视频和PPT整理 JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程 视频对应资源(在视频简介里面) 链接：【https://gitee.com/xiaoqiang001/java-script.git】 视频对应资源(百度网盘) 链接：【…
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)
前言 根据视频和PPT整理 JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程 视频对应资源(在视频简介里面) 链接：【https://gitee.com/xiaoqiang001/java-script.git】 视频对应资源(百度网盘) 链接：【…
用 JS空格分隔手机号码 334格式
用 JS空格分隔手机号码 334格式
let mobile_phone ‘12345678912’ let res mobile_phone.replace(/^(.{3})(.*)(.{4})$/, ‘$1 $2 $3’) console.log(res) // 123 4567 8912
响应式与自适应的区别
响应式与自适应的区别： 响应式：一套适配多端适配不同的屏幕设备，即不同的视口分辨率 自适应：多套页面不同视口分辨率大小显示同样的网页rem、百分比等相对单位 注意： 在开发中，项目的响应式，一些…
Golang笔记：使用json包处理JSON数据
文章目录 目的Decoding（解析数据）Encoding（创建数据）总结 目的
JSON 是一种非常流行的数据交换格式，是JavaScript中原生支持的一种数据，因为其简单方便，所以也经常用在不同程序、不同语言间数据…
web前端Tips：断点续传如何实现？
在Web前端中实现断点续传功能的一种常见方式是使用HTTP Range请求和文件分片上传。
以下是一个简单的断点续传实现的步骤：
前端将要上传的文件分成多个固定大小的片段（chunk），例如每个片段的大小为1MB。当用户选择上传文件时&am…
vue js vue3 uniapp日期操作工具类组件，格式化、加减日月年
官网文档
官网：https://momentjs.com/ 文档：https://momentjs.com/docs/
安装
npm install moment -s全局引用
import moment from moment;//uniapp vue3 全局引用
app.config.globalProperties.$moment moment;日期格式 示例：YYYY-MM-…
什么？你还不知道原型链是什么，一文告诉你
创建对象
对象字面量new Object构造函数Object.create
// 字面量
var obj1 {name: solo obj1};// new Object
var obj2 new Object({name: solo obj2})// 构造函数创建
var M function(name){this.name name;
}
var obj3 new M(solo obj3);// Object.create
var p {nam…
js实现自定义打印区域
使用 window.print() 方法可以实现页面的打印功能，但是这个方法打印的是当前整个页面。如果要想打印某一指定区域该怎么实现呢？
思路可以是：用想要打印的区域来替换页面内容。
获取需要打印的区域。保存原页面body的内容。用需要打印的区域…
[Codility]-FrogJmp
[Codility]-FrogJmp
这是一道简单题，别往难处想，但也要巧妙
题目解释：
小青蛙在X位置，想去Y位置，它每跳一次可以前进D距离，问至少要跳多少次？
思路：
一开始我直接XD…D>Y&am…
typecho去掉index.php
typecho去掉index.php一、前言二、配置过程三、问题所在四、解决方案五、一点体会一、前言
大家好，我是尝试中成长的站长，最近在使用typecho的过程中遇到了这种问题，index.php的伪静态没办法去掉，遂浏览器搜索了很多教程…
图片左右旋转及左右切换
pc电商图片旋转及切换 <div class"media-group" node-type"media_group_prev_2025718"><ul class"clearfix"><li class"bigVideo on" data-url"http://.iqiyi.com.cn/player250527_1.html?v2020#nohits&h500…
element ui 表格常见特殊的属性
element ui 表格的常见特殊属性1,表格内容太多用...表示2,修改element ui自带的样式3,修改奇数行背景色4,给表头添加背景色及文字样式5,表头文字竖向排列(文字带括号)6,表头边框与文本边框对不齐情况7,导航栏的侧边栏只展开一个下拉菜单8,表格表头和内容居中显示9,添加表格背景…
js时间、日期、时间戳之间的相互转换，批量转换
js批量时间戳数组转时间
这里我只转了时和分，如果还需要其他的年月日之类的，直接在后面加即可。 var leftArr [1523618433000, 1302693633000, 1623618433000];var arrs [];for (var i 0; i < leftArr.length; i) {let time new Date(leftArr[i]…
javascript 小技巧
1. οncοntextmenu"window.event.returnValuefalse" 将彻底屏蔽鼠标右键 <table border οncοntextmenureturn(false)><td>no</table> 可用于Table 2. <body onselectstart"return false"> 取消选取、防止复制 3. οnpaste"…
js设置div不可点击
css:
.notclick{ pointer-events: none; }
js:
$("#divID"/".divClass").addClass("notclick");//设为不可点击
$("#divID"/".divClass").removeClass("notclick");//移除不可点击
React 路由: react-router-dom 前端路由 + connected-react-router 与 redux 连用
React 路由: react-router-dom 前端路由 connected-react-router 与 redux 连用 文章目录React 路由: react-router-dom 前端路由 connected-react-router 与 redux 连用前言正文1. 基础使用1.0 安装依赖1.1 路由定义1.2 匹配类组件1.3 匹配函数组件1.3.1 非直接相关函数组件…
React 入门: 核心特性全面解析
React 入门: 核心特性全面解析 文章目录React 入门: 核心特性全面解析前言正文0. 项目搭建1. JSX1.1 揭露 JSX 的神秘面纱1.2 扩展 JS(强化版的 html)1.3 ReactDOM 渲染模版2. 组件基础2.1 类组件(Class Component) vs 函数组件(Function Component)3. Props 属性/数据传递(父组…
ES6 Promise 应用: 回调函数方法封装成 Promise + async/await 同步化
ES6 Promise 应用: 回调函数方法封装成 Promise async/await 同步化 文章目录ES6 Promise 应用: 回调函数方法封装成 Promise async/await 同步化简介参考完整示例代码正文什么是"接受回调函数的方法"？示例一：http 请求示例二：my…
js 电脑端分享给微信、QQ、微博
//分享到新浪微博 function shareToSinaWB(event){ event.preventDefault(); var _shareUrl http://v.t.sina.com.cn/share/share.php?; //真实的appkey，必选参数 _shareUrl &url encodeURIComponent(<%url%>); //参数ur…
axios下载pdf
一般情况下，网页上下载资源，都是通过<a href"https://aaa.com/download?ab">选组</a>连接跳转之后，会自动下载，说白了就是get请求 这种是最简单的，但是有时候满足不了要求，比如添加…
JS面试题汇总（九）
📒博客首页：酸狗的博客🍋 🎉欢迎关注🔎点赞👍收藏⭐️留言📝 💖热爱前端学习，期待一起交流！✨ 🙏作者水平很有限，如果发现错误&#x…
@RequestBody 和@RequestParam 的使用问题
1、RequestBody注解，内部使用RequestResponseBodyMethodProcessor进行解析，此参数解析器用HttpMessageConverter将HttpMessage封装为具体的JavaBean对象。 RequestBody 一般用于post请求，处理body体中的数据，headers中 Cont…
#vue# 【十一】使用v-for循环出多个内容
#前端001之网络请求
在前端的页面中，网络请求是一个非常重要的存在 可以让我们省去很多排版步骤 下面就详细讲一下网络请求的步骤
首先我们排版了一个页面 比如是一个有4个相同卡片板块的页面 里面包含图片以及文字 效果示例如下 那我们只需要排版时，只…
Express 实战: 使用 express-ws 实现 WebSocket 协议
Express 实战: 使用 express-ws 实现 WebSocket 协议 文章目录Express 实战: 使用 express-ws 实现 WebSocket 协议简介参考正文什么是 WebSocket？服务端 WebSocketexpress、express-ws服务端结构初始化和配置服务端搭建一般 Express 服务添加 WebSocket 服务客户端…
后台数据接口返回一个对象，前端怎么处理转成数组
定义一个空数组
const arr[]循环接口里面的对象数据
for(let k in res.data){
arr.push(res.data)
}
console.log(arr)
// res.data 是数据（参考个自的数据格式）
JS实现验证码倒计时验证案例
JS实现验证码倒计时验证案例前言验证案例1.代码2.代码功能解析1.验证码2.验证3.倒计时总结前言
这是一个将验证和倒计时综合起来的案例，案例也不难理解，在页面的设计中，需要这样的代码时可直接套用，仅供参考学习。 验证案例
1.代…
阿语python4-2 美多商城v5.0用户中心-收货地址之第5.3.7节修改地址标题
1. 修改地址标题接口设计和定义1.请求方式选项方案请求方法PUT请求地址/addresses/(?P<address_id>\d)/title/2.请求参数：路径参数参数名类型是否必传说明address_idstring是要修改的地址ID（路径参数）3.响应结果：JSON字段说…
图片轮播——Swiper实例
一、Swiper简介 Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架，使用硬件加速过渡（如果该设备支持的话）。主要使用于移动端的网站、移动web apps，native apps和hybrid apps。主要是为IOS而设计的，同时&#x…
阿语python4-1 django框架v5.0第3.4节使用 PostMan 对请求进行测试
PostMan 是一款功能强大的网页调试与发送网页 HTTP 请求的 Chrome 插件，可以直接去对我们写出来的路由和视图函数进行调试，作为后端程序员是必须要知道的一个工具。安装方式1：去 Chrome 商店直接搜索 PostMan 扩展程序进行安装安装方式2&…
阿语python4-1 django框架v5.0第1.8节 模板
思考 : 网站如何向客户端返回一个漂亮的页面呢？提示 :漂亮的页面需要html、css、js.可以把这一堆字段串全都写到视图中, 作为HttpResponse()的参数,响应给客户端.问题 :视图部分代码臃肿, 耦合度高.这样定义的字符串是不会出任何效果和错误的.效果无法及时查看.有错…
JavaScript中var,let和const的联系与区别
全局作用域
使用var关键字声明的全局作用域变量属于window对象,可以再修改。
使用let关键字声明的全局作用域变量不属于window对象，可以再修改。
const关键字定义的常量，声明时必须进行初始化，且初始化后不可
再修改。使用 const 定义的…
IView在非Rander模式下使用标签转换
IView在非Rander模式下使用标签转换
1.需要转换组件名(特殊组件)
rander模式非rander模式DatePickerdate-pickerFormItemform-itemCheckboxGroupcheckbox-groupInputNumberinput-number
2.常用组件(常规组件)
rander模式非rander模式Buttoni-buttonColi-colTablei-tableInpu…
开发中经常遇到的JavaScript问题整理(超实用)
作者 chengyuming 原文地址：https://chengyuming.cn/views/basis/issue.html获取一个月有多少天今天遇到一个需求，已知月份，得到这个月的第一天和最后一天作为查询条件查范围内的数据new Date(year, month, date, hrs, min, sec)，…
学到了！Webpack5 新特性之增量编译
webpack作为最使用最广泛的前端打包工具，已经成为前端工程化基础设施的一部分。webpack5正式发布于2020年10月10号，距离上一个大版本Webpack4更新已经是2年前年了，每个大版本的升级都会有相当多的改变和提升，今天咱们就来看看增量…
vue3.0新特性teleport是啥，用起来真香（开阔视野！）
前言在vue2.0时代，我们经常会有这样的需求，写代码逻辑的时候希望将组件写在某个模板之下，因为这样我们很好的使用组件内部的状态数据，控制组件的展示形态。但是从技术的角度上我们又希望将这段代码移到DOM中Vue app之外的其他位置…
「React」之组件逻辑复用小技巧
编者荐语：本文将介绍React组件逻辑复用的一些常用模式和技巧。包括一下几个方面：什么是高阶组件HOCHOC解决了哪些问题如何封装一个简单的高阶组件HOC在项目中常用的一些技巧和方法什么是Render PropsRender Props的特点和用法Render Props和HOC React Ho…
Webpack的异步加载原理及分包策略(深度好文，建议收藏)
作者：lzg9527原文链接：https://segmentfault.com/a/1190000038180453webpack 异步加载原理webpack ensure 有人称它为异步加载，也有人称为代码切割，他其实就是将 js 模块给独立导出一个.js 文件，然后使用这个模块的时候…
Chrome 87 新特性解读，多年来 Chrome 性能最大提升！
今天 Chrome 更新了 87 最新版，这是今年最后一次 Chrome 更新了，这个版本是多年来 Chrome 性能获得最大提升的一次，开发者工具也进行了大幅度更新。有用户认为，原本 Chrome 的性能问题诟病已久，然而在新 Edge 出来了以…
6个可以帮助我们高效开发的Chrome插件
1. URI Splitter简单快捷地编辑 URL/URI。chrome应用商店查看：https://chrome.google.com/webstore/detail/uri-splitter/fdfikmgcjjhkdpejagohhojbopclfckn2. ColorZillaColorZilla 插件可以提取网页色彩，快速调节颜色，可协助网站开发人员和…
你的 Tree-Shaking 真的起作用了吗？
今日文章由“相学长”授权分享，正文从下面开始～，原文地址：http://suo.im/6nDqfr本文将探讨tree-shaking在当下的现状，以及研究为什么tree-shaking依旧举步维艰的原因，最终总结当下能提高tree-shaking效果的…
每天在使用的await，为什么不能用在forEach中？
不知道你是否写过类似的代码: function test() {let arr [3, 2, 1]arr.forEach(async item > {const res await fetch(item)console.log(res)})console.log(end)}function fetch(x) {return new Promise((resolve, reject) > {setTimeout(() > {resolve(x)}, 500 * …
React v17.0 RC 版本发布：无新特性
❝北京时间 8 月 11 日凌晨，React 团队发布了 React 17 的 RC 版本。此版本最大的亮点是无新特性。此文为抢鲜版，后续会在 React 中文网放出最终版本，请大家持续关注。❞今天，我们发布了 React v17 的第一个 RC 版本。自 React 上…
一文学会 6 种移动端 1px 问题解决方案(完整版)
前言在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在retina屏机型中，1px会比较粗，即是较经典的移动端1px像素问题。本文默认你已经对视口、物理像素、逻辑像素、设备像…
chrome 插件开发指南
动手点关注干货不迷路 👆丰富的 chrome 插件极大的提升我们的工作效率和辛福感，比如大名鼎鼎的 adblock 广告屏蔽、GoFullPage 网页长截图、evernote web clipper 收藏网页。一般来说，插件的原理是向页面中注入 javascript 脚本，对…
Vue3.0时代即将到来
在10月05日凌晨Vue3的源代码正式发布了，来自官方的消息： 目前的版本是Pre-Alpha ，作者表示，Vue 3 主要的架构改进、优化和新功能均已完成，剩下的主要任务是完成一些 Vue 2 现有功能的移植。 仓库地址： Vue-…
微信小程序:页面传递对象参数
1.传递参数页
使用encodeURIComponent() 函数是为了解决字符串超出规定长度的问题
// 跳转函数
btnclick(e){let obj{11: {wait_date: "0天0小时0分23秒", get_date: "0天1小时34分21秒"},12: {wait_date: "0天0小时0分37秒", get_date: "…
vue图形验证码的生成和实现校验功能(附源码)
源码 https://gitee.com/river-winter/graphic-verification-code
思路
1.创建生成图形验证码的组件
2.在main.js中全局注册图形验证码组件
3.封装一个验证码校验的js文件
4.使用vue.prototype实现验证码校验全局变量
5.在表单页中
5.1 使用标签直接引入图形验证码组…
vue拼接html中onclick的触发方式，vue中的onclick，vue触发onclick，vue拼接html
1.首先你有一段拼接的html代码
let conten<button οnclick"come()">点我</button>;2.然后你需要在methods中有一个函数
methods:{come:function(){alert(你好，再见！)},
}3.下一步就是连接起桥梁的关键点
created(){let _thist…
vue中$set用法及其源码的底层原理
vue中$set用法及其源码的底层原理
在我们开发过程中，经常会遇到，为一个数组或者对象data中添加一个属性，点击按钮后发现，控制台打印明明对象中已经出现了这个属性，视图层却并没有更新该数据，这是因为受到J…
java和Js中的类型转换
--------------------------------------------------java中-------------------------------------------------------------- 1.String转JSONObject （1）. String jsonMessage "{\"语文\":\"88\",\"数学\":\"…
【深入JavaScript日记十二】剖析继承的多种方式
目录前言正文内容原型链继承构造函数继承组合继承[常用]原型式继承寄生式继承寄生组合式继承[最高效]总结前言
在之前的学习中总能看到继承这个词，今天就拿出来单独学习一下
正文内容
原型链继承 //父类function Parent() {this.name 小A同学;this.age 18;}//子…
JS 前端Table导出excel 支持多sheet页并且支持合并单元格
JS 前端Table导出excel 支持多sheet页并且支持合并单元格 资源下载地址：https://download.csdn.net/download/qq_27946017/14890680 <!DOCTYPE html>
<html><head><meta charset"utf-8"><title>demo</title><scr…
JS表单相关字段验证工具类
/*** author: lindr*//*******************************验证并聚焦，提示错误信息****************************************///jquery trimfunction jqueryTrim(id){return $.trim($(#id).val());}//text验证 nullfunction textCheckNull(id,msg){var tempVal jque…
HDLBits：在线学习 Verilog （九 · Problem 40 - 44）
本系列内容来自于知乎专栏，链接如下：https://zhuanlan.zhihu.com/c_1131528588117385216本系列文章将和读者一起巡礼数字逻辑在线学习网站 HDLBits 的教程与习题，并附上解答和一些作者个人的理解，相信无论是想 7 分钟精通 Verilog…
javascript教程
地址为https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/arguments
https://www.jquery123.com
javascript高级教程第三版的在线非扫描版pdf地址
http://www.xiaowuhei.xyz:8080/docs/pdf/js/javascript.pdf
资源下载的终极利器-资源轻松简单下载-资源万能下载法
layout: post category: “program” title: “资源下载的终极利器-资源轻松简单下载-资源万能下载法” tags: [c]
Content {:toc}
缘起
经常会有朋友问起：某FM的音频文件怎么下载？某网站音效素材mp3怎么下载？等等之类。
于是便介绍…
Web APIs 学习笔记（九）--- 本地存储：sessionStorage 和 localStorage
一、本地存储的特性 1. 数据储存在用户本地的浏览器中。2. 存储、读取方便，甚至可以永久存储。3. 容量适中，sessionStorage 约 5MB大小、localStorage约5MB大小。4. 只能存储字符串，可以通过 JSON.stringify() 将其他类型数据转换成JSON字符串…
Web APIs 学习笔记（八）--- JavaScript简单动画（网页特效）
一、JavaScript动画
核心原理：
通过定时器 setInterval() 不断地移动元素的位置，由于间隔时间很短，看起来像是连续动画一样的效果。
具体实现： 1. 获得元素当前在页面中的位置。2. 修改元素的当前位置，使其加上要…
为组件添加单击事件click监听， 点击事情没有效果的解决方法(vuejs 修饰符.native解析)
封装了一个按钮组件，点击没有反应,这里涉及到v-on的修饰符.native 官方对.native修饰符的解释为：
有时候，你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。 html <div class"sub">&l…
超级浣熊的最近黑科技！？太有用了
前言 / Introduction有社区的伙伴想开发 Cocos Creator 插件，但需要学习HTML、CSS以及各种Web前端库，对游戏开发程序员真的是太难了......社区大佬『超级浣熊』早就看穿了这一点，一直在潜心研究如何以Cocos Creator的开发方式，去开…
听皮皮一句劝zIndex 的水太深，你把握不住！
前言本文基于 Cocos Creator 2.4.5 撰写。???? 普天同庆来了来了，《源码解读》系列文章终于又来了！???? 温馨提醒本文包含大段引擎源码，使用大屏设备阅读体验更佳！Hi There!节点（cc.Node）作为 Coco…
特效神器 C3D 到底有多强？
有伙伴问晓衡：Cocos Store 上除了成品小游戏，还有那些机会？我回答道：Creator 3D 特效美术，绝对有机会，最为简单的就是模仿『王者荣耀』中的技能来一打！今天给大家推荐一篇 Cocos Creator 3D 的粒…
js的手机号码和固定电话号码同时验证（在同一个text内）
在同一个text里输入电话号码，可以是手机号码，也可以是固定电话号码，必填，且必须是规范的电话号码格式：
var Telephone $("#Telephone_add").val();//电话if ($.trim(Telephone) ) {alert("请输入电话…
浅谈重定向（node中res.location和res.redierct）
在最近遇到的浏览器的请求中，遇到了重定向问题，这里去了解和学习了重定向的一些知识
什么是重定向 HTTP 协议的重定向响应的状态码为 3xx 。浏览器在接收到重定向响应的时候，会采用该响应提供的新的 URL ，并立即进行加载…
JQuery select设置选中值 option[text= 无效
百度搜一下，很多方法是这样写的：
$("#nickName option[text张三]").attr("selected", true);
但是试了很多版本都不行，得这样：
$("#nickName option:contains(‘张三’)").attr("selected&…
怎么写dom代码的过程
写的错的代码：
<!DocType>
<html><div><button :click "ddd" type"text">display button</button>alert(hamimelon!)</div>
</html>一步步修改的代码 第二次思考
<!DocType>
<html>&…
阿语python基础语法v5.0之第10节 公共的方法
大家好，我是阿语，从今天开始每天更新8篇python教程从第一个基础语法开始每天更新一下基础内容，这些会分类出来，保持一天完整的python教程，有的人肯定会问 为什么最后才写爬虫了，阿语在这里声明一下…
阿语Python基础语法之第6节for循环
大家好，我是阿语，从今天开始每天更新8篇python教程从第一个基础语法开始每天更新一下基础内容，这些会分类出来，保持一天完整的python教程，有的人肯定会问 为什么最后才写爬虫了，阿语在这里声明一下…
这段代码所实现的效果在vs中脱水版的js代码应该是怎样的，不要html代码的那一种
<!DOCTYPE html>
<html>
<body><h1>JavaScript 变量</h1><p>在本例中，x、y 以及 z 都是变量。</p><p id"demo"></p><script>
var x 7;
var y 8;
var z x y;
document.getElementById(&q…
springboot项目如何正确使用Validation组件注解（二）
theme: vue-pro 小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 复盘一下上篇所学的知识点 我们在上篇文章中学习到了部分Validation组件内部的几个简单注解，也看了相关代码示例，是不是还没有学习过瘾，那么…
springboot项目如何正确使用Validation组件注解（一）
theme: vue-pro 小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 复盘一下如何在SpringBoot项目中集成 我们在上篇文章中写到了如何在Springboot项目中集成Validation，以及如何进行简单的使用。 springboot项目集成参数验证 今天我…
js获取iframe中body内容
获取iframe中body内容
test-id是iframe的ID
window.frames[test-id].contentWindow.document.body.innerHTML//简单示例，在加入富文本编辑器的页面中获取中id为 ueditor_0 的 iframe 标签中 body 的内容<input type"button" value"获取" o…
SpringBoot项目H5界面手机拍照调用腾讯云OCR卡证识别接口完整例子
最近一个微信端项目的功能涉及一个手机拍照上传身份证识别身份证信息回显的功能，调用的接口是腾讯云OCR的卡证识别功能。看了腾讯云的api通俗易懂，本地写好了demo测试可用。H5界面手机拍照调用后台方法保存身份证照片进行识别也可用，难度就在…
$.ajax同步/异步（async:false/true）
虽然说ajax用来执行异步请求的比较多，但有时还是存在需要同步执行的情况的。
比如：我需要通过ajax取执行请求以返回一个值，这个值在ajax后面是需要使用到的，这时就不能用异步请求了。这时候就需要使用到async这个属性了。
async…
Java对文件路径进行Base64加密，防止盗链下载、右击图片完整例子。
业务场景是：对页面图片或者文件的src加密，即打开F12不可获取到图片地址。
具体实现：后台获取文件的真实地址，对地址进行Base64加密，页面采用指定格式回显即可。
Base64加密工具类
import org.apache.commons.codec.b…
小程序跳转另一个小程序并携带参数
小程序官方文档wx.navigateToMiniProgram api地址(打开另一个小程序)
跳转小程序的代码
let token "xxxxxxxxxx"
wx.navigateToMiniProgram({appId: XXXX , //被跳转小程序的appIDpath: "XXX/XXX/XXX?tokentoken&typepath" // 被跳转小程序的目标…
vue 使用keep-alive 让返回页面不重新刷新(页面缓存)(保持组件状态)
官方说明
vue keep-alive 官方说明
示例
1.在路由配置页添加meta信息 {path: /XXXXXXX,component: XXXXXX,meta:{keepAlive:true //需要缓存的页面}
},2.在app.vue 中使用keep-alive包裹需要缓存页面的视图组件
在keep-alive包裹外展示不需要缓存的视图组件 <keep-alive…
jsp 报错 Uncaught SyntaxError: Unexpected token ‘；‘
这个问题也许并非是jquery版本或是什么引入文件路径错误的问题 我这里出现这个问题是因为接口的一个数据没有正常返回,导致的报错.整个页面的组件和按钮全部失效,所以解决办法是检查接口
vue 循环向数组里push进数据,视图没有更新
如下代码,将myringList里的数据循环遍历出来,子元素Type7的,就将这个元素push进movieList数组的data属性中,这种方法数据视图是不会更新的
this.myRingList.forEach(function(item){if(item.Type7){this.movieList.data.push(item)}else{this.musicList.data.push(item)}
})这…
js 递归算法将扁平数据处理成树状数据
示例
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-width, initia…
vue自定义指令在实际开发中的使用
创建一个文件来管理所有的自定义指令 src/directives/index.js 在src/directives/index.js文件中定义几个指令
//改变文字颜色指令
export const fontColor{//dom元素节点 options包含传入的属性对象inserted(dom,options){dom.style.backgroundoptions.value}
}
// 改变文字大…
travel 学习分享
思考注意事项项目开始新建分支ajax获取首页数据vuexkeep-alive学会git的使用、了解webpack的配置、vue组件化思想、使用插件、debugger断点调试、vuex、vue-router学习使用、前后端联调展示Git地址
https://gitee.com/thinkerwing/travel注意事项
一、经过查看，最后…
基于HTML5拖放API：目前市面上的一些修图工具软件带有自动为图片添加不同款式相框的功能，用户可以选择本地图片文件然后为其添加相框效果
这是一份很简单的作业，由于百度当时没找到，就自己写了一下，命名不是很机智只是为了写的快且好懂，使用只需要将桌面的图片拖拉进里面就直接生成一个新的带相框的图片，代码很短好理解。。
<!DOCTYPE html>
<ht…
适合加班族的量化选股场景——还没到家就收到量化机器人的选股报告
前言很多加班一族的小伙伴们和我反映他们经常很晚到家，几乎没有时间去复盘。确实，复盘挺花时间的，而且随着金融市场的发展，现在要看的东西也越来越多。我当初开始决定用量化这个工具的目的之一，就是为了提高下分析股票…
Unity3D内嵌html网页+通信
目录
内嵌网页：
与前端通信：
前端代码（测试）
unity代码（测试）
运行测试 内嵌网页：
1、unity工程导入 ZFBrowser插件 ：插件下载链接（待上传）
2、在Hier…
震惊！！！一眼就能看懂的CSS页面布局方式！！！！
代码复制都可以直接使用！有帮助记得点赞互粉加收藏！
1.理解盒子模型 border-sizing(怪异盒子)：内容宽高margin外边距左右 content-box(标准盒子)：内容宽高margin外边距左右padding内边距左右border边框 一个盒子由外到内可以分成…
JavaScript实现计算器方法拓展
一、最终效果
由于主要是逻辑的实现，就没有过多的样式，效果图如下 HTML代码
<div id"calculator"><p><input type"text" class"formerInput" value"1" /><span class"sign"…
震惊！！！一眼就能看懂的自定义组件directives方法！！！！
震惊！！！一眼就能看懂的自定义组件directives方法！！！！
Vue中内置了很多的指令，如v-model、v-show、v-html等，但是有时候这些指令并不能满足我们，或者说我们想…
项目中常用的javascript/jquery操作
1、判断复选框是否被选中？
$("#cpuWindow").is(:checked);
2、设置复选框被选中：
$("#cpuWindow").prop("checked",true);
3、取小数位数：
(mem_value/1024).toFixed(2);
4、判断某个值是否在元素中&…
微信小程序生成带参数的二维码以及小程序码
实际应用项目：http://github.crmeb.net/u/long 微信小程序生成带参数的二维码
官方共给了三个接口调用，大家可以根据自己的实际情况来使用，我这里使用的是接口B和接口C。官方文档地址
业务需求： 扫描二维码进入指定商品页面&…
h5自定义微信分享链接
未自定义前
自定义后 1.安装微信jweixin-1.6.0依赖
"jweixin-1.6.0": "^1.0.0",2.封装一个wxsdk.js方法 前端要请求后端接口获取公众号的信息并填入
// wetchat.js －－ 个人封装
import wx from jweixin-1.6.0; // 这是自己优…
vue 制作带二维码的海报并下载 。 (html2canvas转为图片不显示文字的方法)
效果图如上
1.安装依赖 npm install qrcode (生成二维码) html2canvas (截取html元素生成图片) (引入依赖) import qrcode from “qrcode”; import html2canvas from ‘html2canvas’ 2.结构 //海报结构<div id"posterHtml" :style"{backgroundImage: url(…
PHP实现微信小程序支付
实际应用项目：http://github.crmeb.net/u/long 一、前端代码:
1.先写一个可以点击支付的按钮
<view class"chongzhi_button" bindtap"pay">支付</view>
2.开始js代码
pay: function(){//下订单并唤起微信支付var price 0.01; …
十分钟玩转jQuery---返回顶部
这里给大家推荐一款免费迭代 二开便捷的商城项目：源码直通车>>> 话不多说 直接上实例
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>Title</title><style>.divH …
vue v-for 同时遍历两个组数
需求：v-for 同时遍历两个数组
应用场景： 服务器请求到文章信息，对于最近一个七天发表的文章需要显示new图标 ，服务器请求的信息中有文章发表信息，不过需要自己判断是否为最近七天内发表的文章。
1.判断是否为七天内&…
css cursor: url 自定义鼠标光标遇到的坑
1、大小不能大于32*32（切记）本人就是在这个上面栽了很久，一直出不来
2、最好是 ico，cur格式
3、使用绝对路径
4、在逗号后面加通用游标，如官网所写 示例：
map.style.cursor "url(/img/cursor.ico…
前端js-----轮播图（焦点图）实现原理
轮播，无论是文字轮播还是图片轮播，他们的原理都是一样的，都是通过定时器setInterval执行循环展示和隐藏。 原理： 一系列的图片平铺，一般是放在li里面，只显示一张图片，其余图片隐藏over-follow:h…
前端js-----模糊搜索（indexOf）
效果： 原生js实现代码：
<!DOCTYPE html>
<html><head><meta charset"utf-8"><title></title><style type"text/css">* {margin: 0;padding: 0;}.box {overflow: hidden;width: 400px;he…
前端js-----手风琴（jQuery）
运用jQuery效果（功能如下）： 代码（链式编程）：
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content&quo…
前端js-----DOM之节点操作（增删改）
1.创建节点：document.createElement(‘tagName’);
2.添加节点：node.appendChild(child);将一个节点添加到指定父节点的子节点列表末尾，其中node为父元素。 node.insertBefore(child,指定元素)；将一个节点添加到父节点的指定子节…
vscode + js 跨文件go to definition
You need to create a jsconfig.json file at the root of your project.
{"compilerOptions": {"target": "ES6"},"exclude": ["node_modules","**/node_modules/*"]
}
高级前端-Babel
Babel是什么？是个编译器，把高版本js代码变成低版本js代码
编译过程，把原代码通过词法分析变成一个个token，举例：ab则拆成了a,,b三个token
语法分析器把这些token根据对应的语法生成抽象语法🌲
语义分析器…
手写promise骨架
var p1 new Promise((resolve, reject) > {resolve(1)
})
p1.then((val) > {console.log(val)
}, (reason) > {console.log(reason)
})
p1.then(2)
// 通过onfulfulled里面的return的值，修改promise
// x是promise，resolve的值，rej…
看完这篇 “原型” “this”，就两字“通透了”
主题
今天想跟大家分享一个比较 "别扭" 的概念：“原型 & this” 。
想把这玩意儿给说清楚，大多都会感到头大。用的时候也会遇到些尴尬的场景。就很难去整明白，这到底是个啥。
这一期，就试着将这 说个清楚&#x…
javascript(js)小数精度丢失的解决方案
原因:js按照2进制来处理小数的加减乘除,在arg1的基础上 将arg2的精度进行扩展或逆扩展匹配,所以会出现如下情况.
javascript(js)的小数点加减乘除问题，是一个js的bug如0.3*1 0.2999999999等，下面列出可以完美求出相应精度的四种js算法
function accDi…
阅读推荐——深入浅出Mesos
深入浅出Mesos(一)：为软件定义数据中心而生的操作系统http://www.infoq.com/cn/articles/analyse-mesos-part-01 深入浅出Mesos(二)：Mesos的体系结构和工作流http://www.infoq.com/cn/articles/analyse-mesos-part-02?utm_sourceinfoq&utm_mediumre…
前端面试（上海技术面）（一）
前端面试（上海技术面）（一） （一）基础类型有哪些：
基本类型：Number(数值)，String(字符串)，Boolean(布尔值)，Null(空)，Undefined(未赋值…
【js】vue跳出for循环
1.使用array.some()
//some()当内部return true时跳出整个循环：
var array [1,2,3,4,5];
var num 3;
array.some(function(data){if(data num) {return true;}console.log(data);
});2.使用array.every()
//every()当内部return false时跳出整个循环
var array…
Vue中v-if v-else-if v-else(Vue笔记:二)
Vue中v-if v-else-if v-else(Vue笔记:二) v-if控制元素是否被创建：
用法：v-if"boolean"参数：可以为任意js数据，隐式转化为布尔值布尔类型后为false或truefalse：不创建元素，用html注释代替true&a…
HTML文档字符编码语言设置
html文档字符编码&语言设置：
编码的重要性：编码可以导致游览器通过ie时候网页乱码，也可以导致css的兼容性Hack。编码的位置：（一般这段网页编码放在html文件的head标签内的第一行）。编码的样式…
JavaScript获取DOM节点的办法(JS笔记:十九)
JavaScript获取DOM节点的方法(JS笔记:十九) DOM节点的三种分类：
元素节点<div></div>元素标签文本节点"hello word"文本属性节点class id name属性
DOM获取节点的方法：
通过id获取：document.getElementById() 参数…
微信小程序拾遗,局部参数更新
常用方法
隐藏底部导航条 wx.hideTabBar()获取本地存储 wx.getStorageSync(‘userInfo’)设置标题 wx.setNavigationBarTitle({title:’’})
页面路由跳转
window.open,不保存历史记录
wx.redirectTo({url: test?id1
})保留当前页面，跳转到应用内的某个页面
wx.n…
【华为OD机试】翻转骰子（python, java, c++, js）
翻转骰子
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题目描述 骰子是…
【js】生成n位随机数
生成n位随机数
//len为位数，date：true表示添加日期
export const randomLenNum (len, date) > {let random ;random Math.ceil(Math.random() * 100000000000000).toString().substr(0, len ? len : 4);if (date) random random Date.now();re…
第一个可以在条件语句中使用的原生hook诞生了
在10月13日的first-class-support-for-promises RFC[1]中，介绍了一种新的hook —— use。use什么？就是use，这个hook就叫use。这也是第一个：可以在条件语句中书写的hook可以在其他hook回调中书写的hook本文来聊聊这个特殊的hook。u…
完成第一个 Vue3.2 项目后，这是我的技术总结
第一次Composition API在vue3.2中，正式支持了script setup的写法,这样可以大大简化组件的代码量，减少一些重复操作，我认为当你写vue3时，应该把这当作默认写法。在vue3.2之前，一般会这样写。<script>export defau…
【面试题】this 指向
一道有意思的面试题，考查 this 指向，如下。
var out 25
var inner {out: 20,func: function () {var out 30return this.out}
};
console.log((inner.func, inner.func)())
console.log(inner.func())
console.log((inner.func)())
console.log((inn…
JavaScript数组去重（12种方法，史上最全）
JavaScript数组去重（12种方法，史上最全）
转载自：https://segmentfault.com/a/1190000016418021?utm_sourcetag-newest 数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是…
被diss性能差，Dan连夜优化React新文档
昨天在开源圈发生个小插曲。起因是有个用户表示：React新文档在文档结构、美观度、性能等各方面都达到很高的标准。尤雨溪对Vue新文档与React Beta文档做了测试后表示：在性能这块，Vue新文档更具优势。左Vue，右ReactDan表示…
JavaScript BOM - 浏览器对象模型
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。 浏览器对象模型 (BOM) 浏览器对象模型（Browser Object Model）尚无正式标准。由于现代浏览器已经实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属…
JavaScript基础语法1
JavaScript 通常用于操作 HTML 元素。 操作 HTML 元素如需从 JavaScript 访问某个 HTML 元素，可以使用 document.getElementById(id) 方法。请使用 “id” 属性来标识 HTML 元素：
<!DOCTYPE html>
<html>
<body>
<h1>My First …
form表单处理数据
serializeObject() > Object
serializeArray() > Array
贴部分代码：
<form action"" id"defaultForm"><table class"table table-bordered table-striped" border"1" cellspacing"0" cellpad…
JSON 与 JS 对象的区别
JSON 概述 JSON（JavaScript Object Notation），JS 对象表示法。 JSON 是 JS 对象的一种描述方式，使 JS 对象能够以文本的方式记录下来，所以 JSON 是字符串。所以，JSON 对象是一种错误的说法，我们…
推荐一个阅读公众号文章的姿势
你总共关注了多少个公众号？我本人算是微信公众号的重度用户，我关注的公众号数量也比较多，可能有300多个，然后就在阅读微信公众号文章时遇到一些困扰，不过最近找到一个比较好的方法解决，所以想把这个方法推荐…
为什么说“程序员是世界上最容易的工作”？
0、需求都是产品经理提的1、交互和流程都是交互设计师设计好的2、图都是视觉设计师画好的3、质量都是由测试保证的4、进度都是由项目经理负责的5、框架和库都是开源网站上免费下载的6、编程语言都是21天就可以精通的7、功能都是CUID的8、逻辑都是if-else的9、复制粘贴都是人人会…
用 js 实现购物网站中的商品放大镜效果
首先说一下原理，以天猫某商品放大镜效果为例： 所谓的放大镜效果，其实也是欺骗我们眼球的一种效果，这里我们可以看到，图片显示去下面那一排小图与遮盖层的图片和放大层的图片其实是一样的，只是分辨率不同&am…
使用layui中onchange失效以及form动态渲染失效问题
最近在使用layui框架做城市的三级级联的时候，发现jquery中的onchange事件方法在layui框架中失效了。
然后浏览layui社区，了解到layui监控一个控件变化有自己的方法。
html
<select lay-filter"test"></select>
js
var form …
大厂2个Vue实践总结，效率提升80%！
对于从事前端工作的小伙伴，掌握Vue，React这样的框架可以说是前端基本功了。人人都会用，那我们怎样才能写得比别人优雅？比别人漂亮？鉴于一线互联网大厂在前沿技术领域的持续研究和大规模投入，直接向他们取经…
JS 判断浏览器类型，包括手机类型。
var browser{versions:function(){var u navigator.userAgent, app navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf(Trident) > -1, //IE内核 presto: u.indexOf(Presto) > -1, //opera内核 webKit: u.indexOf(AppleWe…
vue原理之-神奇的Object.defineProperty
这个方法了不起啊。。vue.js和avalon.js 都是通过它实现双向绑定的。。而且Object.observe也被草案发起人撤回了。。所以defineProperty更有必要了解一下了几行代码看他怎么用 var a {}Object.defineProperty(a,"b",{value:123})console.log(a.b);//123
很简单&…
判断js数据类型的四种方法，以及各自的优缺点（很详细哦）
首先我们简单的说一下js中的几种数据类型
数据类型分为基本类型和引用类型：
基本类型：String、Number、Boolean、Null、Undefined
引用类型：Object、Array、Date、Function、Error、RegExp、Math、Number、String、Boolean、Globle。
然后判断…
本体对象属性和数据属性区别_数据类型r对象和属性
本体对象属性和数据属性区别In this article we’ll cover an important issue for R. We will talk about the different types of data used in R. We will also learn about some basic operations on data types.在本文中，我们将介绍R的重要问题。我们将讨论R中…
vue element select获取选中的label值
页面代码
<el-form-item label"包含疾病" prop"illnessId"> <el-select v-model"dataForm.illnessId" multiple filterable placeholder"请输入名称搜索" change"selectName"> <el-option v-for"illn…
又试着自己写第一个vue代码，能可以显示，第一次没有成功
把22文件改成22.html也不行
<html>
<div id"counter">Counter: {{ counter }}
</div>
</html>
<script src"https://unpkg.com/vuenext"></script>
const Counter {data() {return {counter:0}}
}Vue.createApp(Cou…
如何调用函数，在js中，打印输出函数结果
myFunction(5);function myFunction(y) {return y * y;
}以上的能通过，但是无法打印
要加一行代码
代码中，函数名和实参要调用
myFunction(5);function myFunction(y) {return y * y;
}
console.log(myFunction(5)) 为什么函数实参可以在前面…
textarea 字数限制，超出无法输入
业务需求
最近做打印页面，输入字数过多影响打印效果，和客户商量后决定限制输入最大字数来保证避免样式修改 html代码
<td colspan"9"><textarea cols"75" rows"11" style"border: none;" id"h…
小程序判断是不是手机号
if (mobile.length 0) {wx.showToast({title: 请输入手机号！,icon: none,duration: 1500})return false;}if (mobile.length ! 11) {wx.showToast({title: 手机号长度有误！,icon: none,duration: 1500})return false;}var myreg /^(((13[0-9]{1})|(15[…
layer.load()方法显示加载中在ajax请求时没生效
刚开始请求方法使用ajax异步，导致加载一直不显示。修改为同步后，解决了。
代码为async: true
如何优雅的实现一个九宫格抽奖
如何优雅的实现一个九宫格抽奖九宫格抽奖是在移动端常见开发功能点之一，那如何实现一个高度可复用的九宫格逻辑就显的特别重要了。接下来我们来分析下如何实现一个优雅的抽奖功能。功能分析image.png图片1实现功能：按照右图箭头的方向进行旋转。旋转到某…
js代码在vscode中运行
console.log(hello world);
console.log(8998);
console.log(89*98);结果
[Running] node "/Users/ivyone/231"
hello world
8998
8722
URL拼接中文在IE浏览器下造成的 Error parsing HTTP request header The valid characters are defined in RFC 7230 and
1 var isDelay$("#fieldCodeYes_IS_DELAY_BID").val();
2 $("#saveFrm").attr(action,/ebidding/bulletin/ChangeBulletin/submitModifyBulletin.htm?no_sitemesh
3 &v(isDelayString)isDelay);
4 $("#saveFrm").submit();
使用以上代码…
js去掉数组中的空字符串
function trimSpace(array){ for(var i 0 ;i<array.length;i) { if(array[i] " " || array[i] null || typeof(array[i]) "undefined") { array.splice(i,1); i i-1; } } return array;
}
clipboard.js-实现复制功能的插件
clipboard是一款现代化的拷贝文字的插件。 一、在一般的使用： 1、引入js文件
<script src"https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script>2、使用
//1、
new ClipboardJS(.btn);//2、
//data-cli…
call和apply区别
对于call和apply的解释，网上有很多，但是为了更好地理解。所以这里自己总结积累下~
JavaScript中的每一个function对象都会有call和apply方法
/*apply()方法*/
function.apply(thisObj[, argArray])/*call()方法*/
function.call(thisObj[, arg1[, arg2…
从无人机到火影忍者｜Mix+人工智能No.47
Knowledge/ def mix( ):本期收录新增16NO. 47#Google街景##Virtual Walks #Virtual Walks 是一个使用 Pose Estimation 模型和LSTM神经网络一起在 Google Street View 中模拟步行的项目。它可以推断出该人正在执行的动作。一旦检测到人的动作，就会控制电脑ÿ…
谷歌浏览器Chrome不再支持showModalDialog的解决办法
问题重现
弹出窗口编码：
JavaScript 0 1 2 3 4 5 6 7 var obj new Object(); var retval window.showModalDialog("request.aspx",obj,"dialogWidth500px;dialogHeight300px"); if (retval null) { ... }else { ... }
浏览器异常&am…
深入理解：js标签中的type=“text/JavaScript“，表示什么意思
一案例代码如下：
<script type"text/javascript">function onchangeFun() {//注意函数名不能与已经存在的关键字相同，否则会出错！alert("男神已经改变!")}
</script>二type“text/javascript”，…
关于微前端架构的几种技术选型，看这篇就够了
原文链接: https://juejin.cn/post/7113503219904430111?share_tokena2d6b49c-d8ce-4448-acd3-d71bbc6e228d作者：小白背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升&a…
函数式编程（函数式接口）详解
函数式编程介绍一、函数式编程本质二、函数式编程的特点一、函数是第一等公民二、函数是纯函数（只用"表达式"，不用"语句"）三、没有"副作用"四、引用透明性五、接近自然语言，易于理解六、 易于"…
这个知识点，是 React 的命脉
创建组件时，我们可以通过 props 接收外部传入的数据，该数据可以称之为组件外部数据。除此之外，React还有一个命脉知识点 -> 组件内部数据：state.使用函数创建组件时，内部数据 state 通过 useState 定义。function C…
这一局，中国前端属实领先世界了...
让我们回到4年前，17年国外前端圈都发生了哪些大事？为了弥补web和原生应用体验的差异，谷歌大力推进PWA所有主流浏览器都支持WebAssemblyServerless开始流行CSS-in-JS走进主流前端视野TypeScript火爆GraphQL爆炸式增长......那么这一年…
React Hook 高级用法
一. Hook高级使用 1.1. useReducer很多人看到useReducer的第一反应应该是redux的某个替代品，其实并不是。useReducer仅仅是useState的一种替代方案：在某些场景下，如果state的处理逻辑比较复杂，我们可以通过useReducer来对其进行拆…
CSS 即将支持嵌套，SASS/LESS 等预处理器已无用武之地？
最近，有一则非常振奋人心的消息，CSS 即将原生支持嵌套 -- Agenda to publish FPWD of Nesting[1]，表示 CSS 嵌套规范即将进入规范的 FWPD 阶段。目前对应的规范为 -- CSS Nesting Module[2]。随着 CSS 自定义属性（CSS Variable&am…
尤雨溪官宣 Vue 3.2 已发布
技术编辑：典典丨发自 思否编辑部公众号：SegmentFault近日，尤雨溪在微博平台官宣 Vue 3.2 已发布，并表示：<script setup> TS Volar 真香Vue 3.2 版本包括许多重要的新功能和性能改进，但并不包含重大…
这些 JS 新语法有点东西啊！
TC39 的提案笔者一直有关注，攒了一些有趣的今天来聊聊。PS：提案总共五个阶段，只有到阶段 4 才会被纳入到发布规范中，其它的只是有几率会被纳入。.at()这是个挺不错的新语法。其他有些语言是可以用 arr[-1] 来获取数组末尾的元素&a…
卧槽，Chrome 89 更新事件触发顺序，导致99%的文章都错了（包括MDN）
大家好，我是秋风。嗯...我又来了，这次又是在...楠溪和的讨论中产生的问题。那事情是怎么样的呢？起因 最近楠溪在看事件相关的文章，然后就跑来和我讨论说以下代码的执行效果和网上的文章不一致，代码如下:<div><…
30个编程领域的趣图
作者 | Nehal Khan策划 | 李俊辰编程是一项有趣的工作，每位程序员在职业生涯中都会发生很多有趣的事情，本文收集了一些与程序员有关的图，希望能给你带来一时的轻松与快乐。1、每位程序员都有过这样的时候图源：quora.com2、通过调试…
面试官：Vue3.0 性能提升主要是通过哪几方面体现的？
一、编译阶段回顾Vue2，我们知道每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把用到的数据property记录为依赖，当依赖发生改变，触发setter，则会通知watcher，从而使关联的组件重新渲染试想一…
主画布 子画布_画布中的像素处理
主画布 子画布Done it before with PHP, but now that JavaScript is all-powerful, lets see how we can manipulate images in an HTML <canvas>. 以前使用PHP进行过处理，但是现在JavaScript具备了强大的功能，让我们看看如何在HTML <canvas&g…
firebug 控制_IE的Firebug控制台
firebug 控制Update: A better version of what I was trying to do is here. It works around the cross-domain permission problems in IE by not loading a page in the frame, but putting there the actual content. 更新：这里是我尝试做的更好的版本。 通过不…
IE8和动态样式表中的明星技巧
CSS骇客(CSS hacks) ⇓ skip if you already know about the star and underscore hacks ⇓如果您已经了解星号并强调下划线，请跳过 For most CSS tasks, there are only two hacks that are straighforward to use, easy to spot and maintain (delete down the ro…
angular中的ng-bind-html指令和$sce服务
angular js的强大之处之一就是他的数据双向绑定这一牛B功能，我们会常常用到的两个东西就是ng-bind和针对form的ng-model。但在我们的项目当中会遇到这样的情况，后台返回的数据中带有各种各样的html标签。如： $scope.currentWork.description …
Node.js系列学习之stream模块
系列文章目录
一阶段 1.Node基本模块之 fs 2. Node基本模块之stream 3.Node基本模块之http 4.Node基本模块之crypto 二阶段 koa框架 1.koa入门以及koa如何处理不同url 2.koa的模板引擎Nunjucks 3.koa实现MVC模式 三阶段 1.NodeWebSocket 实现一个聊天室 四阶段 1.在koa中如何使…
Node.js 系列学习之fs模块
系列文章目录
一阶段 1.Node基本模块之 fs 2. Node基本模块之stream 3.Node基本模块之http 4.Node基本模块之crypto 二阶段 koa框架 1.koa入门以及koa如何处理不同url 2.koa的模板引擎Nunjucks 3.koa实现MVC模式 三阶段 1.NodeWebSocket 实现一个聊天室 四阶段 1.在koa中如何使…
避免回调地狱的解决方案 async/await：用同步的方式去写异步代码
文章目录前言一、引入异步编程二、常见处理异步编程的几种方式1.Generator函数2.Promise函数3.async/await总结前言
这篇文章主要给大家分享一下，自己关于异步编程方面的一些见解，和实际开发项目过程中使用到的一些技术以及技巧 一、引入异步编程
对异…
“超硬核“ 6行代码在Vue框架中实现JS复制功能
项目场景：
最近项目中有一个如下的需求 点击复制之后，将对应的内容复制到粘贴板上，调研之后发现一种是用clipboard.js，另外一种是用原生js实现，项目框架用的Vue，考虑到clipboard需要重新安装插件…
javascript正则表达式的基础知识
javascript正则表达式的基础知识1.javascript 正则对象创建 和 用法 声明javascript 正则表达式 var reCat new RegExp("cat"); 你也可以 var reCat /cat/; //Perl 风格 （推荐）2.学习最常用的 test exec match sear…
ESP32-CAM、ESP8266、WIFI、蓝牙、单片机、热点创建嵌入式DNS服务器
ESP32-CAM ArduinoIDE开发系列文章目录 第一篇：ESP32-CAM高性价比WIFI图传方案快速入门教程 第二篇：ESP32-CAM第一个无线点灯程序 第三篇：ESP32-CAM智能网关的设计与实现 第四篇：ESP32-CAM创建热点构成并发式DNS服务器 文章目录ES…
10 个提升代码质量的 JS 技巧
原文地址: juejin.cn/post/6909638377247604750Javascript 常用代码优化和重构的方法简介主要介绍以下几点：提炼函数合并重复的条件片段把条件分支语句提炼成函数合理使用循环提前让函数退出代替嵌套条件分支传递对象参数代替过长的参数列表少用三目运算符合理使用链…
CommonJS规范是什么?
CommonJS规范其实就一句话:模块加载机制被称为CommonJS规范。
在这个规范下，每个.js文件都是一个模块，它们内部各自使用的变量名和函数名都互不冲突，例如，hello.js和main.js都申明了全局变量var s xxx，但互不影响。 …
Vue购物车（全选和全不选）
效果如下： <!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title><st…
「荐读」Vue3 有这些不向下兼容的改变
作者：格砸链接：https://padaker.com/blog/post/5fc73352cb81362ed96f2fb9作为技术人员，随时保持技术同步是很重要的事情。虽然Vue3已经发布很长时间了，现在开始保持更新也还不晚。新项目可以拿来练练手XD，老项目就不建…
批处理框架 Spring Batch，数据迁移量过大如何保证内存？
点击上方“果汁简历”，选择“置顶公众号”概述本篇博客是记录使用spring batch做数据迁移时时遇到的一个关键问题：数据迁移量大时如何保证内存。当我们在使用spring batch时，我们必须配置三个东西: reader，processor，和…
适合Vue用户的React教程，你值得拥有
插槽，在React中没找到？？在使用Vue的时候，插槽是一个特别常用的功能，通过定义插槽，可以在调用组件的时候将外部的内容传入到组件内部，显示到指定的位置。在Vue中，插槽分为默认插槽&am…
前端代码如何做错误上报
对于前端来说，往往是用户反馈了才知道已经错了。为了让前端也能和后端一样，需要将线上的 JavaScript 代码监控起来，当用户端浏览器出现异前端第一时间被通知到。采集哪些数据主要原则就是避开用户敏感字段，采集浏览器版本、操作系…
关于eslint误报Unexpected side effect in “getCheckedData“ computed property的问题
关于eslint误报Unexpected side effect in “” computed property的问题
先说结论，我没有在computed中修改任何页面变量，这属于eslint监测机制的误判报错。
好的现在进入正文。
起因：
我在eslint中设置了no-side-effects-in-computed-pr…
js递归解耦（arguments.callee的使用）
js递归解耦（arguments.callee的使用）
起因： 递归时我们通常这么写：
function recursion(num) {if(num>50){return num}else{return recursion(num 1);}
}方法内必须保证方法名为‘recursion’，从而会导致紧密耦合…
实战技巧，Vue原来还可以这样写
❝两只黄鹂鸣翠柳，一堆bug上西天。❞每天上班写着重复的代码，当一个cv仔，忙到八九点，工作效率低，感觉自己没有任何提升。如何能更快的完成手头的工作，提高自己的开发效率，在上一篇《绝对干货~&a…
十分钟上手 ES2020 新特性
1、可选链操作符（Optional Chaining）可选链 可让我们在查询具有多个层级的对象时，不再需要进行冗余的各种前置校验。日常开发中，当需要访问嵌套在对象内部好几层的属性时，可能就会得到臭名昭著的错误Uncaught TypeErro…
常见「异常类型」傻傻分不清楚！- Error、SyntaxError、ReferenceError、TypeError
无论是浏览器控制台还是 Node.js 的服务端，我们会在各种地方看到 JavaScript 异常，异常处理是编写程序必备的基础能力，在学习异常处理之前，了解 JavaScript 中的几种异常类型是非常有必要的。ErrorError 是最基本的错误类型&#…
这是一个在你写代码时疯狂称赞你的 VSCode 插件
VSCode Rainbow Fart ，一款在你编程时持续夸你写的牛逼的 vscode 编辑器插件。这个插件会根据你写的代码的不同，夸的也不同。真人萌妹子的语音，夸的节奏也很真实。真实程序员鼓励师！详情请看视频，相信你看完一定会转发…
在 JavaScript 中使用 Promises 时最常见的 3 个错误
❝本文对开发者编写 Promise 时常出现的几种错误进行了总结，剖析的一针见血，来看看是不是你平时所写？❞时至今日，即使有 async / await 的引入，JavaScript 中 Promises 的编写规则对于所有的 JS 开发者来说仍然是必不可…
js map()定义与用法
基本用法跟forEach方法类似 map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次处理元素。 注意： map() 不会对空数组进行检测。 注意： map()返回的是新…
Flutter手势探索——原理与实现的背后
在日常开发中，手势和事件无处不在，比如在 Flutter 应用中点击一个点赞按钮，长按弹出 BottomSheet 和商品列表的滑动等等都存在事件传递和手势识别，Flutter 内部是如何确定哪个控件响应了事件，事件是如何在控件之间传递…
这些手写代码会了吗？少年
直接开始手写 callcall 和 apply 的区别：call 方法接收的是一个参数列表，apply 方法接收的是一个包含多个参数的数组。1.context 存在就使用 context，否则是 window2.使用 Object(context) 将 context 转换成对象，并通过 context.…
![VueJS:手把手教你搭建webpack+babel+vue+mintui项目 [附带项目源码]](https://img-blog.csdnimg.cn/20190806181600230.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JsdWVib3o=,size_16,color_FFFFFF,t_70)
VueJS:手把手教你搭建webpack+babel+vue+mintui项目 [附带项目源码]
背景概述
鉴于笔者多次搭建，又常常比较难记住，到处翻查资料，特别浪费时间，所以对自己所学习的知识做一个小小的总结，方便日后的开发的时候使用。本文建立在你已经熟悉vue的前提下，但是对基本步骤并不是很容…
如何将浏览器中的坐标转换为 canvas 中的坐标
function convertToCanvas(canvas, x, y} {const canvasElement canvas.getBoundingClientRect() ;return { x: (x- canvasElement.left)*(canvas.width / canvasElement.width),y: (y - canvasElement.top)*(canvas.height / canvasElement.height)}
}转换的逻辑是先使用鼠…
闲鱼UI快速变形利器--擎天柱
背景一个闲鱼商品feeds卡片除了商品主图、标题、商品价格、用户头像等基础元素外，其他位置以标签形式展示商品的特性、利益点。通过标签样式的组合与改变可以影响商品点击率和动销率，闲鱼在众多的商品透标场景中需要透标样式的快速上线，但现有…
原型和原型链-JavaScript
原型和原型链
原型：每个对象都有原型对象。 原型链：原型对象也可能拥有原型，一层接着一层，并从其中继承方法和属性。
此外：
1⃣️：每个 实例对象 都有 __proto__ 来访问原型对象。 2⃣️：每个…
gdb ldexp_ldexp（）函数以及C ++中的示例
gdb ldexpC ldexp()函数 (C ldexp() function) ldexp() function is a library function of cmath header, it is used to calculate the value from significand and exponent, it returns the multiplication of significand and 2 raised to the power of the exponent. It…
ES6的 class类
类声明和函数声明的区别和特点
1、函数声明可以被提升，类声明不能提升(与let声明类似)。
2、类声明中的代码自动强行运行在严格模式下。
3、类中的所有方法都是不可枚举（不可循环）的，而自定义类型中，可以通过Object…
安卓log.e函数打印示例_log10（）函数以及C ++中的示例
安卓log.e函数打印示例C log10()函数 (C log10() function) log10() function is a library function of cmath header, it is used to get the common logarithm (the base-10 logarithm) of the given value. It accepts a value (float, double, or long double) and retur…
tf.math.pow_JavaScript中带有示例的Math.pow（）方法
tf.math.powJavaScript | Math.pow()方法 (JavaScript | Math.pow() Method) Math.pow() is a function in math library of JavaScript that is used to return the value of a number x to the power n (where, x is base and n is exponent. Math.pow()是JavaScript数学库中…
js 阿拉伯数字转化为中文数字
作为一个中国人，总会在某个瞬间觉得中文是那样的美，中华文化是那样的博大精深。当书写数字时，都不忘了使用中文式的数字，比如写单据，章节名时，写上中文数字显得高大上一些。在这里，就和大家分享…
带有CSS中的示例的radial-gradient（）函数
Introduction: 介绍： Dealing and implementing functions daily is the trait of a good and professional developer. You cannot call yourself a good developer if you know nothing about functions in web development. Functions are an indispensable par…
javascript运算符_使用JavaScript中的示例删除运算符
javascript运算符JavaScript删除运算符 (JavaScript delete Operator) "delete" is an operator in JavaScript and it is used to delete a property of an object. After deleting the particular property, that property will not be accessible and returns &qu…
对python中闭包概念的深入理解，很容易理解哟！不学白不学 :)
python是一门很常用的解释型语言，在日常使用中十分容易上手，但是实际上python中也有一些很高级很复杂的使用方式，学习这些方法对于理解整个python语言的构造、运行方式、以及提升学习者对python语言整体性的理解是很有必要的(实际上是因为我发…
Java8中的Lambda表达式
Lambda表达式基本上表示函数式接口的实例（具有单个抽象方法的接口称为函数接口）。一个例子是( java.lang.Runnable ).lambda表达式实现唯一的抽象函数
关于函数式接口参考这篇文章：Java8中的函数式接口
lambda表达式是在java8中添加的&…
如何检查对象是JavaScript中的数组？
You might think that to check if an object is an array, we can simply use the typeof operator. 您可能会认为，要检查对象是否为数组 ，我们可以简单地使用typeof运算符 。 const var1 10;const str helloconsole.log(typeof var1);console.log(t…
getutcdate()_日期getUTCDate（）方法以及JavaScript中的示例
getutcdate()JavaScript日期getUTCDate()方法 (JavaScript Date getUTCDate() method) getUTCDate() method is a Dates class method and it is used to get the current day of the month according to the UTC (Universal time coordinated). getUTCDate()方法是Date的类方法…
c构造函数和析构函数_C ++构造函数和析构函数| 查找输出程序| 套装5
c构造函数和析构函数Program 1: 程序1： #include <iostream>using namespace std;class Sample {private:int X;public:Sample(){cout << "Constructor called ";}~Sample(){cout << "Destructor called ";}void set(int x)…
puppeteer执行js_使用Node.js和Puppeteer与表单和网页进行交互– 3
puppeteer执行jsHi guys! Today let’s look at another powerful function of the puppeteer API using Node.js part 3. 嗨，大家好！ 今天，让我们看看使用Node.js第3部分的puppeteer API的另一个强大功能。 In the last part of this secti…
js 判断 当页面无法回退时（history.go(-1)），关闭网页
在做一个Web项目时遇到一个需求，当页面没有前驱历史记录时（就是当前为新弹出的页面，没法做goback操作即history.go(-1)），点击返回按钮时直接关闭页面，否则就退回到前一页。
遇到的问题就是如何判断 是否有…
数组中出现次数最多的数和出现的次数
数组中出现次数最多的数和出现的次数let arr [44, 44, 44, 11, 22, 33, 22, 11, 22, 33, 44]
// 找出每个元素出现的次数
let newObj arr.reduce((accumulatorObj, value) > {accumulatorObj[value] ? accumulatorObj[value] accumulatorObj[value] : accumulatorObj[va…
JS输出内容为[ObjectObiect]问题
在实习的项目中遇到了控制台输出内容为[Object Object] 本身是object的类型
查看之后是因为 我写的代码是这种（想要测试输出内容） res为object类型
console.log("11111"res)结果输出[Object Object] 这是因为我加了 “” 运算符，…
一个 Array.concat 引发的血案
在之前的 提升 Node.js 服务稳定性，需要关注哪些指标？这篇文章中，我们介绍了服务端稳定性需要关注的一些指标，其中有一个非常重要的指标 Libuv latency，计算方式如下：const kInterval 1000;
const start …
JS实现的贪吃蛇游戏完整实例
思想：
1、设计蛇：属性有宽、高、方向、状态（有多少节），方法：显示，跑
2、设计食物：属性宽、高
3、显示蛇：根据状态向地图里加元素
4、蛇跑起来：下一节到前…
WebAudio Deep Note，第2部分：播放声音
(Part 1 (intro) is here.) (第1部分(简介)在这里。) Now that we know what to do, lets go for it! First rule of business: load an audio file and play it. 现在我们知道该怎么做，让我们继续吧！ 第一要务：加载音频文件并播放。 用户界面…
debug po 失败_3PO＃失败
debug po 失败So I was flipping through recent slides from Steve Souders and came across a reference to a nice post from Pat Meenan explaining how he setup blackhole.webpagetest.org and how you can edit your hosts file to send third party scripts to the bla…
【Web API】BOM事件
▊ BOM概述
提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window
不像DOM那样是W3C的标准规范，兼容性较差
BOM是包含DOM的，window包含document, location, navigation,screen, history ▊ 关于window
window是浏览器的顶级…
work-note（10）：父子传值时，父组件不会自动更新（刷新）展示出子组件，子组件创建成功，但是需要手动刷新才能展示子组件
时间：2022-05-15 文章目录问题描述问题分析解决方式1、首先确定传入的值2、监听这个传入的值（重点）监听写法：整体代码：附加问题描述
刚刚开始做项目，没有多少工作经验，好不容易查做了父子组件传…
![work-notes（5）：v-for报错，[vue/require-v-for-key] Elements in iteration expect to have ‘v-bind:key‘](https://img-blog.csdnimg.cn/f059430e06e64168ac6bb142b6df912e.png)
work-notes（5）：v-for报错，[vue/require-v-for-key] Elements in iteration expect to have ‘v-bind:key‘
时间：2022-04-14 文章目录报错情况报错原因解决办法2、如果报错Expected v-bind:key directive to use the variables which are defined by the v-for directive.报错原因解决办法报错情况 报错原因
迭代中的[vue/require-v-for-key]元素希望有“v-bind:key”指令…
isEmpty 和 isBlank 的用法区别，居然一半的人答不上来.....
点击上方“果汁简历”，选择“置顶公众号”也许你两个都不知道,也许你除了isEmpty/isNotEmpty/isNotBlank/isBlank外,并不知道还有isAnyEmpty/isNoneEmpty/isAnyBlank/isNoneBlank的存在, come on ,让我们一起来探索org.apache.commons.lang3.StringUtils;这个工具类…
HTML中onclick=write()后页面空白
onclick调用js的wirte方法后页面空白结论贴出来先猜想：证明：结论：昨天呀，女盆友又问了一个奇怪的问题——“喂，狗子，这个HTML页面怎么变成空白了，跟菜鸟教程上说的不一样啊！”
我—…
H5 移动端开发时经常会遇到那些问题
1. 弹出数字键盘<!-- 有"#" "*"符号输入 -->
<input type"tel"><!-- 纯数字 -->
<input pattern"\d*">安卓跟IOS的表现形式应该不一样，大家可以自己试试。当运用了正则pattern后，就不用…
node.js中的回调函数_Node JS中的匿名函数
node.js中的回调函数Functions are the very basic and fundamental topic of any programming language. Understanding them in great detail is very much necessary for any programmer or coder. 函数是任何编程语言中非常基本的主题。 对于任何程序员或编码人员而言&…
typeof与instanceof
typeof
typeof 操作符返回一个字符串，表示未经计算的操作数的类型
typeof 1 // number
typeof 1 // string
typeof undefined // undefined
typeof true // boolean
typeof Symbol() // symbol
typeof null // object
typeof [] // object
typeof {} // object
ty…
把数组里面的数重大到小排序
两次遍历数组把两个数组进行比较，如果第二次遍历的数组比第一次遍历的数大，就把原数组的值替换成第二次遍历的值，也就是每一次循环都把当前循环的数替换成第二次遍历的数组中最大的数，也就是第一次遍历的时候每次都把第二次遍历的…
valueof 方法
var fruits ["Banana", "Orange", "Apple", "Mango"];
var vfruits.valueOf();fruits.valueOf()与 fruits返回值一样。 v输出结果为： Banana,Orange,Apple,Mango
前端面试——JavaScript 严格模式(use strict)
使用 "use strict" 指令
"use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。
它不是一条语句，但是是一个字面量表达式，在 JavaScript 旧版本中会被忽略。
"use strict" 的目的是指定代码在严格条件下执行。…
JavaScript Math、Date
1、Math对象
JavaScript 有一个内建的 Math 对象，它包含了一个小型的数学函数和常量库， 它为数学常量和数学函数提供了属性和方法，而不是一个函数对象。
属性 Math.PI > 圆周率，一个圆的周长和直径之比，悦等于3.…
JavaScript 用法及定义变量
1、JavaScript 用法
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。 1.1、<script> 标签
如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。<…
js判断上传图片格式类型、尺寸大小
//判断图片类型
var fdocument.getElementById("File1").value;
if(f" "){ alert("请上传图片");return false;
}else{if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(f)){alert("图片类型必须是.gif,jpeg,jpg,png中的一种")return fa…
Vue.nextTick(this.$nextTick) 与响应式数据的原理
前言
我们知道，在Vue中，修改响应式数据是异步的。即如果修改后想获取到DOM的更新，需要在nextTick回调函数中才能得到。这样做的主要目的是为了节省性能。 Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化，Vue 将开启一个队列…
JavaScript中的事件Event / CustomEvent / EventListener / EventTarget的相关概念。
在前端开发中，我们经常会给元素绑定事件。但恐怕对javascript本身事件机制没有太深的关注。
在浏览器事件相关的API中，主要有三个接口：
EventEventTargetEventListener
以上的三个接口就足以完成一个事件的创建，监听࿰…
jsdoc的简单使用
安装
npm install jsdoc -g书写
jsdoc有一套自己的规范，要按规矩办事，比如下：
/*** 求两个数的积* param {number} x - 乘数 * param {number} y - 被乘数* return {number} 积*/
function multiply(x, y) {return x * y;
}这里有个小技巧…
手写call,apply,bind
1. call
Function.prototype.myCall function (context) {// context 接收第一个参数 如果没有默认用windowcontext context || window// 给context.fn 或其他属性赋值为函数, 即myCall的调用者改变函数的this 指向contextcontext.fn this// 获取传入的参数const args [..…
深入理解pdf.js，PDFObject, iframe 三种方式来打开PDF文件的区别
浏览器原生就是支持打开PDF文件的。
所以使用iframe打开就相当于是使用浏览器自带的PDF插件打开，这个很好理解。 至于PDFObject，他是借助了embed这个标签，这个标签是什么概念？ HTML 元素将外部内容嵌入文档中的指定位置。此内容由…
vue中@click与@click.native，及其vue事件机制的分析
vue维护了自己的事件机制。
所以就有了原生DOM事件和自定义事件的区别，比如下面这段官网原话。 用在普通元素上时，只能监听原生 DOM 事件。用在自定义元素组件上时，也可以监听子组件触发的自定义事件。 本文也将围绕这一句话展开。
想必大家…
Java复习攻略02
用类描述计算机中CPU的速度和硬盘的容量，要求Java应用程序由4个类，名字分别是PC、CPU、HardDisk、和Test，其中Test是主类。
PC类与CPU和HardDisk类关联的UML图(图在下方)
其中，CPU类要求getSpeed()返回speed的值，要求…
Vue.js官网版教程
前言
这是vue官网案例学习，记录一下
序言 vue.js介绍
Vue.js 渐进式 JavaScript 框架https://learning.dcloud.io/#/?vid0 第1节 安装与部署
https://learning.dcloud.io/#/?vid1
<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<scri…
vux Tab组件当tabitem动态加载时怎么控制底部bar不动态居中
问题：vux Tab组件当tabitem动态加载时底部bar不动态居中 解决：只要用v-if去判断是否有值就可以了，因为v-if只有在当请求到内容的时候才会去渲染
<tab :line-width2 active-color#fc378c custom-bar-width"20px" v-if"list…
小程序如何获取元素样式（宽高间距）
//获取宽度，设置高度等于宽度 var query wx.createSelectorQuery().in(this);var that this;query.select(.chooseImgItem).boundingClientRect(function (rect) {console.log(rect);that.setData({objHeight: rect.width px})// console.log(that.data.objHeigh…
在Javascript中 声明时用var与不用var的区别，== 和 ===的区别
1. 在Javascript中 声明时用"var"与不用"var"的区别
Javascript声明变量时
var a 111;
和
a 111;两种方式一样吗? var a 11;function test4(){var a 22;}test4();console.log(a);
结果是什么呢? 11
这个好理解, 函数内的var a声明是内部变量,这…
jQuery 事件解绑
事件.off([事件名][, [子元素名]]) 一次性事件: 事件.one(), //用法同on
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><title>Title</title><script src"js/jquery-3.5.1.min.js">&…
js ajax 案例
HTML页面:<?php if($theMethodbrowsec1){ ?>
<script type"text/javascript">
$(function(){$(#orderDate).change(function(){var user_name$(#seller).val();var date$(#orderDate).val();var tablec1;ajax(user_name,date,table); })$(#…
react 修改state为对象中的某一个属性值
针对state为对象,想要修改对象中某一个值而不修改其他值,请欣赏接下来的方法 以前写法 1.设置state对象
state{datavalue:{slid:,name:,memo:,version:,icon:defaultimg,loginlink:,key:,support_game:[],noticelink:,contact:{key:-1,label:},group:{key:,label:},},}2 修改s…
web PC端和移动端钉钉免登 js
1.首先引用两个钉钉的js <script type"text/javascript" src"http://g.alicdn.com/dingding/open-develop/1.6.9/dingtalk.js"></script><script type"text/javascript" src"http://g.alicdn.com/dingding/dingtalk-pc-api/…
js--setTimeout、setInterval定时器
JS实现代码
//1、自定义函数
function flush(){window.location.reload(); //刷新当面页面
}//2、定时器，1000（毫秒）只执行一次
setTimeout(function() {flush(); //自定义函数
}, 1000);//3、定时器，每隔1000（毫秒…
【Vue】v-xxx指令全面总结
文章目录v-text & v-htmlv-modelv-onv-forv-if & v-showv-bindv-text & v-html
在讲这两个指令之前，先说说我们很熟悉的 插值，再来说说用这两条指令替代插值的好处。
语法:
{{插值表达式}}说明：
（1）这…
el-cascader 级联选择器，为什么需要点击两次才能在 input 返回联级（踩坑）
问题描述
就是你不管你怎么设置，Children: true/false, 还是 leaf: false/true, 都不行。解决办法
1、先设置props的属性值 checkStrictly为 trueprops.checkStrictly true 来设置父子节点取消选中关联，从而达到选择任意一级选项的目的。2、如若还是…
JavaScript DOM 基础操作
JavaScript DOM 基础操作 一、获取元素的六方式 document.getElementById(id名称) //根据id名称获取
document.getElementsByclassName(元素类名) //根据元素类名获取 返回值：伪数组
document.getElementsByTagName(元素类名) //根据元素标签获取…
页面实现不定条数据倒计时
页面(直接是到期时间)： #foreach($auction in $listAuctionList)<span class"name">剩余时间：</span><span class"orange expiryTo" date0"$!dateTool.format("yyyy-MM-dd HH:mm:ss",$!{auction.expi…
前端使用js模糊搜索
成品
1 2 3 4手机端 前端UI使用layui的数据表格，代码如下 function load(){var table layui.table;var layer layui.layer;var form layui.form;var $ layui.$;var cacheData []; //列表缓存数据var tempData []; //搜索出来的数据var secols [channelName,…
js 项目中常用的方法记录用
js 项目中常用的方法记录用
1.求平均值 let num arr.reduce((num, item, index) > {if (index ! arr.length - 1) {return num item;} else {return (num item) / arr.length;}
});2. 当前时间 xxxx-xx-xx xx:xx:xx
let date new Date();let year date.getFullYear()…
vue iview表单复杂验证
项目中用到表单复杂验证规则,在此记录一下,省着以后忘了。
1.简单版本
<Form ref"editData" :model"editData" :label-width"80" :rules"rules"><FormItem label"上公差" prop"dataValueUp"><In…
vue项目中axios的封装、拦截及使用
创建constant.js文件保存baseUrl
创建constant.js(随意) 保存baseUrl
var baseUrl process.env.NODE_ENV production ? http://生产环境地址 : http://开发环境地址
export default baseUrl创建request.js文件创建请求
创建request.js
// 引入axios
import axios from axi…
VUE的单向数据流与sync
（1）prop的实现
子组件拿到父组件赋值的 attr> 筛选出 props并保存在子组件的_props里>_props中的数据逐一复制到子组件的实例上（同时设置get 和 set )
当父组件data更新，渲染函数执行，又会执行上面的赋值。由此…
VUE/小程序 轮播图数据分组
需求：每页轮播图排放十个数据，总数据量不定。
分析： 1.数据存与一数组之中arr[0,1,2,3,4,5,6,7,8,9,a,b,c,d,e] 2.处理该数组，每十个数据分为一个小数组，小数组再存于一个大数组中。 arrb[[0,1,2,3,4,5,6,7,8,9],[a,b…
puppeteer|自动化UI测试|JS|零基础入门（六）——等待waitFor
话不多说，上代码 //等待登陆按钮selector出现在页面中await page.waitForSelector(SELECTOR.LOGIN_BTN)//页面等待3秒await page.waitForTimeout(3000)//等待登录按钮XPath出现在页面中await page.waitForXPath(XPATH.LOGIN_BTN)await page.goto(url)//等待页面加载…
小程序节流(防止重复点击)
util/utils.js
// 防抖节流 防止重复点击
function throttle(fn, gapTime) {if (gapTime null || gapTime undefined) {gapTime 1500}let _lastTime null// 返回新的函数return function () {let _nowTime new Date()if (_nowTime - _lastTime > gapTime || !_lastTi…
vue移动端（element为例）上传多张图片
<template><div class"about"><!-- 列表 --><div class"center"><p><input v-model"name" placeholder"请输入标题" /></p><!-- 详细信息 --><div class"mark"><…
vue下载图片，word,pdf，自定义下载名称
downloadFiles(url, name) {//url是路径，name是要更改的下载名称let link document.createElement(a)let url url// 这里是将url转成blob地址，fetch(url).then(res > res.blob()).then(blob > { // 将链接地址字符内容转变成blob地址link.href …
ES6 关于时间的使用和推算
关于时间的用法 问题描述：
有一个开始时间和一个结束时间，结束时间就是当前时间。开始时间往过去退10分钟。
解决办法：
利用时间戳 向过去退10分钟 就用当前的时间戳 减去（10 * 60 * 1000） 10分钟乘以 60秒 乘以 10…
网络优化，css优化， js优化
网络优化
减少HTTP请求，合并文件、精灵图减少DNS查询，使用缓存 当使用了CDN时，DNS 服务器根据用户 IP 地址，将域名解析成相应节点的缓存服务器IP地址，实现用户就近访问。使用 CDN 服务的网站，只需将其域名…
fetch常用api，fetch和axios的区别
axios
1.从浏览器中创建 XMLHttpRequest
2.客户端支持防止CSRF
3.提供了一些并发请求的接口（重要，方便了很多的操作）
4.从 node.js 创建 http 请求
5.拦截请求和响应
6.转换请求和响应数据
7.自动转换JSON数据
fetch优势
1.语法简洁…
fetch的各种api
1.结构：
fetch(url，{参数)}).then(...).catch(...)2.与async await一起使用
async function fetchMovies() {const response await fetch(/movies);// 等待直到请求完成console.log(response);
}3.请求 JSON 数据
fetch()请求成功以后，得…
CSS div斜线倾斜45度
CSS div斜线倾斜45度 div的样式： .line-div{ width: 12rem; height: 4rem; border-bottom: 0.15rem solid #dcdcdc; /* border: 2px solid #000000; */ position: absolute; text-align: center; margin-left: 50%; margin-top: -10rem; -webkit-transform: rotate(…
java ,Struts2+elementUi上传视频问题解决过程
上问题：
最近公司合作方又提新需求了，有一个老项目用的ssh，要有微信小程序，小程序还要有视频功能，而且，这个项目的管理系统的前端用的是vueelement ui
到底是 有钱人会玩啊！这种技术栈组合也能…
JavaScript 获取 Url 上的参数（QueryString）值
获取URL里面传的参数,在Js中不能像后台一样使用Request.QueryString来获取URL里面参数，下面介绍两种方式用来获取参数
方式一：使用split分隔来获取，这种方法考试了地址中包含了returnUrl参数的形式，如果地址中本来就包含了另外一…
react引用多个样式_使用多个引用进行React
react引用多个样式It is not as complicated as you might think它并不像您想象的那么复杂 向#StraightToThePoint系列问好 (Say hello to #StraightToThePoint series) NERDJACKING is just launching the #StraightToThePoint series: short stories with no chit-chat, jus…
javascript原型_了解javascript原型和原型链接
javascript原型JavaScriptJavaScript JavaScript原型 (JavaScript Prototype) Prototypes are the mechanism by which JavaScript objects inherit features from one another. Prototypes can be used to add properties and methods into existing constructor.原型是一种机…
网页实现浏览器的向前，后退
1.网页实现浏览器的向前和后退的功能 一些方法：
history.back() - 与在浏览器点击后退按钮相同history.forward() - 与在浏览器中点击按钮向前相同 http://www.w3school.com.cn/js/js_window_history.asp详细链接：http://www.w3school.com.cn/js/js_win…
js调用本地摄像头demo
效果： html
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>TEST DEMO</title>
</head>
<body>
<div id"main" style"margin-left:10px;overflow-y:…
java和js中JSONObject,JSONArray,Map,String之间转换
--------------------------------------------------Java中-------------------------------------------------------1.String转JSONObject（1）.String jsonMessage "{\"语文\":\"88\",\"数学\":\"78\",…
前端vue-cli3.0项目打包自动部署到阿里云oss 服务器
快速跳转1、安装 npm install webpack-aliyun-oss -D2、项目根目录添加oss.js 文件内容如下：3、为了防止你的信息被提交到git上3、对vue.config.js 进行配置3.1 对setOssPath 进行配置1、安装 npm install webpack-aliyun-oss -D
npm install webpack-aliyun-oss -…
【js】值复制与地址复制——踩坑血泪史
简单记：number和string为值复制，数组和对象为地址复制。
js基本数据类型：String、Number、bollean、null、undefined，引用类型：object。 记录踩坑： bug复现：
查询后返回多页表格，此…
vue 解决v-for 循环列表生成不同背景颜色问题
来一张效果图 下面说一下核心代码：
html代码 <ul> <li v-for"count in this.floor" :key"count" :style"randomRgb(item)" > {{count}}F</li></ul> js部分，用过style绑定一个函数如下࿱…
Java怎样实现验证码？
我们总是在登录微信，QQ或者其他一些网页的时候，都会出现一个验证码框，他们有的是数字的，有的是文字的，有的是混合的，各种各样的。
很好奇是怎么实现的。带着这样的疑问。 目录
1.随机数字字母组合的验证码…
Web前端开发——前端是啥？
文章目录前端概述浏览器如何渲染网页？前端概述
前端完成将后端提供的数据如何呈现出来，Web前端开发是网站设计的一部分（美工画好的页面，前端开发人员用代码实现）
网站与网页：
网站（web site…
jquery educoder
jQuery
写在前面：educoder是真的坑，改代码改到我差点崩溃，我也不知道为啥一会儿必须用background一会让用background-color，一会儿只可以用类定位元素，一会儿只可以用标签，无语子，老师说检查代…
微信小程序学习之路，每日更新
小程序的配置文件
全局配置 app.json(utils目录下)
pages字段：描述当前小程序所有的页面路径 "pages":["pages/index/index","pages/logs/logs"],//对应的是文件夹pages页面的两个文件，注意，文件没有后缀名新…
jQuery批量获取input的val，并根据name属性生成对应json对象的属性
//统一获取参数val
$.fn.serializeDIV function () { var o {}; var a $([name],this); $.each(a, function () {if (o[this.name]) {o[this.name]","(this.value || );} else {o[this.name] this.value || ;}});return o;
};function getJson(id){ return …
剑指offer(JavaScript)刷题记录01——数组中重复的数字
剑指 Offer 03. 数组中重复的数字
难度：简单
找出数组中重复的数字。 在一个长度为 n 的数组 nums 里的所有数字都在 0～n-1 的范围内。数组中某些数字是重复的，但不知道有几个数字重复了，也不知道每个数字重复了几次。请找出数组…
JavaScript18——触屏事件
1.1. 触屏事件
1.1.1 触屏事件概述
移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果， 但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件)，Android 和 IOS 都有。 to…
JavaScript14——常用的键盘事件
1.1. 常用的键盘事件
1.1.1 键盘事件 <script>
// 常用的键盘事件//1. keyup 按键弹起的时候触发 document.addEventListener(keyup, function() {console.log(我弹起了); })//3. keypress 按键按下的时候触发 不能识别功能键 比如 ctrl shift 左右箭头啊document.addEv…
es6数组处理方法整理
数组
常用
.push() .pop().unshift() .shift().splice(i,n) 删除，原数组被从i删除n个元素，返回被删掉的元素.slice(start,end) 获取子数组，原数组不变，返回切出来的元素.concat().split() 字符串变数组.sort() 排序.reverse() 翻…
jsonp解决js跨域请求
跨域产生的原因
在一个项目中，使用js的ajax请求，请求另外一个系统的数据时(协议不同（http、https）、域名不同、域名相同但端口号不同)，能够请求到数据，但是因为这是跨域请求，浏览器不允许js拿到…
《js中逻辑运算》 a||b 和 ab
1. JS中的||符号
a||b (a逻辑或b)
1.只要a为真，不管后面b的值是多少，结果返回都是a
// 1||2打印值为1
console.log(1||2)// true||2打印值为true
console.log(true||2)2.只要a为假，不管后面b的值是多少，结果返回都是b
// 0||2…
React脚手架配置代理（Proxy）
react脚手架配置代理总结 第一步：创建代理配置文件 在src下创建配置文件：src/setupProxy.js编写 setupProxy.js 配置具体代理规则：
const proxy require(http-proxy-middleware)module.exports function(app) {app.use(proxy(/api1, { /…
ES6模块暴露与模块引用
一、多行暴露
模块1：module1.js
//多行暴露
export function foo() {console,console.log(foo() moudle1);
}export function bar() {console.log(bar() moudle1)
}二、统一暴露
模块2： module2.js
function fun1() {console.log(fun1() module2)
}f…
网页设计作业 / 动漫网页设计作业,网页设计作业 / 动漫网页设计成品,网页设计作业 / 动漫网页设计成品模板下载
HTML5期末大作业：动漫网站设计——动漫樱桃小丸子(5页) HTMLCSSJavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈…
XSS（跨站脚本攻击）多姿势绕过滤思路
XSS（跨站脚本攻击）多姿势绕过滤思路0x01 什么是XSS？0x02 XSS的危害0x03 XSS类型0x04 多姿势绕过0x05 其他情况0x06 总结0x01 什么是XSS？
恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页面时，嵌入…
Vue中$bus事件总线
不说废话，直接看用法：
1、在 main.js 中将 $bus 绑定到 vue 原型上
Vue.prototype.$busnew Vue()
2、在需要传递信息的组件上将一个方法发射出去，并需要在某个条件激活这个方法
<div click"busclick"> </div>
meth…
(个人记录 由于没法收藏) 配置node及npm环境变量npm install express -g或npm install express报错之解决方案
零基础学习前端1-1配置node及npm环境变量
配置node及npm环境变量
npm install express -g或npm install express报错之解决方案
react入坑学习（一）const 的用法
解构赋值const 的用法const 概念const 几种用法用法一:用法二:const 的用法
在公司初次学习react，记录一点学习成果
const 概念
const 用于声明一个或多个常量，声明时必须进行初始化，且初始化后值不可再修改;
const 几种用法
可以参照 菜…
ES6使用规则和常见使用方法
ES6使用规则和常见使用方法 let命令 let命令与var的区别 let命令作用域只局限于当前代码块 使用let声明的变量作用域不会被提前 在相同的作用域下不能声明相同的变量 for循环体中let的父子作用域 //for循环用let来定义变量 const命令 定义常用 数组的解构赋值 // 传统赋值
let …
axios的使用规范
axios的使用规范 axios在线库：https://unpkg.com/axios/dist/axios.min.js 获取网络请求 get格式 axios.get(地址？keyvalue&key2value2).then(function(response){},function(err){})
//地址为接口地址，key是文档提供，then在请…
React中受控组件和非受控组件
一、受控组件
受控组件就是可以被 react 状态控制的组件 在 react 中，Input textarea 等组件默认是非受控组件（输入框内部的值是用户控制，和 React 无关）。但是也可以转化成受控组件，就是通过 onChange 事件获取当前输…
Vue中组件内导航守卫（beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave）
在组件中使用路由守卫:
beforeRouteEnter (to, from, next) {
// 注意，在路由进入之前，组件实例还未渲染，所以无法获取this实例，只能通过vm来访问组件实例if(userData.status 0){//userData为接口返回数据。next(vm > {vm.$m…
Vue中的全局导航守卫（beforeEach、afterEach）
在项目开发中每一次路由的切换或者页面的刷新都需要判断用户是否已经登录，前端可以判断，后端也会进行判断的，我们前端最好也进行判断。
vue-router 提供了导航钩子:全局前置导航钩子 beforeEach 和全局后置导航钩子 afterEach，他…
React组件三大属性之refs
一、理解
Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 Ref 转发是一项将 ref 自动通过组件传递到子组件的技巧。 通常用来获取 DOM 节点或者 React 元素实例的工具。在 React 中 Refs 提供了一种方式，允许用户访问…
React组件三大属性之props
一、理解
1、每个组件对象都会有 props(properties 的简写)属性 2、每组标签的所有属性都保存在 props 中
二、作用
1、通过标签属性从组件向外组件内传递变化的数据 2、注意：组件内部不要修改 props 数据
简化后代码：
//创建组件
class Person ext…
Js表达式和语句的区别
一定注意区分：js语句(代码) 与 js表达式
表达式： 一个表达式会产生一个值，可以放在任何一个需要值的地方
下面这些都是表达式：
(1). a
(2). ab
(3). demo(1)
(4). arr.map()
(5). function test () {}语句(代码)： …
Vue中的路由（vue-router）
安装
可以使用npm下载推荐使用脚手架自动下载
npm install vue-routerrouter-link简单案例
html代码：
<div id"app"><h1>你好YaaLee</h1><p><!-- 使用 router-link 组件来导航，传入 to 属性指定链接࿰…
booleanObject.valueOf() 判断原始布尔值
定义和用法
valueOf() 方法可返回 Boolean 对象的原始值。
语法
booleanObject.valueOf()
抛出
如果调用该方法的对象不是 Boolean，则抛出异常 TypeError。
var a true; document.write("a true""<br/>");
document.write("…
filter过滤数组
filter过滤数组
filter() 1.方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素 2.不会改变原始数组
var arr [{ id: 1, text: aa, done: true },{ id: 2, text: bb, done: false }
]
console.log(arr.filter(item > item.done)) …
jquery插件 使任何可见节点移动 节点移动
页面上有时候会遇到需要某个节点移动的情况
这里提供一个jquery的移动插件
使用方法
$(移动控件节点||移动控件节点选择器).ElMove(需要移动的jQuery节点)
如 自己移动自己 $("#my").ElMove($("#my")) 自己的标题栏移动自己 $("#my .title")…
vue slot插槽的实战使用
子组件中的代码我取名为slider.vue 之后回到父组件中引入子组件
import Slider from xxx/xxx/xxx
components: {Slider
}父组件引入子组件插槽slot的代码
Web基础 JavaScript基础简单内容 -＞（个人学习记录笔记）
文章目录JavaScript1. JavaScript的介绍2. JavaScript的使用方式2.1 行内式（主要用于事件）2.2 内嵌式2.3 外链式3. 变量和数据类型3.1 定义变量3.2 JavaScript注释3.3 数据类型3.4 变量命名规范3.5 匈牙利命名风格4. 函数定义和调用4.1 函数定义4.2 函数…
js设计模式与绘制UML图 - 停车场的面试题
题干描述：
某停车场，分 3 层，每层 100 车位每个车位可以监控车辆的停入和离开车辆进入前，显示每层的空余车位数量车辆进入时，摄像头可识别车牌号和时间车辆出来时，出口显示器显示车牌号和停车时长 绘制UML…
React-navigation 4.x tabBarButtonComponent的使用和自定义
这里转载一个写的蛮好的贴,留着参考参考 React-Native react-navigation4.x 使用记录 其实标题不算准确, 这里的自定义是指 自定义React-navgation4.x 中, bottomTabBar中的几个可以点击的 bottomTabbarButton ( 底部tabBar按钮), 姑且我这样描述, 参考链接: 1.React Navigatio…
js indexOf使用及注意事项以及数组使用indexOf
一、定义和用法
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
语法
stringObject.indexOf(searchvalue,fromindex)
参数描述searchvalue必需。规定需检索的字符串值。fromindex可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 s…
js Generator 函数的语法
基本概念
Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。本章详细介绍 Generator 函数的语法和 API，它的异步编程应用请看《Generator 函数的异步应用》一章。
Generator 函数有多种理解角度。语法上，首先…
js计算二维数组，相同位上的总和--[[1,2,3,4],[1,2,3,4],[1,2,3,4]]结果为[3,6,9,12](js逻辑）
项目上让计算[[1,2,3,4],[1,2,3,4],[1,2,3,4]] 相同位的和
let result[];
let dataArr[[1,2,3],[2,2,5]
]
for (let key in dataArr) {dataArr[key].forEach((value, index) > {if (result[index] null || result[index] "") {//判断是否为空把result,每一项都…
JS指this指向问题
最近出去面试，笔试题总是会有关于this，指向的问题。但每次回答都不太理想，遂去网上看了一些博客，整理了一些分享给大家。
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定，this最终指…
js中获取某个月份有多少天
方法1：
new Date()第3个参数默认为1，就是每个月的1号，把它设置为0时， new Date()会返回上一个月的最后一天，然后通过getDate()方法得到天数
function getMonthDay(year, month) {let days new Date(year, month 1,…
简书的Markdown用法总结
简书Markdown总结笔记 ——献给初次写作的朋友 前提说明 通过使用简书提供的Markdown方法，作者可以方便编辑和排布文字。操作简单易于学习，下面就开始我们首次的编辑学习吧。 标题写法 一级标题在文本前加 # 即可。同理，二级标题在前面加 ## …
SpringMVC项目的jsp中无法引入css、javascript文件
jsp中无法引入CSS、js文件
这个问题真的困扰我太久了！
真的看了有几百篇博客尝试了不知道多少种方法！ 什么过滤器的配置、静态资源拦截、maven打包js/css插件 、css文件编码格式改成UTF-8等等等等！
折腾了一百遍屡屡不见成效！ …
前端面试100问(4)
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 题目： 介绍下 Set、Map、WeakSet 和 WeakMap 的区别？ Set 和 Map 主要的应用场景在于 数据重组 和 数据储存
Set 是…
前端面试100问(3)
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 题目： 什么是防抖和节流？有什么区别？如何实现？
防抖
触发高频事件后n秒内函数只会执行一次…
Java项目:抽奖点名神器(HTML+可自定义抽选)
用于年终抽奖或随机点名神器 //获取页面元素var student_box document.getElementById("student_box");//循环生成HTMLvar html "";for (var i 0 ; i < 22; i ) {html <div style"width:120px; height:120px;"><img src"./p…
前端面试题之---树形数据结构化
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 话不多说，直接上题。
const data [{id:2,pid:0,path:/course,name:Course,title:课程管理},{id:3,name:CourseOperate,path:o…
原生JavaScript+WebSocket+nodejs实现聊天室功能
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 WebSocket也是前端非常重要的技术栈。
现在各种网站、App、小程序都伴有即时通信的功能。WebSocket的主要应用就是即时通信。
WebSocket的…
前端面试题之---Object.defineProperty(2)
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！ 上期给大家分享了三道关于Object.defineProperty的面试题，今天再分享一道。这也是百度的面试题。
var obj {a:1,b:2,c:3
}
for(var k in obj…
前端面试题之---Object.defineProperty(1)
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！ 今天给大家分享几道关于Object.defineProperty的面试题。 Object.defineProperty是前端非常重要的知识点。Vue中核心的双向数据绑定就是通过Object.define…
在vue.config.js中模拟后端接口数据
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！ 现在都流行前后端分离，前端干前端的事，后端干后端的事。
但是我们在前端的实际开发时，有时候是需要数据辅助的&#x…
你好，谈谈你对前端路由的理解
前言
好了不装了，今天我就化身性感面试官在线问大家一个问题，“谈谈你对前端路由的理解”。看到这个问题，那回答可多了去了。但是换位思考一下，你问候选人这个问题的时候，你想要得到什么答案？以我个人拙见…
Vue知识点总结(23)——Vue-Cli3脚手架基本配置和快速原型开发（超级详细）
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！ 在这之前我们已经把vue的基础部分已经基本讲述完毕。 我们之前写vue组件的流程都是
Vue.component("组件名", {});
new Vue({components:组件名…
Vue知识点总结(21)——对象的变更检测（超级详细）
vue官方文档中的深入响应式原理中有提到过，对于检测变化的一些注意事项。 由于 JavaScript 的限制，Vue 不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。 这句话是啥意思呢？ 我们先看一个小例子。
…
爬虫进阶知识解析网站中的JavaScript
js解析
引言
在了解如何调试js之前, 需要简单了解一下http的请求过程
1.DNS域名解析；
2.建立TCP连接；
3.发送HTTP请求；
4.服务器处理请求；
5.返回响应结果；
6.关闭TCP连接；
7.浏览器解析HTML；…
Vue知识点总结(20)——nextTick的基本概念和实际应用（超级详细）
今天的主角是nextTick，它是Vue官方提供的一个API。 首先在介绍它之前，我们要先了解一件事。 可能你还没有注意到，Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化，Vue将开启一个队列，并缓冲在同一事件循环中发生的…
前端面试刷题day8(每日更新前端面试高频考察点)
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 每天都提供一道关于前端面试中常见的题目。并且我建立了一个QQ群（425554900），QQ群内提供大量面试题目和…
使用Web前端技术开发桌面应用---Electron 选择文件对话框
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 这期博客开始我们讲解Electron下的对话框操作，对话框一般会有选择文件对话框，保存文件对话框和确认对话框。这节我们…
使用Web前端技术开发桌面应用---Electron中Window.open的子窗口和父窗口间的通信
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 上期博客在最后，学习了用window.open打开了子窗口，这期学习一下父子窗口如何通信，通信在任何框架中都是…
使用Web前端技术开发桌面应用---Electron中嵌入网页和打开子窗口
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 上期内容我们学了如何在浏览器中打开网页，这节我们学习一下如何用BrowserView来嵌入一个网页到我们应用中，这很类似…
使用Web前端技术开发桌面应用---Electron中通过链接打开浏览器
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 在渲染进程中默认加入一个<a>标签，进行跳转默认是直接在窗口中打开，而不是在浏览器中打开的，如果…
使用Web前端技术开发桌面应用---Electron 创建菜单和基本使用
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 每一个桌面应用都会有一个窗口，这个视频就学习一下在Electron中使用Menu来完成菜单的创建。话不多说，直接动手操作。…
使用Web前端技术开发桌面应用---Electron Remote模块的使用
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 当我们知道了Electron有主进程和渲染进程后，我们还要知道一件事，就是Electron的API方法和模块也是分为可以在主进程…
使用Web前端技术开发桌面应用---Electron第一个Hello World程序
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 目前已经搭建好了Electron的开发环境，那这篇文章就写一个Electron最简单的Hello World，这也是每个学习开写的第一个…
使用Web前端技术开发桌面应用---Electron开发环境的搭建
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 Windows安装Node.js
如果你是前端，安装Node应该是信手拈来，非常熟悉了，但是为了防止有小伙伴还不会安装…
基于微信小程序云开发的校园类平台
这期给大家介绍一个我压箱底的项目，一个集二手市场、兼职发布、失物招领、代取快递等功能为一身的校园类平台。 前端使用ColorUI，后端使用微信小程序云开发。 现在已经上线发布，并且长期运营维护。
大家可以直接在微信小程序中搜索校园海滨&…
『前端优化』—— Vue中避免滥用this去读取data中数据
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 前言
在Vue中，data选项是个好东西，把数据往里一丢，在一个Vue组件中任何一个地方都可以通过this来读取d…
前端面试100问(5)
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 题目： 介绍下深度优先遍历和广度优先遍历，如何实现？
第五题问的是深度优先遍历和广度优先遍历…
Vue知识点总结(19)——ref属性和$refs的使用（超级详细）
ref是vue提供的非常便利的属性。它可以直接获取页面元素的DOM节点，也可以获取子组件对象。 虽然Vue建议不要随便在vue项目中操作DOM，但是在一些不得已的情况下，必须要操作DOM，ref属性就可以很轻松的实现我们的需求。 还有…
Open Flash Chart组件的使用
Open Flash Chart组件的使用 简介 OpenFlashChart是一个开源的报表制作组件，该组件能够自动生成一个好看的、动态的flash报表；该组件使用flash展示报表能够很好的做到与浏览器进行集成，目前浏览器基本都能很好的支持flash；该组件还…
JS经典面试题---如何判断数组类型的数据
这是一个非常非常经典的面试题，无论是大中小厂出现的频率都很高。 因为数组属于引用类型，所以常规的typeof方法并不能判断数组类型。下面我总结了关于判断数组类型的几种方法，应该是比较全面的。
instanceof
instanceof用于检测构造函数的p…
JS Symbol类型大揭秘，为什么面试都喜欢问？
在JS中，有一个数据类型大家可能用的不太多，但是面试出现的频率很高，那就是ES6引入的Symbol类型。
一、Symbol概述
ES5的对象属性名都是字符串，这很容易造成属性名的冲突。 比如，你使用了一个他人提供的对象ÿ…
JS使用栈实现十进制转二进制
最近在准备面试，复习到了数据结构与算法的知识，到了栈这块内容，栈的特点大家都知道，先进后出。
数据结构的特点决定了它的应用。
大家在准备面试的时候，多多少少都会复习到数据结构的知识，大部分人都觉得…
ES5和ES6新增的数组方法
let numbers [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]使用for…of循环迭代
你已经学过用for循环和forEach方法迭代数组。ES2015还引入了迭代数组值的for...of循环，下面来看看它的用法。
for(const n of numbers){console.log(n % 2 0 ? even : odd);使用iterato…
JS对象及数组对象的操作
JS中定义对象 定义对象类型 //数据Objectfunction GcMainDto(){this.policyNonull;this.riskCodenull;this.planCodenull;this.itemNonull;this.endorSeqNonull;this.registNonull;}新建数据对象,并操作 var gcEvaluateMainDto new GcEvaluateMainDto();gcMainDto.policyNo &…
使用JavaScript实现cookie的设置、读取、删除
代码实现
// 设置cookie
function setCookie(name,value){var Days 30;var exp new Date();exp.setTime(exp.getTime() Days*24*60*60*1000);document.cookie name “” escape (value) “;expires” exp.toGMTString();
}// 读取cookie
function getCookie(name){var …
微信小程序如何生成当前页面二维码
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 在微信小程序的开发中，很多的业务场景下都会有生成二维码，然后通过扫码二维码，进入指定页面的需求。
我…
Vue知识点总结(18)——生命周期（超级详细）
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！ 这期的主题是Vue的生命周期。 先说一下什么是生命周期。 百度百科上是这样说的： 生命周期就是指一个对象的生老病死。 我们每个人都会经历生老…
Vue知识点总结(17)——作用域插槽（超级详细）
之前分别了解了匿名插槽和具名插槽。 这期我们的任务是作用域插槽。 作用域插槽虽然用的不多，但是还是挺重要的。
我们以一个实际需求来展示作用域插槽，因为作用域插槽用的确实不多，只能在实际需求中展示它的意义。
需求：
已经…
Vue知识点总结(16)——具名插槽（超级详细）
上节我们了解了一下插槽的概念和用途，并且详细演示了一下匿名插槽的使用。 这期我们的任务是具名插槽。
从名字我们就可以看出区别，一个是匿名，一个是具名。
我们就不详细说插槽概念的东西了，直接演示具名插槽。 <div id&quo…
JS如何删除数组中指定的内容
如何删除数组中的指定内容？ 主要是对splice函数的应用，这个函数很强大，用处非常多。 我们分两种情况处理问题： ①删除数组中的一个指定元素。 array数组中只有一个值为1的元素，我们的任务就是删除这个值为1的元素。 va…
Vue知识点总结(7)——计算属性computed（超级详细）
这期的主题是Vue的计算属性computed。 我们都知道插值表达式{{}}，{{}}可以实现双向的数据绑定，并且可以在其中进行一些常规的算数运算和逻辑运算。 但是模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会…
JavaScript的基础清单(超级全面!!!)
1.js类型 首先，现在js的类型有以下几种: 基本类型 : String , Number , null , undefined , Boolean , Symbol , Bigint引用类型 : object , function （1）基本类型和应用类型的区别
基本数据类型是按值访问的，因为可以直接操作保…
微信小程序云开发项目实战之商城开发日记 02
hello，今天是第二天了，正式开始编写商城的前端代码。
今天的任务是完成商城首页的前端代码编写，任务还是比较重的哦。
我们进行的第一步操作就是进入编辑器，点开文件目录中的pages下的index文件夹，进入index.wxml。 …
微信小程序云开发实现图片的上传、存储、访问
零基础入门微信小程序云开发QQ群：1073011570
我们在进行项目开发时，经常需要处理用户上传的图片，如果用传统的后端开发，处理起来是比较繁琐的。微信小程序云开发提供了一系列API供开发者完成想要的效果。 下面我们要实现用户图片…
JS实现将两个数组转为一个JSON数据
代码自用自取，喜欢的话可以点赞收藏支持一下，查看博主其它文章，贡献一丢丢的浏览量，感激不尽。 JSON格式的数据在我们开发中经常需要使用，如果拿到的数据正好就是JSON格式，那我们直接用就好，但是…
使用Web前端技术开发桌面应用---Electron剪贴板事件的使用
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 在开发中我们经常会遇到给用户一个激活码，然后让用户复制粘贴的情况，这时候就需要用到clipboard模块，也…
前端实现3D魔方旋转特效
代码自用自取，复制粘贴直接使用，喜欢的话可以查看博主其它文章，贡献一丢丢的浏览量，感激不尽。 先看一下效果
<!DOCTYPE html>
<html>
<head><title>魔方</title><meta charset"utf-8&qu…
JavaScript深入理解闭包及应用
闭包是前端JavaScript中一个较难的知识点，也是很重要的知识点，如果想要深入理解前端知识架构，执着于对技术的探知，闭包一定要搞懂。 在学习闭包之前要了解一些预编译和作用域链的知识，这之间都是有联系的。 作用域链是…
JavaScript数据类型转换(Boolean)
目录： JavaScript——数据类型转换(Number) JavaScript——数据类型转换(String) JavaScript——数据类型转换(Boolean) 隐式类型转换
boolean-隐式类型转换
var b!0;
console.log(typeof(b),b);
输出 boolean trueb!1;
console.log(typeof(b),b);
输出 boolean fa…
jy-12-SPRINGMYBATIS02——云笔记07-刘苍松
云笔记 弹出笔记子菜单
1. 利用事件冒泡在 note-list 上绑定事件弹出笔记子菜单: 重构笔记列表模板, 为笔记子菜单触发按钮添加类 btn-note-menu var noteTemplate <li class"online note">
<a>
<i class"fa fa-file-text-o" title"…
一个系列带你搞定前端面试的手写代码环节(2) --- call apply bind
call 改变this指向用的，可以接受多个参数 Function.prototype.myCall function(ctx) {ctx ctx || window; // ctx 就是 objlet fn Symbol();ctx[fn] this; // this就是foolet result ctx[fn](...arguments);delete ctx[fn];return result;
}
let obj { name: …
一个系列带你搞定前端面试的手写代码环节(1) ---解析url参数
在大部分的前端面试中，手写代码的环境都是必不可少的，每个人都会准备一些，但是总是准备的不充分，从这个系列开始，我将把前端面试中所有可能遇到的手写代码问题一一总结，欢迎交流补充！ 解析url参…
JS实现数组去重的常见方法
数组去重在前端面试中遇到的频率非常非常高。解决的方法也有很多，今天给大家介绍三种最常见，最有用的数组去重方法。
下面我们对这个数组进行去重操作。
var arr [1,1,true,true,true,true,15,15,false,false, undefined,
undefined, null,null, NaN…
微信小程序如何封装自己的组件？
在现在前端领域，最常见的话语就是组件化、工程化的内容。所有的框架都在朝着这方面发展。作为前端生态中的新兴热人物小程序的出现，同样支持组件化开发。 在我们的日常开发中，可以封装一些常用的组件达到复用效果，可以大大提高我们…
JS实现一键回到顶部的功能(兼容所有浏览器，超级详细)
我们在浏览网页的时候，大部分都有一个一键回到顶部的按钮，无论是pc端还是移动端，这个功能都很常见。我在一次面试的时候，也要求手写这个功能。 首先我们新建一个空页面，把body的高度设置为3000px。这样做的目的是让浏览…
python做界面的一个新思路（初始篇）
python做界面我首先想到的是pyqt5，但是笔者之前基本是用wpf做界面，再用其他的做界面都有点不畅快的感觉。直接用到了HTML CSS js。随着前端技术的快速发展，如VUE，AUI这类框架的兴起，做个炫酷的页面，远比后…
使用Web前端技术开发桌面应用---Electron注册全局快捷键
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 全局快捷键模块就是globalShortcut，意思就是我们打开软件以后，按键盘上的快捷键，就可以实现用快捷键实现…
使用Web前端技术开发桌面应用---Electron 底部通知消息的制作
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 对话框通过三小节的学习，小伙伴们已经掌握的非常好了，接下来学习一下消息通知。Electron的消息通知是通过H5的windo…
JavaScript预编译的13个基础知识点
JavaScript引擎的两大步骤： 预编译(第一次/前置扫描) — 变量 函数等声明 解释执行(第二次扫描)
预编译 - 脚本 脚本： 创建全局对象GO(Global Object) 加载脚本文件 预编译： 找出所有的变量声明，按照变量名加入全局对象&…
使用Web前端技术开发桌面应用---Electron 消息对话框的操作
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 打开文件对话框和保存文件对话框我们都学习过了，这节学习一下最为普通的消息对话框dialog.showMessageBox()，它的属…
JS中原始数据类型和引用数据类型的区别
在JS中的数据类型有原始的和引用的两种分别。 话不多说，我们直接上代码： var a 10;var b a;console.log(a);console.log(b);这段代码的输出内容大家肯定很熟悉，a：10，b：10。 我们再加入一段代码࿰…
一道考察范围挺广的题
知识点
new 等运算符的优先级settimeout 函数和立即执行函数的作用域是全局作用域。但没有this 的话，比如本来应该是this.a改成 a 的话， 就会遵循作用域链函数提升优先于变量提升，但最后的赋值结果看谁是最后赋值的，函数在预编译…
前端面试刷题day2(每日更新前端面试高频考察点)
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 每天都提供一道关于前端面试中常见的题目。并且我建立了一个QQ群（425554900），QQ群内提供大量面试题目和…
前端面试刷题day1
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 从今天开始，整一个系列，每天都提供一道关于前端面试中常见的题目。并且我建立了一个QQ群（425554900&…
聊聊什么是CommonJs和Es Module及它们的区别
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 前言
初衷：将我整理的笔记分享给大家，希望本篇文章能给你带来不一样的认知，不喜勿喷。 适合人群&#…
前端数据结构与算法复习日记---直接插入排序
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 直接插入排序是插入类排序算法里比较简单的一个了。
它的核心思路就是：
首先默认数组的第一项元素是最小的（升序&…
也许明天你的男/女朋友会是TA
会扫地的机器人可以识别身份的自动柜员机根据烟雾浓度自动灭火的防火喷头知道主人快要下班就开始煮饭的电饭煲……人工智能听上去离我们很遥远，其实已经不知不觉融入到了我们的日常生活中。如果说，将人工智能比作火箭的话，那么云计算就是它的…
Dom操作之tab栏模板
tab栏模板 <!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title>
</head>
&…
你清楚JS的原型链吗
题记
每个函数都有一个prototype（原型）属性，这个属性是一个指针，指向一个对象，这个对象是包含可以由特定类型的所有实例共享的属性和方法。简单理解：prototype就是通过调用构造函数而创建的那个对象实例的…
CSS: loading效果
CSS: loading效果html部分CSS部分js部分效果图背景： bootstrap4 jquery3.6这里借助jquery执行的dom操作，非必须。虚心重新学习了CSS的动画animation。语法：
animation: name duration timing-function delay iteration-count direction;ani…
application对象及作用域 四大作用域
1 application对象概念
application对象，上下文对象，其生命周期和工程的生命周期一致。
2 application对象应用
需求分析： 统计当前页面被访问了多少次。 实现思路： 定义一个计数器，网页每被访问一次，计…
![VUE使用sessionStorage存取对象时会显示[object object]的解决方法](https://img-blog.csdnimg.cn/20201102184849501.png#pic_center)
VUE使用sessionStorage存取对象时会显示[object object]的解决方法
VUE如果直接使用window.sessionStorage.setItem和window.sessionStorage.getItem来进行存取对象的话，不能正常使用该对象，并且在Application的Session Storage中会显示[object object]。
window.sessionStorage.setItem("user",res.data.user…
JS - 控制小数位数的方法（保留小数点后N位、以及小数取整）
先写下自己的用法：parseFloat((Number(num)*100).toFixed(n)/100);
原文https://www.hangge.com/blog/cache/detail_1791.html
js reg正则入门
java正则表达式基本符号 一：基本符号： 1.句点符号：. 匹配任意单个字符，如t.n匹配：tan, Ten, tim, t n, t#n等 2.方括号：[] 匹配方括号内的任意单个字符，如t[aeio]n匹配：tan, ten, t…
【自动化】【微信公众号】油猴 - 自动发布文章
▒ 目录 ▒🛫 导读需求开发环境1️⃣ 键盘触发2️⃣ 设置时间3️⃣ 完整代码📖 参考资料🛫 导读
需求 公众号文章发布，需要设置定时发布、选择发布时间、点击继续等操作，时间久了，就懒了，特此做…
VUE3.0从零开始-打包发布到IIS(终)
1.在终端上 输入npm run build 2.生成dist文件夹，里面的内容就是打包压缩好的文件 3.新建web.config 文件到dist下面，把下面的内容复制进去。 <?xml version"1.0" encoding"UTF-8"?> <configuration> <system.w…
Leaflet自定义svg图标——divIcon
添加自定义svg图标
addMarker (latlon,liquidIconfalse,flowIconfalse,qualityIconfalse,JgIconfalse) {let iconType;if(liquidIcon){iconType liquid}else if(flowIcon){iconType flow}else if(qualityIcon){iconType huanbao}else if(JgIcon){iconType Jg}else{iconTyp…
JS实现继承的7种方式，你都知道哪几种???
题记
ECMAScript只支持实现继承，而且其实现继承主要是依靠原型链来实现的。
继承的方式
方式一：原型链
关于原型链实现继承的方式我们在 你清楚JS的原型链吗 这里提到过，是通过让原型对象等于另一个类型的实例来实现继承的，但…
JavaScript设计模式之简单工厂
JS工厂模式是众多设计模式(Design Pattern)的一种，设计模式的出现及发展，主要是为了针对开发中遇到的各种各样的问题创造出的解决问题的方法，增加开发效率。 工厂模式是分简单工厂和抽象工厂的，这次我们了解一下简单工厂。 我们先…
js获取url参数值的两种方式
方法一：正则分析法复制代码代码如下:function getQueryString(name) { var reg new RegExp("(^|&)" name "([^&]*)(&|$)", "i"); var r window.location.search.substr(1).match(reg); if (r ! null) return unescap…
为什么说90后的汽车消费观念套路深？
从70后，到80后，现在轮到了90后成为汽车消费的主力军一向不喜欢按照套路出牌的90后，对于汽车消费的观念，有着什么样的新套路？来来来，动动颈椎一起看看90后汽车消费新套路*本文内容出自百度营销研究院报告《消…
这是一个横跨了86年的H5
历史上总有一些特殊而重要的日子翻开这一天的历史记忆总有一件事与你相关……也可能会错过许多那么你知道你都错过了什么么？你可能错过了你可能错过了你可能错过了那么你一定不可以错过这一次……为了不错过这个穿越的H5……点击阅读原文
[如何用JavaScript征服Leetcode?]5.洗牌算法
如何用JavaScript征服Leetcode?算法步骤代码如下今天带来的其实不是Leetcode的题目，是一个比较有趣的算法，洗牌算法，其实就是随机置乱。产生一个随机数作为交换的位置，然后当前遍历的位置进行交换。算法步骤
1.建立一个数组大小…
[JS-DOM BOM学习笔记]移动端网页特效导读
移动端网页特效导读触屏事件触屏事件概述触摸事件对象(TouchEvent)移动端拖动元素移动端常见特效移动端轮播图返回顶部click延时解决方案移动端常用开发插件什么是插件Swiper插件的使用其他移动端常见插件插件的使用总结练习-移动端视频插件 zy.media.js移动端常用开发框架框架…
[如何用JavaScript征服Leetcode?]3.写一个类，把数组转化成链表，并增删改查
写一个类，把数组转化成链表，并增删改查直接硬干，懂的都懂！function Node(val){this.valval;this.nextnull;}class LinkedList{constructor(arr){if(arr.length0){this.headnull}else{this.headnew Node(arr[0])let node,pthis.hea…
[JS-DOM BOM学习笔记]网页轮播图(已完结)
网页轮播图功能需求：案例分析显示隐藏display按钮动态生成小圆圈小圆圈的排他思想点击小圆圈滚动图片点击右侧按钮一次，就让图片滚动一张点击右侧按钮，小圆圈跟随变化自动播放功能节流阀轮播图也称为焦点图，是网页中比较常见的网页…
[JS-DOM BOM学习笔记]元素offset，client，scroll系列与动画函数封装
PC端网页特效目标元素偏移量offset系列offset与style区别案例：获取鼠标在盒子内的坐标案例：模态框拖拽案例：仿京东放大镜效果页面元素可视区client系列案例：淘宝flexible.js源码分析匀速滚动scroll系列页面被卷去的头部案例&#…
[JS-DOM BOM学习笔记]DOM那些儿事儿2
DOM那些儿事儿操作元素H5自定义属性1.设置H5自定义属性2.获取H5自定义属性节点操作为什么学节点操作1.利用DOM提供的方法获取元素2.利用节点层级关系获取元素节点概述节点层级父级节点子节点1.parentNode.childNodes2.parentNode.children兄弟节点这次接着1的故事学习操作元素 …
JS：获取元素宽高的几种方式
简介
JS获取元素宽高时，有的获取不到想要的值。 借鉴原文：链接地址 >
具体实现
// HTML
<div id"documentLabel " style"height: 100px;"></div>// CSS
#documentLabel {background-color: aquamarine;width: 100…
微信小程序——用户登录，退出，缓存（基于官方文档最新版）
微信小程序——用户登录，退出，缓存官方API说明文档地址授权登录设置缓存wx.setStorageSync(string key, any data)查看获取缓存any wx.getStorageSync(string key)移除缓存 wx.removeStorageSync(string key)1.最简单（不使用es6语法ÿ…
基于vue 动态加载图片src的解决方法
(基于vue 动态加载图片src的解决方法)
assets：
在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img src”./logo.png”>和background:url(./logo.png),”./logo.png”是相对资源路径，将有web…
Physics2DPlugin3加载后会跳转gsap官网解决
因工作需要使用Physics2DPlugin3库，目标效果 加载他里面的在线js，使用效果正常，但是几秒会跳转官网，我们app内部、浏览器都会这样。 于是研究js代码，发现里面有setTimeout跳转。
删掉就好了 分享我改好的文件&#x…
如何使用 promise 和async、await 结合处理异步中的同步请求
文章目录 需求分析 需求
需求：让代码执行完循环A再进入代码B进行执行
分析
概念： 当我们谈论同步（Synchronous）和异步（Asynchronous）时，可以将其简单地理解为不同的任务处理方式。 同步操作…
前端小案例 | 喵喵大王立大功 | 一个带便利贴功能的todolist面板
文章目录 📚html📚css📚js🐇stickynote.js🐇todolist.js🐇clock.js 📚html
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><m…
scroll-view 实现自定义模块的横向滑动（到屏幕的中间显示）
想要实现的功能是：一个横向的tab栏，点击item的时候，item自动滚动到屏幕的中间展示，有想过用vant的插件库来实现，但是那个不支持自定义内容，所以只好自己实现了。
效果图展示： 代码实现&#x…
Property和Attribute的区别
property 和 attribute非常容易混淆，两个单词的中文翻译也都非常相近（property：属性，attribute：特性），但实际上，二者是不同的东西，属于不同的范畴。
property是DOM中的属…
事件绑定，事件捕获，事件冒泡以及事件委托，兼容IE
PS：原文转自: http://www.cnblogs.com/zhangmingze/p/4864367.html，感谢原作者分享 ● 事件分为三个阶段： 事件捕获 --> 事件目标 --> 事件冒泡 ● 事件捕获：事件发生时（onclick,onmouseover……࿰…
github个人博客绑定单独阿里域名指南
详情：http://www.liu12fei08fei.top/
github个人博客绑定单独阿里域名指南起源 禁止微信重拍版 给github pages绑定域名获取github pages的ip地址 配置阿里云域名并解析（是域名就行，是不是阿里不重要） 配置github pages的custom …
520，新人体验站给你9.9告白
新人体验站——9.9福利正在袭来>>>>体验规则适用对象：从未购买或试用过开放云产品的实名认证用户；每个用户ID仅可购买一款体验产品限量名额：每日10点开始限量开放低价体验名额；名额抢光后则当日无法申请体验低价体验期…
Vue面试题持续更新......
1.Vue的特点是什么？
1、国人开发的一个轻量级框架。
2、双向数据绑定，在数据方面更为简单
3、试图、数据、结构分离，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作
4、组件化、方便封装和服用
5、虚拟dom&#x…
JS：async与await的异步处理
简介
近来发现同事大佬写的代码中有await，觉得很好奇，所以抽空看了几篇文章，记录一下所学。
await的意思就是等待。它后面可以跟一个表达式。如果是值(如字符串、数字、普通对象等等)的话，返回值就是本身的值。不过最常用的是后…
bootstrapTable 显示内容过长，鼠标悬停展示全部
{ field :logisticsreturnapplymassage, valign : middle, title : 物流返回消息（申请）, align: center, …
【微信小程序】wx.login 和 wx.getUserProfile 同时使用问题
场景
在使用微信登录时，通常会在调用 wx.login 获取 code 后再通过 wx.getUserProfile 获取 iv 和 encryptedData （加密数据）一起发到后端进行登录验证；
但是，在实际使用中如果在 wx.login 方法调用后再调用 wx.getU…
【微信小程序报错解决方法】TypeError: Cannot read property ‘setData‘ of undefined
场景
自己在调用 wx.getSystemInfo({}) 时，开发工具自动补全了代码。在 success 回调中按照以往的写法调用 this.setData({ }); 时，报错：TypeError: Cannot read property setData of undefined。
相关代码如下： /*** 生命周期函…
《ECMAScript 6 入门教程》学习笔记Ⅰ
ECMAScript 6 简介
ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现（另外的 ECMAScript 方言还有 JScript 和 ActionScript）。日常场合，这两个词是可以互换的。 Node.js
Node.js 是 JavaS…
通过类名遍历评分星星
在只显示评分及星星的时候，如果有金色、半金以及无色的⭐图案，而此时要遍历出一个数据，就要实现这个算法。
假如当前评分是3.5，那么就会有三个全金，一个半金，一个无色的星星。
实现
将评分提取成可复用的…
[前端必刷75题]9.邮箱字符串判断
邮箱字符串判断描述输入描述输出格式代码描述
判断输入是否是正确的邮箱格式
输入描述
邮箱字符串
输出格式
true表示格式正确
代码
奇葩样例： frontendnowcoder.com 所以前后要加^$ 中间有不止一个
function isAvailableEmail(sEmail) {var reg /^[0-9a-z…
JS中的排序(七行手撕快排)
JS中的排序直接使用给定规则的sort()七行手撕快排正常手撕快排直接使用给定规则的sort()
/*** 代码中的类名、方法名、参数名已经指定，请勿修改，直接返回方法规定的值即可* 将给定数组排序* param arr int整型一维数组 待排序的数组* return int整型一维…
ajax跨域的解决之CORS策略
跨域的解决方案(二):CORS策略的介绍及实现
CORS简介
CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。 它允许浏览器向跨源服务器，发出ajax请求，从而克服了AJAX只能同源使用的限…
一段代码简单防止别人扒自己的网页
这次的代码更加智能化，能够直接保护整个站，而不再是单个页面，直接把代码放到自己的网站上，如果是博客建议放到header，如果是单页面直接放到首页即可，也可以单独建一个js文件把代码放入进去，然后…
安卓开发学习之解决JS不能调用Android方法
背景
这两天在做划词搜索时，需要让前端的js调用后端的Android方法，但总是调不成，经过搜索，问题解决，现记录成文。 解决方案
1、确定调用了webView.addJavascriptInterface()方法并且webView支持js
webView支持js是前…
offsetLeft深入研究
基础示例代码-祖先元素无定位元素
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>offsetLeft研究&…
js经典面试题-连续赋值时发生了什么
题目
var a {n:1};
var b a;
a.x a {n:2}console.log(a); // ?
console.log(b); // ?
console.log(a.x) // ?考点分析
连续赋值的解析是从左到右的连续赋值的运算是从右到左的引用类型变量二次赋值时有一个重新绑定的过程对于引用类型，栈内存里存储的是一个…
太强大了！这些 Go 的难点问题都能解决！
昨天交流群里的一条发言，激起了不小的水花，一位群友最近面试 Java 方向的工作都不是很顺利，于是抱着试一试的态度把 Java 方向的简历改成了 Go 方向的，结果还挺令人吃惊的。Go 作为下一个企业级编程语言，他的发展趋势想…
JQ简短代码实现 选项卡 功能
题目：
实现选项卡，点击01跳转到01选项卡的内容，点击02跳转到02选项卡的内容。 1.主体Body部分
做一个基础的结构，设置行内默认样式。 z-index 代表的是我们显示的一个层级关系
<body>
<ul class"ul1">&l…
jQuery与JavaScript与ajax三者的区别与联系
简单总结： 1、JS是一门前端语言。 2、Ajax是一门技术，它提供了异步更新的机制，使用客户端与服务器间交换数据而非整个页面文档，实现页面的局部更新。 3、jQuery是一个框架，它对JS进行了封装，使其更方便使用…
JS 基础篇(六) 闭包理解与实现
准备知识
词法环境：
词法环境 是定义在词法阶段的作用域，即是 函数声明、变量声明的位置所决定的。
就是 声明函数和变量的当前作用域全局作用域和局部作用域和块作用域
1.全局作用域：var 关键字 在函数外声明的 所有变量都是 全局作用域的…
Ajax之同步请求和异步请求的区别？使用场景？
一、区别
①、异步： 在异步模式下，当我们使用AJAX发送完请求后，可能还有代码需要执行。这个时候可能由于种种原因导致服务器还没有响应我们的请求，但是因为我们采用了异步执行方式，所有包含AJAX请求代码的函数中的剩余…
Vue 子组件调用父组件的方法
Vue项目中如何在子组件中直接调用父组件的方法：
方法一： 直接在子组件中通过this.$parent.event来调用父组件中的方法
//父组件
<template><div><child></child></div>
</template>
<script>import child f…
jQuery 跑马灯效果
jQuery 跑马灯效果 http://www.jqueryscript.net/demo/Simple-Seamless-Carousel-Scroller-Plugin-with-jQuery-cxScroll/ swiper http://www.swiper.com.cn/ demo http://www.swiper.com.cn/demo/index.html
vue 父组件中调用子组件的方法
Vue项目中如何在父组件中直接调用子组件的方法：
方案一：通过ref直接调用子组件的方法；
//父组件中<template><div><Button click"handleClick">点击调用子组件方法</Button><Child ref"child&qu…
测开：javascript基础
一、页面嵌入javascript方式 第一种：行间事件: 直接在元素上 通过给元素添加事件绑定，来执行js代码 <!-- 绑定行间事件 --><button type"button" onclick"alert(123456)">按钮1</button>
第二种：通过…
ant design confirm的使用说明
this.$confirm({title: 提示,class: deltip,width: 400px,content: <div style"position: relative;right: 14px;">内容</div>,cancelButtonProps: { style: { display: none } }, // 隐藏取消按钮okText: 确认, cancelText: 取消, type: warning, showC…
【场景方案】我所积累的一些跨页面的数据传递方式，持续更新，欢迎补充~
文章目录 Iframe内嵌相互传递BroadcastChannel同标签页数据传递localStorage中间人传递未完待续... Iframe内嵌相互传递
使用window.postMessage()的这个html5特性去跨域传递数据，不受跨域限制。
父层：
sendMes(){ // 向iframe发送let iframdom this…
JavaScript 中的灵活编程模式-行为委托
JavaScript 中的行为委托是一种编程模式，它通过对象之间的原型链关系来共享属性和方法。相比传统的继承，行为委托更加灵活和可扩展，可以避免类层次结构的复杂性，并促进代码的重用和组合。 1. 委托与继承的区别
继承是一种将属性和…
JavaScript入门篇1， Javascript的组成、Bom对象Dom对象、 Javascript基本语法、Js中的数据类型、运算符号、逻辑控制语句、对话框
Javascript
HTML语言是一种标记语言，用于定义页面内容和表现形式，不具备逻辑性，不能与用户进行交互,css用于页面的美化,但是只由html与css写出的页面是死页面(不具备交互功能的页面) Javascript是书写在html中的可以进行逻辑执行的语言,从而…
图解Vue的四个v-on:mouse触发机制及区别
原文链接：https://blog.csdn.net/qq_41604269/article/details/105931053
四个v-on:mouse分别是：mouseenter（进入）、mouseover（逗留）、mouseout（暂离）、mouseleave（离开…
lambda表达式_Lambdas中的例外：有点混乱的优雅解决方案
lambda表达式考虑以下用于写入文件的功能： 该方法背后的想法是，以允许用户在不同的实施方式中通过InputStream的方法，以便writeToFile可以被称为例如用GZIPOuputStream ， SnappyOuputStream(快速压缩)或简单的FileInputStream 。 …
js获取数组中的任意项
js本身没有这个功能，不过我们可以对Array对象加个random属性即可达到这种效果。
上代码：
Array.prototype.random function() {let idx Math.floor(Math.random() * this.length);return this[idx];
}let arr [a, b, c, d];console.log(arr.random(…
Exception in thread “main“ java.lang.NullPointerException 读取本地json文件找不到，SpringBoot访问本地静态资源
Exception in thread "main" java.lang.NullPointerExceptionat com.jzx.JsonDemo.main(JsonDemo.java:12)在application.properties配置中也进行了修改
spring.resources.static-locationsclasspath:/static/最后发现json文件在target中未找到 可以通过重新编译&am…
HTML5+移动APP开发中遇到的各种代码元素的含义（四）
系列目录
跨平台移动APP开发中遇到的各种代码元素的含义（一） HTML5移动APP开发中遇到的各种代码元素的含义（二） HTML5移动APP开发中遇到的各种代码元素的含义（三） 目录系列目录前言一、CSS代码含义二、HTM…
bug修复---同时触发mousedown事件和touchstart事件
这两天遇到一个bug，每次点击下方键盘时，点击一次数字，文本框中会出现两次重复值，如下所示： 而且console中还有以下报错信息： 查看项目代码，代码如下：
<ul><liv-for"…
【JS】基础篇之带你走进JavaScript的函数
1.什么是函数 函数（function）是一段预定义好，并且可以被反复使用的代码块。
2.函数的声明 1）普通函数 function 函数名(){语句块；}2）带参函数 function 函数名（参数列表）{ //可以…
django 显示media图片的几个关键点
1 将url中的路径关联到服务器本地图片路径 url(r^media/(?P<path>.*)$, serve, {"document_root": MEDIA_ROOT}), 2 全局上下文注册，确保 def media(request): """ Add media-related context variables to the context. "&qu…
【JavaScript】用原生js实现无缝滚动的实例
无缝滚动 功能：向左滑、向右滑、鼠标移入滑动暂停、鼠标移出滑动继续。 <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title>&l…
【JS】基础篇之带你走进JavaScript的运算符
前言 每一种语言都有相对应的运算符，今天我们来看一下JS中的运算符。
宏观把控 先来一张图简单了解一下JS中都有哪些运算符：
算术运算符 1.“”两边的操作数不是number类型的话，做连接操作； 2.除“”以外的其他算术运算符&…
Script标签解析
HTML4.01为Script定义了以下属性
async：表示异步下载脚本。只对外部脚本有效
defer：脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本有效，IE7及更早的版本对齐也支持该属性。
src：表示包含的外部脚本文件
type&a…
Excel下载、Excel上传，邮件发送Excel并带Char图表
Excel上传 前段：ExportToExcel、UploadExcel
<!-- 模态框 -文件下载上传 --><div class"modal"><div class"modal-content family"><span class"close" onclick"ModalClose(modal)"></span>…
5.Vue.js前端框架：样式绑定
5.1 class 属性绑定
在样式绑定中，首先是对元素的 class 属性进行绑定，绑定的数据可以是对象或数组。
5.1.1 对象语法
在应用 v-bind 对元素的 class 属性进行绑定时，可以将绑定的数据设置为一个对象，从而动态地切换元素的 cla…
Java的三大特性（基本特征）
面向对象的三个基本特征是：封装、继承、多态。 封装
封装最好理解了。封装是面向对象的特征之一，是对象和类概念的主要特性。
封装，也就是把客观事物封装成抽象的类，并且类可以把自己的数据和方法只让可信的类或者对象操作&…
4.Vue.js前端框架：计算属性与监听属性
4.1 计算属性
4.1.1 什么是计算属性
计算属性需要定义在 computed 选项中。当计算属性依赖的数据发生变化时，这个属性的值会自动更新，所有依赖该属性的数据绑定也会同步进行更新。在一个计算属性里可以实现各种复杂的逻辑，包括运算、函数调…
JavaScript 入门基础语法
var num 123;// 注释 "输出" // 说明// debug(num);console.log(num)// Number类型：用来表示整形和浮点型，还有特殊类型，非数值类型// 非数值类型NaN// 定义：表示一个本来要返回数值的操作数未返回数值的情况/…
【JS笔记】JavaScript sort()方法使用及原理
JavaScript sort()方法: sort()方法：使数组中的元素按照一定顺序排列 语法格式： Array.sort(function()); 参数说明： Array（必选项）：任意数组对象。 function()（可选项）：…
大前端快闪：package.json文件知多少？
最近在公司某项目参与了一些前端工作，作为后端抠脚大汉，改点前端细节磕磕绊绊，改点大前端、工程化、HTTP交互倒也还能做到柳暗花明。于是打算用后端程序猿的视角记录一些{大前端}的知识快闪，也算是帮助读者构建完整的全栈技能体系…
C#位图BitArray 小试牛刀
前面聊了布隆过滤器，回归认识一下位图BitMap，阅读前文的同学应该发现了布隆过滤器本身就是基于位图，是位图的一种改进。难缠的布隆过滤器，这次终于通透了位图先看一个问题， 假如有1千万个整数，整数范围在1到…
3.Vue.js前端框架：条件判断与列表渲染
3.1 条件判断
在视图中，经常需要控制某些DOM元素的显示或隐藏。Vue.js提供了多个指令来实现条件的判断，包括 v-if、v-else、v-else-if、v-show指令。下面分别进行介绍。
3.1.1 v-if指令
v-if 指令可以根据表达式的值来判断是否输出DOM元素及其包含的子…
JS获取每项中调用函数的当前元素DOM
jquery用$(this)的方式即可： for (var i in list) {
.....
<button type"button" class"btn " onclick"like(${p.id},this)"><img src"/fonts/hand-thumbs-up.svg" alt"hand" width"18" heig…
JavaScript循环语句（三）
javascript循环 有 for循环、while循环
循环有 循环条件 循环体{}
for循环
// for循环定义
for(语句1; 语句2; 语句3) {// 被执行代码块}// for循环示例1
for(var i0;i<10;i) {console.log(i)
}
// for循环示例2
for(var i10;i<10;i--) {console.log(i)
}while循环 …
JavaScript2，BOM浏览器常用对象、Dom文档对象模型
BOM浏览器常用对象
Screen对象
屏幕对象var width screen.availWidth; //返回显示屏幕的宽度(除 Windows 任务栏之外)var height screen.availHeight; //返回显示屏幕的高度var showWidth screen.width; //返回显示器屏幕的宽度。var showHeight screen.height; // …
cookie、loacalStorage、SessionStorage
对比
CookieSessionStorageLocalSTorage传递方式在服务器和浏览器间传递不会自动把数据发给服务器，存储在本地不会自动把数据发给服务器，存储在本地大小4KB5MB5MB有效时长可以设置有效时长当前浏览器关闭前有效始终有效
会话跟踪技术：
一、…
vue项目编译非常慢，经常卡在某个百分点
1、注册插件 2、在项目根目录下的 babel.config.js 文件中加入下方配置 3、将import导入方式改为require导入方式，返回promise 4、如果动态加载组件import引入组件找不到组件（Error: Cannot find module）
使用 webpack 的 require.ensure() …
js中some和every用法
some用法 some() 方法用于检测数组中的元素是否满足指定条件，如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素，则返回false。
注意：
some() 不会对空数组进行检测。 some() 不会改…
VScode插件推荐（web开发）
VScode插件推荐（web开发）
CTRL , 可以打开设置。
Chinese (Simplified) Language Pack for Visual Studio Code汉化编辑器 Live Server 可以本地服务器的形式来运行html文件，或者项目，实现边改边在浏览器看见效果。 REST Client…
泛微OA之获取每月固定日期
文章目录 1.需求及效果1.1需求1.2效果 2. 思路3. 实现 1.需求及效果
1.1需求
需要获取每个月的7号作为需发布日期，需要自动填充1.2效果
自动获取每个月的七号2. 思路
1.功能并不复杂，可以用泛微前端自带的插入代码块的功能来实现。
2.将这需要赋值的…
前端开发项目中使用字体库
开发中有些项目要求使用固定的字体，这就需要项目中使用字体库。
首先需要下载字体库 将下载的字体文件放进项目中
在项目代码样式文件中定义字体
font-face {font-family: "Tobias-SemiBold";src: url("./assets/font/Tobias-SemiBold.ttf"…
JavaScript_手风琴效果（一）
文章目录效果图：需求分析：源代码：所用图片：效果图：
未展开时的效果 鼠标悬浮在其上的效果 需求分析：
在每个 li 里面设置一个图片鼠标移出 ul ,每个 li 的宽度变成240鼠标移入某个 li ,当前 li 的宽度变成…
Ant Design Vue详解a-tree-select使用树形选择器，递归渲染数据，点击选项回显，一二级菜单是否可选等问题
后台给的树形数据：
{"code": 200,"data": [{"code": "jsd","children": [{"code": "hx","children": [],"name": "航向","id": 8,"libTable…
localStorage，sessionStorage 和 cookie区别
类型大小过期时间作用域设置值取值清除值localStorage5M永久，关闭浏览器或页面不会消失，需要手动清除所有同源窗口共享window.localStorage.setItem(key,value)localStorage.getItem(key)localStorage.removeItem(key) localStorage.clear();sessionStor…
js 如何实现转驼峰处理
目录 1，需求2，实现和原理3，原理1，正则2，替换函数 1，需求
在开发中，有时需要将中划线 -，下划线 _，冒号 : 这些连接符转为驼峰形式。
如果只有一个连接符，处理…
静态资源地址API字节流访问服务器文件区别及相互兼容方案
静态资源地址&API字节流访问服务器文件区别及相互兼容方案 概述特殊场景分析&猜测解决 概述
访问文件资源，一般常见的有两种方式：
静态资源地址：https://www.baidu.com/aaa.png、https://www.baidu.com/video.mp4接口获取文件流&am…
avue-crud中时间范围选择默认应该是0点却变成了12点
文章目录 一、问题二、解决三、最后 一、问题
在avue-crud中时间范围选择，正常默认应该是0点，但是不知道怎么的了，选完之后就是一直是12点。具体问题如下动图所示： <template><avue-crud :option"option" /&g…
30天精通Nodejs--第十四天：MongoDB
这里写目录标题 前言什么是 MongoDB？安装 MongoDB 驱动连接到 MongoDB 数据库执行基本操作插入文档查询文档更新文档删除文档使用 Mongoose总结前言
MongoDB 是一款流行的 NoSQL 数据库，为 Node.js 开发者提供了灵活性和可伸缩性。本文将详细介绍在 Node.js 中使用 MongoDB的…
一文解决IDEA中文乱码问题
✅作者简介：热爱国学的Java后端开发者，修心和技术同步精进。 🍎个人主页：Java Fans的博客 🍊个人信条：不迁怒，不贰过。小知识，大智慧。 💞当前专栏：JAVA开发者…
js点击按钮复制文本到粘贴板
需求：点击 按钮复制文本， 本来写死一个input或者textarea设置复制文本为默认值，然后设置隐藏控件，但是隐藏的控件，复制时浏览器找不到复制的对象，原因未知，故使用如下方法， …
js判断undefined
if (typeof(data.count) ! "undefined" && data.count ! && data.count ! null) { }
输入年月日判断这是一年的第多少天
function getDays(y,m,d){ //定义存储天数的变量 var days d; //如果用户输入的是一月份，那么直接返回天数 if(m 1){ return days; } //如果不是一月份，到这…
保持左侧菜单的激活状态
el-menu有一个属性： 可设置default-active"/users"，设置index为/users的选项为激活状态 但是这样就写死了，选择其他选项的时候不会激活，故需要进一步优化。 主要思想，选中选项，将当前选中的选项的…
有道翻译web端 爬虫, js
以下内容写于2023-12-28, 原链接为:https://fanyi.youdao.com/index.html#/
1 在输入框内输入hello world进行翻译,通过检查发出的网络请求可以看到翻译文字的http接口应该是: 2 复制下链接最后的路径,去js文件中搜索下: 可以看到这里是定义了一个函数B来做文字的翻译接口函数…
Echarts基本的实用属性
大家也可以去Echarts官网查看相关属性：echarts官网，下面都是我在官网中提炼和平时工作中所用到的基本常见属性以及一些特殊属性。 基本结构
<html><div id"container" style"width:100px;height:100px"><div>
&l…
vue刷新当前页面，刷新数据，更新数据
第一种： this.$router.go(0) 这种就是让整个页面重新加载一次，但是会出现几秒钟的白屏情况，对用户体验不好。 第二种： location.reload() 这种跟上面类似，都会出现白屏情况。 第三种： provide / inject组合…
vercel部署twikoo后评论收不到通知邮件问题解决方法
📌 前言：本文主要是总结一下在vercel部署twikoo后收不到评论邮件通知问题的解决方法，本人在各种查资料无果后最终去twioo的git官方项目的issue中找到某位大佬给出的原因以及解决方案，故做此记录，希望对遇到此问题的同学…
葡萄酒术语“旧世界”和“新世界”
如果你对葡萄酒和葡萄酒酿造有更多的了解，你可能会遇到这样的术语“旧世界”和“新世界”。如果你没有遇到，那么你现在有了，让我们继续前进吧！一些葡萄酒传统主义者断言旧世界的葡萄酒是最好的，因为他们向旧的酿酒技术…
【三十天精通Vue 3】第十一天 Vue 3 过渡和动画详解
✅创作者：陈书予 🎉个人主页：陈书予的个人主页 🍁陈书予的个人社区，欢迎你的加入: 陈书予的社区 🌟专栏地址: 三十天精通 Vue 3 文章目录引言一、Vue 3 过度和动画概述1.1过度和动画的简介二、Vue 3 过度2…
#vue# js正则表达式——实现手机号校验效果
需求：输入错误的手机号，会有提示语，正确的手机号码会有正确的图标
效果： 思路：
（1）排版（不细讲），使用input 、button、span等标签，排版里面一个…
leetcode刷题之有关树的算法
144.二叉树的前序遍历
方法一:递归
var preorderTraversal function(root) {let arr []const preorder root >{//递归的出口if(rootnull){return}arr.push(root.val)preorder(root.left)preorder(root.right)}preorder(root)return arr
};方法二：迭代 使用栈…
24 VueComponent 的 render
前言
这是最近的碰到的那个 和响应式相关的问题 特定的操作之后响应式对象不“响应“了 引起的一系列的文章
主要记录的是 vue 的相关实现机制
呵呵 理解本文需要 vue 的使用基础, js 的使用基础 测试用例
测试用例如下, 一个简单的 按钮事件的触发 问题的调试
编译…
js 控制网页全屏及退出全屏
网上找了好多资料，基本大同小异，实际效果会出现IE不兼容的现象（全屏和退出全屏都失效）， 后来解决了，记录如下：
function requestFullScreen(element) {var docElm element;if (docElm.requestF…
通过js获得input文本框输入的值
如何通过js获得input文本框输入的值。
前言
我们编写的被载入浏览器的HTML页面都是一个 Document 对象。对于Document对象可以使我们通过代码(比如javascript)对HTML页面中的所有元素进行访问。比如div标签元素、span元素、input元素等等。 Document对象具有以下的属性&#x…
解决: Vue报错 Cannot find element: #app
原因： 在html没有加载完成时，加载了js，导致js找不到vue对应的id，所以报错 解决： 将对应js放到html最后引用即可
【数组差值获取】vue对比两个数组的数据差值，并把差值取出来显示
问题：什么是数组差值获取呢。 有时候会遇到一种情况，就是比如我们有一个A数组，还有一个B数组，我们需要比较两个数组，看A数组内的数据是否在B数组内存在，如何有就不管，如果没有就取出来。 代码
…
【JavaScript】用原生js来实现元素的缓冲运动
缓冲运动 缓冲运动是指，运动物体的速度由快到慢，逐渐停止。 <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title>&l…
【ES6】...扩展运算符
文章目录扩展运算符一、在函数中使用1.1 传递实参1.2 接收形参1.3 new 表达式二、在数组中使用2.1 合并数组2.2 拷贝数组三、在对象中使用3.1 合并对象3.2 拷贝对象扩展运算符
ES6 里面号新添加了一个运算符...，叫做扩展运算符，又称（Spread …
一行代码解决求重问题
对需求的深刻认知，决定了解决问题的技巧高度 问题
例如：var a[[1,2,3,5], [2,3,4], [2,3], [2,3,6,7]]; 输出：[2,3] 例如：var a[[0,1,2,3,5],[-1,1,4,5,6,7],[1,2,3,5,6]]; 输出：[1,5]
常规
一般人会考虑降维&#…
ES6特性：Generator生成器
ES6: Generator 生成器 文章目錄ES6: Generator 生成器簡介參考正文Basic 基礎定義和用法帶參數的 next遍歷自定義對象屬性擴展運算符展開迭代器作為對象屬性yield\* 語法協程(coroutine)半協程(semi-coroutine)this 綁定Generator 實例方法Generator.prototype.throw()Generat…
Vue3动态加载图片
vue3从数据库中获取文件路径后动态载入到页面中的方法为：
<el-table-column label"图片" width"150"><template #default"scope"><img :src"require(../assets/goodsImage/scope.row.image.jpg)" class&qu…
【深入JavaScript_笔记一_防抖与节流】
目录前言正文内容防抖非立即执行方式立即执行方式节流时间戳节流定时器节流防抖和节流的区别总结前言
在前段日子，在内心的逼迫下跟着众多大佬的脚步，磨磨蹭蹭慢慢悠悠的学完了一些原生JavaScript底层的知识。产生了很多感触，编程技术太多了…
vue可调整大小和可拖动的组件---vue-draggable-resizable
vue-draggable-resizable 用于可调整大小和可拖动元素的组件、并支持组件之间的冲突检测和组件对齐。 使用流程： 安装依赖： npm install --save vue-draggable-resizable 注册组件(在main.js中添加下列代码)： import Vue from vue
import Vue…
阿语python第三阶段第6章html+css基础-v5.0前端开发第2节html 的基本结构
大家好，我是阿语，从今天开始每天更新8篇python教程从第一个基础语法开始每天更新一下基础内容，这些会分类出来，保持一天完整的python教程，有的人肯定会问 为什么最后才写爬虫了，阿语在这里声明一下…
【JS】Date 对象用法
文章目录Date 对象Data 方法getFullYeargetMonthgetDategetHoursgetMinutesgetSecondsgetDaygetTime时间差计算时间差获取时间差 now()Date 对象 Date 是 js 的一个内置对象，该对象存储日期和时间，并提供了日期/时间的管理方法 new Date()在不传递参数的…
instanceOf 运算符原理
定义 instanceof运算符用于测试构造函数的prototype属性是否出现在对象的原型链中的任何位置。 —— MDN 简单理解为：instanceof可以检测一个实例是否属于某种类型。
function Foo(){}
const a new Foo()a instanceof Foo // true
a instanceof Object /…
JS如何检查对象是否为Array ？？？
一、简介
在 JS 中使用数组是一种常见操作，有时在开发中，获得一个需要作为数组的变量，但是我们不确定它是否是数组，那要怎么去判断是否为数组呢?
JS 中的非原始数据类型都是对象（函数具有自己的类型，但它…
web前端期末大作业：基于HTML+CSS+JavaScript制作鲜花礼品在线购物网站设计(19页)
🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业： 【📚毕设项目精品实战案例 (10…
【JS】String 字符串简解
文章目录创建字符串1. 字面量创建（常用）2. 内置构造函数创建操作字符串1. 字符串长度2. 字符串赋值3. 字符串索引4. 字符串遍历模板字符串【ES6】与普通字符串区别ASCII 字符集ASCII 表字符串比较Unicode 编码【扩展】创建字符串
我们创建字符串也分为两…
前端监控原理，深入浅出，从上手到实战
前端监控分为性能监控和错误监控。其中监控又分为两个环节：数据采集和数据上报。本文主要讲的就是如何进行数据采集和数据上报。数据采集性能数据采集性能数据采集需要使用 window.performance API。Performance 接口可以获取到当前页面中与性能相关的信息ÿ…
JS AJAX--- XML文件
AJAX 可用于同 XML文件进行交互式通信 AJAX XML 实例
下面的例子演示网页如何通过 AJAX 从 XML 文件读取信息：
当用户点击“获取 CD 信息”按钮时，执行 loadDoc() 函数。loadDoc() 函数创建 XMLHttpRequest 对象，添加当服务器响应就绪时执行…
JS AJAX--- XMLHttp
Ajax的核心是 XMLHttpRequest对象 XMLHttpRequest对象 所有现代浏览器都支持XMLHttpRequest对象 XMLHttpRequest 对象用于同幕后服务器交换数据。
这意味着可以更新网页的部分，而不需要重新加载整个页面。
创建 XMLHttpRequest 对象
所有现代浏览器（C…
幸运大转盘抽奖（前端uniapp）
幸运大转盘抽奖（前端js）在一个商城项目中用到了大转盘抽奖，来此记录一下，样式和图片自己微调一下就好了！！！<template><view class"collection"><luckydraw class"…
一个博客网站mock接口示例
文章目录登录页登录接口注册页查询用户名是否已被注册注册用户接口已存在用户名测试注销页注销token刷新博客首页查询技术频道(类别)列表接口获取指定位置的广告信息接口获取文章列表接口文章详情页文章内容显示更新浏览量1数据接口文章点赞接口通过文章ID查询所有评论数据接口…
自己动手实现一个Array.prototype.map?
文章目录语法简单示例实现参考资料语法
Map 作用是生成一个新数组，遍历原数组，将每个元素拿出来做一些变换然后 append到新的数组中。
[1, 2, 3].map((v) > v 1)
// -> [2, 3, 4]Map 有三个参数，分别是当前索引元素，索引…
js中常见的几种深拷贝方法
文章目录使用递归方式进行深拷贝通过JSON序列化实现深拷贝lodash函数库实现深拷贝使用jq（extend）方法实现深拷贝其他补充slice()和concat()object.assign()总结使用递归方式进行深拷贝
let deepClone (initalObj) > {const obj {};if(typeof inita…
360浏览器+Adobe Acrobat DC实现在线预览PDF大样校对
甲方：实现方正PDF文字大样校对，校对后在360浏览器中新开一个页面在线预览PDF文字大样校对结果。 我方实现过程：
1.方案选择
方案零：使用浏览器自带的PDF阅览器，经测试360极速模型,谷歌等软件能预览但是标记的PDF内容…
bootstrap-js组件-轮播效果
简单的没有控制的图片轮播：
<div class"carousel slide" data-ride"carousel" id"mycarousel"><!-- 幻灯片图片 --><div class"carousel-inner"><div class"item active"><img src&…
JS写怀旧小游戏系列（一）俄罗斯方块
这年头这么多用JS写怀旧小游戏的，我来做个总结，做个系列，今天第一天，俄罗斯方块！<!doctype html><html><head><style type"text/css">
body { background:#000; font:25px/25px 宋体…
跨域与JSONP 防抖与节流
跨域与JSONP了解同源策略和跨域实现跨域数据的请求JSONP实现原理JQuery中的JSONP防抖和节流什么是防抖缓存搜索结果什么是节流了解同源策略和跨域
什么是同源：如果两个页面的协议、域名和端口号都相同，则两个页面具有相同的源，只要三者中任何…
物联网学习笔记——构建RESTFul平台2
0.前言前些时间顺着Yeelink学习了RESTFUL，使用PHP和Slim框架尝试实现简单的REST API，树莓派可通过GET方法获得JSON数据包，通过这种方式实现了树莓派和服务器（我的PC）的互动。但是由于没有WEB前端，所以只能使…
设置input框只能输入数字并保留两位小数
<el-input oninput"valuevalue.replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/,$1)"></el-input>
js中的false和json
1.js中的false
js中的false可以转换为空字符串或者数字0
false“1” “1”； false1 1； 对于false与字符串或者数字的比较最好按情况处理
或! :只比较值是否相同，不考虑类型，此时false“”，false0；
或…
js中遍历对象的方式
js中遍历对象的方式
for…in…
let object {first: 12,second: 13
}
for (let item in object) {console.log(item) // first,secondconsole.log(object[item]) //12,13
}Object.key遍历
let object {first: 12,second: 13
}
Object.keys(object) // first,second
Object…
Vue的中的遇到的问题+笔记
Vue笔记
vue自定义组件(通过Vue.use()来使用)即install的使用，就是说Vue.use（）产生的效果与install是一样的
export default {install(Vue) { // 重点--->installVue.prototype.$formatMoney function(s, n) {n n > 0 &&am…
js新建一个数组和对象把数据已字符串形式存入本地缓存
var arr []; //新建一个数组var objA new Object(); //新建一个对象objectA();function objectA() {var tabitemhtml;objectB(msg[0].id) //传入数据的第一个idconsole.log(msg[0].id)for(var i0;i<msg.length;i){arr.push(msg[i].id); //把id存入空数组var menuidmsg[i].…
chrome的常用技巧
小小的放大镜图标告诉你有哪些 CSS 类／选择器 位于哪个 CSS 文件，决定了某个特殊元素的样式和 CSS 的属性。例如，在任意 DOM 元素上右击选择 “审查元素”，切换到 “Computed” 子菜单，可以查找你感兴趣的 CSS 属性并且…
HTML+CSS+JavaScript实现时间显示
首先完成html的框架搭建
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthde…
HTML+CSS+JavaScript实现简单的日历功能（待改进）
HTML代码实现如下
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-w…
JS 基础: RegExp 正则表达式完整理解与应用
JS 基础: RegExp 正则表达式完整理解与应用 文章目录JS 基础: RegExp 正则表达式完整理解与应用前言正文0. 什么是正则表达式？1. JS 中与正则表达式相关的方法1.0 JS 中正则表达式的构造方法：字面量、RegExp 构造函数1.1 RegExp.prototype.test(string)1…
JS中变量的存储问题（面试准备）
JS中变量分为两种类型：基本数据类型和引用类型
（一）基本数据类型：Undefined,Null,Boolean,Number和String (二)引用类型：对象，数组，函数 原始值和引用值存储在内存中的位置分别是栈和堆。原始…
Moment.js Day.js 时间日期类库
Moment.js & Day.js 时间日期类库 文章目录Moment.js & Day.js 时间日期类库前言正文0. 环境配置0.1 安装依赖0.2 辅助工具函数1. Moment.js1.1 创建时间日期对象1.2 获取/设置属性1.3 日期操作(加、减、对齐、选择)1.4 查询(判断、比较)1.5 格式化输出2. Day.js2.1 创…
JavaScript基础知识1
JavaScript是解释性语言
是一种可以在浏览器中运行的脚本语言主要用来实现在浏览器端的动作 用户交互数据处理
源码放在HTML里面
<!DOCTYPE html>
<!--DOCTYPE 是指定当前的html的版本，这里默认指定的是html5-->
<html>
<!--这里是html文件…
JavaScript进阶学习笔记（七）--- ES6相关
一、ES6的概念
ES 的全称是 ECMAScript ，6 是指 版本 ，是由 ECMA 国际标准化组织制定的一项脚本语言的标准化规范。ES6 的出现修改了 JavaScript 一些不足之处，使其更加完善。
二、ES6新增语法
1、let
ES6 中新增了 let 关键字用来…
vue 使用C-Lodop打印小票
先从官网下载js文件 https://www.lodop.net/LodopDemo.html 打开安装程序，一直下一步既可，我这边已经安装过就不演示了。
// 引入
import { getLodop } from /utils/CLodopfuncs.js;// 使用 let LODOP getLodop()let Count LODOP.GET_PRINTER_COUNT…
27、字符串字面量类型
字符串字面量类型
作用： 字符串字面量类型用来约束取值只能是某几个字符串中的一个
语法： type EventNames ‘click’ | ‘scroll’ | ‘mousemove’; demo：
type EventNames click | scroll | mousemove;
function handleEvent(ele: El…
删除url地址字符串的某个参数
例如，删除url的token参数 删除前：http://xxxxxxxx/#/dynamic?token4654561654asd4asd&id03e657722d5056820c5f&cityName广州市 删除后：http://xxxxxxxx/#/dynamic?id03e657722d5056820c5f&cityName广州市 /*** 删除URL中指定se…
JavaScript querySelector
querySelector方法的语法：
var element document.getElementById("id");
element.querySelector(selector)element是要执行选择操作的父元素，selector是CSS选择器，用于指定要选择的元素。
querySelector方法返回匹配选择器的第一…
苍穹外卖11（Apache ECharts前端统计，营业额统计，用户统计，订单统计，销量排名Top10）
目录 一、Apache ECharts【前端】
1. 介绍
2. 入门案例
二、营业额统计
1. 需求分析和设计
1 产品原型
2 业务规则
3 接口设计
2. 代码开发
3. 功能测试
三、用户统计
1. 需求分析和设计
1 产品原型
2 业务规则
3 接口设计
2. 代码开发 3. 功能测试
四、订单统…
UI上传组件异步上传更改为同步
实现异步方法
JavaScript 异步 实现异步的五种实现方法_js异步-CSDN博客 这两种比较经常用。 因为上传组件是异步上传的通过Async和await配合使用可以上传完照片视频后返回的地址在继续走下去，而不是图片视频地址还未获取时就上传后端了。
tabindex 用法说明
1 前 言 tabindex 指示其元素是否可以聚焦，以及它是否/在何处参与顺序键盘导航。 本篇将介绍 tabindex 的一些用法。通常使用 tab 键移动焦点，使用空格键激活焦点。
2 规范 && 兼容
HTML 4Only supported on <a>、<area>、 <bu…
Vue使用Canvas绘制图片、矩形、线条、文字，下载图片
1 前言
1.1 业务场景
图片储存在后台中，根据图片的地址，在vue页面中，查看图片，并根据坐标标注指定区域。
由于浏览器的机制，使用window.location.href下载图片时，并不会保存到本地，会在浏览器…
菜鸟学习vue3笔记-vue3 router回顾
1、路由router
pnpm i vue-router2、创建使用环境
1.src下创建 router文件夹、里面创建index.ts文件
//创建一个路由暴露出去//1.引入createRouter
import { createRouter, createWebHistory } from "vue-router";// import Home from ../components/Home.vue//…
2024 高级前端面试题之 ES6 「精选篇」
该内容主要整理关于 ES6 的相关面试题，其他内容面试题请移步至 「最新最全的前端面试题集锦」 查看。 ES6模块精选篇 1. ES5、ES6和ES2015有什么区别?2. babel是什么，有什么作用?3. let有什么用，有了var为什么还要用let？4. 举一…
js中实例方法、静态方法和原型方法详解
背景
之前一直以为构造函数可以直接访问原型方法，是错的，现在说一下
实例方法
构造函数中this上添加的成员 ,在Cat构造方法里面，定义在this中的变量和方法，只有实例才能访问到：如this.name,this.move,this.eat这些都…
学习js面向对象编程设计模式
目录 描述
创建对象
工厂模式
构造函数模式
原型模式
构造函数模式原型模式
寄生构造模式
稳妥构造函数模式 描述
面向对象的语言有一个标志，就是都有类的概念，而通过类可以创建很多具有相同属性和方法的对象。
对象可以定义为无序属性的集合&a…
Vue 源码实现: Reactive Data 响应式对象 Vue3 实现（使用 Proxy 实现）
Vue 源码实现: Reactive Data 响应式对象 Vue3 实现（使用 Proxy 实现） 文章目录Vue 源码实现: Reactive Data 响应式对象 Vue3 实现（使用 Proxy 实现）简介参考完整示例代码正文响应式数据对象 Reactive Data创建响应式数据对象&am…
科幻风的卡片视频播放
上一篇博文展示了卡片中的VR展示，那篇主要是卡片的3D转动来展示未显示的部分图片。这篇，我们来点科幻的。
我们在卡片中播放视频的同时来拖动卡片或转动它。像下面那样： 这个主要依赖了两个库，具体代码如下：
<!D…
JS 基础: Get Check Object Properties 获取和检查对象属性
JS 基础: Get & Check Object Properties 获取和检查对象属性 文章目录JS 基础: Get & Check Object Properties 获取和检查对象属性简介参考正文获取属性Object.keys(obj)Object.getOwnPropertyNames(obj)Object.getOwnPropertySymbols(obj)getOwnProperties & ge…
JS 基础：一次搞懂 for、for...in、for...of 循环
JS 基础：一次搞懂 for、for…in、for…of 循环 文章目录JS 基础：一次搞懂 for、for...in、for...of 循环简介参考正文样例一般 for 循环Scope 作用域for...in 循环enumerable: false模仿 for...infor...in 小结for...of 循环Symbol.iteratorfor...of 小结…
ES6特性：Proxy 代理
ES6: Proxy 代理 文章目錄ES6: Proxy 代理簡介參考正文Conception 思想Create 創建實例Proxy.revocable(target, handler)Handlers 處理方法get(target, propKey, receiver)參數說明Sampleset(target, propKey, value, receiver)參數說明Samplehas(target, propKey)參數說明Sam…
JS:鼠标移动-伞形特效
效果演示：
作者git地址：https://github.com/VincentGarreau/particles.js
代码
<script typetext/javascript color22,192,255 zIndex-1 opacity1 count99 srcjs/umbrella.js></script>
!function () {function n (n, e, t) {return n.g…
JS基礎：Hoisting 變量提升、TDZ 暫時性死區(Temporal Dead Zone)
JS 基礎：Hoisting 變量提升、TDZ 暫時性死區(Temporal Dead Zone) 文章目錄JS 基礎：Hoisting 變量提升、TDZ 暫時性死區(Temporal Dead Zone)簡介參考正文Scope 作用域varlet、constHoisting 變量提升(對於 var 來說)暫時性死區 TDZ (Temporal Dead Zone…
JS基礎：事件流機制(捕獲冒泡)
JS 基礎：事件流機制(捕獲&冒泡) 文章目錄JS 基礎：事件流機制(捕獲&冒泡)簡介參考正文EventTarget 事件目標對象Methods 方法EventTarget.addEventListenerEventTarget.removeEventListenerEventTarget.dispatchEventEvent 事件對象Properties 屬…
JS基礎：Event Loop事件循環機制
JS 基礎：Event Loop 事件循環機制 文章目錄JS 基礎：Event Loop 事件循環機制簡介參考正文Structure 結構Stack 棧Heap 堆WebAPIs 接口Callback Queue 回調函數隊列Main Procedure 主要流程Problem 問題Blocking 阻塞SampleSolution 解決辦法Render Block…
JavaScript超级入门基础(一)
JavaScript基础(一)
HTML-DOM
（一）什么是 HTML DOM？
HTML DOM 是：
HTML 的标准对象模型HTML 的标准编程接口W3C 标准
HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。换言之，HTML DO…
NProgress：簡單進度條
NProgress：簡單進度條 文章目錄NProgress：簡單進度條簡介參考正文Import 引入CDNNPM接口說明Configuration 配置選項1. minimum 最小值2. template 模板3. easing & speed 移動模式4. trickle & trickleSpeed & trickleRate 自動前進5. show…
js-cookie：轻量级 cookie 框架
js-cookie：轻量级 cookie 框架 文章目錄js-cookie：轻量级 cookie 框架簡介參考正文Import 引入方法CDNNPMjs-cookie 接口說明三種基本方法語法避免衝突Cookie Attribute 屬性說明1. expires 屬性2. path 屬性3. domain 屬性4. secure 屬性5. sameSite 屬…
JS中的日期和时间详解
JS中的日期和时间详解关于Date()构造函数简单实例用Date()构造函数创建时钟关于Date()构造函数
Date()构造函数是javascript的核心语言部分，用来创建表示时间和日期的对象。这些日期对象的方法为日期计算提供了简单的API。日期对象不是数字那样的基本类型。
简单实…
阿语python4-2 美多商城v5.0商品-首页广告之第6.3.2节自定义Django文件存储类
自定义Django文件存储类思考：下图首页页面中图片无法显示的原因。结论：通过FastDFS上传文件后返回的Remote file_id字段是文件索引。文件索引会被我们存储到MySQL数据库。所以将来读取出来的也是文件索引，导致界面无法下载到图片。解决&#…
阿语python基础语法v5.0之第7节 字符串
大家好，我是阿语，从今天开始每天更新8篇python教程从第一个基础语法开始每天更新一下基础内容，这些会分类出来，保持一天完整的python教程，有的人肯定会问 为什么最后才写爬虫了，阿语在这里声明一下…
scrapy爬虫框架入门实例
安装scrapy因为用的是anaconda，所以直接pip install scrapy就成功了。如果不成功可以pip install lxml先,可以查看下版本scrapy --version
Scrapy 1.7.1 - project: tutorialscrapy组件和流程一个简单的项目实例（爬猫眼电影排行）用终端创建&a…
【小5聊】javascript 代码顺序之focus()焦点无效的原因
1、假设代码如下
<div id"recordWindows"><textarea id"txt"></textarea>
</div>
2、js代码如下操作，focus()焦点无效
原因：先进入焦点，然而textarea标签是在div内，div还没完成显…
深入透析Promise几种方法（含手撕思路讲解及坑点）
文章目录前言一、Promise.all()1.介绍2.实例状态全为fulfilled状态有一个为rejected3.代码实现思路代码二、Promise.race()1.介绍2.实例3.代码实现思路代码总结前言
前面我们简单实现了一个promise，不懂的同学，传送门：深入透析Promise
那么…
添加商品到购物车逻辑
1.先判断cookie中是否有购物车，没有就把对象存到数组中，再存到cookie中， 2.如果cookie中有购物车，就通过规格Id判断cookie中的对象数组是否存在此规格Id的对象，存在就购买数量加一，不存在就把当前规格Id的对…
vue中使用img标签动态显示base64图片
<img :src"data:image/jpeg;base64 itemEsign.esignature" alt"">前缀一定要加上’data:image/jpeg;base64’这是字符串类型，后面用写上你需要渲染的base64图片
js获取页面宽度高度及屏幕分辨率
js获取页面宽度高度及屏幕分辨率
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHei…
js判断字段是否为空
判断字段是否为空
fileUrl(e){let p!this.isEmpty(e)&&String(e).replace(/^[\s]|[\s]$/g,)![];if(p){return JSON.parse(e)}else{return false}},isEmpty(str) {return (null str || undefined str || [] str || "" this._trim(str));},_trim(szExp) {…
webpack babel遇到ReferenceError: _regeneratorRuntime is not defined
如图，我确认我是使用transform-runtime插件，网上各种说引入babel-polyfill啊，都是辣鸡，我们要的是找出问题的原因！！！既然我们已经引用了babel-runtime和babel-transform-runtime插件之后&#x…
【js】js获取今日和昨日0点和23点59分59秒
1.今日0点和23时59分59秒
//方式1
const end new Date(new Date().toLocaleDateString());
const start new Date(new Date().toLocaleDateString());
start.setTime(start.getTime());
end.setTime(end.getTime() 3600 * 1000 * 24 - 1000)
//方式2
const start new Dat…
js 删除字符串中指定的一些字符
比如有一些字符串 1213，,2312，,13123r，阿瓦达无，undefined，undefined 如果想删除这些undefined的字符串那需要怎么 办呢 代码
var a 1, 2, 3, 4, 5, 23, undefined, undefined;
// 后面加g是删除字符串里面所有的und…
vue项目和jeccg开源文档
vue中如果报错是这个的话 You cannot set a form field before rendering a field associated with the value.那就是说明后端给的字段和你在input的输入框给的字段要不就是多了要不就是少了，一定要一样。 input的框和后端给的时间不一样的话，只要月份&a…
记录立邦商城母亲节浇花js效果
$(document).ready(function(){window.active false;$(".mothersday_button").click(function(){//开始浇花active true; $(".mothersday_button").hide();$(".mothersday_flower").removeClass("cursor_change").a…
使用js插件实现简单有趣的人脸识别
前阶段无聊想搞个人脸识别玩玩，发现一个有趣的插件包，虽然不算特别强大但是相对还是能实现效果，主要是它简单啊，让你5分钟内就会用，可以去玩玩看，现在我把它拿出来和大家分享
这个插件就是jquery.facedete…
js onclick() 传递参数问题。onclick() 传递参数失败，jsp onclick() 失效！！！
平时一般不用onclick()事件，因为现在用原生js的比较少。但是如果是点击操作，并且要传递参数的时候，用onclick()事件，就会简单很多了。
但是这个看起来很简单的函数，今天在传递参数的时候出现了问题。下面我给大家说一…
Bootstrap 使用教程-记录篇
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。本篇是记录篇，提供在线的可视化图形界面！！！ 1.…
基于收益与波动的多股票组合分析——升级股票量化分析工具V2.1.1
投资组合分析我们都知道“不要把鸡蛋放在一个篮子”的道理，对于理性投资者来说，在做股票交易时不会就只买一只股票，而是把各个类型的股票做一个组合。因此，我们在股票组合分析时常常要把多只股票结合起来做一个整体的对比分析。通…
一起来创建A股上市公司细分行业龙头数据库
为什么要搭建呢？A股市场无论牛市、熊市还是 震荡市场更多的还是结构性机会，也就是行业及题材板块的热点轮动，此消彼长，这会是一种常态。因此选股环节愈发重要，选对大趋势却没有选好板块--无用；选对了板块却…
javascript中的undefined,false,null,0,amp;quot;amp;quot;操作
undefined 表示未经初始化的变量，null表示已经定义的变量没有赋值，0表示数值0，false表示逻辑上的错误，“”表示空字符串。null,undefined,0,false,""操作数 操作被操作数结果null,undefined,0,false,""&am…
JavaScript进阶学习笔记（五）--- 严格模式
一、严格模式
1、严格模式的概念
JavaScript 除了提供正常模式外，还提供了严格模式（strict mode）。ES5 新增的严格模式是采用具有限制性 JavaScript变体的一种方式，即在严格的条件下运行 JS 代码。格模式在 IE10 以上版本的浏…
刷新网页代码和单纯刷新js代码（定时执行）
最简单的当然就是点击网页的圈圈刷新按钮： 只需要一句代码window.location.reload()不想要整个网页刷新时（比如有些做了炫酷的进入网页特效，以第一种方式刷新就会很令人头大）就要用到setTimeout（）方法了&am…
六一秒杀限时1小时！来点猛的
￥2019年：一个程序员的6.1礼物！2020年：勿谢，6.1 超级大礼包！这是第三年，继写 6.1 儿童节了，在此祝大小朋友们节日快乐，并献上社区众多位开发者的游戏开发资源大礼包&#…
童心未泯的晓衡，6.1送100个红包给大家过节！
今天是5月最后一天，Cocos Store 五月挑战赛已经进入倒计时，一起来看看开发者为我们提供了那些些好东西吧！（PS：文末留言，可参与晓衡给大家准备了 100 份 6.1 红包！）五月精品推荐Shade…
JavaScript-ES6面向对象与闭包
文章目录一、面向对象1.构造函数2.继承、封装、多态继承3.闭包4.ES6的模块化4.1 Webpack4.1.1安装Webpack4.2 基本操作4.3 export和import一、面向对象 1.构造函数
模拟一个弹窗
<!DOCTYPE html>
<html lang"en">
<head><meta charset"U…
JavaScript一行代码保留任意位小数
[b][colorgreen][sizex-large]今天做一个业务时，结果由于跟权重有关，Java默认显示保留的是15位小数，所以客户要求保留3位小数，其实这个需求很简单，前台，后台都可以完成这个任务，但是为了系统的性…
c#操作solid_edge
c#操作solid_edge 以下所有代码都已提交giteehttps://gitee.com/qimowei/solid_edge.git 在所有操作之前，必须要进行引入Solid Edge的dll文件 以下所有功能展示 一、基本操作 1、简单打开solid edge软件 1、引入包 using SolidEdgeCommunity.Extensions;
using Soli…
Typora中的插件PicGo使用方法-gitee作为图床
Typora中的插件PicGo使用方法-gitee作为图床 1、安装PicGo，并添加插件 2、配置gitee图床 repo：用户名/仓库名称，比如我自己的仓库jsnucrh/blogImage，也可以直接复制仓库的urlbranch：分支，这里写上mastertok…
如何在前端页面中使用Markdown
近期在自己的项目中加入了对Markdown的支持，主要用到的是markedjs这个项目。该项目托管在github上，地址为：https://github.com/markedjs/marked/
项目的安装
下载项目之后，在根目录下执行如下命令进行安装
$ npm install安装完…
双底形态选股升级！精确筛选首次突破个股！股票量化分析工具QTYX-V2.2.8
前言通过星球会员们的反馈，双底形态识别功能非常实用、接地气，每天运行一次形态识别，从而第一时间帮助大家快速找出符合突破条件的强势股票。同时不少星友也给我反馈了一些改进需求，其中有一点非常急迫：基于目前识别形…
如何链接A股离线历史行情数据源！股票量化分析工具QTYX-V2.2.4
前言上一期我们使用多线程爬虫方式从网易财经获取到了A股历史行情数据，具体可以查看这篇文章。多线程爬虫获取A股历史行情数据！股票量化分析工具QTYX-V2.2.3这个数据源非常关键，为后续全市场的选股比如RPS强势个股、走势线性回归这些非常耗时…
这样选股的流程还不赚钱吗！股票量化分析工具QTYX-V2.1.7
前言股票分析中选股是很重要的一个环节，特别是在市场走势普遍向好的环境下，选股比择时更为重要。原因很简单，就是资金的使用效率要最大化。比如同样的资金在同样的持股时间下，你的股票只涨了10%，大盘涨幅30%࿰…
深入学习javaScript中的深拷贝（复制）和浅拷贝（复制）
学习深拷贝和浅拷贝之前，首先我们需要知道什么是基本数据类型和引用数据类型，如果还不知道或不是特别清楚的话，请点击https://blog.csdn.net/lhjuejiang/article/details/79614614嗯、步入正题所谓的浅复制，只是拷贝了基本类型的数…
深入理解原生js拖放（draggable）
本来是打算要自己总结的，但发现了一篇比较好的博客，把我想写的都写了，甚至更加全面，所以，我只把我认为比较重要的知识点提炼一下，其他的都是转载的，想看原博主的请点击原生js拖放
提炼知识点&am…
js中的历史状态管理方法总结
通过观看妙味视频以及看js高级程序设计对历史状态管理做一个小小的总结，方便以后查阅
我们知道浏览器上面有个“前进”和“后退”按钮，如果我们不做过多的设置，它们只有当我们打开了一个新页面的时候才会起作用，而在现代web应用中…
静态代码js，button的实现
<!DocType>
<html><div><button type"text">display button</button></div>
</html>
SDF！这特效牛不牛？
什么是SDFSDF(Signed Distance Field)，有向距离场 ，用于表示空间中各点距离物体表面的距离。SDF技术已经被应用于字体渲染、Ray Marching、物理引擎等领域。在 ShaderToy 上可以找到大量用 SDF 渲染的作品，ShaderToy 创办人 Inigo Quilez 大神…
我敢肯定！你还没用过一款代码神器，只属于Creator的用户！
今天为大家推荐一款“快如迅雷，神似闪电”的代码编辑器：快闪-代码编辑器 快闪编辑器是基于 VSCode 内核，同时又为 Cocos Creator 量身定制，并且支持2.x 、3.0版本！默认开启窗口自动伸缩功能，推荐布局设计初…
这段JS代码应该怎样调试呢，调试不出来
let message "Hello world!";
if (message) {console.log("Value is true");
}错误原因和改正办法：
错误的原因是因为建的文件没有加js后缀，ruguo改为ruguo.js；再安装了code runner插件，再打开ruguo.js文件…
input type=“submit“ 和“button“有什么区别？
在一个页面上画一个按钮，有四种办法：
<input type"button" /> 这就是一个按钮。如果你不写javascript 的话，按下去什么也不会发生。<input type"submit" /> 这样的按钮用户点击之后会自动提交 form…
AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式
HTTP请求中，如果是get请求，那么表单参数以namevalue&name1value1的形式附到url的后面，如果是post请求，那么表单参数是在请求体中，也是以namevalue&name1value1的形式在请求体中。通过chrome的开发者工具可以看…
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
没有区别。
你需要明白 IIFE 的原理，我简单说一下： 复制代码代码如下: function foo() {...} // 这是定义，Declaration；定义只是让解释器知道其存在，但是不会运行。 foo(); // 这是语句&#x…
【快速搞定Webpack4】基本配置及开发模式介绍（二）
在开始使用webpack之前么，我们需要对Webpack的配置有一定的认识。
一、5大核心概念
1. enty（入口） 指示webpack从哪个文件开始打包
2. output（输出） 指示webpack打包完的文件输出到哪里去，如何命名等
…
JS组件Bootstrap实现弹出框和提示框效果代码
前言：对于Web开发人员，弹出框和提示框的使用肯定不会陌生，比如常见的表格新增和编辑功能，一般常见的主要有两种处理方式：行内编辑和弹出框编辑。在增加用户体验方面，弹出框和提示框起着重要的作用ÿ…
bpmnjs Properties-panel拓展（属性设置篇）
最近有思考工作流相关的事情，绘制bpmn图的工具认可度比较高的就是bpmn.js了，是一个基于node.js的流程图绘制框架。初始的框架只实现了基本的可视化，想在xml进行客制化操作的话需要拓展，简单记录下几个需求的实现过程。
修改基础 …
unity-与js交互
title: unity-与js交互 categories: Unity3d tags: [unity, js, web, h5] date: 2023-03-05 00:09:52 comments: false mathjax: true toc: true unity-与js交互 前篇
官方 WebGL：与浏览器脚本交互 - https://docs.unity3d.com/cn/2021.1/Manual/webgl-interacting…
NodeJS的简介以及下载和安装
本章节会带大家下载并安装NodeJs 以及简单的入门，配有超详细的图片，一步步带大家进行下载与安装 NodeJs简介关于前端与后端Node是什么？为什么要学习NodeNodeJS的优点： NodeJS的下载与安装NodeJS的下载： NodeJS的快速入…
前端实现在线预览文件
一、实现word、xls、ppt文件的在线预览功能
1、通过调用微软的在线预览功能， word、ppt、xls文件实现在线预览的方式比较简单可以直接通过调用微软的在线预览功能实现（预览前提：资源必须是公共可访问的）
<iframe srchttps://…
Object.hasOwn()：判断该对象是否有某个属性
定义：判断该对象是否有某个指定的自定义属性。 不包含继承原型链的属性 返回值： 返回一个布尔值， 判断该对象有指定的属性，就会返回true，没有就返回false ；语 法：Object.hasOwn(Object,prop) 示…
ES6 Promise 详解
目录
一、Promise基本介绍
二、Promise实现多次请求 1.传统Ajax方式实现多次请求 : 1.1 json数据准备 1.2 JQuery操作Ajax 2.使用ES6新特性Promise方式 :
三、Promise代码重排优化 1.问题分析 : 2.代码优化 : 2.1 数据准备 2.2 代码重排 一、Promise基本介绍 (1) Ajax方…
Three.js提供了多种类型的灯光
Three.js提供了多种类型的灯光，包括环境光、点光源、平行光源和聚光灯。这些灯光可以用来照亮场景中的物体，使其看起来更加真实。
环境光(AmbientLight)：环境光会均匀地照亮场景中的所有物体，没有方向，不能用来投射阴…
我的女朋友简直太可爱了！！！！！！
明天12月12日，北京的伙伴有福了Cocos 沙龙「北京站」，下面是报名连接https://www.huodongxing.com/event/4573495981500说不定，你会遇到......本文原创公众号：不会笑青年，授权转载请联系微信(laughyouth369)࿰…
CocosCreator矢量绘图组件（2）
「超级浣熊」SVG矢量绘图组件，大神又增加新的应用场景啦！成功在Cocos Creator引擎中实现了汉字笔画临摹功能，请看下面视频： 昨天在交流群中，大家讨论了一些关于SVG的应用场景，今天上午「超级浣熊」就发来最…
Cocos Creator 3D 摇杆控制器一种简单实现！
一个控制移动和视角的遥感控制器3D示例项目。效果原理在贪吃蛇大作战！蛇移动的思考与实现!中使用到一个摇杆控制器，不过这是在2D层面上，这次把它改到3D上。摇杆摇杆的原理大致是把触摸点的位置传给需要的组件。(参考KUOKUO的摇杆组件改的)监听…
重磅！H5游戏接入App已经解决了，民间SDK将会崛起！
作者：梦近在咫尺一个相信技术推动生活的奶爸程序猿5年开发经验，从 Cocos 全家桶一路拼杀到现在，其中两年 Android 开发，丰富聚合 SDK 项目实践经验，最近在研究 Cocos Creator 游戏引擎与 App 的应用整合。前文导读&…
原生js轮播图 transform方法！
小白的我又来啦 ！！！
下面呢 给大家 整一下 轮播图 不考虑兼容性的情况下 用transform操作的方法 ！
不多说直接上代码！
首先是 我们的 结构 基本上都是大同小异 ！！！ <div…
自我理解：递增运算符（前置与后置）
1、前置a (先计算后返回值)
2、后置a (先返回值后计算)
3、比较a a 与 a a 的运算过程
假设a10
a a为1111（首先a先进行1计算，得到11，再返回a的值，此时a的值为11，a的值为11；然后a先返回值为11再进行1…
js轮播图(点击图片切换 定时器效果)
轮播效果:点击上一页,下一页切换图片,设置定时器每过两秒进行自动切换
不说别的直接上代码
<!DOCTYPE html>
<html>
<head><title></title><meta charset"utf-8"><style type"text/css">div.show{width:600px…
Vue模版基础语法(Vue笔记:一)
Vue模版基础语法(Vue笔记:一) Vue模版的作用：
结合模版中的变量和Vue实例的data实现改变数据改变视图(单向绑定)
Vue模版的基础语法：
#app元素内部才能使用Vue语法{{数据}} 在Vue模版中数据写在{{}}内，可以与Vue实例data中的数据实现单向绑…
JS小功能：贪吃蛇游戏简单的实现
实现思路
在贪吃蛇游戏的实现中，主要创建了五个对象来实现游戏的搭建，分别为： Tools：工具对象，产生随机数 Food：食物对象，在地图上随机产生食物 Snake：蛇对象，创建蛇&am…
JavaScript let 与var 区别及var弊端
let,const来源
ES2015 引入了两个重要的 JavaScript 新关键词：let 和 const。
这两个关键字在 JavaScript 中提供了块作用域（Block Scope）变量（和常量）。
在 ES2015 之前，JavaScript 只有两种类型的作用…
js相关身份证信息计算
//取身份证生日信息
function getBirthdayFromIdCard(idCard) {var birthday "";if(idCard ! null && idCard ! ""){if(idCard.length 15){birthday "19"idCard.substr(6,6);} else if(idCard.length 18){birthday idCard.substr(6…
小程序 缓存过期问题
module.exports {set: function(k, v, time) {var effTime parseInt(Date.parse(new Date())) 86400000 * time; //有效时期时间戳wx.setStorageSync(k, v ? v : effTime);}
};
//86400000 就是一天等于多少毫秒 // 点击推送通知按钮设置7天有效时间缓存openNotice: functi…
JavaScript学习笔记--简介入门
javaScript简称js； 1.js是什么 基于对象和事件驱动的语言，应用于客户端； **基于对象：**提供好了很多的对象，可以直接拿过来使用 **事件驱动：**html是静态的；加上js渲染之后可以变成动态的使用 *…
【vue】下载字符串拼接的文件链接并重命名文件
【vue】下载字符串拼接的文件链接并重命名文件字符串拼接链接代码示例：this.url "http://127.0.0.1:8080/test/upload/20210128/2b35f9d7a64c3a6455a6e596c5c70fd7.xlsx";
this.filename "导出文件";
this.html <button type"button…
CSS单行、多行文本溢出显示省略号多行文本溢出显示省略号
实际应用项目：http://github.crmeb.net/u/long 单行文本溢出显示省略号
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
（需要对容器设置单行高度） 多行文本溢出显示省略号 webkit浏览器或移动端的页面 在webkit浏览器或…
源码系统的常用安装使用及常见问题处理办法
-------基于CRMEB
本文主要针对程序外的小白使用源码系统的常见问题处理办法 以CRMEB为例 其他系统同样适用
附上CRMEB的gitee地址，以便大家了解：
gitee地址：http://github.crmeb.net/u/long
一、安装使用
一般系统都会有安装或者帮助…
如何避免鼠标移入子级触发父级的移出事件（两种方法）
我们经常会遇到一个问题，我们使用onmouseover和onmouseout控制鼠标的的移入移出时，如果是将鼠标从父级移动到子级的时候，会触发子级的冒泡事件，导致父级先触发移出事件后立即触发移入事件，在IE下效果不是特别好&#x…
原生js实现照片墙的效果（拖拽图片与另一张图片交换位置）
用到的功能有：
布局转换（将float布局转换为定位布局）图片拖拽效果的实现碰撞检测计算两点之间的斜线距离找最小值
具体的实现在代码中我都有注释，嗯，直接上代码。
注：这里还需要有一个运动框架，…
微信小程序开发学习——小程序基本架构
1.创建一个包含：首页、咨询、关于我们 3个标签的小程序，每个标签都有对应的页面、图标和标签文字。
知识点：app.json文件对小程序进行全局配置，同名.json文件对本窗口进行配置
app.json属性： pages用于指定小程序由哪…
HTML5期末作业：明星网站设计与实现——明星薛之谦介绍网页设计7个页面HTML+CSS+JavaScript
🎉精彩专栏推荐👇🏻👇🏻👇🏻 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业…
分享66个焦点幻灯JS特效，总有一款适合您
分享66个焦点幻灯JS特效，总有一款适合您
66个焦点幻灯JS特效下载链接：https://pan.baidu.com/s/10bqe09IAZt_hbsZlXaxkxw?pwd6666
提取码：6666
Python采集代码下载链接：采集代码.zip - 蓝奏云
学习知识费力气，…
分享86个焦点幻灯JS特效，总有一款适合您
分享86个焦点幻灯JS特效，总有一款适合您
86个焦点幻灯JS特效下载链接：https://pan.baidu.com/s/1Gm2jwN_AAF9QjFzQ9bCM_g?pwd6666
提取码：6666
Python采集代码下载链接：采集代码.zip - 蓝奏云
学习知识费力气，…
ESP32-Web-Server编程- 在 Web 上开发动态纪念册
ESP32-Web-Server编程- 在 Web 上开发动态纪念册
概述
Web 有很多有趣的玩法，在打开网页的同时送她一个惊喜。
需求及功能解析
本节演示在 ESP32 上部署一个 Web，当打开对应的网页时，将运行动态的网页内容，显示炫酷的纪念贺词…
moment.js使用diff方法返回NaN
之前写的代码，测试过了上线很长时间了，这两天发现不好使了。发现返回的值就变成了NaN。。。 例子 也是按照moment.js官网给的例子写的，把字符串变成时间数组格式，真是奇了怪了。
原来的代码
const separator /-|:|\s/g;
let fa…
LLM流式方案解决方案和客户端解决方案
背景 接上一篇《LLM大模型统一封装接口解决方案》架构确定后，流式方案非常规请求，需要特殊处理。 本解决方案就是针对上一篇中所需要的流式（打字机效果进行编码） 什么是SSE SSE（Server-Sent Events，服务器发…
vue+elementUI el-select 中 没有加clearable出现一个或者多个×清除图标问题
1、现象：下方截图多清除图标了 2、在全局common.scss文件中加一个下方的全局样式noClear 3、在多清除图标的组件上层div加noClear样式 4、清除图标去除成功
【 Redux 】 Redux中间件的理解？常用的中间件有哪些？实现原理？
1. 是什么
中间件(Middleware)是介于应用系统和系统软件之间的一类软件，它使用系统软件所提供的基础服务(功能),衔接网络上应用系统的各个部分或不同的应用，能够达到资源共享、功能共享的目的 那么如果需要支持异步操作，或者支持错误处理、日…
如何快速搭建一个完整的vue2+element-ui的项目
今天因之前的项目完成,开始新项目,刚好前端只有我一个人,然后被安排搭建一个项目框架,技术点: vue2 element-ui 文章目录 概要整体架构流程技术名词解释技术细节小结 概要
提示：今天是计划开发一款电力管理系统,开发周期为3-4周.既然时间这么短,说明这个项目还是比…
深入理解函数声明和函数表达式、深入理解立即执行函数（自执行函数）
在学习函数声明和函数表达式之前如果你对作用域和作用域链掌握的不是特别的好，建议您先看完js深入理解函数作用域和作用域链，再进行接下来的学习
函数声明：function 函数名(){}
函数表达式：function 函数名(){},函数名࿰…
JS中的数组，对象，字符串常用的方法
JS中的数组，对象，字符串常用的方法
数组的常用方法： var arr [1,2,3,4,5]; arr[0] arr[arr.length-1]//通过下标找到数组中指定的元素，访问数组的元素 arr.join("-") //数组转成字符串 arr.toString() //数组转成字符串…
前端js-----动态生成表格（节点操作）
针对DOM节点操作，该案例效果图如下（代码量不多，就没有结构与行为相分离）： 原生js实现（注释里面解释了做法）：
<!DOCTYPE html>
<html><head><meta charset&quo…
详细了解js中的包装对象
什么是包装对象？
基本类型有自己对应的包装对象String、Number、Boolean。但是null和undefined没有包装对象
首先我们复习一下js的数据类型：分为两类基本类型和引用类型基本类型：String、Number、Boolean、Null、Undefined
引用类型ÿ…
卧槽！骨瘦如柴陈皮皮又出新插件了，还免费开源！
前言嗐，不知道你有没有过这样的烦恼。当你想要确定一个资源被哪些节点引用的时候，使用资源管理器的查找引用却只能精确到预制体或场景。对于预制体还好说，里面的节点一般不会很多，找起来还是比较快的。但是场景里面的节点这么多&a…
原生js实现拖动图片左右弹性切换（模仿iPhone弹性拖拽的功能）
因为弹性运动我在弹性菜单实例中已经列过详细的步骤了，所以此处不再赘述，有不懂的或有兴趣的请点击原生js实现弹性菜单
这个例子里面我们主要解决的问题有
1、弹性运动的实现（不再详细讲解）
2、怎样判断鼠标是向左拖动还是向右拖动…
原生js实现QQ邮箱邮件拖拽删除功能
步骤分析：
根据数据结构生成HTML结构全选和单选功能的实现，以及当其为选中状态时它的父级的颜色变化的点击删除，删除结构同时删除数据给每一个li绑定mousedown，tip显示，并且定位在鼠标位置鼠标移动时，tip跟…
js some() 与 every() 函数
声明实例数组： const arr [1,2,3,4]1. every()一假即假是对数组中每一项运行给定函数，如果该函数对每一项返回true,则返回true。实例：let result arr.every((val, index, arr) > {val > 2}) // result > false2. some()一真即真是…
震惊！！！一眼就能看懂的getBoundingClientRect用法！！！
主要介绍getBoundingClientRect的基本属性，以及具体的使用场景和一些需要注意的问题。
getBoundingClientRect Element.getBoundingClientRect() 含义： 方法返回元素的大小及其相对于视口的位置。
值： 返回值是一个 DOMRect 对象࿰…
鼠标悬停标签切换内容js
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>Tab效果</title><style type"text/css">ul{list-style: none;}*{margin: 0;padding: 0;}#tab{border: 1px solid #ccc;margin: …
什么是匿名函数 以及非匿名函数
sum function (num1,num2) {return num1num2;
}
//rus sum(num1,num2)
//rus sum(7,8)
console.log(sum(7,8))[Running] node "/Users/ivyone/44.js"
15非匿名函数
function sum(num1,num2) {return num1num2;
}
//rus sum(num1,num2)
//rus sum(7,8)
console.lo…
js中Array.map()方法
在VUE.js中看到了类似的写法，
var arr [8, 10, 13, 10, 8, 1, 5]; function double(num){ return num * 2; } alert(arr.map(double));
其主要意义是讲数组作为参数输入到函数中：
js判断ie版本以及怪异模式，纯JS，可封装组件。
js判断ie版本以及怪异模式，纯JS，可封装组件。 var Brower function checkIE(){// 判断是否为IEvar isIE navigator.userAgent.toLocaleLowerCase().indexOf(msie) ! -1;// 判断是否为IE5678var isLteIE8 isIE && ![1,];// 用于防止因通过IE8的…
不要再被误导了，封装 Axios 只看这一篇文章就行了
看很多网上的人的封装 Axios 教程，但或多或少都有不太合适的点，这里为大家推荐我的最佳实践。拦截器不要返回数据，依然返回 AxiosResponse 对象网上的文章都让你用 拦截器 直接返回数据，这种作法其实是非常不妥的，这样…
函数的定义，报错与不报错
报错
function sum(num1,num2) {return num1num2;
}
rus sum(num1,num2)
//rus sum(7,8)
console.log(rus)报错
[Running] node "/Users/ivyone/44.js"
/Users/ivyone/44.js:4
rus sum(num1,num2)^ReferenceError: num1 is not definedat Object.<anonymous&g…
不知道这段为什么有bug
const Person2 {name: little bear,sayHello: () > {SetTimeout(() > {console.log(我叫’this.name我今年this.age岁)}, 1000);}
};
Person2.sayHello();
event.target.tagName怎么用？没搞清楚，还是混沌的
如果是div，而不是input，则会变成DIV
<!DOCTYPE html>
<html><head><meta charset"UTF-8"><title></title><style type"text/css">#main {width: 200px;height: 100px;background: pink;…
终于写出了vue2的事件点击alert弹窗，下一步写vue3的
正确版本：
<!DOCTPYE html>
<html><head><title>ruguog</title></head>
<body><div id"app"><input type"button" value"hamimelon!" click"test"/></div>&…
12 道腾讯前端面试真题及答案整理
金九银十，又到了跳槽季啦，该刷题走起了。这里总结了一些被问到可能会懵逼的面试真题，有需要的可以看下～1. 谈谈你对 dns-prefetch 的理解DNS 是什么-- Domain Name System，域名系统，作为域名和IP地址相互映…
通过实现简单聊天室了解websocket的基础使用
websocket基础使用
用到的依赖包 websocket的依赖 <dependency><groupId>javax.websocket</groupId><artifactId>javax.websocket-api</artifactId><version>1.1</version><scope>provided</scope>
</dependency>…
5kb 的 Vue：尤雨溪发布新作 petite-vue
前端程序员想必对尤雨溪及其开发的 Vue 框架不陌生。Vue 是一套用于构建用户界面的渐进式 JavaScript 框架，在 2014 年发布后获得了大量开发者的青睐，目前已更新至 3.0 版本。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue …
vscode代码快捷键
1、 log
console.log()2、edf
export default (first)>{ second }
或者
export default function(params)>{
}可以使用tab键切换修改项
3、ednf
export default function first(second) {third}4、! 生成html模板
5、div#app
<div id"app"></di…
js 对象深拷贝递归实现
const obj {name:changjk,family:{father:zs,mother:shh},hobby:[打游戏,喝茶,打羽毛球]} //深拷贝 const cloneObj(obj)>{ const newObj{} for(const key in obj){ if(Object.prototype.toString.call(obj[key]) [Object,Array]){ cloneObj(obj[key]) }else if(Object.pr…
【前端】三种方法实现HTML页面局部打印(ctrl+p效果)效果
文章目录 前言方法一、替换body代码：总结： 方法二：jquery.PrintArea.js局部打印 步骤：步骤总结： 方法三、css控制代码打印可能碰到的的问题：想让特定的某个div在新的一页 参考完结 前言
在开发中ÿ…
前端下载文件有哪些方式
前端下载文件有哪些方式
在前端，最常见和最常用的文件下载方式是：
使用 标签的 download 属性：
创建一个 标签，并设置其 href 属性为文件的 URL，然后使用 download 属性指定下载的文件名。 这种方式简单直接&…
力扣738单调递增的数字思路以及贪心总结
力扣上的第738题，大家刚开始看的可能比较懵，读懂之后就会发现其实是找小于n的并且右边位上的数字大于等于左边位上的数字的最大整数。这道题主要考的就是一个思路，刚开始我想了近半个小时，没有丝毫思路，就看了一部分解…
ArcgisForJS基础
文章目录 0.引言1.第一个ArcgisForJS应用程序1.1.安装部署ArcgisForJS1.2.实现ArcgisForJS应用程序 2.开发与调试工具2.1.集成开发环境2.2.调试工具2.3.Firebug 0.引言
ArcGIS API for JavaScript是一款由Esri公司开发的用于创建WebGIS应用的JavaScript库。它允许开发者通过调…
【JavaScript】用原生js来实现元素的匀速运动
运动基础 运动实际上就是改变一个定位元素的 top、left… <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title><style>#div1 {width:…
系列学习前端之第 6 章：一文掌握 jQuery（熟悉即可）
前言：为什么说 jQuery 熟悉即可，已日渐过时？
作为前端开发中常用的两个库或框架：Vue.js 和 jQuery。不少开发者想要学习 Vue.js 时，都会有一个疑惑：学习 Vue.js 是否一定要学习 jQuery？
从几个…
react实现转盘抽奖功能
看这个文章不错，借鉴 这个博主 的内容 样式是背景图片直接，没有设置。需要的话应该是 #bg { width: 650px; height: 600px; margin: 0 auto; background: url(turntable-bg.jpg) no-repeat; position: relative; } img[src^"pointer"] {positi…
给web开发零基础小白的简明入门教程
1.网页三大件：HTML、CSS、JS HTML（HyperText Markup Language超文本标记语言）：构成网页的结构，结构由元素（标签）组成。 CSS（Cascading Style Sheets层叠样式表）…
ArcgisForJS如何将ArcGIS Server发布的点要素渲染为热力图？
文章目录 0.引言1.ArcGIS创建点要素2.ArcGIS Server发布点要素3.ArcgisForJS将ArcGIS创建的点要素渲染为热力图 0.引言
ArcGIS For JS 是一个强大的地理信息系统（GIS）工具，它允许开发者使用 JavaScript 语言来创建各种 GIS 应用。ArcGIS Ser…
基于php的用户登录实现（v1版）（持续迭代）
目录 版本说明
数据库连接
登录页面：login.html
登录处理实现：login.php
用户欢迎页面：welcome.php
用户注册页面：register.html
注册执行：DoRegister.php 版本说明
v1实现功能：
数据库连接&#x…
前端性能优化的利器 ——— 浅谈JavaScript中的防抖和节流
防抖和节流函数是工作中两种常用的前端性能优化函数，今天我就来总结一下什么是防抖和节流，并详细说明一下如何在工作中应用防抖和节流函数 什么是防抖和节流?
在 JavaScript 中，防抖（debounce）和节流（thr…
JavaScript元素选择器
目录 一、getElementsByTagName1.说明2.用法示例 二、getElementsByName1.说明2.用法示例 三、getElementById1.说明2.用法示例 四、getElementsByClassName1.说明2.用法示例 五、querySelector1.说明2.用法示例 六、querySelectorAll1.说明2.用法示例 七、综合示例 一、getEle…
【ES6】let 和 const 详解
文章目录一、let 和 const 共同点1. 不重复声明2. 无变量提升3. 作用域限制4. 暂时性死区二、let 和 const 不同点1. 声明时区别2. 赋值时区别一、let 和 const 共同点
我们以前都是使用var关键字来声明变量的在ES6的时候，多了两个关键字let和const，也是…
js判断用户当前网络状态和判断网速
前端判断用户当前网络状态和判断网速 一、第一种是通过 HTML5 提供的 navigator 去检测网络(1)、原理介绍:(2)、兼容性 二、监听window.ononline和window.onoffline事件:三、通过ajax进行请求判断(兼容性好-推荐)(1)、原理介绍:(2)、注意: 四、navigator.connection方法监听网络…
【JS】Math 对象用法
Math 对象对象属性随机数 random()最值 min() 和 max()舍入 ceil()、floor()、round()、fround()其它方法扩展： Math 对象上提供的计算要比直接在JavaScript实现的快的多，因为Math 对象上的计算使用了 JavaScript引擎中更高效的实现和处理器指令。但使用…
js 函数柯里化和闭包的使用
函数的柯里化 f(x)(y)就是柯里化：使用函数f，输入x，计算，获得一个新的函数，再次输入y，计算，获取结果。f(x)(y)(z)(a)(b)(c)，你完全可以写这样的函数。每次进行一次计算时，…
【JS笔记】JavaScript with语句
with语句 简介：with用于在访问一个对象的属性或方法时避免重复使用对象指定对象引用。 语法格式： with(object){ 被执行的代码块 } 参数说明： object：指定在被执行的代码块中没有被引用的情况下使用哪个对象的引用。 例题&#x…
【JS笔记】JavaScript for...in...语句
for…in…语句 简介：for…in…循环与for循环十分相似，for…in…语句用来遍历对象的每一个属性。每次都将对象名作为字串符保存在变量里。主要用于枚举对象集合的属性。 语法格式： for(variable in collection){ 被执行的代码块 } 参数说明&a…
nodejs开发环境搭建示例
服务与后端
{"name": "AsaiCC","private": true,"version": "1.0.0","description": "","main": "main.js","bin": "index.js","author": "&…
59 使用 uqrcodejs 生成二维码
前言
这是一个最近的一个来自于朋友的需求,
然后做了一个 基于 uqrcodejs 来生成 二维码的一个 demo package.json 中增加以依赖
"uqrcodejs": "^4.0.7", 测试用例
<template><div class"hello"><canvas id"qrcode&qu…
8个开发者必须知道的JavaScript深层概念
用JavaScript编写第一段代码可能需要一天左右的时间，但深入了解其未知知识和背景知识可能让你在整个职业生涯受益无穷！ 1. 作用域（scope）
简而言之，作用域就是“你可以在代码中访问声明的地方”。
我们有两种作用域&…
![【Dart】=＞ [01] Dart基础-下载安装环境配置](https://img-blog.csdnimg.cn/417a8ce21da4494a82d24f99cd02c982.png)
【Dart】=＞ [01] Dart基础-下载安装环境配置
目录 windows下载安装地址1. 下载dart-sdk并且解压到某盘符目录下2. 找到bin目录，复制bin目录完整路径3. 打开我的电脑，右键菜单，点击属性4. 找到高级系统设置，点击5. 点击环境变量 {console.log(this.name, info1, info2);
}
showNa…
博客园主题样式，添加背景音乐，鼠标点击等样式设置
文章目录 1)、 博客园主题样式设置1.1)、 主题文档及地址1.2)、获取文件1.3)、配置CSS1.4)、配置JS1.5)、配置Loading1.6)、其他配置1.7)、个性化配置1.8)、效果预览 2)、背景音乐设置2.1)、单曲添加2.2)、歌单添加2.3)、总结 3)、鼠标点击样式3.1)、Js3.2)、效果预览3.3)、更多…
仿QQ音乐(HTML+CSS)
🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业： 【📚毕设项目精品实战案例 (10…
学习正则前的预备 charCodeAt
charCodeAt 方法返回给定索引表示 UTF-16 代码单元(code unit)的 0 到 65535 的整数值. Unicode 与 UTF-16
字符串中字符的编码方式常见的有 Unicode, 其中 UTF-8, UTF-16 和 UTF-32 都是 Unicode 这种编码方式的实现. 其中 UTF-8 使用 2 个字节(16个比特)编码, UTF-32 使用 4…
HTML网页设计制作——初音动漫(6页) dreamweaver作业静态HTML网页设计模板
HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。 精彩专栏推荐Ǵ…
个人设计web前端大作业 基于html5制作美食菜谱网页设计作业代码
🎀 精彩专栏推荐👇🏻👇🏻👇🏻 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业…
JS AJAX---数据库
AJAX可用于同数据库进行交互式通信 AJAX Database实例
showCustomer() 函数进行如下：
检查是否选取客户创建 XMLHttpRequest 对象创建当服务器响应就绪时执行的函数向服务器上的文件发送请求请注意，参数 q 被添加到 URL（带有下拉列- 表的内…
JS AJAX --- PHP和ASP实例
AJAX 用于创建更具交互性的应用程序 PHP 实例
首先，检查输入字段是否为空（str.length 0），如果是，清空 txtHint 占位符的内容并退出函数。
不过，如果输入字段不为空，则进行如下：
…
大一学生网页课程作业 南京介绍网页设计 学生家乡网页设计作品静态 HTML网页模板源码 html我的家乡网页作业
家乡旅游景点网页作业制作 网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有…
div+css布局实现个人网页设计(HTML期末作业)
🎉精彩专栏推荐👇🏻👇🏻👇🏻 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业…
CEF JS与c++能够交互的原理 以及 JS 调用C++的流程分析
相关章节：CEF 之 Render进程 与 Browser进程通信 目录
一、JS与c++能够交互的原理
二、JS调用C++ 流程梳理
23 直接使用 dom api 更新了 #text节点, 之后响应式更新不生效了
前言
这是最近的碰到的那个 和响应式相关的问题 特定的操作之后响应式对象不“响应“了 引起的一系列的文章
主要记录的是 vue 的相关实现机制
呵呵 理解本文需要 vue 的使用基础, js 的使用基础
问题引发自 VueComponent 响应式处理 里面有一段内容, 直接在 console 中…
常见浏览器及其内核对应
截止到2020年8月，目前常见浏览器使用的内核如下表所示。
浏览器目前使用的内核IETridentOperaPresto->Webkit->BlinkSafariWebkitFirefoxGeckoChromeBlinkEdgeEdgeHTML(Trident的一个分支) -> ChromiumQQ浏览器Trident（兼容） Chro…
html中script的位置导致的js不能正常执行问题
前言
今天写网页，犯了一个刚学h5时容易犯的低级错误，记录一下。
情景
问题代码： 不用看代码的内容，看js的引入位置即可。这两个文件在同一目录下js文件名为1.js。 html代码：
<!DOCTYPE html>
<html lang&…
H5+javascript 动态绘制五角星
原理
手动画五角星感觉谁都会。 这不是有手就行，简简单单。可是用代码画图应该怎样做呢？ 其实也很简单在H5画布上无非就是找点，然后按一定的顺序连接这些点。那么问题来了点怎么找啊？ 给你整副图，一看就明白了。 懂…
29 Vue 中 v-if/show/for 的实现
前言
这是最近的碰到的那个 和响应式相关的问题 特定的操作之后响应式对象不“响应“了 引起的一系列的文章
主要记录的是 vue 的相关实现机制
呵呵 理解本文需要 vue 的使用基础, js 的使用基础 v-if 测试用例
测试用例如下, 主要是一个 if 的使用
这里我们仅仅跟进到…
vue监听鼠标与键盘事件
mounted () {window.addEventListener(mousedown, this.handleMousedown)//监听鼠标按下window.addEventListener(mouseup, this.handleMouseup)//监听鼠标抬起window.addEventListener(keydown, this.handlekeydown)//监听键盘按下},methods: {// 鼠标按下事件handleMousedown…
livego+ffmpeg+rtmp+flvjs实现直播视频
1.下载livego 打包好的livego二进制可执行文件 百度网盘（提取密码：1234 开启服务（双击livego.exe) 在浏览器中输入 http://localhost:8090/control/get?roommovie 获取一个房间的 channelkey(channelkey用于推流，movie可自定义&…
markdown ＜a＞标签新建页面打开链接
markdown-it 版本是11.0.0 没有’target,_blank’属性，默认打开a标签的链接是本页面，会丢失之前的页面数据，需要在浏览器中新建页面打开，添加以下代码即可解决。
// Remember old renderer, if overridden, or proxy to default …
ecology9.0通过自定义按钮给明细表某字段赋值
功能：把主表字段赋值给明细表字段 核心代码：
<script>jQuery(document).ready(function(){$(#setcgy).click(function(){var cgy_txt WfForm.getBrowserShowName("field1207");debuggervar cgy WfForm.getFieldValue("field1207…
【JavaScript】用原生js实现幻灯片效果
github地址：https://github.com/MeichaoWen/JSInstance <script>function getByClass(oParent, sClass) {aEle document.getElementsByTagName(*);var arr [];for (var i 0; i < aEle.length; i) {if (aEle[i].className sClass) {arr.push(aEle[i])}}…
【JavaScript】select、radio、checkbox 选中与获取值
checkbox
判断是否选中
<body><input type"checkbox" id"oCh"><script>//jQuery$(#oCh).is(:checked) //false、true$(#oCh).prop(checked) //false、true$(#oCh).attr(checked) //jQ版本1.6返回 undefined、checked$(#oCh).attr(chec…
本地文件如何调试cookie，个人经验分享！
最近在测试记住密码这个功能发现bug，由于后端使用的是CAS，所以只能本地调试。一开始浑然不知cookie只能存储服务器的页面上的数据，使用vscode作为开发工具，它不像webstorm一样一打开页面就是localhost:8080之类的地址，…
在阿里云服务器(Win Server)上搭建轻量级Web应用（Mac远程桌面登录管理）
为了搭建一个轻量级web应用，在阿里云服务器首页参加了个新手免费体验活动，领取了一个月的ECS 云服务器。
一开始选了默认的CentOS系统，结果在搭建ftp服务器时麻烦不断，为了赶时间，果断换成Windows Server系统。
更换…
在js中怎样才能打印出函数的运行结果
function myFunction(a,b){return a*b;
}
//myFunction(4,3)，这个不能打印出12，不输出//console.log(myFunction())，这个输出是NaN，参数没有实例化，所以没有出数字//document.getElementById("demo").innerH…
如果我不用vue cli，怎么一步步建立html+css+js（vue）的文件项目？
试试看
1、用了
mkdir hami99的命令，新建一个文件夹存放
2、又按文档，输入了
cnpm install vuenext的命令
3、打开hami99文件夹后 4、只看到一个node_modules的文件夹，并没有看public、src等文件夹 5、要怎么弄呢？
Google 谷歌翻译 API
API 地址：
https://translate.google.com/translate_a/single?
clientwebapp&slzh-CN&tlen&hlzh-CN&dtat&dtbd&dtex&dtld&dtmd&dtqca&dtrw&dtrm&dtsos&
dtss&dtt&sourcebh&ssel0&tsel0&…
一行可以让项目启动快 70% 以上的代码(实用)
转自：作者 - rexkentzhenghttps://juejin.cn/post/6961203055257714702前言这两天闲来无事，想优化优化项目的启动时间，用了一个下午吧，将项目启动时间从48秒优化到14秒，大约70左右，效果还是有的，…
谁杀死了Webpack？
你们有没有听说过「前端工程化」这个词？相信最近去大厂面试的朋友们一定不陌生，因为现在大厂面试都对「前端工程化」有要求。（图片来源于：Boss直聘）为什么大厂会着重考察前端工程化？随着前端技术的不断发展…
几张动图带你轻松回顾 event loop
今天要分享的内容是事件循环event loop。一个老生常谈的问题，之所以拿出来说，推荐的原因在于:通过几张动图的形式，就把这个过程描述清楚了，太有趣了。精力有限，图片并非本人制作，如有侵权，会删除…
200行手写 promise
promise 简化版
promise 关键是状态管理，对应三个状态，等待、成功、失败。
实例化 promise 示例时传入一个函数，这个函数会直接在主线程中执行，该函数会提供两个参数：resolve、reject，也是函数࿰…
前端js-----基础（3）
1. js作用域（就是代码名字在某个范围内起作用和效果，提高程序的可靠性，减少命名冲突） （1）全局作用域 （2）局部作用域（函数内部）
a.全局变量（全局作…
JavaScript DOM的本质及操作方法
虽然现在一些JavaScript框架，诸如jQuery、Prototype和MooTools能提高我们的前端开发效率，而且很好的解决了浏览器兼容性问题，但我们仍要打好javascript技术基础。文章将介绍JavaScript和文档对象模型(DOM)的本质。 JavsScript是可以在各种不同…
QML- QML与JavaScript交互综述
QML与JavaScript交互综述总结一、概述二、JavaScript表达式三、JavaScript资源四、导入 JavaScript五、JavaScript主机环境一、概述
QML语言使用类似json的语法，并允许将各种表达式和方法定义为JavaScript函数。它还支持用户导入外部JavaScript文件，并使…
函数原型；原型链；isPrototypeof判断是不是某个对象的原型
1、构造函数：
【1】构造函数和普通函数的唯一区别，在于调用方式不同。任何函数只要通过new操作符来调用，那就是构造函数；任何函数只要不通过new操作符来调用，那就是普通函数。
【2】任何函数都有prototype属性&#…
#vue# js实现正则表达式验证邮箱
需求：个人中心注册，输入邮箱，若有误，显示错误信息
效果： 思路：
除了邮箱的正则表达式为 let reg /^([a-zA-Z]|[0-9])(\w|\-)[a-zA-Z0-9]\.([a-zA-Z]{2,4})$/;if(!reg.test(this.变量名)) {}
思路与#vue…
二十四、网络请求与远程资源
XML是过时的web规范产物，可以仅作了解，实际开发中应尽可能使用fetch()等
1.XMLHttpRequest对象
const xhr new XMLHttpRequest();使用XHR
const xhr new XMLHttpRequest();
// 1.打开一个请求
xhr.open(method, url, isAsync); // 请求方法…
web小游戏开发：扫雷（一）
web小游戏开发：扫雷（一） 创建一个空白文档游戏需求分析准备素材填充地雷区域小结创建一个空白文档
继续我们之前的 blank.html 文档内容。然后我们另存为 mine.html。
<!doctype html>
<html lang="en">
【三十天精通Vue 3】第十二天 Vue 3 过滤器详解
✅创作者：陈书予 🎉个人主页：陈书予的个人主页 🍁陈书予的个人社区，欢迎你的加入: 陈书予的社区 🌟专栏地址: 三十天精通 Vue 3 文章目录引言一、Vue 3 过滤器概述1.1 过滤器的简介1.2 过滤器的作用1.3 过…
nestJS入门cli 创建项目以及集成swagger和mysql
nestJs
1. 简介
介绍 NestJS NestJS 是一个基于 TypeScript 的渐进式 Node.js 框架，它结合了 OOP、FP 和 FRP 的元素，以提供一种现代且可扩展的开发体验。NestJS 建立在 Express.js 之上，但是提供了更加抽象和模块化的方式来编写应用程序。…
学习笔记（13）网络基础
目录 1，get与post的区别2，JSON解析2.1，JSON.stringify2.2，JSON.parse 3，cookie3.1，set方法3.2，cookie方法用于设置响应头， 4，http模块4.1，请求报文和响应报文…
js使用微信上传图片功能
在说上传图片之前，先说一下准备工作，其实在上一篇微信分享功能那篇文章已经说过了，就是使用wx.config里面去把appId、timestamp、nonceStr、signature这四个参数的值给加上，这些准备工作跟分享是一样的，微信目前开放的…
【前端技术笔试排坑一】“符号间”的加法运算
目录前言正文内容总结前言
这个东西来源在于本人开学推迟了之后呢，寻思着在家刚好可以去找个地方实习，因为刚刚结束大二，看了下相关岗位需求，因为计网还没学…只能去勉强试试前端开发，嗯然后投简历，hr筛选…
六则糟糕代码的优化方案
点击上方“小生方勤”，选择“设为星标”第一时间关注技术干货！这里分享代码 review 中发现的六则糟糕代码的案例，并进行分析：案例一变量、属性和函数名应该使用小驼峰式命名法，并且名称是可描述的. 应该避免使用单字符…
使用 axios 拦截器解决「 前端并发冲突 」 问题
点击上方“小生方勤”，选择“设为星标”第一时间关注技术干货！背景并发冲突问题， 是日常开发中一个比较常见的问题。不同用户在较短时间间隔内变更数据，或者某一个用户进行的重复提交操作都可能导致并发冲突。并发场景在开发和测试…
用vscode编译js代码时出现bug：SyntaxError: Unexpected token ‘＜‘
<!DOCTYPE html>
<html>
<body><h2>我的第一张网页</h2><p id"demo"></p><script>
document.getElementById("demo").innerHTML "Hello World!";
</script></body>
</html>…
「荐」常见内存泄漏及解决方案
作者：lzg9527https://juejin.cn/post/6914092198170460168最近收到测试人员的反馈说我们开发的页面偶现卡死，点击无反应的情况，特别是打开页面较久的时候发生概率较高。打开任务管理器，看到内存占有率已经很高了，初步判…
你的 import 被 webpack 编译成了什么？
本文作者：李永宁本文链接：https://juejin.cn/post/6859569958742196237某大厂面试题面试官，问：import moduleName from xxModule 和import( xxModule )经过webpack编译打包后最终变成了什么？在浏览器中是怎么运行的&am…
高效学习ES6，让你的代码更优雅
ES6是咱前端必备的技能，不过，你真的理解ES6 的核心新特性吗？来测试一下，看看这几个问题：ES5和ES6的区别？说一下你所知道的ES6var、let、const之间的区别是什么？什么时候用let，什么时…
啥玩意，React 一更新，我又得重学了？
你知道在React18，componentDidMount和componentWillUnmount可能调用多次么？从Strict Mode谈起React有个特性 —— Strict Mode，被StrictMode包裹的组件在DEV环境会对不推荐写法有更严格的提示与辅助检测行为。<StrictMode><div>&…
阿里云 身份提供商_编写角色身份提供者
阿里云 身份提供商As I said in my last post, I recently added Persona Identity Provider functionality to this blog. If you follow me on Twitter (and really, why wouldn’t you?), you might have noticed that this wasn’t an entirely smooth process. 正如我在上…
厌倦了写活动页？快来撸一个页面生成器吧！
作者：muwoo原文：https://zhuanlan.zhihu.com/p/48347377前言如果你经常接触一些公司的活动页，可能会经常头疼以下问题：这些项目周期短，需求频繁，迭代快，技术要求不高，成长空间也小。…
【深入JavaScript日记十一】剖析 类数组对象 和 arguments
目录前言正文内容类数组对象读写长度遍历类数组对象调用数组函数的办法argumentsarguments 转数组总结前言
通过这段时间的学习，我们是时候详细的认识一下 类数组对象了，因为他在我们的使用中是比较频繁的，深入掌握这个可以有效提高我们写代…
js使用微信分享功能
在使用微信分享(包括微信api里的其他方法)之前，需要有一些准备、比如要准备 appId、timestamp、nonceStr、signature 这四个数据，只有在有这四个字段后，我们才可以去使用微信的一些方法和功能， 但这些东西是不能写死的，…
所向披靡的async/await
使用规则
凡是在前面添加了async的函数在执行后都会自动返回一个Promise对象
注意重点: 返回结果为Promise。
async function test() { return 100;
}
console.log(test()) // Promise {<resolved>: 100}
await必须在async函数里使用，不能单独使用async …
Promise一招解决回调地狱
问题
首先，什么是回调地狱:
层嵌套的问题。每种任务的处理结果存在两种可能性（成功或失败），那么需要在每种任务执行结束后分别处理这两种可能性。
当一个接口需要依赖另一个接口的请求数据时，通常有两种解决方式
将…
8个强大的JavaScript技巧
1.全部替换
我们知道string.replace()函数只能替换第一次出现的情况。你可以在正则表达式的末尾添加/g来替换所有出现的内容。
let example "potato potato";
console.log(example.replace(/pot/, "tom"));
// "tomato potato"
console.log(…
一文搞清this指向问题 ！！！
this是什么
this 是在运行时进行绑定的，并不是在编写时绑定，它的上下文取决于函数调用时的各种条件。this 绑定和函数声明的位置没有任何关系，只取决于函数的调用方式。当一个函数被调用时，会创建一个活录（有时候也称…
初识js中的Promise()
文章目录前言原理使用场景Promise 的apiEventLoop注意点任务队列同步任务异步任务事件循环总结练习分析执行过程总结结果参考资料前言
Promise 规范有很多，目前主要的标准有 Promise/A Promise/B Promise/D Promise/A Promise/A
ES6 中，采用了 Pr…
Map与数组、对象之间的转换
Map与数组、对象之间的转换
Map转数组
const map new Map();
map.set(1,"23").set(2,"32").set(3,"45");
const arr [...map];
console.log(arr);数组转Map
const arr ["foo","bar","baz"];
const arrChang…
web 语音通话 jssip
先把封装好的地址安上（非本人封装）：webrtc-webphone: 基于JsSIP开发的webrtc软电话
jssip中文文档：jssip中文开发文档（完整版） - 简书
jssip使用文档：（我没有运行过，但…
双向绑定基础原理——Object.defineProperty()的使用
文章目录1、极简双向绑定示例1.1 Object.defineProperty()1.2 实现过程1.2.1 单个DOM与单个Obj1.2.2 两个DOM与单个Obj2、思考3.参考资料1、极简双向绑定示例
前端有关VUE的笔试和面试中，观察订阅者模式和VUE中双向绑定的原理这两道题几乎是必考的了。
Vue双向绑定…
canvas擦除画的线但不擦除背景
canvas擦除画的线但不擦除背景
首先html文件中如下写，图片的话，自己随便找一张。
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><meta name"viewport" content"widthd…
js高级进阶——手动实现apply()函数
// 首先看下apply()var obj {name: Nicholas S.Zakas,introduce: function (from) {console.log(hello, everyone, i am this.name, i am from from)}}var obj2 {name: Evan You}obj.introduce.apply(obj2, [china]) // hello, everyone, i am Evan You i am from chinaF…
js编程时常见问题解决方法
js编程时常见问题解决方法时间格式化包nodejs格式化时间挂载为全局中间件nodemon报错接收请求时，请求的参数为未定义滚动到底部时间格式化的包安装axios出现报错：nodejs请求表单解析返回错误信息的中间件nodejs错误中间件nodejs mysql模块时间格式化包
…
![[万字长文]js类型转换详解](https://img-blog.csdnimg.cn/img_convert/e636370f28c3845bda6cde297836b746.png)
[万字长文]js类型转换详解
文章目录前言一、类型转换和强制类型转换1.1 常见的隐式类型转换场景1.2 诡异的号二、抽象值操作2.1 ToPrimitive2.2 ToString2.3 ToNumber2.4 ToBoolean三、显式强制类型转换3.1 字符串和数字之间的显式转换3.2 显式转换为布尔值四、隐式强制类型转换4.1 字符串和数字之间的隐…
JavaScript----JS(简化的Java语言,含Dom，JSON)
文章目录JS相关内容1.初识JS1.1第一个JS代码1.2 JS基本语法1.3 JS定义对象1.4 JS严格检查模式2.再续前缘2.1 JS定义函数2.2 JS变量2.3 JS方法2.4 JSON2.5 JS 文件3 深入探究3.1获得DOM节点3.2 更改DOM节点3.3 添加DOM节点3.4 操作表单3.5 提交表单3.6 操作Dom元素3.7 jquery3.8…
js模拟快递单号查询
案例分析 1、快递单号输入内容时，上面的大号字体盒子显示这里面的数字 2、同时把快递单号里面的值（value）获取过来赋值给con盒子(innerText)做为内容 3、如果快递单号里面内容为空，则隐藏大号字体的盒子 4、注意：keydo…
vue项目如何点击跳转到第三方页面
大家都知道传统的跳转路由就是点击后通过this.$router.push()来跳转。但是需要跳转第三方链接除了用a标签之外，如果需要在点击事件内完成跳转怎么做呢。 很简单，用window.location.herf就可以了
注意：网址前面要加http或者https之类的&#…
Js实现数组的指定位置的插入方法insert()
文章目录前言Array.prototype.splice()定义和用法语法返回值说明实现insert()插入函数前言
js的数组中没有插入方法，实现插入需要通过splice间接地实现。
Array.prototype.splice()
定义和用法
splice() 方法向/从数组中添加/删除项目，然后返回被删除…
如何在vue3中优雅地使用v-model？
文章目录ps:vue3中推荐使用的是reactive写法，文中这种格式只是为了和vue2做对照，只是为了凸显vue3中对v-model的改进，仅供参考。Vue中的数据绑定v-bindv-bind支持的类型v-bind使用v-modelvue2中v-model用法不使用v-model的双向绑定父组件子组…
【通俗易懂】vue中loading功能实现方法
效果图
我是点击后让他出现loading效果。
上代码
<template><div><!-- 重点就是这一句话，v-loading,加在你需要效果的标签上就行了，他会自动在你的容器中间出现一层遮罩层并有个转圈的样式 --><div v-loading"show"…
utf8转gb2312精简版
var strGB"啊阿埃挨哎唉哀皑癌蔼矮艾碍爱隘鞍氨安俺按暗岸胺案肮昂盎凹敖熬翱袄傲奥懊澳芭捌扒叭吧笆八疤巴拔跋靶把耙坝霸罢爸白柏百摆佰败拜稗斑班搬扳般颁板版扮拌伴瓣半办绊邦帮梆榜膀绑棒磅蚌镑傍谤苞胞包褒剥薄雹保堡饱宝抱报暴豹鲍爆杯碑悲卑北辈背贝钡倍狈备惫焙被…
js中eq neq gt gte lt lte分别是什么意思，如何应用
含义：
eq ： EQUAL等于 neq ： NOT EQUAL不等于 gt ： GREATER THAN大于 lt ： LESS THAN小于 gte ： GREATER THAN OR EQUAL 大于等于 lte ： LESS THAN OR EQUAL 小于
(索引是从0开始)
应用&am…
网页制作基础大二dw作业HTML+CSS+JavaScript云南我的家乡旅游景点
家乡旅游景点网页作业制作 网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有…
HTML5期末大作业：游戏网站设计与实现——基于bootstrap响应式游戏资讯网站制作HTML+CSS+JavaScript
🎉精彩专栏推荐👇🏻👇🏻👇🏻 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业…
【JavaScript】原生js中DOM操作之元素创建、插入和移除
创建元素
<body><input type"text" id"txt1"><input type"button" id"btn1" value"创建"><ul id"ul1"></ul><script>window.onload function () {var oUl document.getEl…
【JavaScript】DOM基础之节点、以及通过className获取元素
节点 childNodes
<body><ul id"ul1"><li><span></span></li><li></li></ul><hr><ol><li>childNodes：子节点的集合</li><li>子节点是被选元素的第一层标签,span标签…
HTML+CSS+JavaScript仿京东购物网站制作 html静态网页设计制作 dw静态网页成品模板素材网页 web前端网页设计与制作 div静态网页设计
HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。 ⚽精彩专栏推荐…
【JavaScript】原生js中变量的作用域以及字符串连接
一个简历日历的实例。 <!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title><st…
【JavaScript】原生js中this的应用以及如何实现选项卡实例
用原生js实现选项卡效果。 <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title><style>#div1 div {width: 300px;height: 200px;back…
大一新生HTML期末作业,实现登录页面
🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业： 【📚毕设项目精品实战案例 (10…
for of和for in的区别
for of和for in的区别
for of of遍历的是元素item for in in遍历的是索引index 示例代码
let arr [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
console.log(of遍历元素item------------------------------------------);
for (let i of arr) {console.log(i)
}
console.log(in遍历索引…
猿人学爬虫攻防大赛 | 第一题JS混淆源码乱码
猿人学第一题JS混淆源码乱码
网址:http://match.yuanrenxue.com/match/1
第一题上来就来了个debugger，直接never pause here！ 继续点击第二页，看下请求的url，看到一个m的加密参数，用PostMan发送下请求，也…
【华为OD机试】简易压缩算法（python, java, c++, js）
简易压缩算法
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题目描述 有…
vue的双向绑定原理及实现
vue的双向绑定原理及实现
前言 使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双向绑定版本，…
JS 序列化 与 反序列化
序列化 定义： 序列化是把对象转换成有序字节流，以便在网络上传输或者保存在本地文件中。 序列化机制的核心作用就是对象状态的保存与重建。 本质上讲，序列化就是把实体对象状态按照一定的格式写入到有序字节流
…
math.atan2_JavaScript中带有示例的Math.atan2（）方法
math.atan2JavaScript | Math.atan2()方法 (JavaScript | Math.atan2() Method) Math.atan2() is a function in math library of JavaScript that is used to find the arctangent of the quotient of its arguments. The method will return the numeric value which is the …
浅谈对象（数组）的深克隆和浅克隆
浅谈对象（数组）的深克隆和浅克隆 浅克隆 object.assign()Array.prototype.concat()Array.prototype.slice() 深克隆 JSON.stringify 和 JSON.parseObject.assign()通过JQuery中的extend方法实现深拷贝lodash.cloneDeep()实现深拷贝递归 注意：…
学CSS选择器，看这篇文章就够了（近2万字详解）
📜个人简介 ⭐️个人主页：微风洋洋🙋♂️ 🍑博客领域：编程基础💡,后端💡,大数据,信息安全 🍅写作风格：干货,干货,还是tmd的干货 🌸精选专栏：【J…
JavaScript扩展运算符（...）
max Math.max(1,2,3)//max3arr [1,2,3]
max Math.max(arr)
//maxNaN// 扩展运算符，可以将数组形式转换为逗号参数的形式。
max Math.max(...arr)
// max3
svg使用symbol引入 静态直接use可以显示 js操作dom添加use标签xlink:href不起作用
使用fonticon时 直接<svg class"icon" aria-hidden"true"> <use xlink:href"#icon-xxx"></use> </svg>可以显示图片
js动态添加svg标签无法显示图片
两个问题:
1.svg基于xml 在html中使用需要指明namespace 2.查阅md…
纯js页面跳转(转)
js方式的页面跳转1.window.location.href方式 <script language"javascript" type"text/javascript"> window.location.href"http://updn.cn"; </script>2.window.navigate方式跳转 <script language"ja…
H5，input输入时，软键盘弹起不能自动收回
微信升級了之後就這樣了 $(".loans_tel input").on("blur",function(){var toFix$(".bind_graphText>input").offset().top;$(html,body).animate({scrollTop: toFix}, 300);
});
常用input输入限制数字，汉字，英文字母等
复制代码 代码如下:<input type"text"onKeyUp"this.valuethis.value.replace(/[^\.\d]/g,);if(this.value.split(.).length>2){this.valuethis.value.split(.)[0].this.value.split(.)[1]}"> 1.文本框只能输入数字代码(小数点也不能输入) 复制代码…
花里胡哨的 JS 装逼指南
1、最简单的单行评级组件"★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);定义一个变量 rate 是 1 到 5 的值，然后执行上面代码，如下：这才发现其他插件都弱爆了呀！2、JS 错误处理的方式的正确姿势（直接定…
c ++内联函数_内联MHTML +数据URI
c 内联函数MHTML and Data URIs in the same CSS file is totally doable and gives us nice support for IE6 and all modern browsers. But the question is - what about inline styles. In other words can you have a single-request web application which bundles toget…
yui css reset_YUI CSS分钟–第3部分–骇客
yui css resetThe previous parts are here (building and testing) and here (what gets minified). Now lets see how YUI CSS min handles CSS hacks. 前面的部分在此处(构建和测试)和此处(最小化)。 现在，让我们看看YUI CSS min如何处理CSS hack。 As you know …
div在屏幕任意位置拖动
div在屏幕任意位置拖动
主要就是三点：
1，获取鼠标按下时的位置；
2，获取鼠标移动后的位置；
3，两者相减就是div的位置；js代码如下：
// 获取屏幕的高宽度
let cw $(window).width()…
怪癖或没有怪癖的书签
Heres a bookmarklet that will tell you whether or not the browser renders your page in Standards Complaiance Mode or Quirks Mode. The bookmarklet will figure this out for the page as well as for all the frames (and their frames) recursively. Enjoy! 这是一个…
获取焦点失去焦点_焦点与目的
获取焦点失去焦点关于tfatp.com(About tfatp.com) The Focus and The Pocus (a.k.a. tfatp.com) is a toy project of mine, started a couple of days ago in a moment when I had so much work on my plate, that the only way to stay relatively sane was to take a break,…
自动填充表单_表单自动填充书签
自动填充表单介绍(Intro) So heres the thing, we all know we hate forms, the only thing we hate more than forms themselves is actually filling out forms. But the forms are the interface to our web apps, so we cannot do without them. What we would love to do …
解决ff和ie脚本兼容问题_IE脚本标签问题
解决ff和ie脚本兼容问题Issue: The page not displayed in IE. "View Source" shows the full source, <title> is displayed OK, but the page is not blank. White screen of death. Nothing. 问题：该页面未在IE中显示。 “查看源代码”显示完整的…
jsdoc_在Windows上运行JSDoc
jsdoc动机(Motivation) As your JavaScript grows bigger, it becomes harder to manage. A way to make it more manageable is by documenting properly what each function/method does, what type of parameters it accepts and what it returns. The laziest way do docum…
idea项目结构突然没有了_突然的结构文章
idea项目结构突然没有了This post talks about a JavaScript that can be used on any web/blog page to auto-generate a Table of Contents. 这篇文章讨论了可以在任何Web /博客页面上用来自动生成目录JavaScript。 动机 (Motivation) Heres the idea Ive playing with: say …
iframe引用父页面样式_iframe中父项的样式
iframe引用父页面样式Heres a JavaScript that lets you style an iframe just like its top parent. The script is basically just a proof of concept I did after talking to a friend about similar problem he has had in the past, so feel free to modify and use if y…
定义JavaScript类的3种方法
介绍(Introduction) JavaScript is a very flexible object-oriented language when it comes to syntax. In this article you can find three ways of defining and instantiating an object. Even if you have already picked your favorite way of doing it, it helps to k…
Yahoo!的MP3播放器！ –小书签
Update Jan 30, 2008: updated code based on comments and code from Carl Update Dec 11, 2008: updated the code thanks to the comment from Nolan 2008年1月30日更新：基于Carl的注释和代码更新了代码2008年12月11日：由于Nolan的注释而更新了代码 H…
css懒加载和预加载_预加载CSS / JavaScript而不执行
css懒加载和预加载Preloading components in advance is good for performance. There are several ways to do it. But even the cleanest solution (open up an iframe and go crazy there) comes at a price - the price of the iframe and the price of parsing and execut…
火狐如何扩展firebug_Firefox / Firebug扩展程序创建者向导
火狐如何扩展firebugAlways wanted to create a Firefox extension? Or a Firebug extension? Heres an easy way to take off the ground, no more excuses. 一直想创建Firefox扩展程序吗？ 还是Firebug扩展程序？ 这是一种简单的动手方式，无…
ie mhtml_MHTML –需要数据时：IE7及以下版本中的URI
ie mhtmlUPDATE: Its very important to have a closing separator in the MHTML document, otherwise there are known issues in IE7 on Vista or Windows 7. The details are here. 更新：在MHTML文档中有一个分隔符非常重要，否则在Vista或Windows 7的…
makefile隐含变量_浏览器的隐含全局变量
makefile隐含变量Like its not bad enough that JavaScript has implied globals (forget var and you create a global), but the browsers have decided its a good idea to add more pollution to the global namespace. 好像JavaScript隐含了全局变量还不够糟(忘记var并创建…
前端渐进式渲染_通过多次刷新进行渐进式渲染
前端渐进式渲染2010 update: Lo, the Web Performance Advent Calendar hath moved 2010年更新： Lo， Web Performance Advent Calendar已移动 10/2011 update: You can also read the web page with Romanian translation (by Web Geek Science) 10/2011…
JavaScript中的时间操作
Js获取当前日期时间及其它操作 var myDate new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31…
Node.js系列学习之koa框架
系列文章目录
一阶段 1.Node基本模块之 fs 2. Node基本模块之stream 3.Node基本模块之http 4.Node基本模块之crypto 二阶段 koa框架 1.koa入门以及koal 2.koa的模板引擎Nunjucks 3.koa实现MVC模式 三阶段 1.NodeWebSocket 实现一个聊天室 四阶段 1.在koa中如何使用REST 2.在ko…
3-vue实现年入35万第三步学习：tab切换
好的，今天我们来学习VUE 第三节的内容：欢迎观看，谢谢！ 2020【前端VUE框架】最新最全实战课程，VUE分享免费拿不谢！学习目标：
提示：2021【前端VUE框架】最新/最全/最细实战课程&#…
html+css+js三剑客
html、css、jshtml元素(Element)嵌套元素(Nesting Element)块级(block)元素和内联(inline)元素空元素(Empty Element)常见的元素介绍属性(Attributes)布尔属性单引号或者双引号？文档结构(Document Structure)实体引用(Entity References)DOM(Document Object Model)…
Github 源码阅读神器：Octotree
前言 之前在 Github 上翻阅 Java 开源项目源代码体验非常差，比如一个基于 Spring Boot 的标准 MVC 项目，需要 controller->service->mapper 等目录来回重新翻阅非常不便。 最近也一直苦于在寻找一款类似于 Windows 文件目录系统的开源工具…
懂技术又懂艺术的creative developer | Mix群聊
No.02- AI DISCOVERY -Mixlab无界社区欢迎来到#跨学科探索实验，开启无限可能。这是Mix群聊的第 2 期，探索通过对白的方式表达内容。欢迎大家参与此实验 ⤵️无界嚯 shadow 刚搞到的好东西webGL2021.6.28BlenderThree.jscreative developer Three.j…
Vue项目中引入Echarts可视化图（保证学会）
Vue项目中引入Echarts可视化图
1 安装Vue-Echarts "vue-echarts": "^5.0.0-beta.0" //不同版本可能兼容性不同，我用的这个版本npm install --save vue-echarts^5.0.0-beta.02 在指定Vue文件中引入Echarts
<script>
import Vue from &q…
前端基础——HTML总结
一、HTML
HTML（HyperText Mark-up Language）是超文本标记语言。
详细学习参考W3C网址以及菜鸟教程
网页实现基本结构
HTML：页面结构CSS：页面样式，如元素大小、颜色、位置、隐藏显示、部分动效等JavaScript…
尤雨溪亲自回应Vue.js涉及国家安全漏洞问题
昨天早上网上疯传一张图当我看到这张图也是惊呆了，sonar和Vue.js的漏洞被利用实施网络攻击探测然后又有一张图 作为一个不明真相的吃瓜群众，只能等官方回应了 于是终于等到尤雨溪知乎亲自回应这个问题 经过尤雨溪官方亲自辟谣，我们这下可以放…
Chrome 版本即将突破100 ？这个问题不容忽视！
今天跟大家来聊一个由于浏览器版本的变更可能会带来的问题，大家可以提前为自己的网站测试一下看看会不会有问题。2022 年上半年，Chrome 马上就要达到三位数的主要版本号：100 了！记得 Chrome 在很久以前第一次达到版本号 10 时&…
你觉得Hooks这一点烦吗？
昨天一个小伙伴发了一个Demo给我，让我解释下原因。我一看，好家伙，小小一个Demo，知识点囊括了：Hooks的闭包问题state是如何组装的相信看完这个Demo，对函数组件会有更深的认识。让人懵逼的DemoDemo包含一个按…
写给前端新人 - 我 JS 写的好好的，为什么要用那么复杂的 TS
作者：Kaiser原文：https://juejin.cn/post/6953500339425247246前言我JS写的好好的，为啥要用TS写呢？本文写给那些完全没有用过TS，也没有使用过结构化语言，对TS有一定的心智负担的前端新手同学。面对铺天盖地…
用JS实现响应式对象（VUE同原理）
Vue.js 实现响应式的核心是利用了 ES5 的Object.defineProperty，这儿尝试使用Object.defineProperty实现一个响应式对象，帮助理解Vue的深入响应式原理。 直接上代码：
let x{};
let value 10;
Object.defineProperty(x,v,{get(){console.log(…
20个简洁的 JS 代码片段
1、单行 If-Else 语句这是许多编程语言的共同特征。你可以使用三元运算符用一行代码编写整个语句，而不是在多行上编写 if-else。例如：const age 12;
let ageGroup;// LONG FORM
if (age > 18) {ageGroup "An adult";
} else {ageGroup &…
从 setState 聊到 React 性能优化
作者：风不识途https://segmentfault.com/a/1190000039776687setState的同步和异步1.为什么使用setState开发中我们并不能直接通过修改 state 的值来让界面发生更新：因为我们修改了 state 之后, 希望 React 根据最新的 Stete 来重新渲染界面, 但是这种方式…
没想到啊，ES2021居然更新了这样的5个 API
作者：陈大鱼头github：KRISACHAN如果没什么特殊情况，每一年 tc39 都会更新一些特性 API ，今年出的则是第 12 版，也就是我们说的 ES12 ，下面让我们一起来看看都更新了哪些 API。数字分隔符（Numeri…
【web开发】js实现表单提交
1.方法一
通常表单的提交有两种方式，一是直接通过html的form提交，代码如下：
<form action"" method"" id"forms"><input type"text" name"username" value"" />&…
新版犀牛书该不该入手？来一次开箱评测！
作者：清秋https://juejin.cn/post/6943228944489381901今天主要是想通过和第六版的对比的形式来看看第七版犀牛书有什么变化。首先最大的变化就是书变薄了！从原来的 1000 多页缩到了不到 600 页，篇幅变小的原因书中也交代了，如今互…
『前端优化』Vue中避免滥用this去读取data中数据
前言在Vue中，data选项是个好东西，把数据往里一丢，在一个Vue组件中任何一个地方都可以通过this来读取data中数据。但是要避免滥用this去读取data中数据，至于在哪里要避免滥用，如果滥用会导致什么后果，本专栏…
一个由设计稿智能生成代码的神器
一个由设计稿智能生成代码的神器imgcook，一个由设计稿智能生成代码的神器imgcook 是专注以各种图像（Sketch/PSD/静态图片）为原材料烹饪的匠心大厨，通过智能化手段将各种视觉稿一键生成可维护的前端代码，切实提高前端的…
字节跳动高频100道核心前端面试题解析
字节跳动的前端一直是大热之选，薪资和技术都是国内的最前沿。本文将为大家简单介绍一下字节技术岗的职级体系和相应的技术要求。并给大家分享一套高质量面试题：「由字节资深前端大佬整理的100道高频面试题」，祝大家求职顺利！字节跳…
你可以使用这些技巧简化你的代码
不少人有五年的 JavaScript 经验，但实际上可能只是一年的经验重复用了五次而已。完成同样的逻辑和功能，有人可以写出意大利面条一样的代码，也有人两三行简洁清晰的代码就搞定了。简洁的代码不但方便阅读，还能减少复杂逻辑和出错的…
vue 中对象按属性的值排序
需要将数据从高到底排序
在js中添加排序的方法：sort() 方法
语法：arrayObject.sort(sortby) sortby：可选，规定排序顺序。必须是函数。 function compare(a,b){ return a.id-b.id }若 a 小于 b，在排序…
这些一行 JS 实现功能的代码，让你看起来像一个前端专家
文章为翻译，原文见底部链接。老外也很会写标题，标题可能有 XX 党嫌疑，但是部分内容还是挺有用的。JavaScript 可以做很多神奇的事情！从复杂的框架到处理 API，有太多的东西需要学习。但是，它也能让你只用一行…
警察规范执法案例_警察改革沉浸式技术可以改变执法方式
警察规范执法案例Whenever a cop car pulls up beside or behind me while driving, I get nervous. My mouth becomes dry, leading to that little white crusty stuff in the corners of my lips. My breathing becomes irregular, and my heart speeds up enough for me to…
面试官：说下你的vue项目的目录结构，如果是大型项目你该怎么划分结构和划分组件呢？...
一、为什么要划分使用vue构建项目，项目结构清晰会提高开发效率，熟悉项目的各种配置同样会让开发效率更高在划分项目结构的时候，需要遵循一些基本的原则：文件夹和文件夹内部文件的语义一致性单一入口/出口就近原则，紧耦…
面试官连环追问：数组拍平（扁平化） flat 方法实现
前言一段代码总结 Array.prototype.flat()特性注：数组拍平方法 Array.prototype.flat() 也叫数组扁平化、数组拉平、数组降维。本文统一叫：数组拍平const animals ["????", ["????", "????"], ["???…
自学js第二天: js的引入和标识符规范和变量
JavaScript 引入/ js语句 / 标识符/变量
一.如何引入js
在HTML中嵌入JavaScript代码(js文件也是可以通过<‘srcipt’>外链式引入的)
<html><head ><!--第一种方式外链式引入JS(推荐)--><script src"js/index.js"></script> …
前端 api 请求缓存的 5 种方案
作者：wsafight，原文：https://github.com/wsafight/personBlog/issues/2在开发 web 应用程序时，性能都是必不可少的话题。对于webpack打包的单页面应用程序而言，我们可以采用很多方式来对性能进行优化，比方说…
什么，lodash 的防抖失效了？
背景在使用 uni-app 开发小程序时，有个填写表单的需求，包含两个输入框，看起来像这样image-20201107143814796两个在普通不过的输入框因为需要复用一些样式和逻辑，所以将输入框抽象成了组件，代码简化后如下<template…
十分钟上手 ES11 新特性
1、可选链操作符（Optional Chaining）可选链 可让我们在查询具有多个层级的对象时，不再需要进行冗余的各种前置校验。日常开发中，当需要访问嵌套在对象内部好几层的属性时，可能就会得到臭名昭著的错误Uncaught TypeErro…
交互模式和非交互模式】_交互模式下与脚本模式下的编码
交互模式和非交互模式】When programming in Python, you have two basic options for running code: interactive mode and script mode. Distinguishing between these modes can be slightly confusing for beginners, especially when you’re trying to follow along with…
使用BeautifulSoup的Python Web爬网教程
When performing data science tasks, it’s common to want to use data found on the internet. You’ll usually be able to access this data in csv format, or via an Application Programming Interface(API). However, there are times when the data you want can onl…
创建Vue脚手架，用的webpack模板
创建Vue脚手架一、下Vue模板项目一、下Vue模板项目
（我使用的工具是webstrom） vue-cli 是 vue 官方提供的脚手架工具 github: https://github.com/vuejs/vue-cli 作用: 从 https://github.com/vuejs-templates 下载模板项目 4.文件框中输入cmd命令&a…
解决微信浏览器缓存问题
微信浏览器处理缓存方式：
1.头部处理缓存信息。 <meta http-equiv"Cache-Control" content"no-cache, no-store, must-revalidate" /> <meta http-equiv"Pragma" content"no-c…
推一款基于原生的小程序（埋点）插件：ani-weapp
推一款基于原生的小程序插件：ani-weapp
真的可以提供太多方便
用最简单的方式实现跨组件实时通信，路由拦截，页面监听，storage管理，防抖节流区域化
最最最重要的一点： 引入真的简单！ÿ…
vue移动端页面弹出遮罩层时禁止页面滚动
bodyScroll(event) {event.preventDefault()},/**禁止页面滑动*/noSliding() {document.body.style.overflow hidden;document.addEventListener(touchmove, this.bodyScroll, false);//禁止页面滑动},/**允许页面滑动*/sliding() {document.body.style.overflow ;//出现滚动…
WebAPIs04-常用的键盘事件、 BOM 概述 、 window 对象的常见事件 、 定时器、this指向问题、、 location 对象 、navigator 对象 、histJS 执行机制
学习目标： 能够说出常用的3-5个键盘事件 能够知道如何获取当前键盘按下的是哪个键 能够知道浏览器的顶级对象window 能够使用window.onload事件 能够使用window.onresize事件 能够说出两种定时器的区别 能够使用location对象的href属性完成页面之间的跳转 能够使用l…
node独白（简介）
文章目录1、Node是什么?2、怎么使用Node?3、使用第三方中间件4、使用数据库在回顾node之前，先推荐一个小插件 nodemon, 使用nodemon插件启动服务，当代码变化之后会自动重启node服务器。 1、Node是什么?
网上最多的就是什么异步编程啊，事件…
web前端全栈0基础到精通（祺）vue 04
一、组件(component)
在前端，两大概念
一、模块
模块指的就是逻辑封装，一些共通的功能，你把它提取出来，封装到js中。你需要这个功能，你就引入js
es6的导入导出（导出的方式决定你引入的方法）
引…
【ES8】async 函数
文章目录相关介绍基本使用注意事项同类比较相关介绍 ES2017 标准引入了 async 函数，使得异步操作变得更加方便。async 函数是什么？一句话，它就是 Generator 函数的语法糖。通过比较就会发现，async函数就是将 Generator 函数的星号…
【JS笔记】JavaScript prompt（）方法的使用
JavaScript prompt()方法 prompt()方法： 用于弹出显示可提示用户进行输入的对话框，方法返回用户输入的字串符。 语法格式： prompt(msg,defaultText); 参数说明： msg（可选项）：需要在对话框中显示…
js中实现防抖与节流
文章目录防抖节流是怎么一回事？场景：输入框防抖版本版本一 一旦触发keyup就请求思路分析版本二 使用防抖装饰器初体验思路分析版本三 能够保证this和event能正常捕捉的防抖思路分析节流版本版本一 节流之初体验思路分析版本二 我希望它可以在需要时马上触…
在document的click事件中如何获取元素的参数值
html:
<li rid"24" type"1" class"ulitemlicontent"> <div class"ulitemcontent">
<div>dd（我自己）</div>
<div class"ulitembtngroup">
<span class"gly…
CLIPBOARD-通过前端JS代码实现复制到粘贴板的功能
CLIPBOARD是一个插件，用来实现前端的复制功能。官网 下载链接在官网的这个位置 将压缩包内dist文件夹下面的文件复制到你的项目中，然后在页面引用即可
<!-- 引用 -->
<script src"{$Think.const.PUBLIC_PATH}/js/upload/clipboard.min.j…
【自己写全景】TreeJs实现全景图
先附上两张成果图，我们的主要功能就是以上两个，实现全景图的浏览，将全景标记放在图上并实现属性查询。
注：并不是所有的图片都能当作全景图，可以到专门的网站下载全景图使用，有些拍摄的不好的全景图也会出…
js 时间十位补零 （不满10补零）
fixNum (number, digits 2) > {number String(number);var length number.length;if (number.length < digits) {for (var i 0; i < digits - length; i) {number "0" number;}}return number;
}
fixNum(1) // 01
页面自动加载js的方法
一、前言 公司有个项目里面有搜索功，根据多个搜索框的条件来进行搜索，产品提了个需求，需要对其中的一个搜索框加一个提示，比如用红色字体，要求对该输入框的搜索字数不能超过5个字符，然后看了一圈࿰…
使用js进行页面打印window.print(),并实现页面的调整
精选30云产品，助力企业轻松上云！>>> 打印window.print() 看代码 myPrint() {// 1. 设置要打印的区域 div的classNamelet subOutputRankPrint document.getElementById("dy");let newstr subOutputRankPrint.innerHTML;document.b…
Vue3.0报错：Failed to resolve component el-form-item导致el元素无法显示
导入element ui时选择的是按需导入，需要在element.js中引入相应组件。
import { ElForm } from element-plus
import { ElButton } from element-plus
import { ElFormItem } from element-plus
import { ElInput } from element-plus
import lang from element-pl…
javascript代码重构之：写好函数
1、函数要短小，一个函数只做一件事
如果函数做了较多的事情，它就难以组合、测试和推测。同时让函数只做一件事情的时候，它们就很容易重构。
// Bad
functionshowStudent(ssn){
conststudent db.
get
(ssn);
if
(student !
null
){documen…
JS面试题汇总（一）
1.如何快速复制一份数组数据
通过slice
var arr [1, 2, 3], copyArr;
copyArr arr.slice();通过concat
var arr [1, 2, 3], copyArr;
copyArr arr.concat();2.如何快速删除数组的第二个元素
arr.splice(1,1)3.如何连接数组转化字符串
arr.join()4.对原型作用链的理解 …
一行 JS 实现功能的代码，让你看起来像一个前端专家
1. 获取一个随机布尔值 (true/false)
这个函数使用 Math.random() 方法返回一个布尔值（true 或 false）。Math.random 将在 0 和 1 之间建一个随机数，之后我们检查它是否高于或低于 0.5。这意味着得到真或假的几率是 50%/50%。
const random…
React Hook: 高级 Hook API
React Hook: 高级 Hook API 文章目录React Hook: 高级 Hook API前言正文1. useReducer2. useMemo3. useCallback4. useRef5. useImperativeHandle6. useLayoutEffect7. useDebugValue结语其他资源参考连接完整代码示例前言
继前一篇 - React 升级: Hook API 基础，介…
几种常见排序算法和搜索算法
前言
最近为了巩固一下自己的算法基础,又把算法书里的基本算法刷了一遍, 特地总结一下前端工程师需要了解的排序算法和搜索算法知识,虽然还有很多高深算法需要了解, 但是基础还是要好好巩固一下的.本文将以图文的形式为大家介绍如下算法知识,希望在读完之后大家能有所收获:
冒…
如何开发一个浏览器插件
参考文章
Chrome 平台 API
一天学会Chrome插件开发
30分钟开发一款抓取网站图片资源的浏览器插件
manifest.json参数详解
Content Security Policy 入门教程
参考源码
github地址：一款提取网页图片数据的浏览器插件
秒杀插件(seckill)
一个chrome插件包含哪…
瀑布流的实现、动态数据绑定、简单封装可根据需求动态传入一行几列的布局
静态实现
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>瀑布式布局</title>
</head>
<style>
.falls_flex_box{display: flex;flex-direction: row;width: 500px;margin: auto;
…
JS基礎：Closure 閉包
JS 基礎：Closure 閉包 文章目錄JS 基礎：Closure 閉包簡介參考正文IIFE 立即執行函數(Immediately Invoked Functions Expression)Closure 閉包for 循環：使用 IIFE 建立塊級作用域PrimeCreator 質數(素數)製造機Module 模塊化Module Loader 模…
你不知道的JSON.stringify()妙用
1.用来调试对象我们先来看看下面这个代码在控制台中输出什么//Initialize a User object
const user {
"name" : "蔡生",
"age" : 26
}
console.log(user);RESULT
// [object Object]看！console.log()没有输出我们想要的结果。它输出…
有没有必要上？带你 Webpack5 快速开箱！
大家一定看过很多电子设备开箱测评，今天我们也来跑一个软件新版的上手测评 —— Webpack 5！从 2017 年发出关于 v5 的投票开始，到 2019 年 10 月发布第一个 beta 版本，目前是 5.0.0-beta.16。现在在收集使用反馈、生态升级的过程中…
我在项目中是这样配置Vue的
独在公司加夜班，行行代码心甚寒。不知功能何时完，杀了产品来祭天。在前面的文章中，我为大家带来了许多Vue 实战技巧，也得到了大家的许多好评，但中间还是存在着些许漏洞，在此向大家表示歉意。其实在前面那些…
ES11来了，不进来看看嘛
前言ES2020 （ES11）是 ECMAScript 对应 2020 年的版本。这个版本不像 ES6 (ES2015)那样包含大量新特性。但也添加了许多有趣且有用的特性。本文以简单的代码示例来介绍 ES2020新特性。这样，你可以很快理解这些新功能，而不需要多么复…
你应该知道的 18个webpack插件【够全】
作者：lzg9527原文链接：https://segmentfault.com/a/1190000022956602何为插件(Plugin)？专注处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。Plugin 是一个扩展器，它丰富了 webpack 本身ÿ…
call，apply，bind，以及手写实现
call和apply
语法： 只是传参不一样
这样animal调用this实际上这个this时a函数
特点： 1.函数调用的call就代表这个函数执行了不用在执行他 2.调用 call 和 apply 指向 undefined 或者 null ，会将 this 指向 window。 3.调用 call 和 appl…
axios-retry可以让一个失败的网络请求再次自动发送n(自定义)次数
axios-retry可以让一个失败的网络请求再次自动发送n(自定义)次数
安装
npm install axios-retry引入
import axiosRetry from axios-retry;使用
axiosRetry(axios, { retries: 3 });图片来自：https://juejin.cn/post/7053471988752318472
LeafletJS-Overlay
除了地图叠加层，您还可以在Leaflet应用程序中使用图像，视频叠加层。在本章中，我们将看到如何使用这些叠加层。
图像叠加
请按照下面给出的步骤使用图像叠加层。
步骤1-通过传递< div >元素（字符串或对象）和地…
LeafletJS-Markers
为了在地图上标记单个位置，传单提供了标记。这些标记使用标准符号，并且可以自定义这些符号。在本章中，我们将看到如何添加标记以及如何自定义，动画化和删除它们。
添加一个简单的Marker
要使用Leaflet JavaScript库将标记添加到…
js——快速排序（quickSort）代码实现
快速排序作为前端排序算法面试的最常考算法之一，是必须要掌握的。现场面试的时候，会要求直接在A4纸上书写出来，不能有犹豫，所以还在等什么呢？
<!DOCTYPE html>
<html lang"en">
<head>&l…
JS实现轮播图-无缝衔接
在这里封装了一个改变元素节点的运动的函数，使用的时候只要调用即可：
1、第一个参数是要操作元素节点。
2、第二个参数是一个对象存放样式名和对应样式的目标值。
3、第三个参数是回调函数，在不需要的时候可以不传入，作用是在多…
JS Cookie获取值
Cookie
Cookie 是直接存储在浏览器中的一小串数据。它们是 HTTP 协议的一部分，由 RFC 6265 规范定义。
Cookie 通常是由 Web 服务器使用响应 Set-Cookie HTTP-header 设置的。然后浏览器使用 Cookie HTTP-header 将它们自动添加到（几乎）每…
技术重要还是业务重要_重要主题
技术重要还是业务重要For some themed location /foo/bar, you want “bar” and everything below it to look different than “foo”. 对于某些主题位置/ foo / bar，您希望“ bar”及其下面的所有内容看起来都不同于“ foo”。 I had to do a bit of placeful t…
java awt画布_Java AWT画布
java awt画布Canvas is a GUI component that creates a rectangular box on the screen. It can be used to draw shapes or print text, it acts as a canvas. It can also be used to take user inputs. It is called so because it is like a canvas on which artists draw…
ruby 执行函数_Ruby push（）函数
ruby 执行函数Ruby中的push()函数 (push() function in Ruby) You may have studied the logic to create the push() function in data structure manually which is used in Stack to push the element to the top of the stack. Likewise, in Ruby, we have a predefined li…
javascript 注释_JavaScript中的注释
javascript 注释Like other programming languages, in JavaScript comments can be used to prevent the execution of the statements. Whenever we want to ignore the statements or any text/document from execution, we use comments. 像其他编程语言一样， J…
springboot+thymeleaf 后端程序员秒对接高德地图
需求就是需要用高德地图展示经纬度数据，获取行驶轨迹（只要是高德api提供的都行）
废话不多说 一.先建立个springboot项目（自己动手随便建一个），引入thymeleaf 前端架构
<dependency><groupId>…
css绝对定位手机差异_CSS差异＃2
css绝对定位手机差异Continuing from last night... 从昨晚开始... First, two twitter responses pointed to even more readily-available options for comparing screenshots. One is Wraith from BBC engineers which supports Firefox/Gecko (via SlimerJS) in addition t…
js webaudio音量_WebAudio：JS中的振荡器
js webaudio音量How about generating some noise in JavaScript? 如何在JavaScript中产生一些噪音？ Demo is here: oscillator. 演示在这里：振荡器。 这是如何运作的？ (How does this work?) Using HTML Web Audio you can synthesize aud…
js,jquery判断一个id对象是否存在
假如我们页面中一个div块是根据数据有无决定是否显示在页面，那么当我们js执行需要这个div的id获取这个对象时候，怎么判断呢 如下 var titelObj $("#divId");
if (titelObj.attr("id") undefined) { return; }
javascript优化_极端JavaScript优化
javascript优化2010 update: Lo, the Web Performance Advent Calendar hath moved 2010年更新： Lo， Web Performance Advent Calendar已移动 Dec 20 This article is part of the 2009 performance advent calendar experiment. Todays article is a se…
Intellij IDEA 这样配置注释模板，让你瞬间高出一个逼格！
作者：Jitwxs来源：jitwxs.cn/4135e0a9.html一、类注释 打开 IDEA 的 Settings，点击 Editor-->File and Code Templates，点击右边 File 选项卡下面的 Class，在其中添加图中红框内的内容：/*** author jitwx…
Java 8 开发的 4 大顶级技巧，你都知道吗 ？
来源：dzone.com/articles/java-8-top-tips我使用Java 8编码已经有些年头，既用于新的应用程序，也用来迁移现有的应用，感觉是时候写一些我发现的非常有用的“最佳实践”。我个人并不喜欢“最佳实践”这个说法，因为它意味…
页面项共通校验validate
原生的校验插件不太好用，故项目中重写了validate.js文件！ 下面为具体的用法步骤： 1. 需要实现的页面效果 2. 页面写法 <li><span><i class"redstar">*</i>重量</span><input type"text"…
Javascript实现图片轮播效果。
用js做一个简单的图片轮播效果。 思路如下：用JavaScript来控制轮播的图片的样式（margin-left）。用计时器来控制图片的自动播放。鼠标点击控制图片的翻页。 效果图如下。具有以下功能：1.自动图片轮播 2.左右切换图片 3.底下小按钮切…
JavaScript实现数字金额小写变大写（二）
/*** 将阿拉伯数字金额转成中文大写金额* param n* returns*/
function moneyTran(n) {if (!/^(0|[1-9]\d*)(\.\d)?$/.test(n))return "数据非法";var unit "仟佰拾亿仟佰拾万仟佰拾元角分", str "";n "00";alert(n);var p n.ind…
H5性能分析及前端性能监控：window.performance
window.performance 是W3C性能小组引入的新的API，目前IE9以上的浏览器都支持。一个performance对象的完整结构如下图所示： memory字段代表JavaScript对内存的占用。 navigation字段统计的是一些网页导航相关的数据： redirectCount:重定向的数…
Selenium-WebDriverApi接口详解
浏览器操作 # 刷新
driver.refresh()# 前进
driver.forward()# 后退
driver.back()获取标签元素 # 通过ID定位目标元素
driver.find_element_by_id(i1)# 通过className定位目标元素
driver.find_element_by_class_name(c1)# 通过name属性定位目标元素
driver.find_element_by_n…
记录一个js中apply函数经典例题
实现函数 callIt，调用之后满足如下条件 1、返回的结果为调用 fn 之后的结果 2、fn 的调用参数为 callIt 的第一个参数之后的全部参数
解答一：
function callIt(fn) {return fn.apply(this,[].slice.call(arguments,1))
}解答二：
function …
Vue在子组件中修改Props的几种情况
首先列举平常使用Vue 父组件传递数据到子组件的几种情况 传递的是基础数据类型(Number,Boolean,String)传递的是引用类型（Object,Array）
针对以上几种情况再逐一进行分析
首先定义一个子组件ChildComponent
<template><div>我是子组件<…
WebRTC学习总结（2）：Nodejs和socket.io搭建信令服务器
信令服务器
webRTC采用的是“端对端”对等连接，在信息通路形成之后，可以没有服务器参与，但是信息通路的搭建不能没有信令服务器。
信令服务器主要用于交换以下信息：
会话控制信息：比如加入房间，离开房间…
jquery tab栏
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><title>Title</title><script src"js/jquery-3.5.1.min.js"></script> <!--导入jquery--><style>* {margin: 0;paddi…
原生js制作扫雷-自定义难度
游戏功能：
1、有四个难度
2、可以自定难度
1、html相关代码
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0&…
ESlint Prettier Git 中使用 ignore忽略文件的规则解释
概述
我们经常在项目中使用.gitignore去忽略文件，比如
# .gitignore忽略项目依赖和打包文件
node_modules
dist其实，除了Git，ESLint和Prettier同样提供了对应的ignore文件
.eslintignore 为ESLint忽略指定文件.prettierignore 为Prettier忽…
Javascritp Selection 与 Range
在操作文本框或者可编辑元素的时候，我们可能会使用到这两个api。在这里简单记录下区别。
RangeSelection
Selection 指代的是用户选择的区域。该区域可以是多个，但目前谷歌并不支持选择多个，但Firefox应该是支持的。
Range也是代表一段区域…
Reflect.has / Reflect.ownKeys / in / getOwnPropertyDescriptor 等几种获取对象属性的区别
可以把获取属性的这些API分成几部分：
均可以获取普通属性，这是必然的…是否可以获取不可枚举属性是否可以获取Symbol属性是否可以获取存在于原型上的属性
而具备访问对象属性的api分为以下部分
Reflect 静态方法(has() / ownKeys() 等)Object 静态方法…
Vue小项目01——标签记录器
Vue小项目——标签记录器 功能：用户在文本框里输入文本，按回车键，文本添加到信息栏里，并清空文本框里的内容，最左侧有信息编号，下方有所以信息条数，每条信息右测有删除叉，最下方有全…
如何避免在鼠标选择区域上触发点击事件
今天遇到这样一个问题，比如我给一个div区域绑定了页面跳转的点击事件，当点击的时候后跳转。
然而我并不希望当用鼠标选择div中的文字之后触发跳转。默认行为是会触发点击事件的，那么应该如何判断。
其实我们使用window.getSelection()可以获…
vue-router 页面跳转，返回到顶部的几种方式
标准答案：
const router new VueRouter({routes,// 对于页面跳转，全部都返回到页面顶部。scrollBehavior(to, from, savedPosition) {return { x: 0, y: 0 };},
});如上，简单解释一下，其实scrollBehavior这个api初衷应该是用于定…
await is only valid in async function
这个错误的意思是await只能放到async函数内部，言下之意：
await必须放到函数里函数必须有async修饰符
错误1： 没有放到函数里
const myFun async () > {return new Promise((resolve, reject) > {setTimeout(() > {resolve(1)},1…
250 JS设置cookie、读取cookie、删除cookie
JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。
而cookie是运行在客户端的，所以可以用JS来设置cookie.
假设有这样一种情况，在某个用例流程中，由A页面跳至B页面&am…
223 jquery判断对象是否存在，用 $(“[do=btnfileupload]“).length」0
一、判断jquery对象是否存在
用下面的 jQuery 代码判断一个对象是否存在，是不能用的
if($("[dobtnfileupload]")){
}else{}
因为 $("[dobtnfileupload]") 不管对象是否存在都会返回 object 。
正确使用判断对象是否存在应该用：
…
jQuery样式—AddClass、RemoveClass、ToggleClass的使用技巧
一、 AddClass：向被选元素或者指定的元素添加一个或多个类，元素例如有：div、button、P标签、文本框等等都可以用到，范围很广，也是敲代码期间常用的一个样式；添加的类不会覆盖原本的类，只会增加类…
Json返回多个对象
相信大家对json也比较了解了，平时打代码的时候也用到，而且很频繁的用到；但是我们写一个方法的时候都是返回一个值的（如下图），并不知道json是可以返回多个对象，就算知道了也很少去用，…
vue瀑布流组件vue-waterfall-easy的使用
1、安装vue-waterfall-easy组件
npm install vue-waterfall-easy --save-dev
2、在所需要使用的页面中引入该组件并编写相关业务逻辑代码
<template><div><vue-waterfall-easy v-show"!noData&&loadingShow" ref"waterfall" scr…
移动设备中click事件会存在300ms的延迟
移动设备中click事件会存在300ms的延迟 我们需要引入fastclick这个第三方插件 如果是在vue开发中:
1、我们需要用npm进行安装即可 npm install fastclick --save
2、在main.js中需要将fastClick绑定到我们的body之上 fastClick.attach(document.body)
import Vue from vue
i…
前端函数获取或删除url get参数
获取url参数
function getUrlParam(name) {var reg new RegExp("(^|&)" name "([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象var r window.location.search.substr(1).match(reg); //匹配目标参数if (r ! null) return unesc…
Git使用流程（超级详细，值得收藏！）
目录
git 安装
git 首次安装需要进行的配置 git 管理本地文件夹
git 仓库是什么样子的 ?
上传到远程
下载到本地
git 的分支 git 的冲突 和 git 相关的几个文件 git常用命令
1.$ git clone [address] # 复制代码库到本地2.$ git add [file] … # 添加文件到代码库中3.$…
JavaScript （js）基础知识
1. java script 是web的编程语言。
2.所有的现代html 页面都是用 java script。
3. java script 和 java没有一毛钱关系。
4. html定义了网页的内容； css描述了网页的布局； js定义了网页的行为。
5.java script 是一种轻量级的编程语言。
6. java script…
HTML基础之DOM操作
DOM(Document Object Model 文档对象模型) 一个web页面的展示，是由html标签组合成的一个页面，dom对象实际就是将html标签转换成了一个文档对象。可以通过dom对象中js提供的方法，找到html的各个标签。通过找到标签就可以操作标签使页面动起来。…
js 时间戳和时间相互转换以及 获取本周时间
1.时间戳转换为XXXX-XX-XX HH:MM:SStimeFunc(value) {//value为时间戳 let time new Date(parseInt(value) * 1000); function add0(m) { return m < 10 ? 0 m : m } let y time.getFullYear(); let m time.getMonth()…
链接：深入理解javascript构造函数和原型对象
链接：深入理解javascript构造函数和原型对象http://www.jb51.net/article/55539.htm
Promise学习笔记
Promise学习笔记一、概念二、对象的使用1、封装函数创建对象2、then( )方法三、JavaScript异步1、同步2、异步a、同步回调b、异步回调c、ajax异步3、ES6新的对象Promise4、迭代器(Iterator)和生成器(Generator)5、async和await四、回调队列和事件循环(event loop)1、event loop…
react前端框架dva(四)
dva.js 知识导图
不知大家学 react 或 dva 时会不会有这样的疑惑：
es6 特性那么多，我需要全部学会吗?react component 有 3 种写法，我需要全部学会吗?reducer 的增删改应该怎么写?怎么做全局/局部的错误处理?怎么发异步请求?怎么处理复杂…
react前端框架dva(二)
dva的8个基础概念：数据流向数据的改变发生通常是通过用户交互行为或者浏览器行为（如路由跳转等）触发的，当此类行为会改变数据的时候可以通过 dispatch 发起一个 action，如果是同步行为会直接通过 Reducers 改变 State …
支付宝框架UmiJs（五米）
最近有发现了一套dva过后的新的React应用框架--UmiJs（当然也可叫做“优米”或者“五米”），网址：https://umijs.org/zh-Hans/，github地址：https://github.com/umijs/umi。
不知道，对UmiJs这套框…
js获取url中的请求参数
//获取url中的请求参数值
function getURLParam(param){//正则表达式,以起始符或&为起始点参数名等于以非&起始的任意字符，以&或结束符为终止点var reg new RegExp("(^|&)" param "([^&]*)(&|$)");//substr返回一个…
D3.js--Tree(树)
html： <div id"relevanceRuleConfig">CSS：.node circle {fill: #fff;stroke: steelblue;stroke-width: 1.5px;
}.node {font: 12px sans-serif;
}.link {fill: none;stroke: #ccc;stroke-width: 1.5px;
}JS：//定义布局范围
v…
vue中request和response请求拦截器
request 请求拦截器，有token值则配置上token值
axios.interceptors.request.use(
config>{if(token && config.url ! "/login"){config.headers[Authentication] token}return config;
},
error>{console.log(error);Promise.reject(erro…
小程序获取顶部高度，设备信息和时间胶囊位置信息
wx.getSystemInfoSync(),//获取设备信息try {const res wx.getSystemInfoSync()console.log(res.model)console.log(res.pixelRatio)console.log(res.windowWidth)console.log(res.windowHeight)console.log(res.language)console.log(res.version)console.log(res.platform)
…
js的filter的巧用
function mustBig(element,index,array)
{return(element>30);
}
[12, 5, 8, 130, 44].filter(mustBig);
javascript自定义rem还原设计稿
//根据设计稿750宽度
(function (doc, win) {var docEl doc.documentElement,resizeEvt orientationchange in window ? orientationchange : resize,recalc function () {var clientWidth docEl.clientWidth;if (!clientWidth) return;if (clientWidth > 750) {client…
promise源码实现
class Promise {// 三状态：等待态、成功态、失败态static PENDING pendingstatic RESOLVED resolvedstatic REJECTED rejectedconstructor(excutor) {// promise实例初始化this.state Promise.PENDING // 默认为等待态this.value undefined // then方法成功回调…
Echarts 实现 hover 状态下，坐标轴文字高亮
一、需求说明
Echarts 图中的柱状图和坐标文字皆可点击触发相对应的事件，希望用户鼠标 hover 状态有颜色高亮的效果。如图：
二、实现思路
Echarts 的柱状图 hover 状态已默认有高亮状态，不作叙述；难点在于坐标轴文字如何实现 …
js获取本地IP地址
node、js获取本地IP地址/*** 获取本地ip地址* return {String} IP地址 */
function getIPAdress() {let interfaces require(os).networkInterfaces();for (var devName in interfaces) {var iface interfaces[devName];for (var i 0; i < iface.length; i) {let alias …
H5编写Audio音乐播放器——李帅醒博客
今天教大家使用html5 Audio标签实现音乐播放器，模仿QQ音乐、天天动听等类似效果。这是我当年刚接触H5的一个小demo,适合初学者初考，代码也有很大的优化空间。 audio 属性 属性值 注释 src url 播放音乐的url地址 preload load/auto 预加载 loop loop 循环…
阿里测试——生成一个CSS选择器
题目： 我的解法：
<!DOCTYPE html>
<html lang"en">
<head<meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><meta http-equiv&q…
element ui的select下拉框实现多选数据回显
效果图：
思路：v-model绑定的是一个数组，里面包含你所选择的值，拿到的是一个串数字，需要转为字符串，再转按逗号分隔成数组进行赋值。
代码： <p class"adzjgs"><span>护士…
鼠标滚轮的滚动事件，判断鼠标向上还是向下滚动
代码： JS // 鼠标滚动事件windowAddMouseWheel() {let that this;var scrollFunc function (e) {e e || window.event;if (e.wheelDelta) {//判断浏览器IE，谷歌滑轮事件if (e.wheelDelta > 0) {//当滑轮向上滚动时console.log("向上滚动"…
Generator函数的一些笔记
Generator函数
1.简介
1.1 基本概念
Generator函数从语法上可以理解为一个状态机，封装了多个内部状态。
执行Generator函数会返回一个遍历器对象。也就是说Generator函数除了是一个状态机，还是一个遍历器对象生成函数。返回的遍历器对象可以依次遍历…
promise async await
首先定义一个函数
let func1 () > new Promise((resolve, reject) > setTimeout(() > resolve(12345), 1000))函数func1执行的时候，会返回一个promise对象
let func1 () > new Promise((resolve, reject) > setTimeout(() > resolve(12345), …
观察者模式，发布订阅者模式
1 观察者模式 定义：观察者模式，又叫发布订阅者模式，又叫消息系统，又叫消息机制，又叫自定义事件，解决主体与观察者之间的耦合问题。 观察者模式是一个行为型设计模式 特点： 1 解决的是耦合问题&a…
balanced-match 源码解析
balanced-match 源码解析 文章目录balanced-match 源码解析正文0. 基本信息0.1 Usage0.2 Version: v2.0.00.2 Doc1. 源码解析1.0 源码项目结构1.1 主入口1.2 balanced1.3 maybeMatch1.4 range其他资源参考连接阅读笔记参考正文
0. 基本信息
0.1 Usage
balanced-match 这个库…
HTML5 新特性: Web Worker 的创建与使用(webpack + TS 环境)
HTML5 新特性: Web Worker 的创建与使用(webpack TS 环境) 文章目录HTML5 新特性: Web Worker 的创建与使用(webpack TS 环境)前言正文1. 基础使用1.1 Worker 定义1.2 Worker 使用2. worker-loader2.1 webpack 配置2.2 Worker 定义2.3 Worker 使用2.4 TS 环境下的配置3. 实践…
JS 模块化: AMD 模块化方案的理解与应用
JS 模块化: AMD 模块化方案的理解与应用 文章目录JS 模块化: AMD 模块化方案的理解与应用前言JS 模块化标准：CommonJS、AMD、ES6 Module(ESM ECMAScript Module)动机正文1. 模块化之前1.1 同步脚本1.2 在 head 标签中引入脚本1.3 使用 window.onload2. 使用 Requir…
Base64 Base64URL 编码方案(附 js 代码实现)
Base64 & Base64URL 编码方案(附 js 代码实现) 文章目录Base64 & Base64URL 编码方案(附 js 代码实现)简介参考完整示例代码正文什么是 Base64？Base64 转换规则Base64URL 规则Base64 转换字符表转换规则图解在 JavaScript 中进行 Base64 编码Base64 编码 js…
Javascript判断字符串是否为空
很多情况下，都是用length来直接判断字符串是否为空，代码如下： 测试效果如下图： 如果用户输入的是空格，制表符，换页符，这时候，一般也会认为用户输入的是空值，可以使用正则…
Axios 应用: 实现后端接口封装 重复请求回避(撤销请求)
Axios 应用: 实现后端接口封装 & 重复请求回避(撤销请求) 文章目录Axios 应用: 实现后端接口封装 & 重复请求回避(撤销请求)简介参考完整示例代码正文目标axios 中的请求撤销1. CacelToken.source 工厂方法2. CancelToken 构造函数(参数为接受一个 cancel 方法的回调)代…
JS 基础: 你真的了解 console 吗？
JS 基础: 你真的了解 console 吗？ 文章目录JS 基础: 你真的了解 console 吗？简介参考正文console 的方法console.logconsole.warnconsole.errorconsole.clearconsole.time & console.timeEndconsole.tableconsole.countconsole.group & console.…
Babel入門：JavaScript 的下一代編譯器
Babel 入門：JavaScript 的下一代編譯器 文章目錄Babel 入門：JavaScript 的下一代編譯器簡介參考正文Concept 概念Core Module 核心模塊1. babel/core2. babel/cli3. babel/preset-env4. babel/polyfill（不推薦）5. babel/preset-st…
JavaScript进阶学习笔记（六）--- 正则表达式
一、正则表达式
1、正则表达式概述
正则表达式（ Regular Expression ）是一种用于匹配字符串中字符组成的模式，用来检测某个字符串的组成是否符合某种要求或规则，通常用来验证表单：例如验证用户名只能由英文字母、…
JavaScript进阶学习笔记（四）--- 函数和闭包
一、函数的定义
1、function 关键字
function fn(){}2、函数表达式（匿名函数）
var fn function(){}3、new Function()
var f new Function(a, b, console.log(a b));
f(1, 2);var fn new Function(参数1,参数2..., 函数体)
注意
/*Function 里面…
js replace替换全部
const data " 代***码***无***bug"
console.log（data.replacr( /\***/g, )）
//\为转义字符 g表示全局这样就全部替换了
js工具类DataTime
//格式化当前时间
new Date().format("yyyy-MM-dd ")
/*** 日期时间工具类* type {{dateFormat}}*/
var DateTime function () {var patterns {PATTERN_ERA: G, // Era 标志符 Era strings. For example: "AD" and "BC"PATTERN_YEAR: y, // 年…
下一代前端开发语言typescript学习之安装typescript
打开终端 windows电脑中 使用npm install -g typescript 全局安装最新版本
mac电脑中 使用sodu npm install -g typescript 输入密码后全局安装最新版本 如果不加sodu会报错
查看是否安装成功typescript 使用命令: tsc -V 恭喜你成功安装typescript
js——替换字符串中的空格
题目背景：
在网络编程中，如果URL参数中含有特殊字符，如空格、#等，可导致服务器端无法获取正确的参数值。解决方案：将这些符号转换成浏览器可以识别的字符，转换规则是在%后面添加特殊字符ASCII码的十六进制…
parseInt()和toString()方法区别
问题的来源：由于对这两个函数parseInt()和toString()用法比较模糊，觉得有必要亲自区分一下。
1、parseInt()为js全局函数，类似的还有parseFloat()。先来看下W3school对函数parseInt()的介绍： 一些示例：
<script …
React antd 报错TypeError: e.isAfter is not a function 及类似原因总结
这个问题是在保存高级搜索条件时报的错，经检查是这段代码报的错
给出类似代码
import React, {useEffect} from react;
import {Form,DatePicker,} from antd;
function example(){const [form] Form.useform();useEffect(()>{....//searchdata是按原样用form…
leetcode刷题记录02——两数相加（JavaJavaScript）
2. 两数相加
难度：中等
给出两个 非空 的链表用来表示两个非负的整数。其中，它们各自的位数是按照 逆序 的方式存储的，并且它们的每个节点只能存储 一位 数字。
如果，我们将这两个数相加起来，则会返回一个新的链表来…
【微信小程序】根据屏幕尺寸去调整图片尺寸宽高比
1.获取图片的原始宽高，并获取到图片原始宽高的宽高比
let src = "图片地址"
wx.getImageInfo({src,success: function(res){let originalWidth = res.width;let originalHeight = res.height;let originalScale = parseInt(originalHeight/originalWidth);//图片高…
【JS】js 数组反转，倒置
JS Array.reverse 将数组元素颠倒顺序 转载 2016年03月10日 16:02:34 33080
//JS Array.reverse 将数组元素颠倒顺序
//在JavaScript中，Array对象的reverse()方法将颠倒（反转）数组中元素的顺序。arr.reverse()在原数组上实现这一功能&#…
通过HTML+CSS+JavaScript实现鼠标移动到页面顶部导航栏出现，如果移出导航栏3秒又隐藏起来，而且不受滚动条影响（二）...
通过HTMLCSSJavaScript实现鼠标移动到页面顶部导航栏出现，如果移出导航栏3秒又隐藏起来，而且不受滚动条影响(二) 效果：默认一直隐藏导航栏，当滚动条滚到超过300px按钮出现，点击回到顶部按钮回到顶部，并隐藏…
Vue CLI vue-router -＞（个人学习记录笔记）
文章目录Vue1. vue-vli脚手架1.1 介绍与安装1.2 项目初始化2. 回顾箭头函数2.1 基本使用2.2 参数和返回值2.3 this指向3. 路由3.1 vue-router安装与配置3.2 vue-router基本使用基本使用router-linkrouter-view重定向修改路由模式hash->history不用router-link3.3 vue-router…
Webpack基础 -＞（个人学习记录笔记）
文章目录Webpack官网1. 认识webpack2. webpack的安装3. webpack的起步4. webpack的配置5. loader的使用5.1 css文件的处理5.2 less文件的处理5.3 图片文件的处理5.4. ES6转ES5的babel6. webpack中配置Vue未抽离app.vue抽离为app.vue7. plugin的使用7.1 添加版权的Plugin7.2 打包…
html+js实现切换图片（点击按钮切换）
效果图 实现点击按钮切换图片的效果 具体代码
这个其实 跟轮播图很像 ，如果想自己循环播放 ，并且有动画，建议swiper实现。
Swiper演示 - Swiper中文网
<!DOCTYPE html>
<html lang"en"><head><meta chars…
Django在同一个视图中要处理ajax请求遇到的一些坑
在写项目中遇到的一些ajax的坑，在这里做一下记录
一、先放一个完整的前，后端示例
<!-- 用户登录 -->
<div id"login" class"layout_login"><div class"layout_login_" id"login_b"><div…
JQuery 高级 复学 -＞（个人学习记录笔记）
JQuery 高级
1. 动画
1.1 三种方式显示和隐藏元素
1.1.1 默认显示和隐藏方式
show([speed,[easing],[fn]]) 参数： speed：动画的速度。三个预定义的值("slow","normal", “fast”)或表示动画时长的毫秒数值(如：1000)e…
JQuery基础 复学 -＞（个人学习记录笔记）
JQuery 基础：
1. 概念
概念： 一个JavaScript框架。简化JS开发 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less&#…
2020 用html JavaScript实现广告轮播图切换 鼠标悬浮下标且左右切换图片
用html JavaScript实现广告轮播图切换 鼠标悬浮下标且左右切换图片
如图所示，左右有箭头可以切换照片，鼠标悬浮下标数字可跳转图片 建一个style.css文件
ul,li{padding: 0;margin: 0; list-style: none;}
.adver{margin: 0 auto; width: 700px; overfl…
2020使用html、js、正则表达式做一个前端注册表单信息验证
使用html、js、正则表达式做一个前端注册表单信息验证
小小前端练手项目，主要运用正则表达式对用户名、密码、确认密码、电子邮箱、手机号码、生日、身份证号码的验证
1、用户名不正确(需由由英文字母和数字组成的4-16位字符，以字母开头)
/*验证用户名…
一个方法解决js中两个浮点数相乘精确度的问题；在javascript中，乘法结果会有误差，特别在两个浮点数相乘的时候会比较明显，这个函数返回较为精确的乘法结果
/**
* 在javascript中，乘法结果会有误差，特别在两个浮点数相乘的时候会比较明显。
* 这个函数返回较为精确的乘法结果。
*/
function numberMul(arg1,arg2){var res 0;var s1 arg1.toString();var s2 arg2.toString();if(s1.indexOf(".") !…
基础架构高可用性设计原则_有效基础架构作为代码的原则模式和实践
基础架构高可用性设计原则重点 (Top highlight)Also published on my website.还发布在 我的网站上 。 目录 (Table of contents) What is Infrastructure as CodeKey Principles- Idempotency- ImmutabilityPatterns and Practices- Everything in Source Control- Modulariz…
解决js实现的计时器中的bug（两种方法）
今天带来的是js中的计时器实现并解决bug，有两种方法解决bug，第一种是自我优化的，第二种是借鉴优化的。
首先来看看怎么实现计时器：
<!DOCTYPE html>
<html><head><meta charset"UTF-8"><t…
浅谈JavaScript设计模式.
什么是设计模式？
百度百科: 设计模式（Design Pattern）是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。 使用设计模式的目的：为了代码可重用性、让代码更容易被他人理解、保证代码可靠性。 设计模式使代码编写…
tomcat gzip等配置
tomcat gzip等配置 An example of a HTTP Connector configuration with compression enabled could be: <Connector port"8080" protocol"HTTP/1.1" maxHttpHeaderSize"8192"maxThreads"150" minSpareThreads"25" maxS…
如何手 Vue的手势组件呢？本文教你
前言
最近需要使用手指捏合扩大的手势操作，找了几个组件，要么对 Vue 适配不好，要么量级太大，决定自己手写手势操作。
项目与效果预览 思路
直接在 DOM 上绑定 touchstart 、touchmove、touchend 不仅要绑定这几个事件ÿ…
【JS】获取当前时间戳以及计算时间差 +【AntDesign】时间日期控件计算差值踩坑
【时间Date转时间戳】
const d Date.now()
// 结果：1625573962353
const d1 (new Date()).valueOf();
// 结果：1625573962353，通过valueOf()函数返回指定对象的原始值获得准确的时间戳值；const d2 new Date().getTime();
// 结…
【js】forEach与for…in通过实例看用法，js删除对象数组的实现方式
js中常常需要删除对象数组中的某一个对象。 思路：根据id查找对应的索引；根据索引，删除对应的元素。 下面列出了几种查找索引的方式： 01 forEach onSubmit() { this.gradeIdList.forEach(item > {if(item.grade this.form.grad…
项目打包之gulp 打包工具
我们在做项目的时候，往往一个项目将要上线的时候都涉及到项目打包，即使不是一个完整的项目。小型未完成的项目在上线的时候我们也可以进行打包，打包项目可以大大压缩我们的项目体积。 比如我们在写js和css代码的时候，为了美化好看…
Jenkins安装与配置
Jenkins安装与配置 在线安装
下载jenkins应用
sudo wget -O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat-stable/jenkins.repo 下载引入jenkins钥匙字符串
sudo rpm --import https://jenkins-ci.org/redhat/jenkins-ci.org.key 运行安装jenkins
sudo…
indexOf( ) 返回字符串值在字符串中首次出现的位置
作用：
1. 可以检测字符串的位置。
2. 检测字符是否出现在字符串中（当返回结果为-1时，表示该字符不存在于字符串中）
***返回字符最后出现的位置 lastIndexOf( ) http://www.w3school.com.cn/jsref/jsref_lastIndexOf.asp
JS前端面试基础-作用域和闭包
JS基础作用域和闭包一、作用域四、this的使用五、题目解答1.this在不同场景下应该如何取值？2.手写bind函数3.实际开发中的闭包应用场景，举例说明4.面试题 创建10个a标签，点击的时候弹出对应的序号六、小结题目 1.this在不同场景下应该如何取值…
Vue.js图片轮播组件
Vue.js图片轮播组件 组件地址： https://github.com/surmon-china/vue-awesome-swiper npm install vue-awesome-swiper --save <!-- 如果你后续需要找到当前实例化后的swiper对象以对其进行一些操作的话，可以自定义配置一个ref属性 --> <swiper…
CSS button 圆边
CSS button 圆边 美工给的背景图片是带圆边的，拿它来做按钮的背景图片，并且可以对button的大小进行大小调整，只修改DIV大小即可，不会出现只展示某一两个圆角的情况，4个圆角同时会进行缩放。 div的样式如下：…
JavaScript15——BOM
1.2. BOM
1.2.1. 什么是BOM BOM(Browser Object Model)即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互
的对象，其核心对象是 window。
BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。
BOM 缺乏标准&…
vue 2 实现自定义组件一到多个v-model双向数据绑定的方法
前言
有时候我们需要对一个组件绑定自定义 v-model，以更方便地实现双向数据，例如自定义表单输入控件。
甚至有时候，我们想要实现绑定多个 “v-model”，也就是多个“双向绑定”，例如带表单输入的模块框，想…
JavaScript13——节点删除、事件流、事件委托等
1.1. 节点操作
1.1.1 删除节点
node.removeChild() 方法从 node节点中删除一个子节点，返回删除的节点 <button>删除</button> <ul>
<li>熊大</li> <li>熊二</li> <li>光头强</li>
</ul>
<script&…
TS类型断言简化对象类型声明
前言
在使用了 typescript 的项目开发中，有时候为了某个对象进行声明，经常需要写完 interface 之后，在赋值的时候又写了一遍相似的代码；当想对它增加一个键值，又得去增加 interface 的字段声明。因此很想和声明一个变…
Failed to prettify component 。。screenMap.vue template source after compilation.
vue项目运行，出警告，项目可以正常启动 通过反复折叠代码，运行项目，警告就消失了 预计是代码格式的问题。
Vue 是什么应该怎么用？
Vue 是什么应该怎么用？ 前言 vue是Javascript里的一个框架，因为是一套框架所以在编写Vue程序前要导入Vue的包。 <!-- 包1 -->
<!-- 开发环境版本，包含所有东西 -->
<script src"https://cdn.jsdelivr.net/npm/vue2/dist/…
JavaScript 中BOM的常用操作
JavaScript BOM操作 1.获取浏览器窗口尺寸 var widthwindow,innerWidth //获取可视窗口宽度
var heightwindow.innerHeight //获取可视窗口高度 2.浏览器的弹窗层 window.alert("提示信息") //提示框 无返回值
window.confirm("提示信息&…
【JS】论元素的绑定和解绑事件
前言 在JS的学习过程中，我们会了解到DOM，了解到元素，那么如何对一个元素进行绑定事件呢？事件绑定完之后可不可以解绑呢？都有什么方法呢？这都是今天我们要学习的内容。
方法 方法一
功能函数绑定事件对象.…
Jquery操作文本内容（三个方法：html()、text()、var()）
Jquery操作文本内容(三个方法：html()、text()、var()) 一、html()获取和设置文本内容和标签 1、获取标签里的结构和内容 $("ul").html() //获取标签里所有的结构和内容 2、设置标签里的文本内容 $(".a").html("你好，世界&qu…
JS方式实现隐藏手机号码中间4位数
在前端开发中，遇到如下需求：隐藏手机号码，将中间几位替换为*。通过js如何实现手机号码隐藏中间4位呢？下面整理几种实现方式： 1、使用正则:
function geTel(tel){var reg /^(\d{3})\d{4}(\d{4})$/; return tel.repla…
Vue中使用proxy配置代理解决跨域问题
如果使用vue/cli 4.x以上版本创建的Vue项目，在项目的根目录中创建 vue.config.js 配置文件。
module.exports {devServer: {proxy: {/api1: {target: http://localhost:3000, //服务端地址ws: true,changeOrigin: true, // 允许跨域pathRewrite: {^/api1: // 标…
Vue中$router和$route的常用api
一、$router
router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性。
$router.push
// 字符串
this.$router.push…
ip地址的验证正则表达式记录
ip地址的验证正则表达式记录适合ipv4和ipv6 /^((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)$/
vue3.0，setup()的使用，Composition Api(组合式api)data，computed，methods，watch
vue3.0项目创建好之后，来看看一个简单组件内的代码顺便介绍几个特点:
1.组合式api就是指把vue2.0中的 data，computed，methods，watch都集中在3.0中的setup()中 2.setup取代beforeCreate，created这两个周期，…
call、bind、apply的区别
JavaScript中每个Function对象都有一个 call 方法和 apply 方法，而bind会返回一个新的函数
1、call方法调用一个函数, 其具有一个指定的this值和分别地提供的参数(参数的列表)。 注意：该方法的作用和 apply() 方法类似，只有一个区别…
JS防抖，节流，定时器清理
防抖: 概念：某一段时间内多次事件合并为一次执行，注意事件可多次触发但只执行一次
<input v-model"searchKey" placeholder"请输入关键字搜索文章"/>
// 在输入时一直触发watch事件就很烦，所以使用防抖可避免多次…
展开运算符的使用场景（...）
合并数组
let arr1 [1,3,5,7,9]
let arr2 [2,4,6,8,10]
console.log(...arr1); //展开一个数组 1 3 5 7 9
let arr3 [...arr1,...arr2]//连接数组[1,3,5,7,9,2,4,6,8,10]解构赋值
let a [1,2,3,4,5,6]
let [c,...d] a
console.log(c); // 1
console.log(d); // [2,3,4,5…
React中定义组件
函数式组件
1.准备好一个容器
<div id"test"></div>
2.创建函数式组件
function MyComponent(){console.log(this); //此处的this是undefined，因为babel编译后开启了严格模式return <h2>我是用函数定义的组件(适用于【简单组件】的…
基于jquery，bootstrap的多选删除功能
前端死坑 1、a标签跳转页面会请求后台两次
<a href"#" onclick"App.deleteMulti(/user/delete)" type"button" class"btn btn-default btn-sm"><i class"fa fa-trash"></i>删除</>改为
<butto…
前端页面JS注入问题，前端XSS安全问题解决办法
在页面中增加 JS 校验，对特殊符号进行替换，防止用户输入恶意代码导致 JS 注入问题。 在 web 开发中，对用户输入的内容做校验是必不可少的环节，不管是通过正则表达式对用户的输入进行校验，还是通过对特殊符号进行转义&a…
【华为OD机试】矩阵最大值（python, java, c++, js）
矩阵最大值
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题目描述 给定…
【华为OD机试】第K长字符串（python, java, c++, js）
第K长字符串
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。
题目描述 给…
【华为OD机试】第K个排列（python, java, c++, js）
第K个排列
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题目描述 给定参…
JS —— 鼠标位置 与 相关属性 及 js undefined 与 null 区别
一直理不清鼠标位置相关属性，在此整理下，彻底理解！ 一、鼠标位置帮助实例
运行此实例，关于鼠标位置的相关问题将不再是问题！ <!DOCTYPE html>
<html>
<head><title>鼠标位置</title>&…
ajax笔记2--操作表单 核心原生代码
ajax：asynchornous javascript and xml
异步的js和xml
ajax不是一种编程语言，是无需加载整个网页的情况之下能更新部分网页的技术 ajax主要使用到的是 XMLHttpRequest对象
通过XHR对象异步的与服务器交换数据
该对象有三个重要方法：
1.o…
摸鱼还有段位？请勿对号入座...
承认吧！很多时候的加班就是为了弥补工作时间摸鱼的亏空而摸鱼，也是有段位和技巧的——1 各显神通 2 团队脑暴 3 带薪拉屎 4 手速比拼 5 里应外合 6 定时发送 7 天然优势 8 幡然醒悟 9 分工明确 一个月后——你周围的职场摸鱼达人多吗？你见过哪…
Js中apply()与call()使用详解
Js apply方法详解 主要我是要解决一下几个问题: 1.apply和call的区别在哪里 2.什么情况下用apply,什么情况下用call 3.apply的其他巧妙用法（一般在什么情况下可以使用apply） 我首先从网上查到关于apply和call的定义,然后用示例来解…
用一个网页展示项目成果
Web 我的第一个网页搭建项目主页搭建索引目录搭建运行操作此处只关注网页搭建，数据分析结果来自真实数据分析案例，这里不展示。
主页搭建
welcome.html文件内，这里引入了背景图增加了项目说明：
<!DOCTYPE html>
<html…
麒麟子Creator 3D研究笔记—骨骼动画过渡
注意看脚是以从同一点开始的轴上表示的三个或更多个定量变量的二维图表的形式显示多元数据的图形方法。先得说声抱歉，麒麟子之前写过一篇文章《麒麟子Cocos Creator 3D研究笔记五：模型&骨骼动画查看器》， 里面提到说，Cocos Cr…
javascript运算符
运算符也叫操作符
通过远算符可以对一个或多个值进行运算,并获取远算结果
在js中运算符可分为 算数远算符 逻辑运算符 赋值运算符 关系运算符 条件运算符 相等运算符
赋值运算符()把值赋给变量
//例 var C1; num2 >等价于 numnum2;
- num-2 >等价于 numn…
阿语python4-2 美多商城v5.0用户中心-添加和验证邮箱之第5.2.1节添加邮箱后端逻辑...
1. 添加邮箱接口设计和定义1.请求方式选项方案请求方法PUT请求地址/emails/2.请求参数参数名类型是否必传说明emailstring是邮箱3.响应结果：JSON字段说明code状态码errmsg错误信息2. 添加邮箱后端逻辑实现class EmailView(View):"""添加邮箱"&q…
阿语python4-2 美多商城v5.0用户登录-QQ登录之第4.2.4节OAuth2.0认证获取openid
OAuth2.0认证获取openid待处理业务逻辑# 提取code请求参数
# 使用code向QQ服务器请求access_token
# 使用access_token向QQ服务器请求openid
# 使用openid查询该QQ用户是否在美多商城中绑定过用户
# 如果openid已绑定美多商城用户，直接生成JWT token，并返…
14js的日期对象Date
js的日期对象Date1.查看日期实例对象2.日期的优化[本地]3.得到时间的具体某一项4.设置时间的具体某一项5.设置某一时间戳[得到过去 现在 将来的某刻时间]6时间的计算1.查看日期实例对象
控制台按图输入 就能查看日期实例的方法 我们得到的实例对象是当前相对的时间字符串
Sa…
手写new、apply、call、bind
// 手写实现new方法// function _new(ctor, ...args) {
// let obj new Object();
// //
// obj.__ptoto__ Object.create(ctor.prototype);
// // 执行构造函数
// ctor.apply(obj, [...args]);
// return obj
// }
// //手写实现apply方法
// Func…
HTML标签中自定义data属性的使用
在实际开发中，有时候传输过来的数据需要在前端渲染的时候进行储存，那么这个时候就可以使用到HTML5中新增的data-自定义属性来存储需要的数据
例如这个标签中就利用自定义标签存储了需要的信息
<span class"float_left main_ul_span blue_hover…
使用vue点击一个事件就复制一个结构出来。
今天遇到一个需求，点击一个按钮的时候，需要把一个页面的结构复制出来，左思右想，原来是这样子的。 首先你得明白你要复制哪一份结构，找到的话就把一个结构用v-for循环。
<div v-for"(item, index) in arr"…
vue中使用ant design vue的checked
今天有一个需求，后端给了俩条数据
ckTeamAllMembers: ["琳", "克", "思", "符兴", "于", "胡方", "伍煜", "洪波", "均铨", "华"];
taskSelectedMembers: […
如何实现同一浏览器多个标签页之间的通信（二）——cookie+setInterval
二、cookie （1）cookie是什么？ HTTP Cookie，通常直接叫做cookie，最初是在客户端用于存储回话信息的。该标准要求服务器对任意HTTP请求发送Set-Cookie HTTP头作为响应的一部分，其中包含回话信息。浏览器会存…
如何实现同一浏览器多个标签页之间的通信（一）——localStorage
一、localStorage （1）localStorage是什么？ localStorage对象在修订过的HTML5规范中作为持久保存在客户端数据的方案取代了globalStorage，是Storage的实例。 注意：要访问一个localStorage对象，页面必须来…
Javascript严格模式详解
一、概述
1、什么是严格模式？
除了正常模式意外，ES5（2009年发布）还添加了一种模式，即“严格模式”。这种模式使javascript在更加严格的条件下运行。
2、为什么使用严格模式？
消除javascript语言中一些不…
函数声明和函数表达式的区别
首先，我们来完成一些小测试： test1：
function foo(){function bar() {return 3;}return bar();function bar() {return 8;}
}
alert(foo());
test2：
function foo(){var bar function() {return 3;};return bar();var bar f…
原生JS forEach()和map()遍历的区别以及兼容写法，jQuery $.each()和$.map()遍历
一、原生JS forEach()和map()遍历
共同点：
1.都是循环遍历数组中的每一项。2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数：数组中的当前项item,当前项的索引index,原始数组input。3.匿名函数中的this都是指Window。4.只能遍历数组。1.for…
高级前端-JS进阶-异步编程指南
目录
1. 什么是异步编程
思考：JS单线程是如何实现异步的？
单线程，一次只能执行一个任务
浏览器内核的多线程实现 js异步场景 定时器 应用场景：防抖，节流，倒计时，动画（requestAni…
js实现图片粘贴到网页
实现通过按下ctrl v将粘贴板上的图片粘贴到网页中,话不说直接上代码
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>图片粘贴</title><style>#img{width: 500px;}</style><img…
js实现雪花效果(超简单)
打个广告，最底下的公众号，可以每天领外卖红包、打车优惠券还有96折充值电费等，需要的可以关注一下哦
使用js实现雪花飘落效果，话不多说直接上代码
<!DOCTYPE html>
<html lang"en">
<head><meta…
vivado：查看各模块资源占用情况方法
在vivado中 ,如何查看各个模块的资源占用情况呢？方法如下。以在xilinx官方评估板VC709的microblaze的软核处理器例程为例。工程如下图模块组成。完成Implementation后，在Flow Navigator下的IMPLMENTATION中点击Open Implemented Design，然后选…
uni-app设置原生标题栏渐变色
原生标题栏渐变背景渐变
效果图如下： 奉献上代码块
{ //产业地图"path": "industry-map-detail/index","style": {"navigationBarTitleText": "产业地图详情", //或者没有标题"enablePullDownRefresh&qu…
前后端js获取客户端真实IP
方法一：（所有的平台及浏览器）
使用搜狐接口：
搜狐IP地址查询接口（默认GBK）：http://pv.sohu.com/cityjson
搜狐IP地址查询接口（可设置编码）：http://pv.sohu…
Vue中的双向绑定（v-model）
你可以用 v-model 指令在表单 <input>、<textarea> 及 <select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。 v-model 本质上是个语法糖。它负责监听用户的输入事件以更新数据。 v-model 会忽略所有表单元素的 value、checked、…
移动端网页实现返回按钮跳转到多个指定页面
在微信网页开发中，经常会用到返回按钮
有时候需要在用户点击返回的时候跳转到指定页面，并且再次返回到另一个指定页面，不再返回当前页。
例如有A,B,C三个网页，其中B为第三方网页，比如百度，需求如下&#…
$().each和$.each的区别
1.$(selector).each(function(index,element))2.$.each(dataresource,function(index,element))
接下来就对这两个函数做深入的探讨：
1.$(selector).each(function(index,element))
作用：在dom处理上面用的较多 （html 元素、节点ÿ…
前端面试题总汇(2019最新)
前端面试题总结
1：为何选择前端这个方向和对前端的理解
为什么：
第一的话就是对前端很感兴趣，之前也接触过其他的语言，但是直到接触到前端才发现真的有兴趣做下去，兴趣是一个人最好的老师，
第二的话前端…
06Vue的前端工程化
Vue的前端工程化 一 模块化规范 1.1模块化规范举例 浏览器端JS模块化规范：AMD，CMD服务器端JS模块化规范：CommonJS大一统的模块化规范：ES6 每个js文件都是独立的模块导入模块成员使用import关键字暴露模块成员使用export关键字 1.…
01Vue基本使用与模板语法
Vue基本使用与模板语法 一. 基本使用 Hello World快速入门 说明：
1.实例参数el:元素挂载的位置data:模型数据
2.插值表达式的用法 {{ }}将数据填充到html标签中插值表达式支持基本的计算操作
3.Vue运行原理Vue语法----Vue框架---->原生js语法 <!DOCTYPE html…
如何用vue-Element-ui实现左侧无限级菜单？本文详细教你
#最近项目中,要用到element-ui的无限级分类菜单，根据角色生成不同的递归数据，查阅了网上很多资料，发现很多都不太完整并且没有很多的延伸性。
###梳理递归数据
我们一般拿到后台的数据是：1.扁平化数据格式
2.递归式数据格式
复制…
鼠标mouse事件冒泡处理：onmouseover 、onmouseout 与onmouseenter 、onmouseleave的区别
简单的鼠标移动事件：
进入
mouseenter：不冒泡
mouseover: 冒泡
不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件
只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件移出
mouseleave: 不冒泡
mouseout&#…
js函数：参数、作用域、匿名函数总结
－－－－－－－－－－－－－－－－－－－分割线－࿰…
防抖节流原理及实现（含演示图）
文章目录前言一、防抖（debounce）1、什么是防抖？2、防抖实现二、节流（throttle）1.什么是节流？2.节流实现总结前言
随着前端飞速的发展，用户体验也越来越重要。大家在逛一些网站时，会…
vue给路由添加滚动条达到路由内滚动
前言
在我们制作网站不止一级路由时，可能会要在子路由里面单独设置一个滚动条。而不是由网页自带的滚动条进行滑动。不然可能会出现这种效果
网页自带滚动条滑动 如果用网页自带的浏览器的话就是整个页面向下滑动，如果用户想切换到另一个子路由模块的话…
node_modules文件简介
官方参考文档：
Node.js 中文网Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。http://nodejs.cn/“Nod…
java数据类型及其转换与运算
1.java的基本数据类型（八种）与引用数据类型（三种）
一：java中数据类型分为两大数据类型：
1基本数据类型；2引用数据类型
1：java开发过程中整型用int、小数用double、布尔用boolean&…
分析boostrap tags-input组件并进行二次封装开发-4
看完了构造函数，接下来看一下组件的原型吧
首先看一下在构造函数里用到的build函数
/*** Initializes the tags input behaviour on the element*/build: function(options) {var self this;self.options $.extend({}, defaultOptions, options);// When itemValu…
解决页面报错： GEThttp://localhost:8080/favicon.ico 404 (Not Found)
html5 经常会出现 ：GET http://localhost:8080/favicon.ico 404 (Not Found) 这种报错，看起就就很不舒服。对于强迫症患者，不得不干掉这个问题！
解决方式： 1.可以创建一个favicon.ico文件引进去 2.也可以在 head 标签…
vue h5 实现一键复制文案功能
点击按钮，实现一键复制纯文案的功能，代码如下：
方法一 原生的方法 一般在浏览器上使用
copyUrl() {let url this.codeUrllet domInput document.createElement(input);domInput.value url;document.body.appendChild(domInput); // 添…
JavaScript进阶学习笔记（二）--- 构造函数和原型
一、构造函数和原型
1、实例成员和静态成员
实例成员：是指在构造函数内部通过this添加的成员，实例成员只能通过实例化的对象进行访问。 function Star(uname, age) {this.uname uname; // 这三条属性就是实例成员this.age age;this.sing functi…
整机备份也能这样简单
哆啦A梦有一个神奇工具是“时光穿梭机”，“嗖”的一下，就回到了过去。你想和它一样拥有这样的工具吗？比如在磁盘中，想回滚到什么时候就回滚到什么时候，想一块磁盘回滚也行，想全部云磁盘回滚也行。是不是很让…
IDC报告第一名，工业质检就是这么飒！
与大家分享一个开心的好消息全球权威市场研究机构IDC发布的《人工智能赋能的工业质检解决方案市场分析》报告中百度智能云以市场份额16%的优秀成绩夺得报告榜首????????百度智能云智能制造不断提高产品品质与服务品质为所有工业场景提供端到端的AI机器视觉解决方案广泛…
结合CSS、JS实现类似DNA链
DNA链：
设计思路：先定位，再运动。
<!DOCTYPE html>
<html><head><meta charset"UTF-8"><title>JS生成动画</title><style type"text/css">*{margin: auto;padding: 0px;bac…
HTML实现简单计算器
简单计算器
<!DOCTYPE html>
<html><head><meta charset"UTF-8"><title>简易计算器</title><style type"text/css">*{margin: auto;padding: 0px;text-align: center;font-family: "微软雅黑";}.con…
轻松实现在后端设置Cookie，并在前端取出对应的Cookie的方法
现在一般Spring或者SpringBoot的话都已经集成Cookie的获取方法，想要更简单便捷的话可以自行去了解下，这边主要是分享下手动编写获取的Cookie的工具类
话不多说，直接上代码 后端代码
public class CookieUtil {// 获取Cookie的方法public st…
VML,The Vector Markup Language(矢量可标记语言)
VML,The Vector Markup Language(矢量可标记语言)
什么是VML？VML相当于IE里面的画笔，可以实现你想要的图形，并结合脚本，可以使图形产生动态效果。VML是微软在1999年9月用ie5.0发布的。在我看来，VML实际上是word和HTML…
获取非最后一列td值并将title设为该值
$(function() {$(table tr td:not(:last-child)).mouseover(function() {val $(this).text().trim();$(this).attr({title:val}); })});
解释器模式与状态模式
解释器模式与状态模式 参考教程：https://www.bilibili.com/video/BV1G4411c7N4 代码实现 Github：https://github.com/yaokuku123/pattern 解释器模式 案例 通过解释器模式来实现四则运算，如计算ab-c的值 具体要求： 先输入表达式的…
JavaScript实现99乘法表的打印
使用JavaScript实现99乘法表的打印，核心就是两层循环加字符串拼接。 代码如下：
for(var i1;i<9;i){for(var j1;j<i;j){document.write(j*ii*j)document.write(" ")}document.write(<br/>)效果如下： 有问题可以联系QQ…
子页面获取父页面元素并进行相关的操作
$(".class", window.opener.document).hide();
$("#id", window.opener.document).text(“”);
//调用父页面A函数
window.parent.opener.A(); //屏蔽关闭页面提示是否关闭窗口 window.open(,_self); window.close();
js、Java的url参数转码（url里中文、特殊符号参数转码）
问题
url中的参数里，除了字母、数字以及"."，"-"，"*" 和 "_"这些字符外，其他符号（空格、汉字等）会被认为是不安全字符，因此在传参时需要对参数进行转码…
js中window.location.href解决target的问题
location是没办法设置target的。location就是本地本页的意思，只能设置本页的指向，如果界面中用到iframe那么可以这样：
parent.frames["iframe的name"].window.loaction.href"a.jsp";
DOM 操作之全选反选与排他思想
【1】html5操作自定义属性
<body><!-- html5操作自定义属性 -->
<div id"boxId" class"boxClass" a12"10" data-index"yzx666"></div><script>var idBox document.querySelector(.boxClass);//获取i…
[JQuery学习笔记]JQuery入门导读
JQuery入门导读写在前面jQuery概述JavaScript库jQuery概述jQuery的基本使用jQuery的下载jQuery的使用步骤jQuery的入口函数jQuery的顶级对象$jQuery对象和DOM对象写在前面
能够说出什么是jQuery能够说出jQuery的优点能够简单使用jQuery能够说出DOM对象和jQuery对象的区别
jQu…
用google 提供的 jar实现二维码
步骤1
第一步首先创建一个普通的 Maven 项目，然后要实现二维码功能，我们肯定要使用别人提供好的 Jar 包，这里我用的是 google 提供的 jar，pom.xml 文件配置如下：
<?xml version"1.0" encoding"UT…
[JS-DOM BOM学习笔记]带有动画的返回顶部
案例：返回顶部案例分析滚动窗口至文档中的特定位置 window.scroll(x,y)
案例分析
这次是接上篇文章的！ 元素offset，client，scroll系列与动画函数封装
1.带有动画的返回顶部2.此时可以继续使用我们封装的动画函数3.只需要把所有…
[JS-DOM BOM学习笔记]BOM那些儿事儿2
BOM那些儿事儿JS执行队列JS是单线程同步和异步同步异步JS执行机制loacation对象URL五秒钟之后跳转页面案例location对象的方法navigator对象history对象JS执行队列
JS是单线程
JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。这…
百度Q2财报：智能云营收同比增长71%，增速进一步提升
8月12日，百度发布了第二季度未经审计的财务报告。作为百度的二级增长引擎，百度智能云的增长“亮眼”。 接下来，带你一图看懂百度智能云 Q2 成绩单。 在新一轮科技革命和产业革命中，AI 将是重要的驱动力量。面向未来，百…
AI中台准备了一场“电力”十足的直播……
智能化时代每一个行业都逐浪潮头新基建来袭能源行业如何乘着东风更加“电力十足”？这时候企业就需要AI中台的助力！新一期的百度智能云直播间将聚焦这一话题。新基建新时代，电力能源行业将迎来哪些机遇与挑战？当电力能源行业遇见智…
云测试 | 如何躲开国庆节泥石流，成为天边一朵开放云
十一小长假，小伙伴们都在盘算着要出行。那么你呢？你要去哪儿？你想去哪儿？还在迷茫？嘿嘿，来来来，做到测试题，看看你是什么样的云，让百度开放云给你推荐推荐看你适合飘向什…
JS的this指向及改变this指向的方法
写在前面
call、apply与bind都可以用来修改this的指向，但是他们之前有什么区别呢？下面我们来举例子说明一下。
this指向
请说出下面这个函数的输出结果：
var o {hobby: abc}
function test(){console.log(this.hobby);
}
test()这个题考…
JavaScript和jQuery常见面试题
前言 javascript和jQuery在前端开发中发挥着巨大的作用，在面试的过程中这也是不可缺少的话题吧！故搜集了一些面试会遇到的问题，与大家共享！
JavaScript部分
下面代码什么会被打印在控制台上？
(function(){var a b …
JavaScript回调函数（十一）
JavaScript回调函数：
把一个函数的定义作为参数传递给另一个函数使用。
参数可以是任意类型：可以是数字，字符串，也可以是函数，对象。
实例：
// 回调函数示例
function chat(a,callback){// callback(a)…
JavaScript函数定义和使用（六）
函数理解
在计算机编程中，一般都会有属性和函数，属性代表一个值，函数代表一段计算或运行逻辑。
函数定义
方式一：
// 定义格式：
function 函数名称(){// 代码块
}// 函数定义示例：
function myFunction…
JavaScript数据类型（二）
1、数据类型分类 在javascript中数据类型分两大类，原生数据类型 和 对象数据类型。 在上一节中， 直接量其实也有两类，一类是原生数据类型，一类是对象数据类型，一般情况下，直接量的使用时、较多的是使用原生…
ECharts绘制图例动态变化的柱状图
ECharts绘制图例动态变化的柱状图
或许想要 柱状图 实现下面这样的效果？👇 👉官方饼图案例
获取 ECharts
1 👉从 Apache ECharts (incubating) 官网下载界面 获取官方源码包后构建。
2 👉在 ECharts 的 GitHub 获取…
一片文章叫你玩转JQuery
1.为什么要学习jQuery？js的缺点：1）花费10天时间开发设计，js中有很多的漏洞；不适合于大系统的开发。2）获取dom元素时，是很不灵活的，主要通过4个方法。3）方法的长度太长&am…
js取出并修改span标签里的值（title）
需求
详情页，某字段A，数据库中存的是编码，显示到页面上要—此编码对应的名称
实现
统一风格前端是span表示的，如下(修改前)：此时显示的${mainObject.A}是编码
<td><div><span><strong>A字…
jQuery选择器和遍历
jQuery中选择器的使用
有哪些选择器： ID选择器、类选择器、标签选择器、属性选择器、伪类选择器 常用的获取元素的方式： 第一种：通过CSS中的选择器来进行元素的获取 第二种：通过JQuery提供的方法来进行获取
需求1：使…
js通过标签元素id，用document.getElementById().style设置标签元素的css属性
参考：https://blog.csdn.net/kissing7/article/details/8924112
对定义了id的html标签元素，js可以通过以下方法修改标签元素的css样式：
方法一：
对标签定义一个css样式：
document.getElementById("idname&quo…
前端面试刷题day3(每日更新前端面试高频考察点)
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 每天都提供一道关于前端面试中常见的题目。并且我建立了一个QQ群（425554900），QQ群内提供大量面试题目和…
Web APIs 学习笔记（七）--- offset、client和scroll系列属性
一、元素偏移量 offset 系列属性
1、offset 概述
offset系列属性可以动态的获得页面中某元素的偏移量，也就是元素位置，以及元素的宽度高度等属性。但是要注意，获得的元素的偏移量是元素相对于带有定位的父元素的位置，如果没有…
vue 一键复制粘贴文字功能
1/下载 clipboard 依赖
npm install clipboard --save2/在功能页面写如下代码
<template><div style"margin:10px auto;" v-for"(item,index) in ringTemplete" :key"index" class"article" ><el-card class"bo…
let和var的区别（结论）
1.块级作用域
ES5只有全局作用域和函数作用域，没有块级作用域，ES6新增了let命令用于声明变量，类似于var但是let声明的变量只能在let命令所在的代码块内有效。
2.变量提升
var定义的变量会发生变量提升现象，即变量可以在申明之…
阿语python第三阶段第6章html+css基础-v5.0前端开发第3节vscode 的基本使用
大家好，我是阿语，从今天开始每天更新8篇python教程从第一个基础语法开始每天更新一下基础内容，这些会分类出来，保持一天完整的python教程，有的人肯定会问 为什么最后才写爬虫了，阿语在这里声明一下…
阿语python第三阶段-5 HTTP协议和静态Web服务器v5.0前端开发第3节查看HTTP协议的通信过程
学习目标能够使用谷歌浏览器的开发者工具查看HTTP协议的通信过程1. 谷歌浏览器开发者工具的使用首先需要安装Google Chrome浏览器，然后Windows和Linux平台按F12调出开发者工具, mac OS选择 视图 -> 开发者 -> 开发者工具或者直接使用 altcommandi 这个快捷键&…
阿语python之面向对象编程v5.0第1节面向对象基础
大家好，我是阿语，从今天开始每天更新8篇python教程从第一个基础语法开始每天更新一下基础内容，这些会分类出来，保持一天完整的python教程，有的人肯定会问 为什么最后才写爬虫了，阿语在这里声明一下…
第一阶段 python核心编程1-2 面向对象编程v5.0第7节 模块和包
大家好，我是阿语，python教程从第一个基础语法开始每天更新一下基础内容，这些会分类出来，保持一天完整的python教程，有的人肯定会问 为什么最后才写爬虫了，阿语在这里声明一下：很多朋友学的很杂&…
Vue a标签实现点击下载，下载图片、txt文件，不是直接打开的方式
前段时间在项目中遇到文件需要下载，直接拿出了之前封装的下载指令，在用的时候发现在下载jpg、txt文件时，并不会直接下载，而是会在浏览器中打开文件，即使给a标签添加了download 属性，也无济于事。 我先把之前…
scrapy爬虫框架入门实例，视频爬取
关于如何安装scrapy框架，可以参考这篇文章scrapy安装方法初识scrapy框架，写个简单的例子帮助理解。强调一下，这里使用的是Python3.6例子的目标就是抓取慕课网的课程信息流程分析抓取内容例子要抓取这个网页http://www.imooc.com/course/list要…
layuI.table 分页
layuI.table 分页layui 官网地址创建一个数据表格layui 官网地址
https://www.layui.com/demo/
创建一个数据表格
<table class"layui-hide" id"data" lay-filter"test"></table>
<div id"page" style"text-al…
[JS-DOM BOM学习笔记]DOM事件高级导读
DOM事件高级导读目标汇总注册事件(绑定事件)传统注册方式方法监听注册方式addEventListener事件监听方式evenTarget.addEvenListener(type，listener，useCapture)样例代码删除事件(解绑事件)传统注册方式eventTarget.οnclicknull；方法监听注册…
Web自动化神器，批量下载小姐姐美图，可直接导入使用
大家好，我是小碗汤，今天为大家分享一款前端自动化操作神器: Automa文末有流程图获取方式，可自行导入享用。Automa介绍它是一款 Chrome 插件，即使你不会写代码，也能按照自己的需求，完成一系列自动化操作。利…
为支持两个语言版本，我基于谷歌翻译API写了一款自动翻译的 webpack 插件
大家好，我是若川。持续组织了6个月源码共读活动，感兴趣的可以点此加我微信 ruochuan12 参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列本文来…
const {}解构赋值
定义：ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。
解构赋值的基本规则：只要等号右边不是对象或数组，就先将其转换为对象。由于undefi…
DOM 简介 | 深入了解DOM
目录
一、DOM是什么
二、DOM的访问
三、DOM节点类型
四、DOM的分级 今天我们将了解WEB编程中一个重要的概念DOM（Document Object Model）文档对象模型，它帮助我们使用JavaScript（或其他编程语言）操纵文档。
一、DO…
面试官问发布订阅模式是在问什么？
大家好，我是若川。最近组织了源码共读活动，感兴趣的可以加我微信 ruochuan12 参与，已进行了三个多月，大家一起交流学习，共同进步。本文来自 simonezhou 小姐姐投稿的第八期笔记。面试官常问发布订阅、观察者模式&#…
揭开 Webpack 工作流程面纱：Tapable 模块
百度T8老大哥带来的技术分享。近日在做一个新项目用到了 Tapable 来处理异步流程，这里翻出了之前写的 Webpack 小册内容，修改了本篇文章，将使用中遇见的思考进行了补充。Webpack 工程相当庞大，但是 Webpack 本质上是一种事件流机制…
PHP 判断是否 URL 链接
一、正则
<?php
function is_url($url){$r "/http[s]?:\/\/[\w.][\w\/]*[\w.]*\??[\w&\\%]*/is";if(preg_match($r,$url)){//return true;echo 正确的 url 地址;}else{//return false;echo 不是合法的 url 地址;}
}二、内置函数
<?php
function is…
JS 数组篇 数组排序方法总结
生成乱序数组
function arrRandom() {let arr [];for (let i 0; i < 10; i) {let num parseInt(Math.random() * 500);arr.push(num);}return arr;
}sort()
/**sort 排序*/
let arr arrRandom();
arr.sort((a, b) > a - b);
console.log("sort-----" ar…
![[小实例]——js实现倒计时](https://img-blog.csdnimg.cn/20200914152141555.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bmdvb2RsdWNrNjY2,size_16,color_FFFFFF,t_70#pic_center)
[小实例]——js实现倒计时
前言
突然想到倒计时的案例，就试着写了一个，但是当时的思路是直接获取dom并输出，没有实现可复用性，而且耦合度很大，在搜索了几篇文章后，发现有个大佬写的确实很好，就摘抄一下，以加强…
jquery移动轮播图插件 样式齐全
slick官方文档http://kenwheeler.github.io/slick/
网站地址:----------- http://kenwheeler.github.io/slick GitHub:------------- https://github.com/kenwheeler/slick 网站描述: -----------一个基于 jQuery 的幻灯片插件 fly63 前端网 插件 http://www.fly63.com/nav/57…
js数组去除重复对象元素
export function deleteRe(arr) {const temp {},//用于id判断重复result [];//最后的新数组//遍历c数组，将每个item.id在temp中是否存在值做判断，for(let i 0, len arr.length; i < len; i) {const item arr[i];if(!temp[item.name]){result.pus…
matlab基础用法之引入并使用NET库
matlab基础用法之引入并使用NET库 % 是注释 1、调用内置NET方法 引用自定义的dll %设置.NET的dll位置
asm NET.addAssembly(C:\Users\heyua\Desktop\dll\SELib.dll); 引用系统的NET %设置.NET的dll位置
asm NET.addAssembly(System.Collections.Generic.List); 2、导入接口名…
JS 对象引用地址问题处理
赋值新数组引用地址相同，改变了原数组问题。 Object.assign({}, _This.data.data) item 为dom对象 该传值方式解决for循环中调用ajax始终传入最后一个值的问题 function getYHTypeList(BOOSTERIDS, item, callBack) {// 发送ajax请求//找到有效调压箱编号OLDNO1var …
JS中for循环中使用同一变量的方法及案例
JS中for循环中使用同一变量的方法及案例
for循环中加函数不能调用定义的变量？一个函数居然要加俩个变量，而且还没用？这不能忍，这篇文章是我整理如何使用for循环的同一变量，需要可直接复制使用。 问题
如何用js实现移…
JS定时器原理及案例
JS定时器原理及案例前言一、定时器二、定时器的使用1.定时器2.清除定时器三、案例1.倒计时2.使用和清除定时器3.发送短信总结前言
JS中定时器并不算难点，但是我还是拿出来讲，过于经典的案例往往是最为基础的知识点，仅供参考学习。 一、定时器…
vue学习记录：v-for使用及v-if和v-show用法及区别
v-for:遍历数组、数组对象、对象、迭代数字
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><meta http-equiv&…
Ajax基础：get和post请求方式的实现
Ajax简介
Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。
实现步骤
1.创建aj…
Vue使用CDN与GZIP打包部署优化
Vue使用cdn加速与gzipu压缩实现打包优化前言一、CDN1.cdn方式引入2.修改config3.修改引入方式二、GZIP1.配置2.Nginx配置3.压缩效果总结前言
当我们前端使用了大量组件和页面之后，打包会导致项目体积过大，这时候部署后访问有时候就会出现首页喧染慢等一…
JQuery中easyui获取tab页对象以及获取获取tab页对象下的iframe对象跟指定tab页对象隐藏
JQuery中easyui获取tab页对象以及获取获取tab页对象下的iframe对象和指定tab页对象隐藏$(#mytabs).tabs( {onSelect : function() {var tab $(#mytabs).tabs(getSelected);zgoto(tab.panel(options).title);var finaTab$(#mytabs).tabs(getTab,财务信息).panel(options).tab;f…
如何实现前端优化，如何发现哪些前端优化？
1.一幅图看出哪些需要优化！怎么做呢？ 2.npm安装webpack-bundle-analyzer
npm install webpack-bundle-analyzer -D
3.配置webpack-bundle-analyzer
//在vue.config.js引入
const BundleAnalyzerPlugin require(webpack-bundle-analyzer).BundleAnaly…
企业微信通讯录组件如何在Vue使用，ww-open-data如何使用，antd的a-tree如何配合通讯录组件？
一.首先在index.html使用CDN引入 企业微信的JS文件
<script src"https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src"https://open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js"></script>
二.单个封装…
前端高概率的 面试题
文章目录1.JSONP原理.....数组快速去重 数组扁平化2. cookie、sessionStorage、localStorage的区别3.link和a标签区别4 vue中的跨域问题5 webpack面试题6 浏览器与服务器的交互原理7 什么是CSS盒模型 >>> -IE盒模型和W3C盒模型8 A解释一下闭包，B为什么要使…
js 判断用户是否离开当前页面
简介
VisibilityChange 事件；用于判断用户是否离开当前页面 Code
// 页面的 visibility 属性可能返回三种状态
// prerender，visible 和 hidden
let pageVisibility document.visibilityState;
// 监听 visibility change 事件
document.addEvent…
iview框架的select碰到回显深坑，解决方案！
iview框架的select碰到回显深坑，求解决方案！
具体代码和问题如下：
问题描述使用select控件，并使用该控件的远程搜索功能，当将该功能添加在新增model里面的时候，正常使用，当在详情model里面复用…
Vuex全局变量存储调用
1.入口文件main.js
import Vue from vue
import Layout from ./layout
import router from ./router
// 引入vuex
import store from ./store/store
vue实例中 /* eslint-disable no-new */
new Vue({el: #app,router,store,components: { Layout },template: <Layout/>…
vue-paricles 使用的两个疑惑点
> 在这里插入代码片gitgithub.com:creotip/vue-particles.git >vue-particles gitgithub.com:VincentGarreau/particles.js.git ⇒ particles.js 想实现vue框架下的星空粒子特效, 以上两个都可以, 这里分享两个疑惑点(已经知道的就跳过吧…) ##1. Safaril浏览器支持鼠标移…
js判断当前是流量还是wifi
使用js 来判断当前网络是wifi 还在自己的流量 <script type"text/javascript"> var connection navigator.connection||navigator.mozConnection||navigator.webkitConnection||{tyep:unknown};var type_text [unknown,ethernet,wifi,2g,3g,4g,none];alert(c…
RN:遇到一个字符串解构中的坑(安卓Release安装包中才出现)
首先, 字符串可以看做一个 类似数组 的对象, 也可以通过解构的方式获取每个字符串 const [a,b,c,d,e] "Hello";
console.log(a); //H
console.log(b); //e
console.log(c); //l
console.log(d); //l
console.log(e); //o出现的问题
let numString "…
js中call()、apply()、bind()的使用及实现
使用
call()、apply()、bind()都是用来改变this的指向的。 一、A.a.call(B, x, y) A是一个对象，a是对象A里的方法函数，x和y是a函数的参数，B也是一个对象，但对象B想调用对象A的a方法，那么call()的作用就是改变函数a的t…
小案例---倒计时的实现
小案例—倒计时的实现
思路如下：
设定目标日期的时间戳（一般从后端获取）每一秒更新一次倒计时，执行倒计时函数
倒计时函数内容：
获取时间差分别计算出对应的 天、时、分、秒更新 html 元素的内容
代码如下&#x…
v-model语法糖
v-model原理
v-model实现双向绑定的语法糖，常用于表单与组件之间的数据双向绑定v-model本质上是 value属性和input事件的一层包装
v-model的作用：提供数据的双向绑定数据发生了改变，页面会自动变 v-bind:value页面输入改变 ， 数据…
bootstrap table表格中绑定控件
// An highlighted block{title: 名称,field: expName,align: center,formatter: function (value, row, rowIndex) {var htmlList [];htmlList.push(<div style"margin-right: 0px;" class"drugInput"> <input type"text" value&quo…
vue中axios的拦截器与请求api的封装
之前在vue中请求数据都没有封装，前几天看了下别人写的封装，感受到封装了魅力，今天整理一下，本博客没有高大上的专业术语，只是普通的白话文，便于理解。
标题下载安装axios的命令
npm install axios
标题1…
JS 批量删除指定索引的数组元素
let aa [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
function del(p1, p2) {let arr [];// splice会改变原数组 所以占位 立一个要删除标识// 占位p2.forEach(item > {p1.splice(item, 1, "A")})//过滤arr p1.filter(item > item ! "A");return arr;
}
cons…
跨域问题产生的原因以及解决方案
一、什么是跨域？
在前端领域中，跨域是指浏览器允许向服务器发送跨域请求，从而克服Ajax只能同源使用的限制。
当跨域时会收到以下错误 二、什么是同源策略？
同源策略是一种约定，由Netscape公司1995年引入浏览器&…
云开发小程序项目实战 一
小程序传统开发模式
云开发模式 什么是Serverless？ 云开发与 Serverless
什么是小程序云开发？ 云开发优势与基础能力
云开发优势
快速上线专注核心业务独立开发一个完整的微信小程序不需要学习新的语言，只需要掌握 Javascript无需运维&am…
jquery 给金额加逗号分隔并保留小数
使用例子：
var amount parseFormatNum("123456",0); 结果为：123,456
var amount parseFormatNum("123456",1); 结果为：123,456.0
var amount parseFormatNum("123456",2); 结果为：123,456.0…
fullPage.js 实现点击按钮滚动一屏的效果
fullPage.js 实现点击按钮滚动一屏的效果
afterRender() 这个回调函数只是在生成页面结构的时候调用。这是要用来初始化其他插件或删除任何需要的文件准备好代码的回调（这个插件修改DOM创建得到的结构）。
afterRender: function () {$(点击事件).click…
JS Date格式化为yyyy-MM-dd类字符串
原文：https://blog.csdn.net/csdnluolei/article/details/84307668
方法一
Date.prototype.format function(format)
{var o {"M" : this.getMonth()1, //month"d" : this.getDate(), //day"h" : this.getHours(), //hour&q…
Element-UI 获取el-table selection当前选中行
1、在el-table标签上添加ref
<el-table :data"isMixed ? copyMixedDetailList:copyDetailList" ref"accountTable"><el-table-column type"selection" width"50" align"center" :reserve-selection"true&qu…
vue表单中动态控制样式的几种方式
1.三木运算：
<div :class"item.isTrue ? className1 : className2"></div><style>
.className1{
....
}
.className2{
....
}
</style>2.变量控制
<div :class"{className: item.isTrue"></div><sty…
使用fusioncharts实时数据库来生成报表，描述趋势
最近搞无线定位问题，碰到了一个问题，监听用户设备，实时的发送UDP报文，并将报文进行解析，解析完事存入数据库中，该数据库是实时动态更新的。其次就是用户输入设备点击显示去世的时候，给用户一个动…
webpack-externals过滤文件
/*
* 研究使用webpack也有一段时间了，现在终于有了大概的认识和了解，下边是一个简单的例子，不懂的朋友可以照猫画虎，哈哈
* */
var fs require(fs);
var path require(path);
var nodeModules {};
//过滤node_modules中的所有模…
关于阿里巴巴icon矢量图显示空白问题
关于阿里巴巴icon矢量图显示空白问题关于icon显示空白关于icon显示空白
最近在帮着做一些小项目，期间遇到不少问题，也尝试着在网上找问题的答案，接下来就有一个很细节的问题使得我在使用阿里巴巴的iconfont矢量图的时候出现了矢量图在页面中…
JavaScript停止冒泡例子
<!DOCTYPE html><html><head><meta charset"utf-8"><title>qypt15</title><style>div { background-color: green; border: 1px solid; padding: 50px;}</style></head><body>
<p>实例演示了在添…
他在阿里5年，升为P9，现在直播不卖货，就要招各路云原生大师！
他是白慕阿里云云原生应用平台资深技术专家在阿里呆了5年，长期从事云原生相关技术的研发先后负责了阿里巴巴电商资源调度系统资源弹性伸缩系统中间件容器项目容器服务产品研发等说起他，标签很多比如靠谱比如云原生狂热者但他最近的标签是“我要人”“招人…
DOM(Document Object Model)学习路线
21数组.html /* 早期的版本：1// push()功能：在数组末尾添加一个或多个元素参数：添加的元素序列返回值：返回的是原数组增加元素后的长度特点 会改变原数组2// unshift() 用法基本与push()一样，只是在数组前面添加元素…
[JS-DOM BOM学习笔记]BOM那些儿事儿
BOM那些事儿学习要求BOM概述什么是BOM？BOM的构成window对象的常见事件窗口加载事件window.onloadwindow.DOMContentLoaded调整窗口大小事件定时器两种定时器setTimeout()定时器停止setTimeout()定时器setInterval()定时器倒计时案例clearInterval()停止定时器发送短…
vue 小白初次实践踩坑（二）-路由与location
vue 小白初次实践踩坑（二）-路由与location
需求：
第一种：要求点击不同的导航跳转到另一个页面，在另一个页面上也有通用的导航，刚刚点击的那个导航应该处于选中状态（高亮）
<template><div><ul class="header-menu" ref="MainHeader&qu…
vue3 单一状态管理
目录 1，问题2，单一状态管理 1，问题
有一个全局错误弹窗，当项目中有接口报错时，会显示错误信息。
思路：在 axios 的响应拦截器中，满足条件后打开错误弹窗。
问题：如何在 js 文件&a…
闭包真的还会造成内存泄露吗？你不知道的闭包与垃圾回收！
文章目录前言一、闭包是什么？二、闭包有什么好处和坏处呢？1.好处2.坏处二、闭包会造成内存泄露吗？1.前言2.闭包会造成内存泄露吗，如果会为什么还会再react hooks中大量使用呢？三、为什么ie8及之前会造成内存泄露&#…
深入透析Promise实现细节（含手撕阶段）
文章目录前言一、Promise是什么？二、Promise核心逻辑实现1.基本原理2.新建类promise类，传入执行器executor3.传入resolve和reject方法4.then方法的简单实现5.完整代码及验证6.代码改进三.链式调用1.链式调用实现的基本思路2.then方法返回promise对象3.re…
【前端怪谈】为什么要用setTimeout模拟setInterval
文章目录前言一、setInterval存在的问题1.问题复现2.问题分析二、setInterval缺点及setTimeout1.setInterval缺点2.为什么setTimeout能取代setTimeout实现setInterval总结前言
大家都知道，setTimeout是延迟执行函数，而setInterval就像一个定时器&#x…
【前端怪谈】js中为什么0.1+0.2 !== 0.3
文章目录前言一、问题原因二、解决办法三、大数相加1、BigInt2、大数相加总结前言
下面大家先来看一下这行诡异的代码，猜猜会输出什么
console.log(0.1 0.2);是不是和所想的不太一样？下面我们来探索一下为什么它会这样吧。
一、问题原因
在计算机中…
如何正确使用RestTemplate【八】
theme: vue-pro 小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 复习一下下 上篇文章，我们学习了Put请求的相关方法的使用方法，以及具体参数的不同，当然还有一些代码示例等等，你是否还有些印象…
vue+element制作音乐播放器播放进度条bug(鼠标拖拽slider滑块滑动到指定位置无效)
最开始bug还没解决时的效果图 bug解决后的效果图 项目场景：
想自己做一个基于vue仿网易云音乐的音乐网站，在制作播放器的时候用到了element ui里面的slider组件，制作完成后发现使用change的方法无法达到我需要的效果，上网查询发现…
简述js中replace
replace var str hello worldvar a str.replace(l, L)console.log(a);//heLlo world如果需要替换的是字符串，则就进行一次替换
var str hello worldvar a str.replace(/l/g, L)console.log(a);如果进行全局搜索，则全部替换
element-ui 弹出框点击弹出框以外的地方，收起弹出框
在弹框加上这个属性即可，点击弹框意外隐藏弹框，false反之
:close-on-click-modal"true"
vue中使用js基于正则实现数字千分位用逗号分割
这个需求用到的还是蛮多，虽说我们有组件，可以直接代替，但是直接在js里，还是得需要自己封装一个函数，也方便复用嘛。
直接上代码吧
//数字千分位逗号分割
let c (item.value.toString().indexOf(.) ! -1) ? item.va…
Creator 2.x 大项目卡顿有救了！
前言论坛上有很多帖子、很多人说Creator大项目卡顿，也在苦苦寻找解决方案。这对于每一个想用Creator做个大项目或者正在做着项目的小伙伴来说都是很难受的。这可能会让他们割舍对 Creator 的喜爱，而另作选择。或者在上了车之后，没法填这个坑导…
编写高效 TS 的一些建议
本文阿宝哥将分享编写高效 TS 代码的 5 个建议，希望这些建议对大家编写 TS 代码能有一些帮助。一、尽量减少重复代码对于刚接触 TypeScript 的小伙伴来说，在定义接口时，可能一不小心会出现以下类似的重复代码。比如：interface Per…
改变this指向的call、apply、bind方法
📒博客首页：酸狗的博客🍋 🎉欢迎关注🔎点赞👍收藏⭐️留言📝 💖热爱前端学习，期待一起交流！✨ 🙏作者水平很有限，如果发现错误&#x…
家人问你还没有对象怎么办？那你new一个对象呀
📒博客首页：酸狗的博客🍋 🎉欢迎关注🔎点赞👍收藏⭐️留言📝 💖热爱前端学习，期待一起交流！✨ 🙏作者水平很有限，如果发现错误&#x…
JS面试题汇总（八）
📒博客首页：酸狗的博客🍋 🎉欢迎关注🔎点赞👍收藏⭐️留言📝 💖热爱前端学习，期待一起交流！✨ 🙏作者水平很有限，如果发现错误&#x…
JS面试题汇总（七）
📒博客首页：酸狗的博客🍋 🎉欢迎关注🔎点赞👍收藏⭐️留言📝 💖热爱前端学习，期待一起交流！✨ 🙏作者水平很有限，如果发现错误&#x…
CocosCreator矢量绘图组件（1）
超级浣熊 Cocos引擎10年老用户，精通Cocos全家桶 Cocos-iPhoneCocos2d-xCocos2d-html5Cocos2d-jsCocos Creator2011年开始写中日英多语言博客 supersuraccoon-cocos2d.com Cocos 独立游戏上架AppStore Cocos 电子书上架iBookStore 持续用 cocos 引擎编写各种有趣的东…
盘点JavaScript中数组遍历的全部方式（下篇）
前言JavaScript想必大家都不陌生了，上篇文章盘点JavaScript中数组遍历的全部方式（上篇）已经给大家介绍了7种数组遍历的方式，这篇文章继续介绍7种数组遍历的方式，这样一共14种遍历方式，基本上囊括了JavaScri…
HTML DOM(一)
目录 一.获取节点 获取属性节点
二.DOM 事件
1️⃣分类
2️⃣示例
☀焦点事件
☀鼠标事件
☀键盘事件
☀点击事件
☀提交事件
☀加载事件
☀当前组件
☀阻止事件的发生
三.节点关系 (待完善) DOM 👉Document Object Mo…
jQuery 使用 hover 方法隐藏和显示元素时，出现闪动
$(.pic-alert).hover(function(){$(.pic.alert).css(display, block);
},function(){setTimeout(function(){$(.pic.alert).css(display, none);}, 500)
})这里的两个函数是作为 hover() 函数的参数 第一个函数是鼠标悬浮时 over 鼠标事件 第二个函数是鼠标离开时 out 鼠标事件…
tinymce编辑器上传本地视频预览
小白一枚，最近搞搞tinymce编辑器上传视频预览，视频标签变成了图片标签问题，看看之前其他博主的说明，感jio好麻烦，官网的也没整明白，所以自己瞎整整。勿喷！勿喷！勿喷！重要…
Leaflet 自定义Popup弹窗
首先感谢 Leaflet - 自定义弹出框（popup）提供的扩展
但是实际结合组件化的使用过程中，对于弹窗内元素的高宽存在不确定性（即初始化时不传入容器的宽高），所以需要进一步对Popup组件进行拓展，以便…
Vue使用jQuery
main.js
import jquery from jquerywindow.$ window.jQuery jquery在要使用的地方直接 $即可 例如
$.ajax({type: POST,url: http://localhost:8082/User/Login,dataType: json,data: {usercode: "111",password: "222"},success: function (data) {}}…
作为一名前端所需要调整的电脑配置（可能会影响你的网页大写与测量精确度）
1.首先先调整电脑的显示配置，将示例文本和主显示器大写都调整为100%
2.再将浏览器的缩放调整为100%即可
【详细】手把手教你实现JavaScript轮播图功能
轮播图见下图是移动端，网站上一种非常常见的展示效果，我们在各大app，网站都经常可以看到这种效果。用户可以用手来回选择展示的图片，无点击事件时，控件会依次循环展示图片。
那么本文今天就探究一下如何实现这类效果。…
知识图谱教学平台总结(前端）
知识图谱教学平台总结
服务器部署
apt show nginx //查询是否有nginx 没有使用 apt update
apt install nginx
apt install -y nodejs //安装node node -v看版本
apt install -y npm //安装npm npm -v看版本
npm config set registry https://registry.npm.taobao.org //配…
JavaScript匿名函数
JavaScript提供了定义匿名函数的方式，这种创匿名函数的语法格式如下：
function(parameter list){alert("AAA");
}
这种函数定义语法无须指定函数名，而是将参数列表紧跟fuction关键字。在函数定义域发的最后不要忘记紧跟分号。
我…
js 计算两个日期之间 相差几年几月几日
1.日期选择器 <a-form-model-item label"计租期" prop"Dates" :rules"{ required: true, message: 请输入计租期,trigger: blur,}"><a-range-picker style"width:300px;" v-modelform.Dates :disabledsee change"change…
解决报错 This dependency was not found:(这个依赖没有找到)
错误的原因是你这个文件引入或使用了文件资源,但却没有找到
我是因为写样式使用了less,却没有依赖,所以把less删掉或是下less依赖就可以了
<style scoped langless></style>报错全部信息 ERROR Failed to compile with 1 errors 下午10:57:54 This dependency wa…
uniapp:省市选择 自定义组件
源码
https://gitee.com/river-winter/unappCity
效果图 两个数据文件
热门城市 common/hotData.js
export default [{ name: "上海市", },{ name: "广州市", },
{ name: "北京市", },{ name: "天津市", },{ name: "重庆市&q…
js reduce方法实现数组和对象去重
reduce方法
语法:
arr.reduce(function(total,current,index,array){}, init);参数说明
total :初始值 init ,或者计算结束后的返回值 (必需)
init:初始值(必需)
current,当前元素(可选)
index:当前元素索引(可选)
array:当前元素所属的数组对象(可选)
数组去重 var ar…
js获取当前时间，小于10前边补0
var time function(){var datenew Date();//年var yeardate.getFullYear();//月var month(date.getMonth()1)<10?"0"(date.getMonth()1):(date.getMonth()1);//日var daydate.getDate()<10?"0"date.getDate():date.getDate();//时var hhdate.getH…
js中函数名后面的括号加与不加的区别和作用
虽然有点基础，但是本人认为越是基础的东西越应该重视起来，毕竟一座大楼，想要建的高，地基就要足够牢固
function fn(){return 10
}
var afn
var bfn()
上面的实例，a是fn函数，b是10
函数是一种叫做function引…
jQuery中attr()与prop()区别介绍
.attr() ： 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。 •.attr( attributeName ) •.attr( attributeName )
•.attr( attributeName, value ) •.attr( attributeName, value )
•.attr( attributes )
•.attr( attribu…
element表单验证中rules中的message样式怎么更改，:inline-message=“true“，el-form-item__error--inline
element表单验证中rules中的message样式怎么更改，有很多解答都是直接定位到el-form-item__error，修改样式。 但是如果这么做，容易影响到全局，有些地方message的提示还是默认在input下框比较合适。代码附在最后。 效果演示 查看官…
运动轨迹绘制页面的设计与实现：仿照运动APP的轨迹记录功能将HTML5地理定位技术用于移动设备，实现地图显示与用户打车从起点到终点的运动轨迹绘制效果。
随着人们对健康意识的提高，各类运动软件也逐渐流行。由于手机方便携带，又自带GPS定位功能，因此APP成为用户的首选。例如咕咚、益动等。这些软件都具有类似的一个功能模块，就是在电子地图上跟踪记录用户跑步或骑行的运动轨迹。 实现…
浅谈js中闭包、闭包中的this指向、垃圾回收机制、内存泄漏等问题
友情提示，如果你对作用域、作用域链、函数表达式这些知识掌握的不是很好的话，建议您可以先看看深入理解js中的作用域以及作用域
1、什么是闭包？
关于什么是闭包，官方的解释是：闭包是一个拥有许多变量和绑定了这些变量…
原生js实现分页的效果
想必大家都用过百度查找过我们想要的信息，每次我们查找东西的时候，百度都会返给我们很多很多相似和有关的结果，而这些结果是不可能一页就显示完全的，一般都会分很多很多页，效果图如下。所以我们今天就是要分享一下&…
js碰撞检测函数的封装
主要运用的getBoundingRect()方法，这个方法的详细解释下面有function getRect(obj){return obj.getBoundingClientRect();}
function collision(obj1,obj2){var obj1Rect getRect(obj1);var obj2Rect getRect(obj2);//如果obj1碰上了哦obj2返回true，…
JavaWeb 速通JSON
目录
一、JSON快速入门 1.基本介绍 : 2.定义格式 : 3.入门案例 :
二、JSON对象和字符串的相互转换 1.常用方法 : 2.应用实例 : 3.使用细节 :
三、JSON在Java中的使用 1.基本说明 : 2.应用场景 : 2.1 JSON <---> JavaBean 2.2 JSON <---> List 2.3 JSON …
谷歌Chrome浏览器开发者工具教程—JS调试篇
上一篇我们学习了谷歌Chrome浏览器开发者工具的基础功能，下面介绍的是Chrome开发工具中最有用的面板Sources。 Sources面板几乎是最常用到的Chrome功能面板,也是解决一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题,在审视一遍代码而一无所获之…
XML、HTML、CSS与JS的区别整理
在BS中，xml，html，css和js我们都学过，起初分不清这四者的区别和联系，随着知识的增长，有了一些体会。
首次，我们看一下这四项技术都是什么，能干什么？
（一&…
医院药品管理系统开源项目-03 【后台主体 供应商管理】
一、创建后台主体
1.1 编写后台页面
<!DOCTYPE html>
<html lang"zh_CN" xmlns:th"http://www.thymeleaf.org">
<head><meta charset"UTF-8"><title>医院药品管理系统</title><link rel"styleshe…
谈一谈浏览器与Node.js中的JavaScript事件循环，宏任务与微任务机制
JavaScript中的异步代码
JavaScript是一个单线程非阻塞的脚本语言。这代表代码是执行在一个主线程上面的。但是JavaScript中有很多耗时的异步操作，例如AJAX，setTimeout等等；也有很多事件，例如用户触发的点击事件，鼠标…
【快速搞定Webpack5】基本配置及开发模式介绍（二）
在开始使用webpack之前么，我们需要对Webpack的配置有一定的认识。
一、5大核心概念
1. enty（入口） 指示webpack从哪个文件开始打包
2. output（输出） 指示webpack打包完的文件输出到哪里去，如何命名等
…
js 气泡上升和鼠标点击事件
效果图 <!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8" /><meta name"viewport" content"widthdevice-width, initial-scale1.0" /><title>Document</title><style>bod…
鼠标划过改变子元素的属性 vue
鼠标划过改变子元素的属性 vue （未完成）
一、需求
我想做一个类似词句大爆炸的效果，将一个句子炸成多个词条，然后手动选择需要的内容。
结构是这样的 wordList -> word
需要的操作是鼠标左键划过的时候将划过的字词选中。 …
js中的window
BOM就是浏览器窗口对象模型，顶级对象就是window window，document都是一个实例对象，他们都属于Object，你不可以在new他，必须直接调用他的方法和属性 Window对象共有七个属性： defauleStatus：指…
复习第一轮-作用域、作用域链和执行环境以及搞懂闭包。
目录
背景
作用域
执行环境
变量对象
作用域链
闭包 背景
最近汉得面试官问了闭包问题，想要深入理解闭包，所以需要回头复习。 作用域
参考文章：https://www.cnblogs.com/ukerxi/p/8027236.html
官方解释是：“一段程序代码…
cookie的原理及作用以及如何设置、读取和删除cookie
cookie：存储数据，当用户访问了某个网站（网页）的时候，我们就通过cookie来向访问者电脑上存储数据
不同的浏览器存放的cookie位置不一样，也是不能通用的。cookie的存储是一域名的形式进行区分的cookie的数据…
js动态创建和删除div
研究了一下js的动态生成div功能。特此一记： <script type"text/javascript" >
var i1;
function cDiv(){
var oDivdocument.createElement("div");
oDiv.style.border"1px solid black";
oDiv.style.width"500px";
o…
echarts重复加载
最近项目中用到 echarts，我们从数据库中得到数放到echarts中展示，一开始都是请求后直接放入数据，展示。没有问题，后来我们要求利用echarts根据图上的每一次点击事件，局部更新请求后台的数据，然后再展示&…
bootstrapValidator关于js,jquery动态赋值不触发验证（不能捕获“程序赋值事件”）解决办法
关键点一：修改excluded和trigger的配置
$("#department-add-modal-form").bootstrapValidator({//excluded:[":hidden",":disabled",":not(visible)"] ,//bootstrapValidator的默认配置excluded:[":disabled"],…
HTML5制作网页版个人简历
用htmlcssjs制作全屏页面滚动个人简历 下面是效果图： css代码
<style>
keyframes mytranslateY{100%{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)…
ExtJs 6.0+快速入门，ext-bootstrap.js文件的分析，各版本API下载
ExtJS6.0快速入门API下载地址
ExtAPI 下载地址如下，包含各个版本 http://docs.sencha.com/misc/guides/offline_docs.html
1.使用工具HBuilder 2.java 版本 8.0 3.extjs 版本 6.2.0
注意顺序 <!--描述：引入主题样式文件--><link rel"…
字符串短横线和驼峰形式的互相转换 Javascript
// 短横线转换驼峰
function underline2Hump(str){let arr str.split(-); //["daaa", "df"] 或 ["", "daaa", "df"]for (let i 0; i < arr.length; i) {arr[i] arr[i].slice(0,1).toUpperCase()arr[i].slice(1)}retur…
【快速搞定Webpack5】介绍及基本使用（一）
webpack 是一个静态资源打包工具。
他会以一个或多个文件作为打包的入口，将我们整个项目所有文件编译组合成一个或多个文件输出出去。 输出的文件就是编译好的文件，就可以在浏览器端运行了。 我们将 webpack 输出的文件叫做 bundle 。 (将浏览器不识别的…
redux使用combineReducers多次初始化reducer
最近在用react编写项目使用redux的时候发现，redux多次初始化reducer 具体代码如下
//reducer
function reducer1(state null,action) {console.log(reducer1,action)const {data,type} actionif (type TEST1) {return state}else {return state}
}const redu…
记录我常用的免费API接口
目录
1.随机中英文句子
2.随机中英文句子（带图片和音频）
3.随机一句诗
4.随机一句话
5.随机一句情话
6. 随机一句舔狗语录
7.历史上的今天
8.获取来访者ip地址
9：获取手机号信息
10. 垃圾分类查询
11.字典查询
12.QQ信息查询 1.随…
输入框使用正则过滤空格或者特殊字符
文章目录 代码 代码 formatter(value) {var regStr /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\…
JS逆向之wasm逆向（二）
本文仅供技术交流和技术学习 不做其他用途 接着上一篇继续讲：
上篇地址： JS逆向之wasm逆向(二进制) 网址： aHR0cHM6Ly93d3cuN3E2Y3lqLmNvbTo5MDAxL3JlZ2lzdGVyNDY5Njg/aV9jb2RlPTQ0Mjc5OTU1
这个网站我们后面可以继续讲他的debugger 和滑块…
web前端tips：js继承——寄生组合式继承
上篇文章给大家分享了 js继承中的 寄生式继承
web前端tips：js继承——寄生式继承
今天给大家分享一下 js 继承中的 寄生组合式继承
寄生组合式继承
寄生组合式继承是一种结合了寄生式继承和组合式继承的方式，它的目标是减少组合式继承中多余的调用父…
nestjs 基础、使用 passport 来进行鉴权
回顾一些定义
NestJS 部分
Module 模块结构 模块是一个图状引用关系。 模块的实例化有三种模式。默认情况是 singletones 模式，也就是模块可能被引用，但不同的引用处拿的是同一个共享实例，也就是说一个进程有一个唯一的实例被共享。 模块&a…
和葡萄酒时为什么要写品酒笔记？
如果你不把你的想法写下来，它们可能会在你离开房间之前就离开你的大脑。写笔记，包括令人难忘的品酒笔记，它是关于记录一些超越今天和明天的有意义的事情。这是你的记忆葡萄酒，对你来说最相关、最有区别的就是最重要的。最后&#…
详细教程 - 从零开发 Vue 鸿蒙harmonyOS应用 第五节 （基于uni-app封装鸿蒙接口请求库）
随着鸿蒙系统的兴起,越来越多的app会采用鸿蒙开发。而鸿蒙开发必不可少的就是调用各种接口服务。为了简化接口的调用流程,我们通常会做一层封装。今天就来讲解一下,如何用uni-app封装鸿蒙的接口请求库。
一、新建项目 首先我们要新建一个鸿蒙项目啦！当然选择第一个…
Vue3视图渲染技术(2)
我是南城余！阿里云开发者平台专家博士证书获得者！
欢迎关注我的博客！一同成长！
一名从事运维开发的worker，记录分享学习。
专注于AI，运维开发，windows Linux 系统领域的分享！
本…
python selenium处理JS的alert弹窗
场景描述 总裁小说网我的书架收藏了几本小说，其中部分小说我不想收藏了，利用python自动登录，删除书架里面不想要的小说，例如删除《万界仙王》… 代码
# codingutf-8
from selenium import webdriver
import time
from selenium.w…
如何正确使用RestTemplate【十】
小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 复习一下下 上篇文章，我们学习了DELETE请求的相关方法的使用方法，以及具体参数的不同，当然还有一些代码示例等等，你是否还有些印象呢࿱…
vue3的事件处理代码
第一次的思考 引用的一定要改，从2.5的vue改为3以上的
<!DOCTPYE html>
<html><head><title>ruguog</title></head> <body><div id"app"><input type"button" value"hamimelon!"…
Go之Http包的服务端介绍
对于go的net/http包，主要分为两个部分，一部分是针对客户端的，一部分是针对服务端的，本篇文章主要介绍服务端这部分内容。一、总体介绍一个http消息的流程如下所示，其中红框部分是server部分的内容，主要包括…
这个js代码怎样才能运行，alert()函数怎样才能显示？
function Person(name,job,age)
{this.namename;this.jobjob;this.ageage;this.sayHifunction(){alert("Hi")}}
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
实际应用项目：http://github.crmeb.net/u/long 小程序有一个获取用户很便捷的api，就是通过getPhoneNumber获取用户的已经绑定微信的手机号码。有一点要大家注意，现在微信和注重用户体验，有些方法都是需要用户主动去触发才能调用的…
小程序点击滚动到对应位置
var query wx.createSelectorQuery() //创建节点查询器query.select(#comment).boundingClientRect() //选择id为comment的节点并查询的它布局位置query.exec(function (res) { //执行请求console.log("高度---》",res[0])wx.pageScrollTo({scrollTop: res[0].heigh…
使用gif.js根据视频片段生成GIF图
使用gif.js根据视频片段生成GIF图文件引入具体实现扩展阅读文件引入
根据视频片段来生成GIF需要用到gif.js文件，不多说，在这里先提供下载链接： gif.js.
简单介绍一下，核心库 gif.js 可以直接将传入 canvas 对象实现截图然后保存…
防抖函数 lodash.debounce 的使用 + 深拷贝
个人语雀文档：个人语雀文档
用法： lodash.debounce( func, [wait0], [options] )
func (Function): 要防抖动的函数。例：fn()[wait0] (number): 需要延迟的毫秒数。 例：500ms[options] (Object): 选项对象。{ } （一般…
React.useState 的 ref 引用方法
今天发现了一个,在 无状态函数式组件 中很精妙的 ref 引用方法 其中用到了 React.useState
const useState React.useState// 结合 useState 的用法
const Name1 () > {const [refName, setRefName] useState(null);const click1 str > {console.log(refName)}retur…
JavaScript的基础学习知识（一）
JavaScript的基础学习知识（一）
最近在学习Java前端方面的知识，在学习的过程中，收获了一些知识，将自己学习的东西进行整理。 文章目录JavaScript的基础学习知识（一）一、 JavaScript的简单介绍二…
js打开新窗体的方式总结
注://关闭,父窗口弹出对话框,子窗口直接关闭this.Response.Write("<script languagejavascript>window.close();</script>");//关闭,父窗口和子窗口都不弹出对话框,直接关闭this.Response.Write("<script>");this.Response.Write("…
window.location
做了个小项目，涉及到获取浏览器请求地址的内容，遂查了相关知识:
1. 知识
Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问，Location 对象包含有关当前 URL 的信息。location属性又包含以下属性&#…
根据key获取value的值之腾讯等版本
<!DOCTYPE html>
<meta http-equiv"Content-Type" content"text/html; charsetutf-8"></meta>
<script>var url {};url[腾讯] http://www.qq.com;url[新浪] http://www.sina.com;url[搜狐] http://www.sohu.com;var value3 e…
根据key获取value
var jsonObj {"创维电视" : 50,"卡萨帝北京" : 40,"家电" : 40,"松下" : 30,"格力" : 20,"海尔" : 20,"海尔商城" : 20,"海尔客服" : 20,"美的" : 20,"美菱" : 20
}var…
JavaScript之DOM
DOM
DOM：Document Object Model(文档对象模型，对网页当中的节点进行增删改的过程。)HTML文档被当作一棵Dom树来看待 获取文本框value
<script type"text/javascript">/*window.onload function(){//var btnObj window.document.getE…
十分钟玩转jQuery---三级联动
这里给大家推荐一款免费迭代 二开便捷的商城项目：源码直通车>>> 话不多说 直接上实例
<!DOCTYPE html>
<html lang"en">
<head>
<meta http-equiv"Content-Type" content"text/html; charsetUTF-8"&…
十分钟玩转jQuery---多选、反选、取消
这里给大家推荐一款免费迭代 二开便捷的商城项目：源码直通车>>> 话不多说 直接上实例
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>Title</title></head>
<b…
十分钟玩转 jQuery原理简介
这里给大家推荐一款免费迭代 二开便捷的商城项目：源码直通车>>> 一、简介
定义 jQuery创始人是美国John Resig，是优秀的Javascript框架； jQuery是一个轻量级、快速简洁的javaScript库。
jQuery对象 jQuery产生的对象时jQuery独有的…
webpack取消严格模式打包use strict
有时候用webpack打包，引入的require文件中有报错，是由于严格模式引起的。es6自动打包成es5会加上严格模式。如何取消掉，直接在webpack配置文件中设置： var config {entry: {home: buildBundle( home ),},output: {path: BUILD_DI…
nodejs 批量编译less 文件为css
我们在用less时，有时会有很多less块，一个一个手动编译很麻烦，使用下面的代码，可以一次性递归编译 在项目less文件目录，新建个js文件。粘贴代码如下: var fs require(fs),
path require(path),
exec require(child_p…
记录: js中使用eval函数将string字符串反射为对象并赋值
有时候在写代码的时候为了使封装的函数更简单更实用，在调用对象并赋值的时候，通常写法都是需要一大堆的js判断，然后有了这个方法，一行代码就可以完事儿。特此总结记录一下.
方法如下:
eval( ( that.page.et2.showfalse) );
比…
个人前端面试题目总结(未工作)
个人前端面试题目总结个人前端面试题目总结(未工作)形式：电话面试面试内容不完全记录：关于React关于Vue*1.vue中数据双向绑定的原理*2.vue中的MVVM模式ES6中有哪些新特性1.const，let2.模板字符串(字符串的拼接)3.箭头函数4.函数参数的默认值5…
微信小程序获取全局变量获取不到，只得到undefined
首先申明全局变量在app.js中申明，如下格式：
App({globalData: {// 当前正在播放的歌曲对象nowPlayingSong: {},// 播放列表playingSongList: [],// 播放模式 random,singleloop,order,listloop，默认随机播放playingSongMode: random},onLaun…
如何从JavaScript中删除数组中的特定元素? [英]How do I remove a particular element from an array in JavaScript?
I have an array of integers, and Im using the .push() method to add elements to it.
我有一个整数数组，我使用.push()方法为它添加元素。
Is there a simple way to remove a specific element from an array? The equivalent of something like array.remo…
JS放在head和放在body中的区别
JS放在head和放在body中的区别在HTML body部分中的JavaScripts会在页面加载的时候被执行。
在HTML head部分中的JavaScripts会在被调用的时候才执行。一、区别
浏览器解析html是从上到下的。
如果把javascript放在head里的话，则先被解析,但这时候body还没有解析&…
layui数据表格点击图片放大
今天用layui写了一个表格里面涉及图片显示的问题，我想实现通过点击图片弹出一个弹出层，使图片自适应放大。下面是代码： 表格里面： {field: imgUrl,title: 展示图片,templet: <div><img src"{{ d.imgUrl }}" al…
在vue3 中安装使用bootstrap
在 vue 项目中引入 bootstrap，首先要引入两个依赖：jQuery 和 popper
第一步、安装
1、npm安装
安装命令如下：
cnpm install bootstrap --save-dev
cnpm install jquery --save-dev
cnpm install popper.js --save-dev默认安装最新版本&am…
js中倒计时学习笔记
倒计时原理：未来的时间点-现在的时间点// 现在的时间点（在变） var iNow new Date(); // 未来的时间点（不变）
//下面两种方法都可以定义未来的时间点
// var iNew new Date( 2013, 10, 27, 21,56,0 );var iNew n…
js 原生开发：实现页面带参跳转：从传参到接参，封装方法，实现一行代码精准接参（可传对象）iEieie
目前知道两种方法
1.通过地址栏的跳转链接带参
index.html
<!DOCTYPE html>
<html lang"zh"><head><meta charset"utf-8"><meta http-equiv"X-UA-Compatible" content"ieedge"><title></t…
classList属性的知识点整理
classLIst属性返回元素的类名，作为DOMTokenList对象
该属性用于在元素中添加、移出、切换css类
语法：elem.classList
方法：
add( String[,String])：添加指定的类值。如果这些类已经存在于元素的属性中，那么他们将被忽略…
JavaScript中的Object.is()、==和===
Object.is()方法：判断两个值是否是相同的值
语法：
Object.is(value1, value2);
value1是需要比较的第一个值，value2是需要比较的第二个值
返回值：布尔值，如果两个值相同返回true，不相同返回false
这中相等性…
js中8种数组去重的方法
第一种：
function deRepeat(arr){var newArr[];for(var i0;i<arr.length;i){if(newArr.indexOf(arr[i])-1){//如果新的数组中没有这个值，就将其添加到新的数组中newArr.push(arr[i]);}}return newArr;}var arr[1,2,1,2,34,2,23,23,23,{a:1},{b:1},[],…
uniapp 添加table不显示
在apge.js中配置了table 但是运行后导航栏不显示 解决方法：page中的第一条path和table的第一条path要相同
{"pages": [{"path": "pages/index/index",//这个和下面的table path相同"style": {"navigationBarTitleTex…
js获取url上的地址id,name的值
/获取参数/ function getQueryString(name) { var reg new RegExp(“(^|&)” name “([^&]*)(&|$)”, “i”); var r decodeURI(window.location.search).substr(1).match(reg); if (r ! null) return unescape(r[2]); return null; }
调用方法&#x…
vue +vue cli3 + tinymce 封装tinymce组件
前言
给公安做了个项目，后台编辑文章 前台展示，一开始用的markdown编辑器，markdown不能段落缩进，格式也有些许问题，不是公安想要的效果，今天想换一个编辑器，选择了tinymac，好像达到…
tp6 ajax 无刷新分页 js自定义方法
在开发过程中总是遇到分页问题 刷新分页体验不好
写了一个公共方法配置分页生成的属性 (可以适当自定义修改)
注:需要引用jquery
主动触发 分页方法
myAjax(1)
function myAjax(page 1, limit 5 )
{$.post(/index/list,{page:page,limit:limit},function(data, status…
pandas处理丢失数据
import pandas as pd
import numpy as np# 建立了一个6X4的矩阵数据并且把两个位置置为空
dates pd.date_range(20130101, periods6)
df pd.DataFrame(np.arange(24).reshape((6, 4)), indexdates, columns[A, B, C, D])
df.iloc[0, 1] np.nan
df.iloc[1, 2] np.nan
print(…
前端超炫表白干货（一）
表白代码，送给你爱的人 梦码在这里首先很感谢来看此博客的同学们，如果你觉得还可以，别忘记点个赞加关注哦，别忘记了这才是前端表白干货（一）哦，后面还有二、三、四。。。。。。错过了就可惜了
这…
拖拽上传图片，及删除小实例
主要还是对draggable的练习，因为之前遇到了点小问题，所以今天才整理，对draggable不太了解的请点击深入理解js中的draggable，该有的解释已经在注释中了，所以此处不再过多解释，嗯、直接上代码<!DOCTYPE HT…
二叉树及深度/广度遍历 笔记
这里写目录标题树是什么？什么是深度/广度优先遍历？二叉树的先中后序遍历二叉树是什么？https://gitee.com/thinkerwing/study/tree/master/%E9%9D%A2%E8%AF%95%E9%A2%98/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/%E6%A0%91树是什么？ …
js中带运动的返回顶部以及锚点的使用
本博主要介绍使用js实现从底部返回顶部的方法（返回底部的过程中速度不断变慢），由于其和锚点很相似，所以也就顺便在后面将锚点的相关知识进行总结
html代码
<a id"a1">返回顶部</a>css代码
<style>bod…
js中的BOM操作知识整理
一、什么是BOM？
BOM：Browser Object Model 是浏览器对象模型，浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构，BOM由多个对象构成，其中代表浏览器窗口的window对象是BOM的顶层对象，…
为什么这里console.log(key)是搜狐，而不是腾讯或新浪
<!DOCTYPE html>
<meta http-equiv"Content-Type" content"text/html; charsetutf-8">
<script>var url {};url[腾讯] http://www.qq.com;url[新浪] http://www.sina.com;url[搜狐] http://www.sohu.com;document.write(<h3>友…
这段代码要在哪个空间里运行？js，vue，html都没试好
import { ref } from vueconst counter ref(0)console.log(counter) // { value: 0 }
console.log(counter.value) // 0counter.value
console.log(counter.value) // 1
妹子ui日期控件Uncaught TypeError: $(...).datepicker is not a function
前端代码 调整位置 还有一个问题是妹子ui日期控件禁用问题 比文档里面多了class data-am-datepicker，结果导致不生效！！！
promise的运行
const promise new Promise(function(resolve, reject){setTimeout(function(){try {let c 6 / 2 ;resolve(c);console.log(c)}catch(ex) {reject(ex);}}, 1000)
})
promise.then(function(value) {console.log(value)
},function(err){console.error(err.message)
})运行结果…
vue的第六大功能，v-if，条件与循环：
什么情况下用span，不用input，不用button，不用click，不用p，就用span吗？ span与p的区别是什么？
<!DOCTYPE html>
<div id"conditional-rendering">
<span v-if"se…
java学习之JavaScript继承
js 中每个类都有三个部分：
构造函数内的，这是供实例化对象复制用的构造函数外的，直接通过点语法添加的，这是供类使用的，实例化对象访问不到类的原型上的，实例化对象可以通过其原型链间接访问到，…
vue的点击事件，如何添加vue的click
第一步 在html文件中填div元素，中间添加按钮信息
<html><div><input type"button" value"hamimelon!" /></div></html>第二步 考虑关联点击事件
第一次思考： 添加
<html><div><inpu…
JavaScript ES6语法之箭头函数及其this指向问题
箭头函数
所谓的箭头函数是函数的另一种语法形式。
语法规则
const fun function(){} 普通函数
const fun ()>{} 箭头函数
将匿名函数的部分,从 function(){} 写成 ()>{} 的形式实例
<div>我是div</div>
<script>const oDiv docu…
事件处理，js会了点，vue好像又不会了，vue怎么好像搞得比js在事件处理上更复杂？
这段代码怎样用vue实现？
<html><head> <script src"https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script type"text/javascript"> function display_alert() { alert(hamimelon!) }</scrip…
小程序获取页面总高度
可以先把真个页面写在一个view里面 定义一个id
比如
<view id"zong">
所有内容
</view>js
在onLoad里面写入即可获取页面总高度var query wx.createSelectorQuery();query.select(#zong).boundingClientRect(function (rect) {that.setData({juligao:…
为什么这段js代码运行不出来效果，不能点击进网址呢
<!DOCTYPE html>
<html><head><meta charset"utf-8"><title>Vue 示例</title></head>
<body><div class"app"><a v-bind:href"url">click me</a><img v-bind:src"im…
输入文本框的JS代码
<!DOCTYPE html>
<html><head><meta charset"utf-8"><title>Vue 示例</title></head>
<body><div id"app"><input type"text" v-model"name" placeholder"你的名字&qu…
前端js-----抽奖功能（异步）
效果如下： 代码如下：
HTML：
<body><div id"father"><div class"option">抱抱</div><div class"option">亲亲</div><div class"option">举高高</div…
前端js-----DOM事件高级
事件高级：
注册事件有两种方式，第一个是传统方式；第二个是方法监听注册的方式。 addEventListener(); 特点为：同一个元素同一个事件可以注册多个监听器。其参数有三个，第一个参数为type：事件类型字符串&am…
前端js-----DOM之节点操作
在节点操作中，可以利用几点层次关系获取元素（父子兄节点关系）。 一般的，节点至少拥有nodeType（节点类型）、nodeName（节点名称）和nodeValue（节点值）三个基本属…
前端js-----DOM之操作元素
DOM就是Document Object Model DOM树：文档、元素（所有标签）、节点（标签、属性、文本、注释等） dir的作用，可返回元素对象，更好的查看里面的属性 事件三要素：1.事件源 2.事件类型 3.事…
前端js-----基础（8）
js内置对象：数组对象 1.数组索引方法indexOf（数组元素）； 其返回值为该数组元素的下标，若数组元素重复，他返回第一个满足条件的索引号。 若在该数组中找不到此数组元素，则返回-1。 可以指定第二个…
前端js-----基础（7）
js内置对象：数组对象 1、检测是否为数组，instanceof，例：arr instanceof Array 2、检测是否为数组，Array.isArray（参数）；返回true或false，ie9 3、添加删除数组元素&#x…
前端js-----基础（4）
js对象（万物皆对象，对象是一个具体的事物，不能泛指） 在js中，对象是一组无序的相关属性和方法的集合。 属性：事物的特征（是一个名词） 方法：事物的行为（是一个动…
D3.js实现双曲线示波器
先上效果图 项目需要做一个显示不同波形的示波器，所以研究了一下D3，代码放一下，便于自己温习，有需要的可以自行学习。（欢迎指正）；项目环境为vue项目中在node环境下，使用d3实现
thi…
居然找到了一个bug，分号改成逗号就对了，分号的时候是一样颜色的蓝色，逗号的时候是正常的，标题红，正文蓝
<!-- 页面布局xxx.hml -->
<div id"containerId" class"container"><text id"titleId" class"title">标题</text><div class"content"><text id"contentId">内容</text&g…
django 排序_django-sphinx排序
django 排序Unfortunately, the django-sphinx module is not very thoroughly documented. One thing which I could not figure out is how to do sorting. I thought that I had to set some kind of keyword argument on the SphinxSearch instance… (I have to admit tho…
【手撕代码】手动实现一个bind1st和bind2nd绑定器
// 08 C绑定器和函数对象.cpp : 此文件包含 "main" 函数。程序执行将在此处开始并结束。
//#include "pch.h"
#include <iostream>
#include <vector>
#include <functional>
#include <algorithm>
#include <ctime>
using…
pytest 测试类_分析pytest测试
pytest 测试类If you want to run a profiler over your pytest cases (including underlying code), the easiest way is to run pytest directly using cPython: 如果要在pytest实例（包括基础代码）上运行事件探查器 ，最简单的方法是直接使用…
基于Echarts的鸢尾花数据可视化
基于Echarts的鸢尾花数据可视化
打开工具HbuilderX，选择新建项目-普通项目-基本HTML项目；
在index.html页面的< head >和标签之间引入echarts.min.js和d3.min.js，注意需在对应的位置创建相关文件夹。代码如下所示；
<h…
开讲啦！TDengine 10 倍性能的背后故事：内核技术剖析
2021 年 4 月 17 日，DataFunSummit——大数据存储架构峰会将如约而至。本次 DataFun 大数据存储架构峰会邀请了互联网一线巨头、云原生数据库、国内外知名数据开源产品的一线专家，学者，就大数据存储架构的关键技术，挑战࿰…
新春将至，“牛”气冲天
笙歌间错华筵启。喜新春新岁。菜传纤手青丝细。和气入、东风里。幡儿胜儿都姑媂。戴得更忔戏。愿新春以后，吉吉利利，百事都如意。——宋赵长卿《探春令》新春将至，涛思数据祝大家：岁岁常欢愉，年年皆胜意，多…
JavaScript数组对象下的API，splice()的用法(JS笔记:十七)
JavaScript数组对象下的API，splice()的用法(JS笔记:十七) 数组对象下的API：
所有API之前都需要arr.调用此API。除了2个增加2个删除1个倒叙和splice，其他的都不改变自身，返回一个值。
toString()：将数组返回为字符串 …
jsp页面动态表格及选中checkbox后联动其他复选框
业务说明：
用户勾选服务后，可以自动勾选下个页面的复选框。
此处表格是动态表格 此处表格为写死的 解决代码
动态表格代码
<table style"font-size: 17px;" border"1"><tbody><tr class"firstRow">…
[前台]---js获取input标签中name相同的各个value值
页面: <input type"hidden" name"myname" value"aa"/> <input type"hidden" name"myname" value"bb"/> <input type"hidden" name"myname" value"cc"/> <…
js 实现存储Map 结构的数据
js 实现存储Map 结构的数据
<script type"text/javascript"> function Map() { var struct function(key, value) { this.key key; this.value value; } var put function(key, value){ for (var i 0; i < this.arr.length; i) { if ( this.ar…
JavaScript字符串对象下的API(JS笔记:十六)
JavaScript字符串对象下的API(JS笔记:十六) 字符串对象下的API：
所有API之前都需要str.调用此API。都不改变自身，返回一个值。
indexOf()：查询字符串中是否有参数字符片段，有返回第一次出现的索引值，没有返回-1。 la…
JS——数组Array中的sort函数详解
Array.sort()底层使用类似Map原地算法对数组的元素进行排序（会改变原数组的元素顺序），并返回排序好的数组
如果采用默认的sort()排序方式，会将元素（包括数字）转换为各个字符的Unicode后再进行排序…
JavaScript对象object(JS笔记:十三)
JavaScript对象object(JS笔记:十三) Object对象的的结构：
key:value：键值对的方式存在key：表示对象下属性名，key一定是字符串类型value：属性值，value可以为js任意的数据类型
Object对象的创建ÿ…
ajax请求及其用法详解
什么是ajax
首先，ajax中的四个字母的意思分别是： a : async 异步 j : JavaScript a : and x : XML ajax请求是一个异步的 JavaScript 和 XML 的数据交互
ajax技术最初只能和 XML格式的内容进行交互 现在发展到可以和任意的后端程序内容进行交互
现在是…
JavaScript逻辑运算符(与或)的取值规则(JS笔记:十)
JavaScript逻辑运算符(与或)的取值规则(JS笔记:十) &&(与)的取值规则：
从最左往右计算，如果表达式取值为true，或者结果隐士转化为true，那么就继续运算下一个表达式，直到第一个false,返回该表达式运算结果&…
JavaScript中parseInt()转换规则(JS笔记:八)
JavaScript中parseInt()转换规则(JS笔记:八) parseInt()：将其他类型转为整形。
parseInt()转换规则：
数字：截断小数，返回小数点前的数值。没有小数点不转换还是为自身。null：转为NaN。undefined：转为NaN。…
JavaScript 如何增删查改数组中的数据单元
数组的操作方法
1. 通过 索引下标 增删查改
实例
（1）通过索引下标，调用数组中，指定单元的数据
var arr [北京,上海,广州,重庆,天津];
// arr[0] ---> 调用索引下标是 0 ,实际是第一个单元的数据 北京（2&#x…
JavaScript中Number()转换规则(JS笔记:七)
JavaScript中Number()转换规则(JS笔记:七) Number()：将其他类型转为数值形。
Number()转换规则：
布尔值：true转为1，false转为0。数字：不转换还是为自身。null：转为0。undefined：转为NaN。字符…
JavaScript数据类型的隐式转换(JS笔记:四)
JavaScript数据类型的隐式转换(JS笔记:四) JS数据类型会发生隐式转换的场景：
所有的隐式转换都和运算结果有关。控制台(console)输出结果不存在隐式转换但运算过程中存在隐式转换。页面中(window)全部都是字符串类型并且会发生隐式转换。
隐式转换的规则&#x…
猿人学爬虫攻防大赛 | 第二题: js 混淆 - 动态Cookie
猿人学爬虫攻防大赛 | 第二题: js 混淆 - 动态Cookie
开局直接F12，由于题目都说好是动态Cookie了，我们直接看Cookie，第一个请求中没有set-cookie，第二个请求中的Cookie就产生了一个m593289d3022cb6f1d4ebb3075d836f7f|1606978187…
反爬虫:CSS偏移计算
前言
CSS偏移反爬虫指的是通过CSS样式将文字进行排版，当正常用户访问时会在预览器查看到正常数据，而爬虫访问时则拿不到真实数据。
某去哪网站就是经典的CSS偏移计算，举个栗子！
正常用户访问时查看的为190元，但是在网页源代码中显示的数字却是[1,6,1,0,9]，虫哥眉头一皱…
在线图片视频资源转存
背景
怎么将网上心仪的图片、视频保存到自己的资源空间(图床)？给你一个资源链接，你需要几步将这个资源转存到git上？一般人的做法可能就是先将资源下载到本地，然后再本地上传到对应的资源空间？如果操作一个资源转存&am…
微信小程序从云数据库中获取json格式的数据转换问题
从云数据库获取的数据res.data:
{_id: "W88iVpL-scb2HabB", collect_type: "poem", poem_author: "王安石", poem_dynasty: "宋代", …}:{_id: "W88ivFw3CBlYln8u",collect_type: "poem", poem_author: "曹…
【华为OD机试】补种未成活胡杨树（python, java, c++, js）
补种未成活胡杨树
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题目描述…
【华为OD机试】篮球比赛（python, java, c++, js）
篮球比赛
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题目描述 篮球(5…
js复制内容至剪切板并弹出toast
如今，无论是App亦或是PC，当存在复制操作时，相信每一个都不会自己动手进行输入。而，复制成功之后，如何将其复制在剪切板中，我们粘贴就可以。这个问题，如果不是今天存在这样的需求，估计…
【华为OD机试】数组连续和（python, java, c++, js）
数组连续和
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题目描述 给定…
jsonp 详解 —— 终于搞懂 jsonp 了
学习一定要一步一个脚印扎实学，最近跟着 kerwin 老师学习 node.js 时，又遇到了jsonp，当看到这个东西的时候感到既熟悉又陌生，只能说之前学的太过草率了，没有对学过的东西做总结。这次我翻阅很多优秀文章和视频…
Uncaught SyntaxError: missing : after property id解决办法
最近进行web学习过程中，遇到了一个问题，就是使用登录界面点击登录后，跳转的用户管理界面没有显示出应该显示的表格： 正确应该出现以下内容： 但现在的界面： 经过一番检查，发现是“}）…
解决方案：@RequestBody实体类中的 time 接收不到前端传来的参数
编者按
实体类中 如下：
TableField(exist false)
private String sTime;
TableField(exist false)
private String eTime;TableField(exist false)
private Integer pageNo;
TableField(exist false)
private Integer pageSize;前端发送参数时：
a…
自定义 input file 样式及 js 上传图片本地预览
效果图 使用说明
复制代码，保存为 html 格式后，直接用浏览器打开即可。
代码
<!DOCTYPE html>
<html lang"zh-cn"><head><title>自定义 input file 样式及 js 上传图片本地预览</title><!-- 图标字体库 -…
js jQuery 绑定回车事件
jQuery 实现
<button idlogin typebutton>登录</button><script>// 绑定回车事件$(document).keydown(function(event) {if (event.keyCode 13) {$(#login).click();}});// 登录按钮点击事件$(#login).click(function () {// Do Login}
</script>js …
document.execCommand(‘copy‘) 复制微信号或其他文本
照例直接上使用代码
HTML
<!-- 复制目标 -->
<span id"copyDom" class"wx_hm" style"display: none">VikF1997</span><!-- 事件dom -->
<b oncopy"myFunction2()">点我复制</span>
JS /* 长按…
数据按照时间升序排序
数据按照时间升序排序
// index.js
// 数据按照时间升序排序
; (function ascFun() {const arr [{createTime: 1970-01-20 00:00:00,name: "刘一"},{createTime: 1970-01-05 00:00:00,name: "陈二"},{createTime: 1970-01-10 00:00:00,name: "张三&…
代码自动补全，程序员更应该锻炼架构能力 | Mix群聊
No.04- AI DISCOVERY -Mixlab无界社区欢迎来到#跨学科探索实验，开启无限可能。这是Mix群聊的第 4 期，探索通过对白的方式表达内容。欢迎大家参与此实验 ⤵️Imanshadow 我要失业了怎么说？shadow野性發財圈????麦给你|这个ROOM承包你今…
JS获取DOM元素的8种方式
JS获取DOM元素的8种方式
1. 标签名获取元素（结果为数组） 2. 类名获取元素（结果为数组） 3. id名获取元素 4. name属性获取元素（结果为数组） 5. 获取html元素 6. 获取body元素 7. 获取所有类型的元素&#x…
年货-各类资料打包啦
要过年啦，小编感谢各位朋友的持续关注！为了回报大家，小编汇总了很多资源，希望对大家有帮助，免费下载哦！祝大家新年快乐，恭喜发财呀！【提示】点击链接即可下载，建议PC端操…
获取多个同名textarea 的值
业务背景
服务内容可以填写3条，计划一个字段存储，使用标识符分割 html代码
<tr><td rowspan"3">(<input type"text" class"jt_input" id"nianDu1" style"width: 40px;">)年度有偿…
viewer插件——预览图片时一直闪烁——问题修复，亲测有效
viewer插件——预览图片时一直闪烁——问题修复，亲测有效 viewer插件的介绍遇到的问题——图片会一直重复加载，造成图片在闪烁的效果解决方法 viewer插件的介绍
之前写过一篇文章，是关于v-viewer图片预览插件——vue2插件集合(elementUi中的…
Three.js-05坐标轴AxesHelper
1.构建对象
说明：参数一表示坐标轴的长度。红色代表 X 轴. 绿色代表 Y 轴. 蓝色代表 Z 轴.
const axesHelper new THREE.AxesHelper( 1 );
2.设置位置
axesHelper.position.y1
axesHelper.position.x1
axesHelper.position.z1
3. 网格
说明：立方体…
监听 beforeunload 事件，阻止页面刷新导致的信息丢失
尤其是一个有编辑器的页面，可以监听 windwo.beforeunload 事件，在用户试图关闭当前标签页的时候提醒用户，内容可能会丢失。
Window：beforeunload 事件 - Web API 接口参考 | MDN
安卓逆向 | 某X游戏垂类Web nonce
*本案例仅做分析参考，如有侵权请联系删除
1.逻辑分析
通过XHR断点，然后逐步往上调发现nonce生出处。 在console执行下函数 其中 i,是当前日期和时间的秒级时间戳，并将其向下取整到最接近的整数。
i = ~~(+_.w() / 1e3)w</
HTML旅游网页设计制作 DW旅游网站官网滚动网页 DIV旅游风景介绍网页设计与实现
👨🎓学生HTML静态网页基础水平制作👩🎓，页面排版干净简洁。使用HTMLCSS页面布局设计,web大学生网页设计作业源码，这是一个不错的旅游网页制作，画面精明，排版整洁，内容…
C++ 调用js 脚本
需求：
使用Qt/C 调用js 脚本。Qt 调用lua 脚本性能应该是最快的，但是需要引入第三方库，虽然也不是特别麻烦，但是调用js脚本，确实内置的功能（C 调用lua 脚本-CSDN博客） 步骤：
1&…
【autodesk】浏览器中渲染rvt模型
使用Forge完成渲染
Forge是什么 为什么能够渲染出来rvt模型
Forge是由Autodesk开发的一套云端开发平台和工具集。在Forge平台中，有一个名为"Model Derivative"的服务，它可以将包括RVT（Revit）在内的多种BIM（…
惊！这么好用的纯html网页模板可还行？偷偷拿去做作业真是绝绝子！！
在这个万物vue的年代，网页设计越来越框架化。
上网搜个资料学习学习吧，咵咵咵，“游泳健身，vue了解一下”
我只是想简单地学个html，js啊！怎么就这么复杂！
曾几何时，在网上找个网页…
零基础新手快速入门 JavaScript 详解
JavaScript 是一门非常流行的编程语言，用于构建现代 Web 应用程序。因此，学习 JavaScript 对于想要成为 Web 开发人员的人来说是必要的。如果你是一个 JavaScript 新手，那么下面的这些信息将帮助你开始学习。
首先，需要明确的是&…
TypeScript和JavaScript有什么不同？
TypeScript和JavaScript是两种不同的编程语言，它们有以下几点不同之处： 类型系统：TypeScript是JavaScript的超集，它引入了静态类型系统。这意味着在TypeScript中，可以声明变量、函数参数和返回值的类型，并进…
jsjiami.v7加密解密逻辑分析
v7简介
jsjiami.v7是jsjiami.v6官方在2023年推出最新一代在线JS加密工具，以下是它的一部分特点。
代码混淆：该工具可能提供代码混淆功能，通过改变代码的结构和布局以及使用无意义的变量名来增加代码的复杂性，使得对加密代码的解…
asisctf 2023 web hello wp
hello
开题，直接给了源码。
<?php
/*
Read /next.txt
Hint for beginners: read curls manpage.
*/
highlight_file(__FILE__);
$url file:///hi.txt;
if(array_key_exists(x, $_GET) &&!str_contains(strtolower($_GET[x]),file) && !str_c…
Vue+element开发Simple Admin后端管理系统页面
最近看到各种admin，头大，内容太多，根本不知道怎么改。所以制作了这个项目，只包含框架、和开发中最常用的表格和表单，不用自己从头搭建架构，同时也容易上手二次开发。可以轻松从其他开源项目整合到本项目。项…
VUE 集成 Mockjs
一、集成方式
在项目目录中执行以下命令：
npm i -D mockjs二、配置
（1）在项目src目录下创建mock目录，并创建index.js文件，在index.js文件中添加以下代码：
import Mock from mockjs// 配置需要mock的url…
自学系列之小游戏---贪吃蛇（vue3+ts+vite+element-plus+sass)（module.scss + tsx）
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言一、逻辑设计分析二、代码实现1.TS interface2.javascript3.页面样式（Sass） 三、截图展示四、总结 前言
主要技术如下：vue3…
JS小数运算精度丢失的问题
工作中会不会经常会碰到一些数据指标的计算，比如百分比转化，保留几位小数等，就会出现计算不准确，数据精度丢失的情况。通过这篇分享借助第三方库能够轻松解决数据精度丢失的问题。 一、场景复现
JS数字精度丢失的一些常见问题
/…
vue3动态引入图片(:src)
vite 官方默认的配置，如果资源文件在assets文件夹打包后会把图片名加上 hash值，但是直接通过 :src"imgSrc"方式引入并不会在打包的时候解析，导致开发环境可以正常引入，打包后却不能显示的问题
实际上我们不希望资源文…
前端页面直接导出Excel方案
方案1
纯原生js在页面实现 导出 .xls格式 toContentPrintExcel22(e) {// 获取页面内容this.name this.$t(this.selectReport.name);// 打印内容部分-区分类型，利润和其他let tableHtml document.querySelectorAll(#excelContent table)[0].innerHTML;// 创建a标签…
前后端分离不可忽视的陷阱，深入剖析挑战，分享解决方案，助你顺利实施分离开发。
不管你设计的系统架构是怎么样，最后都是你的组织内的沟通结构胜出。这个观点一直在组织内不断地被证明，但也不断地被忽略。
前后端分离的利与弊
近几年，随着微服务架构风格的引入、前后端生态的快速发展、多端产品化的出现，前后…
JavaScript从入门到精通系列第三十篇：详解JavaScript中的正则表达式语法
文章目录
前言
1：概念回顾
2：正则表达式
一：正则表达式
1：正则表达式字面量
2：检查是否有a或者b
3：检查是否有字母 4：检查是否有abc/aec/afc
5：检查除了ab 大神链接&#x…
构建一个前端智能停车可视化系统
引言 随着城市化进程的加速，停车难问题日益突出。智能停车可视化系统通过实时展示停车场的车位信息，帮助用户快速找到空闲车位，提高停车效率。 目录
引言
一、系统设计
二、代码实现
1. 环境准备
2. 安装依赖
3. 创建停车场组件
4. 集…
js生成json文件
// 要保存的 JSON 数据
const jsonData {name: "John Doe",age: 30,email: "johnexample.com"
};// 将 JSON 对象转换为字符串，第三个参数是确定缩进的距离
const jsonString JSON.stringify(jsonData, null, 2);// 创建一个新的 Blob 对象
c…
区块链技术与应用 【全国职业院校技能大赛国赛题目解析】第五套智能合约安全漏洞测试
第五套题的智能合约安全漏洞测试题目 环境 ： ubuntu20 Truffle v5.8.3 (core: 5.8.3) Ganache v7.8.0 Solidity v0.8.3 Node v18.16.0 Web3.js v1.8.2 前言
请在测试的时候开启ganache打开，并且在truffle的配置文件配好ganache，之前两个帖子忘说了/(ㄒoㄒ)/~~ truffle-con…
JavaScript高级（十五）----promise.all
Promise.all方法使用场景
例如：用户点击按钮，会向服务器请求数据，但是数据分别是不同的后端接口获取的数据，需要展示在一个span中
如果用户还没请求完成 则span会显示加载中...
等待两个后端接口都返回了数据 才会将数据展示在sp…
30天精通Nodejs--第十二天：ioredis
目录 引言ioredis简介快速上手基本用法连接redisStringListSetHash高级用法Sub/Pub 消息通信结语引言
从这篇开始，接下来几篇会主要介绍nodejs的一些常用的中间件，比如redis、mysql、MongoDB和websocket这些技术的中间件。 先从redis入手，ioredis。 写一篇博客介绍nodejs的…
javascript判断是否是json格式
文章目录 一、问题二、解决三、总结3.1、定义 一、问题
工作中有用到JSON.parse这个来解析JSON字符串，这个时候突然有一次遇到JSON字符串是长串数字或数字字符串，主要是自己也没兼容好，就导致了一长串数字JSON.parse之后变成了e24等数字。主…
django boostrap html实现可拖拽的左右布局，鼠标拖动调整左右布局的大小或占比
一、实现的效果 最近需要在Django项目中，实现一个左右布局的html页面，页面框架使用的是boostrap。但这个布局不是简单的左右分栏布局，而是需要实现可以通过鼠标拖拽的方式动态调整左右两侧布局的大小和占比。效果大致如下： 一开始，页面分为左右两块布局： 鼠标放到中间的…
JavaWeb | JavaScript基础
目录: 1.JavaScript简介2.JavaScript注释3.JavaScript语法 :变量的定义函数的定义 4.JavaScript内置对象4.1 window的作用 ：出现提示框打开关闭窗口定时器 4.2 history的作用4.3 document的作用 ：在网页上输出设置网页属性访问文档元素，特别是…
分享80个菜单导航JS特效，总有一款适合您
分享80个菜单导航JS特效，总有一款适合您
80个菜单导航JS特效下载链接：https://pan.baidu.com/s/1NgNc759Kg1of_8vR7kaj6A?pwd6666
提取码：6666
Python采集代码下载链接：采集代码.zip - 蓝奏云
学习知识费力气，…
游戏开发增笑-扣扣死-Editor的脚本属性自定义定制-还写的挺详细的，旧版本反而更好
2012年在官方论坛注册的一个号，居然被禁言了，不知道官方现在是什么辣鸡，算了，大人不记狗子过 ”后来提交问题给CEO了，结果CEO百忙之中居然回复了，也是很低调的一个人，毕竟做技术的有什么坏心思呢…
前端学习系列之JQuery
目录
JQuery
介绍
定义
作用
优点
安装与使用
JQuery包装集对象
DOM对象
JQuery包装集对象
DOM对象转JQuery对象
JQuery对象转DOM对象
选择器
基础选择器
id选择器
元素名称选择器
类选择器
选择所有元素
组合选择器
层次选择器
后代选择器
子代选择器
相…
2024华为OD机试真题指南宝典—持续更新（JAVAPythonC++JS）【彻底搞懂算法和数据结构—算法之翼】
PC端可直接搜索关键词 快捷键：CtrlF 年份关键字、题目关键字等等 注意看本文目录-快速了解本专栏 文章目录 🐱2024年华为OD机试真题（马上更新）🐹2023年华为OD机试真题（更新中）🐶新…
183.【2023年华为OD机试真题（C卷）】敏感字段加密（动态规划dp实现JavaPythonC++JS）
请到本专栏顶置查阅最新的华为OD机试宝典 点击跳转到本专栏-算法之翼:华为OD机试 🚀你的旅程将在这里启航！本专栏所有题目均包含优质解题思路，高质量解题代码，详细代码讲解，助你深入学习，深度掌握！ 文章目录 183.【2023年华为OD机试真题（C卷）】敏感字段加密（动…
el-cascader 级联选择器 省市区动态获取
根据获取省市区码的接口拿到当前的省市区编码，再将编码传到获取该地区数据的接口，拿到返回值传回父组件。
1.通过lazy开启动态加载，通过lazyload来设置加载数据源的方法，对节点数据添加是否为叶子节点的标志leaf，如果…
vue3 reactive包裹数组无法页面无法响应式
原代码如下：
<div class"section" v-for"(item, i) in historyAccount" :key"i" v-show"item.flag"><span v-html"changeColor(item)"></span><img src"/assets/images/login/clearU…
JavaScript 对象的操作方法，常用的数组去重方法以及严格模式的了解
对象 — 也是数据的集合。
对象与数组的异同
数组： 索引值 —> 数据 有 length 属性 必须自己定义 数据的键名 和 数据的数值。 对象： 键值对形式：键名 —> 数据、键名 数值 的形式 没有 length 属性 数组中,直接定义数…
整理前端知识点（面试）2021-04-06----02
文章目录一、原型链理解1、原型链2、Function二、js如何实现继承三、css选择器优先级排序四、浏览器如何进行工作的---五、浏览器缓存--六、跨域问题--七、HTTPS八、http get请求和 post请求有什么区别九、http2.0十、h5适配十一、跨站脚本工具XXS十二、websocket协议十三、DOM…
P2-24js-省市区三级联动，本地存储
省市区三级联动
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>Document</title>
</head>
<body><select name"" id"province"></select><se…
P2-23js-同源组，跨域，jsonp
浏览器的 同源组策略
浏览器安全防护的一种机制，它规定：Ajax请求地址与当前页面的地址必须得是同协议，同主机，同端口才可以正常发送Ajax请求，这三者有任何一个不一样，则判定此次请求是跨域请求，…
前端每日一题：什么是防抖和节流？有什么区别？如何实现
防抖
就是有时候在一个输入框快速输入的时候就会一直请求后端接口，这样会造成内存消耗和数据一直变化抖动
触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间 ，
思路： 每次触发事件…
递归方法实现完全冻结对象
递归方法实现完全冻结对象
递归算法（recursion algorithm）在计算机科学中是指一种通过重复将问题分解为同类的子问题而解决问题的方法。 Object.keys(obj) obj：要返回器枚举自身属性的对象。 返回值：返回一个所有元素为字符串的数…
网页设计-动态雪花背景源码
源码下载地址 下载到本地文件，浏览器打开HTML文件即可看到效果
html5散开变大雪花动画特效（渐变） HTML源码
<!doctype html>
<html>
<head>
<meta charset"utf-8">
<title>html5散开变大雪花动画…
【华为OD机试】第一个只出现一次的字符（python, java, c++, js）
第一个只出现一次的字符
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题…
js之console命令
今天在调试过程中，控制台跳出console.dir，报错，一时懵逼，平时都是console.log，这个没用过，啥东东。为了满足自己的求知欲，百度了一下，console.dir用来查看对象信息，可以打…
【华为OD机试】多数组合并（python, java, c++, js）
多数组合并
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题目描述 现在…
【华为OD机试】仿LISP运算（python, java, c++, js）
仿LISP运算
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wech…
js数组的去重，如果沒值追加，有就跳过
场景：往数组中添加值 如果存在这个值就不追加，没有就追加
原理：这个数组的每一个值在另一个数组是否能找到，用到了函数indeof //数组追加var array [1,2,9]; var temp[2,3,4]; for(let i0;i<temp.length;i){if(array…
【Asio】创建主动套接字
（点击上方公众号，可快速关注）最近由于家里、工作事情比较多，文章更新比较慢，望大家包涵。公众号一定不会停更的，欢迎大家继续关注公众号。精力有限，后续主要更新asio相关教程，先把该…
jQuery仿IOS小游戏设计---单身狗的逃避之旅
看看《程序员》杂志，最近都被html5游戏和微信平台刷了屏，未来是怎样的趋势不敢说，不过日前就我所在的创业团队，想推广自己的公众号，其中有一项内容就是做出浙大特色的小游戏，宣传部的帮我玩了好多游戏&…
vue-promise-交互-过滤器
文章目录promise语法promise案例promise处理ajax交互基本概念，数据请求前端和后端的概念交互的应用场景（什么时候用到前后端交互）Vue.js 交互Vue.js resource(官方提供的)交互 2.0停止更新了Axios的使用Axios--get交互Axios--post交互Axios--…
js歌词逐字滚动效果
js歌词逐字滚动效果
Null - 滨
先上效果图
目录结构：
歌词文本music.txt 将酷狗歌词KRC用“酷狗歌词(krc)加解密工具”进行解密后可以得到这种歌词文本 HTML代码
<!DOCTYPE html>
<html lang"en">
<head><!-- 网页图标 --&g…
经历过的一些前端面试题（春招）
文章目录1，你对MVVM的理解2，js的基本数据类型有哪些3，cookies、sessionStorage、localStorage的区别4，垂直居中的几种方式5，null是不是object6，回流与重绘区别，什么样的操作会造成7，…
JS笔记（字符串篇）——字符串当中找出元素出现的位置和次数统计字符串中出现最多元素的字符与次数
文章目录字符串的特性字符串的不可变性：常用的几个函数1，☆indexOf 返回字符所在位置indexOf（‘字符’） 返回字符所在的位置，如果不存在，则返回-1indexOf（‘字符’ ，位置）…
过度使用懒加载的弊端
懒加载的过度使用会给应用性能带来负面影响。所以在这篇文章中，会详述懒加载对性能的影响，来帮助你理解应该何时使用它。什么是懒加载？懒加载是一种常见的技术，通过按需加载资源来减少网页的数据使用。如今懒加载已经是一种 Web 标…
闲鱼业务代码解耦利器SWAK是如何实现的（内含大量代码）
简介三年前，我们发表了一篇文章给大家介绍了业务代码解构利器SWAK，SWAK是Swiss Army Knife的简称，众所周知，瑞士军刀是一款小巧灵活、适用于多种场景的工具。在闲鱼服务端，SWAK框架也是这样一种小巧灵活、适用于多种场…
写好 JavaScript 异步代码的几个技巧
今天给大家来推荐几个写好 JavaScript 异步代码的推荐做法，每种场景都有一个对应的 eslint 规则，大家可以选择去配置一下。no-async-promise-executor不建议将 async 函数传递给 new Promise 的构造函数。// ❌
new Promise(async (resolve, reject) >…
你一定会用到的 15个前端小知识
作者：隐冬https://juejin.cn/post/68981684955912929421. css 一行文本超出...overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;2.多行文本超出显示...display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidd…
针对多状态订单详情的前端mock方案
背景闲鱼作为国内最大的二手交易电商平台，有着验货宝/省心卖/优品等有着闲鱼特色的交易链路，而作为交易链路的闭环，一旦形成有效订单，就会有对应的订单详情页，订单详情页往往承载着复杂的交易状态的变化。以验货宝为例…
闲鱼易用高可扩的文章发布工具建设
背景闲鱼会玩社区是一个以分享个人趣味生活为主的内容社区，在社区的运营过程中，经常有一些文章形式的内容在会玩广场上投放。此前文章创作是在一个主要承载营销搭建的平台上完成的，这种方式首先不是专门为文章场景服务的，导致搭建…
Html + Jquery + Vue前端学习笔记
文章目录 一，Vue1，v-model 数据绑定2，生成描述列表 二，HtmlJquery1，动态修改类名2，layui手风琴效果3，输入框样式修改4，多行文本显示省略号5，div内容居右6，字符…
H5 将html页面内容生成图片并上传至七牛
小编最近在做项目时遇到一个问题，那就是，需要将html页面生成图片后并传给app客户端，至于为什么要传给客户端，自然是因为小编的这个项目是客户端中嵌入h5页面，故而需要和客户端内部交互。那么问题就来了，怎么…
velocityJs-动画库
一、概念
velocity 是一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作，并和$.animate()有相同的 API， 但它不依赖 jQuery，可单独使用。 Velocity 不仅包含了 $.animate() 的全部功能， 还拥有࿱…
前端如何低门槛开发iOS、Android、小程序多端应用
现如今跨平台开发技术已不是什么新鲜话题了，在市面上也有一些开源的框架可供选择，然而技术成熟、产品服务健全的平台并不多，其中也不乏推陈出新的框架值得关注。比如最近使用的AVM，由APICloud迭代推出的多端开发框架，基…
js实现文字滚动效果
在之前小编已经和大家介绍了一些常用的js动画效果，在此，和大家介绍一种可能不太常用的动画效果。该动画效果与文字相关，且，虽然不常用，但几乎每个人都见过它。相信大家都使用酷狗音乐或是网易云音乐进行音乐的搜索&…
使用js解决移动设备适配问题
记得之前和大家分享过关于使用媒体查询来解决移动设备的适配问题。作为一名前端人员，当遇到需要做移动设备的时候，再加上要使用媒体查询进行移动端适配的前提下，我相信这时候的你是崩溃的。对于小编来说，最不想做的部分便是解决适…
js获取一小时前的时间
先定义方法：
Date.prototype.format function(fmt) {var o {"M": this.getMonth() 1, //月份 "d": this.getDate(), //日 "h": this.getHours(), //小时 "m": this.getMinutes(), //分 "s": this.getSeconds…
话题：如果人生可以重开、苹果发布会
eva这几天有个爆火的开源项目，人生可以重设。。无界这是很好的人设数据结构的参考，每一项都有对应的决策逻辑。无界 你应该翻一翻代码。里面关于随机的代码，供你参考。可以设置每件event发生的概率值，概率越高越可能发生。sha…
js中typeof的用法
一、 经常会在js里用到数组,比如 多个名字相同的input, 若是动态生成的, 提交时就需要判断其是否是数组. if(document.mylist.length ! "undefined" ) {} 这个用法有误. 正确的是 if( typeof(document.mylist.length) ! "undefined" ) {} 或 if( !isNaN(do…
“虚拟教练”，运动员必备
虚拟教练by DALLE miniace????播报一则消息： 东京奥运会美国冲浪运动员Carissa Moore在女子冲浪比赛中夺冠，取得了奥运史上的首枚冲浪项目的金牌。无界引用我超喜欢程序猿的一句diss用语：Talk is cheap , show me the code无界&#x…
智能设计 | MixAI 知识库 No.69
设计商业技术No.69 ????1 送你一张AI生成的火星船票 设计黑客,代码实践????2 智能设计课程v2.0 | DesignX 2021版课程新搭载了一款设计引擎作为开发套件，上手难度再次降低，同时增加了非常多的干货。????…
618超值，终身学习者的一千位铁杆陪伴者招募 | Mixlab跨学科·人工智能知识社群...
我们为什么要学习？巴菲特："终生读书和学习,是我坚持一生的习惯和信仰"。这是一种学习者的生活方式。这种生活方式特别适合那些：终身学习者深爱学习的人享受虚拟工作的人欣赏灵活性的人长期的思考者特别适合那些想要因为影响而获得报…
跨学科人工智能 | MixAI 知识库 No.67
设计商业技术No.67 ????计算机X跨学科 计算机技术已经成为一种底层技术，与任意学科结合，产生新学科。 Mixlab倡导大家去探索好玩、有趣的项目（学科）。从创立至今，链接了许多有意思的人和事，满满的…
再也不用敲代码了，自从有了语音助手 | Mixlab知识社群
“对不起,我不明白你的意思“当你认真地对着智能音箱发问,得到的却是让人失望的回答。相信使用过智能音箱的朋友,对这一场景都不会陌生吧……虽然说，稍有尴尬的情况，但是智能音箱还是有用武之地的。比如回答，小孩子的各种十万个为什么。智能音…
建筑平面图生成式设计，House-GAN++ | Mixlab建筑智能
我们知道建筑平面图设计可以通过泡泡图的方式来表达，这一概念与知识图谱的形态是类似的。设计师对泡泡图的理解就是用来可视化思考建筑平面的功能、动线等，而程序员对知识图谱的理解是一种数据结构及算法。非常类似的概念，在各自的领域里理解…
我优化了进度条，页面性能竟提高了70%
Part1前言给大家分享一下这个思路极好的进度条组件，同时它也存在非常严重的性能问题，本文末尾也会讲解一下问题所在以及优化方式。Part2进度条的应用场景一般进度条组件都出现在类似抖音播放视频的这样场景中，如图中底部的箭头所示࿱…
3D插画玩起来，如何简单快速地创作可交互的3D内容？ | Mixlab设计工具
spline一款用于交互式3D内容创作的设计工具A design tool, for 3dEasily create and publish 3D web experiences. Build and iterate fast with production-ready results.这款设计工具，可使用2D方式进行3D设计，用户无需3D设计基础，除了支持…
【线上活动】AIx生成式设计，如何应用于汽车智能建造？
崔强博士PIX 创新应用中心总监清华大学 设计学博士研究生 崔强博士说：“PIX 团队想要设计出一款以人为本的无人驾驶移动空间，来减少无聊重复工作的人工工作以及各种社会问题。例如驾驶员存在的普遍安全、高额人工成本以及较低的运输效率等问题。”当前高…
会自我演变的空间机器，Fun Palace是什么？ | 建筑·人工智能专栏
科技是答案，但原来的问题是什么？ ——塞德里克普莱斯 “Technology is the answer, but what was the question?” （Cedric Price）关于未竟的建筑 “Fun Palace”2021年4月29日，晚。适合躺（shuaÿ…
AI 驱动的生成式设计，如何应用于汽车智能建造？｜Mixlab 技术前沿
AI 生成式设计如何优化产品生产？传统的设计设计师的创意灵感 计算机渲染 图纸中的设计方案全新的设计方式计算机 设计师，共同创造。即 “数据录入 人工智能算法 云计算 数据库中数以千计的设计方案”。 也就是我们现在常看到的设计 “新兴词汇”&a…
小而美的产品 | MixAI 知识库 No.60
No.60 ????#产品# #图像# #社交媒体# 小而美的产品Headers.me | Cover images that get you followers为你生成个人的头图，用于社交媒体的个人页面设置。????#简历##产品#使用领英的数据生成个人页面Vitaely ????#数字内容##智能产品#帮助你更好地创作内…
The Art Of Code ｜ MixLab智能工具
着色器（Shader）是用来实现图像渲染的，用来替代固定渲染管线的可编辑程序。其中Vertex Shader主要负责顶点的几何关系等的运算，Pixel Shader主要负责片源颜色等的计算。着色器替代了传统的固定渲染管线，可以实现3D图形学…
Sci-Fi 科幻迷们，爱死机第二季来啦 | Mixlab 科幻实验
科学幻想Science Fiction简称* 科幻 Sci-Fi描述诸如未来科技、超光速旅行、时间旅行、平行宇宙、外星生命、人工智能、错置历史等有关科学的想象性内容。爱死亡机器人今天《爱死机》第二季来啦~~观看地址已放出~第一季上映至今已有两年，在豆瓣9.2高分，34…
新一代设计工具，来看看它更新了什么？｜MixLab智能工具
The design tool forAnyone can have great ideas,but not everyone is a designer！Uizard 一款个性化的，由AI驱动的设计助手，以帮助那些没有设计或编码知识的人创建自定义Web和移动应用程序和原型。Uizard的软件可以在几秒钟内将任何灵感来源…
“黑板”上的数字化动画 | MixLab智能产品
Chalktalk是纽约大学未来现实实验室（Future Reality Lab）开发的一种数字化演示和交流语言。使用类似于黑板的界面，演示者可以十分便捷的创建数字化动画原型图并与之交互，以便在现场演示或对话中展示心中的想法和理念。- 原型可以用…
人工智能测谎仪 | MixLab智能产品
“我们可以在一分钟内确定一个人是否值得信赖。”——这是东京Deep Score在CES2021的宣传语工作原理：让寻求商业贷款或医疗保险的人看着手机摄像头，并回答一系列简短的问题，问题比如：- 你住在哪里？- 你打算如何使用这笔…
AR实时求解数独 ｜Mixlab混合现实
首先，什么是WebAssembly？我们需要知道它到底是什么！WebAssembly是一种可以让C/C这些非JavaScript语言编写的代码在浏览器上运行，是一种在web上运行二进制文件的技术标准。就前端来说，它因为支持了更多的语言࿰…
折叠无人机，无人机中的变形金刚 | MixLab交叉学科
HiperLab是加州大学伯克利分校的工程师们，设计的一种新型无人机，拥有能在窗户上飞行的可折叠（瞬时变形）臂。当然，这并不是第一个具有变形功能的无人机，苏黎世大学的工程师就设计过一种可折叠的无人机。机身…
一键完成建筑设计 | MixLab人工智能
Delve是Alphabet 的子公司 Sidewalk Labs 推出的产品。该工具可利用人工智能在几分钟内，为城市发展创造 “数百万种，设计可能性”。他能根据预算、位置和空间尺度等条件创建可选择的方案，并对它们进行排名，以便开发人员选择最佳设…
我 JS 写的好好的，为什么要用那么复杂的 TS
作者：Kaiser原文：https://juejin.cn/post/6953500339425247246前言我JS写的好好的，为啥要用TS写呢？本文写给那些完全没有用过TS，也没有使用过结构化语言，对TS有一定的心智负担的前端新手同学。面对铺天盖地…
React核心成员表示：JSX就是个错误
近日，在一场关于JSX的讨论中，React核心成员「Sebastian Markbge」（Hooks作者）表示：他更推崇SwiftUI语法，并认为JSX就是个错误。JSX最早由Facebook提出并推广，在React中被广泛用来描述视图状态。…
学会这20+个JavaScript单行代码，可以让你的代码更加骚气
JavaScript不断发展壮大，因为它是最容易上手的语言之一，因此为市场上的新成为技术怪才打开了大门。（问号脸？）的确，JavaScript可以做很多出色的事情！还有很多东西要学习。而且，无论你…
AI实战 | AI算法能不能协助英语老师出一份nb的考卷？
Q：如何使用AI算法，出英语试题？Mixlab：BERT SummarizerWordnetConceptnet可以实现将文章内容进行有效“编码”，并自动生成选择题????????????输入：文章输入文章使用bert-extractive-summarizer提…
前端虚拟列表的实现原理
近期在某平台开发迭代的过程中遇到了超长List嵌套在antd Modal里加载慢，卡顿的情况。于是心血来潮决定从零自己实现一个虚拟滚动列表来优化一下整体的体验。改造前：img我们可以看出来在改造之前，打开编辑窗口Modal的时候会出现短暂的卡顿&…
真正能让效率翻倍的 VSCode 插件
VSCode的插件生态太繁荣了,常用的几乎所有需求都可以通过插件去解决,甚至会有非常多的娱乐插件.比如,用VSCode听歌用VSCode刷题当然,以上的插件我都没下载,纯属娱乐.VSCode插件推荐版本管理插件1、GitLens: 虽然VSCode内置了Git版本管理工具,但是依然不够强大,比如不能比较comm…
微信终于支持 H5 跳转小程序App
继小程序灰度测试分享朋友圈刷屏后，滴滴滴，这...新增开放标签 定义: 微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签，网页开发者可安全便捷地使用微信或系统的能力，为微信用户提供更优质的网…
Vue3 解构赋值失去响应式引发的思考！
vue3发布以来经历两年风头正盛，现在大有和react 平分天下的势头，我们知道他是基于proxy 实现响应式的能力， 解决了vue2所遗留下来的一些问题，同时也正由于proxy的特性，也提高了运行时的性能凡事有利有弊， p…
这些强大的 JS 操作符，你知道几个？
本文约 8600 字，预计阅读需要 30 分钟。JavaScript 为我们提供了很多操作符，用于操作表达式。下面就来盘点一下 JavaScript 中那些强大的操作符！一、一元操作符 操作符可以根据他们期待的操作符个数来分类，多数的JavaScript操作符…
json对象加json对象_JSON对象
json对象加json对象We have heard time and again that everything in JavaScript is an object. 我们一次又一次地听到JavaScript中的所有东西都是对象。 This very fact was extensively used to weave the lightweight super popular data format called JSON. In JSON, al…
知乎高赞：前端模块化的十年征程
作者：外婆的https://zhuanlan.zhihu.com/p/265632724前言夫以铜为镜，可以正衣冠；以史为镜，可以知兴替 ——《旧唐书魏徵传》也许在谈论具体的内容之前，我们需要谈论一下关键词的定义。 什么是"模块"…
js—当浏览器窗口大小改变时事件
原文地址为：
js—当浏览器窗口大小改变时事件<script type"text/javascript">window.οnlοadfunction(){changeDivHeight();}//当浏览器窗口大小改变时，设置显示内容的高度window.οnresizefunction(){changeDivHeight();}function cha…
安卓log.e函数打印示例_C ++中带示例的log2（）函数
安卓log.e函数打印示例C log2()函数 (C log2() function) log2() function is a library function of cmath header, it is used to get the binary logarithm (the base-2 logarithm) of the given value. It accepts a value (float, double, or long double) and returns t…
js 数组转json，json转数组
原文地址为：
js 数组转json，json转数组//数组转json串
var arr [1,2,3, { a : 1 } ];
JSON.stringify( arr );//json字符串转数组
var jsonStr [1,2,3,{"a":1}];
JSON.parse( jsonStr ); 转载请注明本文地址：
js 数组转json&…
前端骨架屏自动生成方案
作者：花满楼https://zhuanlan.zhihu.com/p/74403911什么是骨架屏？什么是骨架屏呢？骨架屏(Skeleton Screen)是指在页面数据加载完成前，先给用户展示出页面的大致结构（灰色占位图），在拿到接口数据…
可能改变前端工程化未来的特性：ESM Loader Hooks
在最近发布的Node v18.6.0中，带来了一个试验特性ESM Loader Hooks API[1]。如果他最终落地，很可能会成为改变前端工程化未来的特性。本文我们来聊聊他。本文参考：Custom ESM loaders: Who, what, when, where, why, how[2]特性简介用过webpac…
localStorage 的高阶用法
很多人在用 localStorage 或 sessionStorage 的时候喜欢直接用，明文存储，直接将信息暴露在；浏览器中，虽然一般场景下都能应付得了且简单粗暴，但特殊需求情况下，比如设置定时功能，就不能实现。就…
JS 代码越来越难读了 ...
今天来给大家介绍 JavaScript 代码的一个新运算符：管道运算符 |>。对一个值执行连续操作当我们在 JavaScript 中对一个值执行连续操作（例如函数调用）时，目前有两种基本方式：将值作为参数传递给具体操作（…
专业前端 console 大法
作者：正经程序员链接：https://juejin.cn/post/7065856171436933156学习前端开发时，几乎最先学习的就是console.log()。毕竟多数人的第一行代码都是：console.log( Hello World );console对象提供了对于浏览器调试控制台的访问&am…
vue3 区别于 vue2 的“与众不同”
希望本篇文章能帮你加深对 Vue 的理解，能信誓旦旦地说自己熟练Vue2/3。除此之外，也希望路过的朋友可以帮助我查漏补缺🤞。内容混杂用法 原理 使用小心得，建议收藏，慢慢看。区别生命周期的变化整体来看，变…
linear-gradient（）函数以及CSS中的示例
Introduction: 介绍： So far, we have learned so many functions but learning never gets enough, therefore as a good developer, we must learn as many functions as we can and know their behavior with the help of practical implementations. But why d…
如何中断已发出去的请求？
↓推荐关注↓面试官：请求已经发出去了，如何取消掉这个已经发出去的请求？面试者：(脑海里立马产生一个疑惑：已经发出去的请求还能取消掉？) 这个......这个......还真不知道。面试完，马上找度娘...…
写 Node.js，终于能用 Fetch 发请求了
Node.js 支持 Fetch API 啦！在以前，使用原生的 Node.js API 发送一个 HTTP 请求非常麻烦，你可能要写下面的代码：const https require(https)
const options {hostname: nodejs.cn,port: 443,path: /todos,method: GET
}const re…
通过自定义 Vue 指令实现前端曝光埋点
前言互联网发展至今，数据的重要性已经不言而喻，尤其是在电商公司，数据的统计分析尤为重要，通过数据分析可以提升用户的购买体验，方便运营和产品调整销售策略等等。埋点就是网站分析的一种常用的数据采集方法。埋点按照…
前端和鸭子有什么关系？
今天我们一起来看一个 TypeScript 中一个有趣的知识点 - 鸭子类型（Duck Typing）。什么是鸭子类型鸭子类型是很多面向对象（OOP）语言中的常见做法。它的名字来源于所谓的“鸭子测试”：当看到一只鸟走起来像鸭子、游泳起来…
JS 中那些可能会中招的细节
作者：Moonshinehttps://juejin.cn/post/6923572890189168654前言Javascript的数据类型对于大家来说一点都不默认，主要基本数据局类型和引用数据类型，都是入门必学的知识点，而且在日常开发中，频繁使用。大家是否都掌握其…
你会用到的 15个前端小知识
作者：隐冬https://juejin.cn/post/68981684955912929421. css 一行文本超出...overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;2.多行文本超出显示...display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidd…
追漫神器，自动翻译？｜Mix+人工智能 No.53
Knowledge/ def mix( ):本期收录新增8NO. 52#漫画# #机器翻译#集成了OCR、自动翻译、图像补缺等技术，完成漫画的自动翻译#游戏# #tensorflowjs# #姿势评估#用 PoseNet TensorFlow.js 在浏览器实现体感游戏#工具# #AR#简单三个步骤即可完成AR的部署，最后…
拖拽牛逼，轻松实现一个自由拖拽的组件
如何使元素支持拖动实现组件的自由拖动的核心就是 html5 中新添加的全局属性 draggable 属性，该属性规定了元素是否可进行拖动。属性值如下所示：true：规定元素的可拖动的false：规定元素不可拖动auto：使用浏览器的默认行…
js 字符串转数值 的常用方法和对比
话不多说，直接正文。
正文
常用方法为这三种
~~按位取反再取反，作用是把字符串变为整数数值。Number(str) 会保留小数点parseInt(str) 化为整数数值
console.log(Number("121"));
console.log(parseInt("121"));
console.log(~~…
Vue 新玩具 VueUse
作者：我只是一个小菜鸡https://juejin.cn/post/7029699344596992031什么是 VueUseVueUse 是一个基于 Composition API 的实用函数集合。通俗的来说，这就是一个工具函数包，它可以帮助你快速实现一些常见的功能，免得你自己去写&…
一键录屏，敏捷绘制 | MixLab工具推荐
超强屏幕录制和注释工具：ScreenityScreenity 是一个强大的屏幕记录和注释工具，你只需要在Chrome插件中安装就能随意录制。它还可以让你在录制的画面上进行标注事项，使能相机进行录制视频。特征：???? 浏览器窗口、桌面、任何应…
Promise 模拟实现
前言
最近很想研究一下Promise的原理，通过查阅资料写出了这篇博客，文章有借鉴参考文档。
正文
本文主要实现的是两个点，基本的Promise和then的链式调用。 代码的所有解释都在注释中
定义状态
//定义状态
const FULFILLED fulfilled
con…
一道经典的 js 面试题
原题目
在浏览器环境下，判断程序输出的结果是？ var foo window的foolet obj {foo: obj的foo,func() {let self thisconsole.log(this.foo)console.log(self.foo);(function () {console.log(this.foo)console.log(self.foo)})()}}obj.func()console.…
可视化语法｜Mix+人工智能 No.48
Knowledge/ def mix( ):本期收录新增23NO. 48#可视化##开源项目#Vega 是一种可视化语法，用于创建、保存和共享交互式可视化设计的声明式语言。使用 Vega，我们能够以JSON格式描述可视化的视觉外观和交互行为，并使用 Canvas 或 SVG 生成基于 We…
动态组件还能这么玩？
○ 背景这篇是作者在公司做了活动架构升级后，产出的主文的前导篇，考虑到本文相对独立，因此抽离出单独成文。题目为动态组件，但为了好理解可以叫做远程加载动态组件，后面统一简化称为“远程组件”。具体是怎么玩呢&…
一个简单的网站（适合课设）
前言
这是我帮同学写的一个很简单的网站，没有后端，主要的技术有jQuery（包括Ajax），模仿的是h2j的天猫仿站项目。 可以用于web课设，或者其他前后端交互的界面。下面看下预览图。 由于时间紧，没做…
这样设计一个可扩展、通用的、健壮性组件
点击上方关注 小生方勤，一起学习，天天进步前言组件是页面不可或缺的部分，而设计组件就成为了前端同学每日工作。所以一位程序员的职业生涯大约十年，只有人寿命的十分之一。前端项目只是你生活工作的一部分，而你却是它的…
花2个月备战字节，3轮技术面，总包50w，定级2-1！
收到一位刚入职字节的前端朋友投稿——以下内容来自其亲身经历，双非普本拿到 字节50W Offer ，感谢他的走心分享（文末送肝货）。个人情况：本硕都是计算机（普通二本），2020届，…
关于eclipse中没有js代码提示的解决
自学js，发现eclipse中不管js文件、html文件、jsp文件没有都没js代码的提示，对于js代码也不报错，有时候就因为单词敲错却查了很久没查出来，很烦很难受。
在网上找了很多方法，都没有解决，特别是有个在javasc…
高手是如何写出让人看不懂的选择器？
本文的标题是如何写出让别人看不懂的选择器，但是本意不是希望大家去写如此复杂的选择，一些复杂（怪异）的选择器在一些特定场景下也许有着妙用，又或者写出这种选择器是基于当时的特殊背景。通过这些案例，我们…
js实现输入框的验证
需求
输入6-16位的账号，当不符合的时候会提示，格式正确的时候会提示。输入框有默认值，获得焦点时会清空，且输入的字体颜色较默认值会变深。输入框失去焦点时，输入框中文字颜色会变浅。如果没有输入，失焦时…
史诗级更新，VSCode 可无缝调试浏览器了！
2021-07-16 微软发布了一篇博客专门介绍了这个功能，VSCODE 牛逼！在此之前，你想要在 vscode 内调试 chrome 或者 edge 需要借助于 Chrome Debugger 或者 the Microsoft Edge Debugger extension 这两款 vscode 扩展。并且更重要的是࿰…
通过AI，领略皮影戏艺术 | MixLab人工智能
Shadow_Art一场颇具艺术风格的实验这是一项 AI 实验，旨在颂扬中国古老的皮影戏艺术。实验利用 TensorFlow.js，在互动游戏中将用户的手影转换成数字动物。您可通过在笔记本电脑或手机摄像头前摆弄“手型”，形成十二生肖动物的手影。如果手影正…
调试技巧：如何快速知道页面上所有元素的轮廓跟位置！
相信大家都有遇到过这种时候，想知道页面上所有元素的轮廓跟位置，以便从中获取某些信息，如：是否溢出。其实最简单的实现方法就是如下CSS代码：* {outline: 1px solid red;
}效果如下：注意：这里不用…
80% 前端都会的 ES6 简化代码技巧，你用过哪些？
点击上方“小生方勤”，选择“设为星标”第一时间关注技术干货！前言 (介绍 ECMAScript)最初 JavaScript 语言有 2 份标准：ECMA-262：主标准，由 ECMA 国际组织（Ecma International）负责管理&#x…
2021最新字节前端技术面考点整理(附解析)
秋招开始了，准备刷题了吗~金九银十的招聘旺季要来了！字节跳动社招3000岗位，校园招聘8000岗位这个时候做好准备，去大厂、升职加薪的机会非常大！所以，不管你是社招还是校招，下面这份前端面试攻略&…
25 道神奇的 javascript 示例，全答对算我输！！！
前言JavaScript 是一种很好的语言。它有一个简单的语法，庞大的生态系统，以及最重要，最伟大的社区。同时，我们都知道，JavaScript 是一个非常有趣又充满戏法的语言。他们中的有些可以迅速将我们的日常工作变成地狱&#…
新时代创意布局不完全指南
依稀记得，某年广东语文高考作文的相关描述 -- “有时，常识虽易知而难行，有时，常识须推陈而出新”。人的想象力和创造力很容易在对常识的一贯认知中被削弱。CSS 更新之快，只能不断鞭策自己持续学习，一直呆在…
VSCode 花式摸鱼玩法 了解一下
现在使用VsCode编码的人越来越多，凭借着免费，开源，轻量，跨平台的特点收货了一大批忠实粉丝。以其可支持扩展程序（通过安装扩展程序，VS Code 可以支持更多新的语言、界面主题、测试器，以及更多的…
让别人夸你的 JS 写得漂亮
作者：会编程的银猪http://www.renfed.com/2017/04/29/effective-js-optimize/网上有不少关于 JS 编写优化建议，这里我根据自己的经验提出一些比较有用的意见。1. 按强类型风格写代码JS 是弱类型的，但是写代码的时候不能太随意，写得…
Vue3.0 尝鲜后收获的知识点
今天这篇文章主要讲解了以下内容:Vue3.0中使用watchVue3.0中使用计算属性Vue3.0中使用vue-routerVue3.0中使用vuexVue3.0中使用watchwatch在Vue3.0中并不是一个新的概念，在使用Vue2.x的时候，我们经常会使用watch来监听Vue实例上面的一个表达式或者一个函…
90% 前端都会的 ES6 简化代码技巧，你用过哪些？
点击上方“小生方勤”，选择“设为星标”第一时间关注技术干货！前言 (介绍 ECMAScript)最初 JavaScript 语言有 2 份标准：ECMA-262：主标准，由 ECMA 国际组织（Ecma International）负责管理&#x…
【已解决】监听 vue点击Div外层 的事件，并实时销毁。
1、场景 2、代码 watch:{show_login_out(newVal, oldVal){if(newVal true){alert(开始监听)// 若显示，则监听失去焦点事件。document.addEventListener(click,this.click_out_side, true);}else{alert(事件销毁)// 不显示，销毁监听事件。document.remov…
44 道 JS '难'题，做对一半就是高手
来源 | https://www.jianshu.com/p/e161bd720e64国外某网站给出了44道JS难题，试着做了下，只做对了17道。这些题涉及面非常广，涵盖JS原型、函数细节、强制转换、闭包等知识，而且都是非常细节的东西，透过这些小细节可以折…
【华为OD机试】高效的任务规划（python, java, c++, js）
高效的任务规划
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题目描述 …
这次送ikbc F410机械键盘+多本红宝书
我们精心准备了一份礼物，希望在未来的日子里，大家能继续陪伴我们前行，我们也将持续为大家带来更好的内容，一起成长为资深前端工程师&前端专家，加油！活动介绍奖品设置：一等奖：ikb…
周五最害怕的符号「 @」- 没有之一
周五只有一个心愿：今天我是小透明，不用开会没人找！周五金句：周五不早走，人生路白走！
字节跳动前端面经凉经（半年经验社招）待填坑
不难，但是很广，很多知识要深究，基本上会从你自己说的技术里面出问题，所以说项目用到了什么技术一定要深究一下技术。
目前只记得这些。对手写代码的考察还挺有要求的。
目录
1、解释原型链和原型对象
2、websocket和http2了解…
前端面试之手写一个bind方法
bind 函数对于写react的人来说并不陌生。哦！是的，没错我的朋友，它的一个用处就是用来改变函数this指向的。如果细究一下bind的实现，发现里面还是有不少东西的，我们今天展开讨论一下。
在说bind之前呢，我们…
SourceMap知多少：介绍与实践
作者：腾讯IMWeb前端团队01首先说说sourceMap说起sourceMap大家肯定都不陌生，随着前端工程化的演进，我们打包出来的代码都是混淆压缩过的，当源代码经过转换后，调试就成了一个问题。在浏览器中调试时，如何判断…
「译」这样写的 JS 代码看着就很舒服
原文：https://github.com/ryanmcdermott/clean-code-javascript本文翻译自 github 上的一个项目，非全文搬运，只取部分精华。如何提高代码的可读性、复用性、扩展性。我们将从以下四个方面讨论：变量函数类异步一、变量用有意义且常…
十分钟上手ES2020新特性
前言ES2020 是 ECMAScript 对应 2020 年的版本。这个版本不像 ES6 (ES2015)那样包含大量新特性。但也添加了许多有趣且有用的特性。本文的代码地址：https://github.com/ljianshu/Blog本文以简单的代码示例来介绍 ES2020新特性。这样，你可以很快理解这些新…
在JavaScript中以Hours24：Minutes：Seconds格式获取当前UTC时间
在JavaScript中获取当前UTC时间 (Getting current UTC time in JavaScript) To get the current UTC time in JavaScript, we need to use three library functions of Date class, 要使用JavaScript获取当前UTC时间 ，我们需要使用Date类的三个库函数， …
puppeteer api_Node.js和Puppeteer API上的项目| 使用Node.js和Express将表单提交转换为PDF...
puppeteer apiNode.js和Puppeteer API上的项目 (Project on Node.js and Puppeteer API ) 使用Node.js和Express将表单提交转换为PDF (Converting Form Submission to PDF with Node.js and Express) Hi guys! We have spoken a lot about interaction with web pages and form…
appweb ejs_EJS布局
appweb ejsHi! Welcome. Today, we are going to look at EJS layouts. EJS Layouts make very important use of EJS. Have you ever tried to imagine if social media websites create a new webpage for every user? 嗨！ 欢迎。 今天，我们将看一下E…
awk asort_PHP asort（）函数与示例
awk asortPHP asort()函数 (PHP asort() function) asort() function is used to sort an associative array in ascending order based on the values, as we know that an associative array contains keys and values, this method sorts an array according to the values.…
js同步阻塞_非阻塞非同步JS
js同步阻塞Update Oct 2013: for a more bulletproof version, tested in the wild, IE and all, check Philips snippet at http://www.lognormal.com/blog/2012/12/12/the-script-loader-pattern/ 2013年10月更新：要获得在野外，IE和所有环境中经过测试…
lrint函数_C ++中带有示例的lrint（）函数
lrint函数C lrint()函数 (C lrint() function) lrint() function is a library function of cmath header, it is used to round the given value and convert it to a long integer. It accepts a value (float, double, or long double) and returns a long integer value a…
ruby字符串截取字符串_Ruby程序反向字符串 套装2
ruby字符串截取字符串Ruby| 倒弦 (Ruby | Reversing string) Here, we are implementing a Ruby program to reverse a string. 在这里，我们正在实现一个Ruby程序来反转字符串。 Methods used: 使用的方法： gets: This method is a public instance me…
Django | 创建和使用母版页
在Django中创建和使用MasterPages (Creating and Using MasterPages in Django) MasterPages are a type Template that are used to implement common design across the web applications. MasterPages是一种Template类型，用于在整个Web应用程序中实施通用设计。 …
js 画布翻转_将照片加载到画布中，然后翻转
js 画布翻转Today our family went to the yearly photo session with the girls. We took one shot that can be looked normally, as well as upside down, so I was wondering can you flip an image using a canvas tag. Turns out, yes, you can and its pretty easy. 今…
替换所选文本（Firefox）
A quick function to replace the selected text (in Firefox). Accepts: 替换所选文本的快速功能(在Firefox中)。 接受： string to replace the selection, or 字符串来替换选择，或者 callback function that takes the selected text and returns a st…
JavaScript：调用未命名
How does this look like? 看起来如何？ o[""]()A bit like a syntax error, eh? Or an emoticon of some sort. Well, its valid JavaScript code. 有点像语法错误，是吗？ 或某种表情符号。 嗯，这是有效JavaScript代码…
题库选项随机排序显示_数组排序选项
题库选项随机排序显示When sorting an array, for example by using sort() there are three constants you can use to determine how the sorting will work: 在对数组进行排序时(例如，通过使用sort())，可以使用三个常量来确定排序的工作方式ÿ…
javascript 传奇_JS包括–传奇继续……
javascript 传奇The problem in question is how to find out a dynamically included JavaScript file is actually loaded. The concept of JavaScript includes is here, the IE-only solution is here. The IE solution is to use the onreadystatechange event that is fi…
x-webkit-语音输入和文本区域
New hotness, speech input. (The demo, the demo) 新的热点，语音输入。 (演示，演示) You get an input: 您得到输入： <input> <input> You add an x-webkit-speech attribute 您添加一个x-webkit-speech属性 <input x-webki…
调试ie9有两个ie进程_IE中用于调试的两个小书签
调试ie9有两个ie进程Here are two bookmarklets that could make your life easier when trying to figure out why in IE a page behave as wrong as it behaves. For Firefox we have Firebug, so none of this is necessary. For IE we have also Firebug lite (see my post…
使用ZombieJS下载排名靠前的X个网站的数据
Update: Easier way to get top X URLs: http://httparchive.org/urls.php, thanks souders 更新：获取顶部X URL的更简单方法： http : //httparchive.org/urls.php ，谢谢souders Update: found and commented an offensive try{}catch(e){thr…
IDEA添加外部插件-yuicompressor压缩js/css
1. 下载链接：yuicompressor.2.4.8.jar（百度云盘） 提取码：d7rd
2. File >> Settings >> Tools >> ExternalTools >> 分别新建js和css压缩 3. js压缩 Arguments： -jar D:\software\pluginToo…
nodejs安装及环境配置（windows系统）
作为服务端运行javascript的平台的NodeJs，把前台javascript移到了服务器端，Google V8引擎使其运行效率非常高，它可以异步，无任何阻塞运行程序。nodejs包含http服务器，可以为我们实现 web系统设计，客户端jav…
$(document).ready()方法 VS window.onload VS $(window).load()及load事件详解
今天发现一个问题，修改页面时，无法对一个按钮进行条件的显示或隐藏，同事用setTimeout解决了。但我老觉得setTimeout不到万不得已的时候才能用。 经分析，这个要显示或隐藏的按钮是include进来的，于是用window.onload解决…
react native在ios上日期时间格式化显示为NaN问题
原因：
ios系统不支持2018-03-09这样格式的时间导致出现的这个问题，IOS只识别2018/03/09这样的格式
转成 这种 “YYYY/MM/DD HH:mm:ss” 就好了
2-vue实现年入35万第二步学习：vue条件渲染
我是一个比较实在的人，直接点击播放学习吧，谢谢！ 2-vue实现年入35万第二步学习：vue条件渲染学习目标：
提示：2021【前端VUE框架】最新/最全/最细实战课程，VUE56节进阶学习 重磅来袭：…
1 WEB前端-VUE框架最新最全实战视频课程 第一节：和vue第一约会，我上了它，你要来嘛？
我是一个比较实在的人，直接点击播放学习吧，谢谢！ 1-和vue第一约会，我上了它，你要来嘛？学习目标：
提示：2021【前端VUE框架】最新/最全/最细实战课程，VUE56节进阶学习 重磅…
一个只有 99 行代码的 JS 流程框架
声明：本文来自腾讯云技术社区，版权归原作者所有，未经作者同意，请勿转载。 作者：张镇圳，腾讯Web前端高级工程师，对内部系统前端建设有多年经验，喜欢钻研捣鼓各种前端组件和框架。 原文…
Image hosting service（图床）
Drawing Bed 图床背景需求整体架构数据库设计服务器 API 设计新增图片查看所有图片元信息删除图片查看图片内容前端整体流程基于白名单方式的防盗链基于 MD5 实现相同内容图片只存一份基于Filter的过滤器琐碎的知识点单元测试集成测试自动化测试性能测试项目展示项目源码测试用…
stl vector 函数_vector :: data（）函数以及C ++ STL中的示例
stl vector 函数C vector :: data()函数 (C vector::data() function) vector::data() is a library function of "vector" header, it is used to access the vector elements, it returns a pointer to the memory array used by the internally by the vector to…
PHP array_product（）函数与示例
PHP array_product()函数 (PHP array_product() function) array_product() function is used to find the product of all elements (values) of an array, this method accepts an array and returns the product of all values. array_product()函数用于查找数组的所有元素(…
ruby array_Array.combination（）方法和Ruby中的示例
ruby arrayRuby Array.combination()方法 (Ruby Array.combination() Method) In the last article, we have seen how we can make use of the Array.collect method. Array.collect method is quite similar to Array.map methods because both the methods are used to crea…
【Web API】DOM事件高级
▊ 注册事件的两种方式
传统注册方式(前一阶段主要使用的)：
通常利用on开头的时间注册事件的唯一性：同一个元素同一个事件只能设置一个处理函数，后边会覆盖前面的
方法监听注册方式
利用addEventListener()方法同一个元素同一个事件可以注…
【Web API】DOM小案例
❶ 密码输入时的小眼睛
// 核心思路：密码框和文本框的转换：即input的type属性的转换——password和text
// 另一个就是flag的使用，不必多说❷ 切换背景
// 核心思路： 修改body的backgroundImage属性
document.body.style.backgr…
copyvalueof_Java String copyValueOf（）方法与示例
copyvalueof字符串copyValueOf()方法 (String copyValueOf() Method) copyValueOf() is a String method in Java and it is used to create a string with given character array i.e. it accepts a character array and returns a string. In other words, we can say copyVa…
electron自定义边框_如何在Electron JS应用程序中添加或自定义菜单？
electron自定义边框Electron JS本机菜单API (Electron JS Native Menu API) An application menu is common in most native desktop applications, just like the example below; 就像下面的示例一样，应用程序菜单在大多数本机桌面应用程序中很常见。 There are s…
touppercase_JavaScript中的String toUpperCase（）方法与示例
touppercase字符串toUpperCase()方法 (String toUpperCase() Method) toUpperCase() Method is a string method in JavaScript, it is used to converts all alphabets in uppercase and returns the new string with uppercase alphabets. toUpperCase()方法是JavaScript中的…
indexof方法_JavaScript中indexOf（）和search（）方法之间的区别
indexof方法Prerequisite: 先决条件： JavaScript String indexOf() Method JavaScript字符串indexOf()方法 JavaScript String search() Method JavaScript字符串search()方法 Though indexOf() and search() both methods are used to check whether a substring …
java awt 选择框_Java AWT选择
java awt 选择框The Choice class provides a pop-up menu to the user. The user is capable of choosing one of the options from the list. The selected item appears at the top. This class is often used when there is a large number of options to choose from and …
sinh函数_sinh（）函数以及C ++中的示例
sinh函数C sinh()函数 (C sinh() function) sinh() function is a library function of cmath header, it is used to find the hyperbolic sine of the given value (hyperbolic angle), it accepts a number (x) and returns the hyperbolic sine of x. 双曲正弦()函数是CMA…
强烈不建议你用 a.equals(b) 判断对象相等！
点击上方“果汁简历”，选择“置顶公众号”一直以为这个方法是java8的，今天才知道是是1.7的时候，然后翻了一下源码。这片文章中会总结一下与a.equals(b)的区别，然后对源码做一个小分析。一，值是null的情况：1…
c语言fmod函数_fmod（）函数以及C ++中的示例
c语言fmod函数C floor()函数 (C floor() function) fmod() function is a library function of cmath header, it is used to find the remainder of the division, it accepts two numbers (numerator and denominator) and returns the floating-point remainder of numerat…
count()函数stl_std :: count（）函数以及C ++ STL中的示例
count()函数stlC STL std：count()函数 (C STL std:count() function) The C STL contains the function std::count(), which is used to find the occurrence of the particular element in the given range. You can use this function with an array, string, v…
MyBatis 批量插入的 3 种方式！还有谁不会？
点击上方“果汁简历”，选择“置顶公众号”数据库使用的是sqlserver，JDK版本1.8，运行在SpringBoot环境下，对比3种可用的方式：反复执行单条插入语句xml拼接sql批处理执行先说结论：少量插入请使用反复插入单条…
js jquery版本的 金额千分位转换函数（非正则，效率极高）
没想到js里面没有 金额千分位格式化的处理函数（例：1,234.01 这样的格式），网上搜了一圈，都是使用正则的方式处理的。正则的效率不敢恭维啊，又耗费资源速度又慢（虽然处理起来会直观一些࿰…
vue3.x + typeScript 知识点
前言
不知不觉已经记录了这么多的知识点，更新一下吧。 可能比较杂乱，请谅解。
正文
ref()和reactive()函数都是定义响应式数据的函数，ref更倾向于定义简单类型和数组，reactive定义对象es6语法解构reactive所定义的响应式对象&a…
js 事件循环机制、宏任务微任务
宏任务和微任务
定义 宏任务： 常用的包括setTimeout,setInterval微任务： 常用的包括Promise. then finally catch, process.nextTick 执行顺序为：微任务先于宏任务执行 setTimeout(function () {console.log(setTiemout宏任务)}, 0)new Prom…
parseInt方法
parseInt()
接收一个字符串参数，将字符串转化为整数。
接收一个空字符串时，返回NaN。
这个方法会忽略字符串前的空格，不论有多少，直到第一个非空格字符，若不是数值字符，返回NaN；若是数值字符…
javascript方法
JavaScript-方法
定义方法方法就是把函数放在对象里面
对象只有两种东西：
1、 属性
2、 方法
var student {//属性name : "xiaoming",birth : 1997,//方法age : function (){let now new Date().getFullYear();return now - this.birth;}
}
//调用…
JavaScript--对象、条件判断、循环
JavaScript-基础Ⅲ
1、对象
1.1 对象的介绍
JavaScript的对象是一种无序的集合数据类型，它由若干键值对组成。
var person { //创建一个person对象name: Mike,age: 24,sex: 男，id：123456
};用｛ ｝将对象的属…
JavaScript字符串和数组常用操作方法
JavaScript-基础Ⅱ
1、字符串
1.1 单行字符串
JavaScript的字符串就是用或""括起来的字符表示
"abc" // 双引号
abc // 单引号如果本身想输出 ‘’ 或者 ‘ 则需要加转义字符
转义字符\可以转义很多字符
\n //表示换行
\t …
jQuery实现图标特效（精灵图）
常见的特效，用到了CSS的精灵图，jQuery代码稍微复杂点，笔者会讲解重点。 PS：为啥笔者的图标缺三个？因为随手百度的精灵图只有五个图标，也懒得换，大家找个多一点的就行了。
效果图 <style>…
jQuery 键盘快捷键
1.给输入框绑定快捷键（以enter键为例） $(function(){$(#id).bind("keydown",function(event){if(event.keyCode "13"){console.log("成功按下");}});})给按钮添加键盘快捷键（以enter为例） $(funct…
EasyUI 中将数据库表格中的字段值用文字代替数字显示在页面上
JavaScript部分 function formatFenid(val,row){ if(val 1){ return "电子产品"; }else if(val2){ return "食品"; } else if(val3){ return "服装"; }
}
注：其中val是数据库中fenid字段的值 ，row表示一行数…
Javascript基础之-var，let和const深入解析
Javascript基础之-var，let和const深入解析（一） Javascript基础之-var，let和const深入解析（二）
Ajax运行原理及实现——服务器端响应数据格式
服务器端响应的数据格式 在真实的项目中，服务端大多数情况下会以json对象作为响应数据对象，当客户端拿到响应数据时 要将json数据和html字符串进行拼接，然后将拼接的结果展示在页面中 1、js同步异步 var i， t Data.now() for(i …
angularjs传递图片的前后端代码解析
最近工作中有用到，和大家分享下前后端代码：
html部分第一个id用于文件返回参数，第二个是绑定onchange事件Ctrl部分var file $(#wenjianfjian2)[0].files[0];新建一个FormData对象（文件和数据一起使用表单提交方式）&am…
面试web前端工程师的两个星期的心路历程及面试题
毕业接近3年半了，年初公司进行了一次业务调整，hr小姐姐明里暗里让我们自动滚蛋，但是我牛脾气上来了你不说可能我自己会走，你这一说我偏不走了，于是乎，生生熬到9月份。。。
9月中旬开始改简历，投…
鼠标点击网页出现爱心特效
像这样的鼠标点击网页出现js的特效，代码如下，只需要直接把这段代码复制到<script></script>标签下运行就可以实现了，要导入css和js： //鼠标点击出现爱心特效(function(window,document,undefined){var hearts [];win…
集成react环境_集成React Profiler
集成react环境Say hello to the new perf hotness - a profiler built into React. This announcement blog post shows how to use it as a Chrome Extension, but you can also use it in your code, to get insight into real world interactions, even in production. Lets…
社交网站facebook_本地延迟加载Facebook社交插件
社交网站facebooktl;dr: Add data-lazy"true" to your Facebook social plugins that are below the fold and reap the benefits. tl; dr：将data-lazy"true"到首屏以下的Facebook社交插件中并获得好处。 In code: 在代码中： // be…
stylelint_你好Stylelint
stylelintStylelint is a great new modern unopinionated CSS linter. Its a must for any project beyond test.html. Stylelint是一款很棒的新型现代无污染CSS短绒。 对于test.html以外的任何项目，这都是必须的。 After my last post about always adding generi…
getusermedia_Opera 12中的getUserMedia
getusermediaOpera 12 wins - the first stable desktop browser to ship getUserMedia(). I believe they had shipped it already in a mobile version of the browser. Opera 12获胜-第一个稳定的桌面浏览器发布getUserMedia() 。 我相信他们已经在浏览器的移动版本中发布了…
词法分析器_CSS词法分析器
词法分析器I have so much stuff to do and Ive been feeling a little overwhelmed lately. Not depressed, because its next to impossible to be depressed at a climate including 320 sunny days a year and a beach. So I thought why not drop everything and relax. I…
puppeteer|自动化UI测试|JS|零基础入门（五）——frame、iframe
话不多说，看代码 //用frames函数取出页面所有iframeconst frames await page.frames();//使用循环取出iframefor (var i of frames) { //使用url()函数得到里面的url标题进行对比if (i.url().includes(frame_url)){const frame i;} };await frame.waitForSelector…
puppeteer|自动化UI测试|JS|零基础入门（三）——异步操作与promise、async、await
puppeteer——异步操作、promise、async、await 异步操作promiseasync与await内容硬核，个人理解！ 前面的代码中，开头都是以async、await开头，并且有看到promise类型的返回值，今天撸顺它，看看到底是怎么个事…
上海地铁站图路线图_性能路线图
上海地铁站图路线图2010 update: Lo, the Web Performance Advent Calendar hath moved 2010年更新： Lo， Web Performance Advent Calendar已移动 Dec 1 This is the first in the series of performance articles as part of my 2009 performance adven…
手机版下拉AJAX异步获取分页数据
使用AJAX异步获取分页数据
1、HTML代码 程序获取的数据库数据循环遍历
<div class"r-cont append"><volist name"list" id"vo"><div class"r-item">{$vo}</div></volist>
</div&…
【Node.js】一篇文章带你直接上手JavaScript服务端编程
你需要先学习的
1）什么是Node.js？（戳这里：《【Node.js】一篇文章带你彻底理解Node.js及其特性》）
2）安装Node.js。（node -v如果得到版本号，则安装成功） Node.js模块化 …
【Vue】解剖你的第一个Vue实例
Vue实例
new出一个Vue实例是一切的开端：
var app new Vue({// el// data// methods// hook methods ...
});<div id"app"><h2>{{name}}的年龄是{{age}}</h2>
</div>
<script type"text/javascript">var app …
【JavaScript】Day4——对象、简单与复杂数据类型
▊ 对象
▍ 对象是一组无序的属性和方法的集合
▍创建对象的三种方式：
利用字面量创建对象利用new Object创建对象利用构造函数创建对象
// 字面量
var obj {name: loli, // 属性：值age: 12,sayHi: function() { // 方法：匿名函数c…
看看别人后端API接口写得，那叫一个优雅！
点击上方“果汁简历”，选择“置顶公众号”在分布式、微服务盛行的今天，绝大部分项目都采用的微服务框架，前后端分离方式。题外话：前后端的工作职责越来越明确，现在的前端都称之为大前端，技术栈以及生态圈都…
Apache Log4j2 刚升级完，又出现漏洞！建议尽快升级到 2.16.0
点击上方“果汁简历”，选择“置顶公众号”最近的 Log4j2 漏洞想必大家都知道了，11月9日晚开源项目 Apache Log4j 2 的一个远程代码执行漏洞的利用细节被公开，随着 Apache Log4j 2.15.0 正式版发布，该漏洞已得到解决。然而…
告别 swagger-ui ，我选择了这款神器！
点击上方“果汁简历”，选择“置顶公众号”一、介绍knife4j是为Java MVC框架集成Swagger生成Api文档的增强解决方案（在非Java项目中也提供了前端UI的增强解决方案），前身是swagger-bootstrap-ui,取名knife4j是希望她能像一把匕首一样…
代码对比工具，就用这7个！
来源：搜云技术库在程序开发的过程中，程序员会经常对源代码以及库文件进行代码对比，在这篇文章里我们向大家介绍7款程序员常用的代码比较工具。一、WinMerge图片WinMerge是一款运行于Windows系统下的文件比较和合并工具，使用它可以…
读书笔记：js中的null 和 undefined 的区别
1.在JS中 null和 undefined 都表示空，但它们还是存在一定区别的， null 表示不存在、没有，而 undefined 表示未定义。
2.底层实现时， null 一般会指向一个全 0 的地址，当 然，这个地址是无法访问的ÿ…
谈谈你对可重入锁和不可重入锁的理解、区别及原理
点击上方“果汁简历”，选择“置顶公众号”首先我们这里提到的锁，是把所需要的代码块，资源，或数据锁上，在操作他们的时候只允许一个线程去做操作。最终结果是为了保证cpu计算结果的正确性。对不可重入锁的理解ÿ…
IntelliJ IDEA 2021.1正式发布！快来看看又有哪些神仙功能加入！
IntelliJ IDEA 2021.1 EAP版本已经发布了很久，就在今天，终于等到正式版的发布。这个大版本最大的更新内容，就是支持WSL 2和JAVA 16了。而且除了支持WSL 2，也支持其他形式的“ssh 远程运行”，就像clion那样；…
js变量null和undefined的区别
var anull;var bundefined;//变量未定义var c{name: lisi , age:29};//对象类型//原生类型没有的话是undefined,对象类型没有的话是nullvar arr[a,3,hello,true];//数组类型，里面可以存多种类型
面试题：问js为什么是单线程的
js为什么是单线程的
如果js是多线程的话，一个线程添加DOM一个线程删除DOM那就会产生差错，浏览器不知道应该听谁的，到底删除DOM还是添加DOM。
js是单线程语言，浏览器只分配给js一个主线程，用来执行任务（函…
ES6的Set,Map,WeakSet,WeakMap
1.set 1.set可以存储引用数据类型 2.set中的数据都是唯一的（可以用于初始化数组，实现数组的去重） 3.Set实现了 iterator接口，所以可以使用扩展运算符和for…of…进行遍历，顺序就是插入的顺序 4.Map和Set中对象的引用都…
null，undefined，NaN 的区别
undefined 表示不存在这个值。
undefined :是一个表示"无"的原始值或者说表示"缺少值"，就是此处应该有一个值，但是还没有定义。尝试读取时会返回 undefined
例如变量被声明了，但没有赋值时，就等于 undefine…
Foo.getName()的输出问题
<script>function Foo() {getName function () { alert(1); };return this;}Foo.getName function () { alert(2); };Foo.prototype.getName function () { alert(3); };var getName function () { alert(4); };function getName() { alert(5); }//请写出以下输出结果…
js获取dom总结，js操作dom
转自https://blog.csdn.net/zjhahaha123/article/details/105542030
js操作dom
创建节点 document.createElement();//创建元素 document.createDocumentFragment();//创建内存文档碎片 document.createTextNode();//创建文本节点 appendChild(node) //在父元素下追加node节点…
昨天还在 for 循环里写加号拼接字符串的那个同事，今天已经不在了
点击上方“果汁简历”，选择“置顶公众号”引言都说 StringBuilder 在处理字符串拼接上效率要强于 String，但有时候我们的理解可能会存在一定的偏差。最近我在测试数据导入效率的时候就发现我以前对 StringBuilder 的部分理解是错误的。后来我通过实践测试…
为什么基本数据类型存放在栈空间引用数据类型存在堆空间
我理解是栈比较方便存储，查询和存储速度很快，所以对于简单的数据类型存放在栈中比较好并且对于空间的利用也很充分，堆空间他存放数据很灵活，很自由更适合存储比较复杂的数据，他俩都有一个共同特点就是查询删除很快&…
一款号称最适合程序员的编程字体
点击上方 果汁简历 ，选择“置顶公众号”优质文章，第一时间送达JetBrains在2020年的时候推出了一种新字体，即JetBrains Mono，它是专为开发人员设计的。JetBrains表示：在当今的大部分时间里，我们作为开发人员…
LeafletJS-事件处理
Leaflet JavaScript程序可以响应用户生成的各种事件。在本章中，我们将提供一些示例，展示如何在使用Leaflet时执行事件处理。
事件处理
请按照以下步骤将事件添加到地图。
步骤1-通过传递< div >元素（字符串或对象）和地图…
LeafletJS-图层组
图层组
使用图层组，可以将多个图层添加到地图并将其作为单个图层进行管理。
请按照下面给出的步骤创建一个LayerGroup并将其添加到地图中。
步骤1-通过传递< div >元素（字符串或对象）和地图选项（可选）来创建地…
LeafletJS-线和多边形
在上一章中，我们学习了如何添加各种形状，例如圆形，多边形，矩形，多段线等。在本章中，让我们讨论如何添加多面，多矩形和多段线。
线
要使用Leaflet JavaScript库在地图上绘制多段线叠加层&#…
LeafletJS-矢量图层
在上一章中，我们学习了如何在Leaflet中使用标记。除了标记外，我们还可以添加各种形状，例如圆形，多边形，矩形，折线等。在本章中，我们将讨论如何使用Google Maps提供的形状。
折线
要使用Leafle…
JavaScipt简介和基础语法
JavaScipt基础语法
1.javascript简介 2.javascript组成 ①核心ECMAScript就是定义了javascript的一些基本语法 ②文档对象模型DOM就是对html文本中的一些交互操作 ③浏览器对象模型BOM就是使得html与浏览器进行交互
例如（window.open()打开一个浏览器窗口&#…
第一次听说因为写了一段 JavaScript 代码入狱了
背景几行代码让他增粉 100W 最后入狱，他就是著名 Samy 蠕虫病毒的作者 Samy Kamkar，通过 Samy 蠕虫成功为自己新增 100W 粉丝最后入狱。这也是一个里程碑，世界上第一只 “Web 蠕虫”诞生。那么我们今天要聊的就是如何从技术的角度理解他是如何…
Dom 获取节点方法
节点的分类： 元素节点 html标签 img body input div 文本节点 文字部分 属性节点 标签内的属性 注释节点 1.document 页面中最大的节点，有且只有一个。不属于元素节点，是页面中所有节点的容器。 根节点。 2.html 页面中最大的元素节点。…
这 7 个 Spring Boot 项目够经典！
点击上方 果汁简历 ，选择“置顶公众号”优质文章，第一时间送达前言不得不佩服 SpringBoot 的生态如此强大，今天给大家推荐几款优秀的后台管理系统，小伙伴们再也不用从头到尾撸一个项目了。SmartAdmin我们开源一套漂亮的代码和一套…
超美观的 Vue+Element 开源后台管理 UI
点击上方 果汁简历 ，选择“置顶公众号”优质文章，第一时间送达EuiAdmin是基于VueElement等组件联合开发的一个免费的开源后台，你可以通过（euiadmin.com）进行下载和体验，此后台免费开源，可以直接…
vue 单文件组件(.vue 文件) 和使用 new vue 进行根元素绑定的页面（.html 文件）的区别
vuejs 单文件组件.vue 文件 vuejs 自定义了一种.vue文件，可以把html, css, js 写到一个文件中，从而实现了对一个组件的封装， 一个.vue 文件就是一个单独的组件。由于.vue文件是自定义的，浏览器不认识，所以需要对该…
是时候扔掉 Postman 了，试试 IntelliJ IDEA 自带的高能神器！
点击上方 果汁简历 ，选择“置顶公众号”优质文章，第一时间送达来源：my.oschina.net/keking/blog/3104972前言从邮递员到IDEA REST客户端IDEA REST客户端控制台历史请求记录构建HTTP请求脚本环境区分结果断言结果值暂存结语前言内部调试是每个…
没有这 29 款插件的 Chrome 是没有灵魂的
点击上方 果汁简历 ，选择“置顶公众号”优质文章，第一时间送达前言相信很多人都在使用 Chrome 浏览器，其流畅的浏览体验得到了不少用户的偏爱，但流畅只是一方面， Chrome 最大的优势还是其支持众多强大好用的扩展程序&a…
怒爬某 Hub 资源就为撸了一个鉴黄平台
黄色已经是我们所不容然而却防不胜防的，尤其是对于做内容的工具和平台，所以花了30分钟搭建了一个鉴黄平台，分享给大家。数据准备找了 N 多资源都不能解决问题，于是怒爬某 Bub资料，备用准备验证鉴黄效果。账号准备本文使…
JavaScript-DOM操作
JavaScript–DOM 增删改查
浏览器网页就是一个DOM树形结构！
更新：更新DOM节点遍历DOM节点：得到DOM节点删除：删除一个DOM节点添加：添加一个DOM节点
1 更新
将id为pp的标签内容更改为456
<p id"pp">…
ajax请求里面调用window.open会被浏览器拦截
场景： 业务系统需要跳转到其他系统-支付平台去完成支付，使用的 window.open(url)，跳转之前需要做一系列的ajax验证， 那么问题来了，window.open放在ajax校验完成并且成功后才会调用，这时浏览器会觉得这个弹窗…
Select2 多选框
1. 引入select，官网可以下载 <link rel"stylesheet" href"$!static/static/js/select2-4.0.3/select2.min.css"/>
<script src"$!static/static/js/select2-4.0.3/select2.js"></script>
<script src"$!st…
js三个截取字符的方法
js中有三个截取字符的方法，分别是substring()、substr()、slice()。这三个方法都可以对字符串进行截取，并且返回一个新的字符串，原字符串不会改变。例如： res abcdefgh;console.log(res);res1 res.substr(1, 3);console.log(res…
CEF3实现js与C++交互功能, Render进程中OnContextCreated绑定与OnWebKitInitialized的js扩展无法回调
研究一个东西就是一个不懈的过程，前几篇文章中都一直在研究CEF浏览器内核在MFC中的使用（当然我的习惯是将duilib应用到MFC中，既能用MFC快捷创建对话框的功能、多窗口功能<这个很重要，因为duilib所有控件是显示到一个hwnd中的&a…
selenium WebDriver 中的几种等待--sleep(),implicitly_wait(),WebDriverWait()
强制等待:sleep() import time
sleep(5) #等待5秒设置固定休眠时间，单位为秒。 由python的time包提供, 导入 time 包后就可以使用。缺点：不智能，使用太多的sleep会影响脚本运行速度。 隐式等待:implicitly_wait() driver.implicitly_wait(10…
JS实现select选中option触发事件操作示例
本文实例讲述了JS实现select选中option触发事件操作。分享给大家供大家参考，具体如下：
我们在用到下拉列表框select时，需要对选中的选项触发事件，其实本身没有触发事件方法，我们只有在select里的onchange方法里触发。…
使用jQuery实现返回顶部
目录前言效果图实现完整的style和body部分HTML代码前言 最近要设计一个网页，想实现一个类似于菜鸟教程的返回顶部按钮，但找了很久都没找着合适的实现方法，最后自己结合菜鸟教程的设置和网上的其他一些设置，自己结合jQuery实现了这…
Jquery 插件开发的一点知识
//根据《jQuery高级编程》的描述，jQuery插件开发方式主要有三种：//(1)通过$.extend()来扩展jQuery
//(2)通过$.fn 向jQuery添加新的方法
//(3)通过$.widget()应用jQuery UI的部件工厂方式创建//通常我们使用第二种方法来进行简单插件开发，说简…
$(this).attr(checked) 为 undefined
在Jsp中去checkbox的选中与否： 使用Jquery的attr方法: var selectStatus $("#checkboxId").attr("checked"); 如果 selectStatus true 则 为选中状态 如果 selectStatus false 则为为选中状态 但是 有时: selectStatus 为 undefined…
移动端自动化测试-WTF Appium？
手机App分为两大类，原生App(Native App)和混合APP(Hybrid App) 原生App(Native App) 原生App实际就是我们所常见的传统App开发模式，云端数据存储App应用客户端。App应用客户端，包含了所有的UI元素、框架逻辑等。只有数据存储在云端。 混合App…
js中进行浮点型运算 加减乘除
js中浮点型是如何运算的呢？
例如：var a0.69;
我想得到6.9 直接这样写 var ca*10;
alert(c); 得到结果是：6.8999999999999995
到网上一搜，有网友说这是一个JS浮点数运算Bug,找了解决方法：
方法一：有j…
Selenium-Css Selector使用方法
什么是Css Selector？ Css Selector定位实际就是HTML的Css选择器的标签定位 工具 Css Selector的练习建议大家安装火狐浏览器后，下载插件，FireFinder 或 FireBug和FirePath组合使用。 Css Selector使用方法 1、Css Selector支持ID、Class的定位…
WebAPIs05- 元素偏移量 offset 系列 、元素可视区 client 系列 、元素滚动 scroll 系列 、动画函数封装、常见网页特效案例
学习目标: 能够说出常见 offset 系列属性的作用 能够说出常见 client 系列属性的作用 能够说出常见 scroll 系列属性的作用 能够封装简单动画函数 **1.1. **元素偏移量 offset 系列
1.1.1 offset 概述
offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以…
使用复选框，实现全选，单独选中等需求功能
使用复选框，实现需求需求实现html,拿到数据后，先将左侧数据渲染到页面上js部分需求
当我点击单个复选框，将内容添加到右侧当我复选框全部点击后，将内容添加到右侧，全选按钮自动勾选当我点击全选按钮，左侧内…
vue解决图片报错，添加默认图片
vue解决图片报错，添加默认图片单个页面一处添加默认图片的方式单个页面多处添加默认图片的方式好多页面添加默认图片的方式在我们写项目的时候，会遇到图片由于网络原因加载不出来的问题，后端返回的图片地址不正确，这个时候&#x…
火狐浏览器兼容鼠标滚轮事件
火狐浏览器兼容鼠标滚轮事件
起因：
this.$refs.canvasDivBox.addEventListener(mousewheel, this.zoomInOrOut, false);
这段代码在chrome中运行正常，但是到firefox中时则不会被触发。
原因：
firefox不支持mousewheel，请使用…
XPCOM的JS回调(VS2010)
1.XPCOM的很多东西都和COM的内容很像。当然也就在类型上有很多麻烦的地方，在此也不再啰嗦，读者自己研究尝试。
这里只是做个简单的示例，用于XPCOM回调JS内容。 准备：
1.下载python2.7.3(高的版本貌似有点问题，木有深…
“查看更多”功能，较完美的实现
“查看更多”功能，较完美的实现
需求： 文本过多时隐藏文本，用省略号代替，省略号后面有“查看更多”的按钮。 点击“查看更多”后展开所有文本，如下图： 点击“收起”后恢复原状。 实现
<div class&qu…
JS中Math函数的常用方法
Math 是数学函数，但又属于对象数据类型 typeof Math > ‘object’ console.dir(Math) 查看Math的所有函数方法。 1，Math.abs() 获取绝对值
Math.abs(-12) 122，Math.ceil() and Math.floor() 向上取整和向下取整
3，Math.roun…
git 完整提交代码，首次提交注意事项，创建分支not a valid object name: ‘master‘错误，VScode提交代码
在刚刚建立配置好密钥，本地上面都没有时
1、拉取远程仓库代码：
git clone XXX（XXX为刚刚复制的仓库链接）①注意：如果本地该文件夹有代码，不会覆盖但是很不建议这样做，会有各种问，最…
React实战入门课程：dva开发一个cnode网站（3）
完成详情页渲染，用到了react-markdown来渲染 先看效果： 1 在components下新建Detail.js
import React , { Component }from react;
import { Card, Avatar, Spin, Icon,Comment, Tooltip, List} from antd;
import PropTypes from prop-types;
import …
element UI form 数字，小数点验证
dom代码 <el-form-item label"申请金额(不含税)" prop"canInvoice"><el-input v-model"ruleForm.canInvoice" /></el-form-item>js代码 // 表单验证private rules{canInvoice: [{validator: (rule, value, callback) > {if…
JavaScript 深浅拷贝，数组循环遍历，数组去重，截取扩展名，屏蔽关键词......
深浅拷贝
要解释深浅拷贝，就不得不说一下引用类型的赋值操作，这里我们在demo中看一下什么叫深拷贝与浅拷贝。
引用类型的赋值操作
1. 简单数据类型/基本数据类型
实例
// 此时 str1 中存储的是 数据 北京
var str1 北京;// 将 str1 中存储的数据北…
JavaScript——反转链表
题目描述
输入一个链表，反转链表后，输出新链表的表头。
例如：
输入：a->b->c->d->e
输出：a<-b<-c<-d<-e
反转链表示意图如下，链表的最后一个元素next指向null。 /*function Li…
JavaScript——合并两个有序链表
题目描述
输入两个单调递增的链表，输出两个链表合成后的链表，当然我们需要合成后的链表满足单调不减规则。
例如：
输入：链表一：1->3->5->7 链表二：2->4->6->8
输出：链…
JavaScript——旋转数组的最小数字
题目描述
把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。 输入一个非减排序的数组的一个旋转，输出旋转数组的最小元素。 例如数组{3,4,5,1,2}为{1,2,3,4,5}的一个旋转，该数组的最小值为1。 NOTE：给出的所有…
js——两个栈Stack实现一个队列Queue
基本概念理解:
/*栈（stack）又名堆栈，它是一种运算受限的线性表。
其限制是仅允许在表的一端进行插入和删除运算。
这一端被称为栈顶，相对地，把另一端称为栈底。
向一个栈插入新元素又称作进栈、入栈或压栈，…
二维有序数组的查找——剔除列剔除行
题目描述
在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该…
JavaScript——在原数组上移除数组元素
题目：给定一个数组 nums 和一个值 val，你需要原地移除所有数值等于 val 的元素，返回移除后数组的新长度。 不要使用额外的数组空间，你必须在原地修改输入数组并在使用 O(1) 额外空间的条件下完成。 元素的顺序可以改变。你不需要考…
transformation-matrix
适用于JavaScript的2D仿射矩阵电动工具
给2D仿射变换矩阵用户的重要消息： 这是2D仿射变换矩阵的最后一次更新。我对正在使用它的人表示歉意，但由于个人原因，我不能再花费（浪费）时间开发它（或任何其他“开源…
关于js/vue字符串截取方法总结
关于js/vue字符串截取方法总结
下面展示一些 内联代码片。
// 例如有这样一个字符串
let str 1234567890;
// 返回整个字符串方法
str str.slice(0);//返回整个字符串 1234567890
str str.substring(0);//返回整个字符串 1234567890
str str.substr(0);//返回整个字符串 …
VUE 下载文件 二进制转换
最近在做商城类网站，要实现用户资质及商品资质下载功能 下面直接上代码 let url window.URL.createObjectURL(new Blob([data], { type: "application/zip" }));let link document.createElement("a");link.style.display "none";…
Vue全家桶构建项目
步骤一、安装vue-cli
首先，我们可以通过npm安装vue-clic,前提是我们需要有node环境，如果电脑还没安装node，先安装，可通过
node -v 查询node的版本号，有版本号则已经安装成功；
vue全家桶项目构建教程 接下…
let,const,var区别
一.JavaScript中let、const、var 的区别
1.是否存在变量提升？
var声明的变量存在变量提升（将变量提升到当前作用域的顶部）。即变量可以在声明之前调用，值为undefined。 let和const不存在变量提升。即它们所声明的变量一定要在声…
vue实现PC端标签拖动效果
1.拖动需要监听鼠标按下、移动、抬起事件 2.一开始全部用methods绑定方法，后面发现用自定义指令directives比较方便，不用声明在data里声明变量，以及一个一个的绑定事件
<template><div class"ad" v-drag><el-badge…
js计算两个日期操作
$(document).ready(function(){s1 "2018-1-1" s2 "2018-10-1"alert(addDays(273))alert(dateDiff(s1,s2))
});
function dateDiff(sDate1, sDate2){ //sDate1和sDate2是2002-12-18格式
var aDate, oDate1, oDate2, iDays;
aDate sDate1.sp…
vue简单使用echarts
安装引入
// 安装Echats
npm install echarts --save
// 引入
import echarts from echartshtml部分
<div id"chartLineBox" style"width: 90%;height: 70vh;"></div>js部分
methods: {// 按需搜索search(formData) { …
JS中使用bignumber.js处理大额数据进行高精度小数运算的实战方法
目录
前言
一、JavaScript 中精度问题
1、精度问题汇总
二、使用bignumber.js解决精度问题
1、安装bignumber.js
2、静态方法
3、实例方法
4、大额数据处理函数
5、大额数据比较函数 前言
在金融以及加密货币领域，对于数据的精度要求非常高。比如…
解决: Error:svn: E155037: Previous operation has not finished; run 'cleanup' if it was interrupted
精选30云产品，助力企业轻松上云！>>> 打开项目所在文件夹-->打开cmd-->运行 svn cleanup 然后重新执行即可
Kubernetes 解决/var/run/secret/kubernetes.io/serviceaccount/token no such file or
Kubernetes 解决/var/run/secret/kubernetes.io/serviceaccount/token no such file or directory问题 kubectl get serviceaccount NAME SECRETS default 0 如果没有则需要添加 在apiserver的启动参数中添加： --admission_controlServiceAccount apiserver在…
微信小程序自定义tabbar底部导航栏
最近开始在写一个零基础从0写一个失物招领小程序的系列视频，涉及到了自定义tabBar，也就是底部导航栏的内容。看了下我的博客似乎之前没更新过，所以给大家写一篇。 首先我们先去看下官方文档： 其实大致来说，可以总结为三…
什么鬼，Kubelet 重启之后容器也跟着重启了？
更多奇技淫巧欢迎订阅博客：https://fuckcloudnative.io1. 问题描述在修复 cgroup 泄漏问题时会现停掉 kubelet，待修复完成后启动 kubelet 组件，重启后收到业务反馈，业务容器重启了。2. 问题排查这个问题具体原因的排查还是花了一定…
根据 PID 获取容器所在的 Pod 名称
想获得更好的阅读体验，可以点击『阅读原文』直接访问博客链接。在管理 Kubernetes 集群的过程中，我们经常会遇到这样一种情况：在某台节点上发现某个进程资源占用量很高，却又不知道是哪个容器里的进程。有没有办法可以根据 PID 快速…
【工作记录】Threejs学习笔记-基础概念
基础概念
Renderer（渲染器）:
渲染器是Three.js中负责将3D场景转换为2D图像并显示在网页上的核心组件。常见的渲染器类型是WebGLRenderer，它利用WebGL技术与浏览器的canvas元素配合工作，将三维模型、光照效果等渲染到屏幕上。
c…
某音乐平台歌曲信息逆向之参数寻找
如何逆向加密参数：某音乐平台歌曲信息逆向之webpack扣取-CSDN博客 参数构建
{"comm": {"cv": 4747474,"ct": 24,"format": "json","inCharset": "utf-8","outCharset": "ut…
nodejs使用axios获取url的图片信息并转换为base64
推荐一款AI网站， AI写作与AI绘画智能创作平台 - 海鲸AI | 智能AI助手，支持GPT4设计稿转代码 要使用axios库在Node.js中获取URL的图片信息并将其转换为Base64编码，首先需要安装axios。如果你还没有安装，可以使用以下命令来安装它&…
记录vue3导入并使用echarts自定义主题文件设置统一图表样式
在做数据可视化网站时，有时需要用到多个图表，这时就需要对图表的样式做一个统一的设计使网站外观更整齐。具体步骤如下：
第一步：在echarts官网定制好主题，并下载js文件 第二步：在index.html文件引入该文件…
js形参传递特殊字符
在前端我们给其他页面传值或者传数据到后台的时候，字符串经常将一些特殊符号识别成字符集。这种情况下会将数据打断或者打乱，比如字符串里面包含*/&这些符号的时候就会错误。
我们可以通过将字符中的特殊字符替换成十六进制的字符，一些特…
用json对象表示表格
工程名称： 巡查日期： 库水位： m 天气：
巡查路线：主坝-正常溢洪道-***
巡视检查部位损坏或异常情况计划处理措施处理情况主坝坝顶无 防浪墙无 迎水坡水位变化区干砌石护坡多处松动。见…
jquery 操作类
作用等同于以前的classList，可以操作类样式，注意操作类里面的参数不要加点。
1.添加类$(“div" ).addClass("current");2.移除类$(“div" ).removeClass("current");3.切换类$(“div" ).toggleClass("current&…
jquery将json字符串转换成可以遍历的对象
数据 var navJson "[{"areaId":197,"checked":"","oflag":"","stockUp":"N","whAddress":"Keppel Distripark Blk 513 #01-130，Kampong Bahru Road ，Singap…
jQuery选择器和筛选方法
1.1 基础选择器
原生S获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery给我们做了封装,使获取元素统一标准
(选择器”)∥里面选择器直接写CSS选择器即可,但是要加引号
名称用法描述ID选择器s("#id")获取指定D的元素全选选择器s(*)匹配所有元素类选择器s(&…
javascript中window.document的属性、方法和事件的总结
javascript中window.document的属性、方法和事件的总结，有需要的朋友可参考一下本文章。 属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的子节点列表(只读) dataType 返回此节点的数据类型 Definition 以DTD或XML模式给出的节点的定义(只读…
vue中按钮防止暴力点击，多次提交数据的问题，组件通用化封装
方法1：用计时器改变按钮可点击状态
<template><div class"test"><button click"btnClick">button</button></div>
</template><script>export default {name: HelloWorld,data() {return {is_click…
在vue中阻止click事件冒泡，防止触发冒泡另一个事件
使用vue阻止子级元素的click事件冒泡，很简单，用stop
<div click"test1()"><span click.stop"test2()">按钮1</span><span>按钮2</span>
</div>
这样点击div里面的按钮1，就不会触发…
js ,javascript数组去重,取最大最小值 ES6
let arr [1, 4, 7, 4, 3, 2, 1, 4, 7];let newArr Array.from(new Set(arr));console.log(newArr);
数组去重 var arr [23, 45, 40, 30, 12];var iMin Math.min(...arr);//最小值var iMAX Math.max(...arr);//最大值console.log(iMin,iMAX);
javascript 正则表达式验证
vue中使用正则表达式
export const validatorCheck (rule, value, callback) > { if (value || value undefined) {callback();} else {//正则验证switch (rule) {case number: //验证整数value.match(/^[0-9]*$/) ? callback() : callback("必须为数字")br…
【已解决】react.js javascript web前端导出Excel表格
react 前端导出excel
1.安装下载
npm install js-export-excel
2.引入 import ExportJsonExcel from js-export-excel
3.调用方法 var option{};option.fileName excel
option.datas[{sheetData:[{one:一行一列,two:一行二列},{one:二行一列,two:二行二列}],sheetName:sheet…
前端面试——JavaScript中this的作用
this是 JavaScript 语言的一个关键字。
它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如：
function test() { this.x 1;
}
随着函数使用场合的不同，this 的值会发生变化。但是有一个总的原则，…
js 获取url 参数时出现中文乱码
浏览器默认使用的是 encodeURI 对汉字进行的编码 所以在解码的时候就需要使用decodeURI 而不是 unescape
function getQueryString(name) { var reg new RegExp("(^|&)" name "([^&]*)(&|$)", "i"); var r window.location.sea…
JS和jQuery的遍历和赋值操作
ul li遍历
JS
var list document.getElementsByTagName("li");
for (var i 0; i < list.length; i) {$li list[i];
}jQuery
$(#div).find(li).each(function() {$(this).click(function() {// 控制台打印日志console.log($(this).index());})
})var terrain…
this 指向题执行代码行分析
题目
时间：2022-3-3
var num 10
var obj { num: 20 }
obj.fn (function (num) {this.num num * 3numreturn function (n) {this.num n numconsole.log(num) }
})(obj.num)
var fn obj.fn
fn(5)
obj.fn(10)
console.log(num, obj.num)你认为的结果是什么&am…
前端项目中常用JS方法封装分享
写在前面
我在写项目时，会把经常用到的方法专门用一个JS文件来管理，下面是我项目中经常用的一些方法 1、日期格式化（时间戳转年月日时分秒）； 2、千分位格式化（10000转10,000）； 3、E…
浅探 Vue 为什么不增加数组下标响应式
Vue 的双向数据绑定，使得修改数据后，视图就会跟着发生更新，比如对数组进行增加元素、切割等操作。然而直接通过下标修改数组内容后，视图却不发生变化。那么，在保留原有的数组响应方式下，为什么 Vue 不增加对…
js对象数组深浅拷贝总结
为什么有深浅拷贝
这得从JavaScript的变量中包含两种类型的值说起 基本类型值 基本类型值指的是存储在栈中的一些互相隔离的简单的数据段，比如 String, Number, Boolean 等简单类型 引用类型值 引用类型值是引用类型的实例，它是保存在堆内存中的一个对…
代码干货 | vue.js列表渲染
本文来源于阿里云-云栖社区，原文点击这里。 v-for 我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名 基本用法
<ul id"example-1"&…
前端之下拉列表项的转移（通过一个函数传参实现）
今天带来的是js实现的下拉列表项的转移，其中有两个特别需要注意的地方，一个是在按钮中调用函数时参数的传递，一个是表单对象的name可不可以当作参数传递。
首先我把代码给出：（直接复制就可以测试效果了）
…
代码干货 | vue模板语法
本文来源于阿里云-云栖社区，原文请点击这里。 Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上…
不同环境下JavaScript的构成
JavaScript 脚本
大部分主要开发语言是 JavaScript ，开发者使用 JavaScript 来开发业务逻辑来完成业务需求。
ECMAScript
ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本程序设计语言， JavaScript 是 ECMAScript 的一种实现。
JavaScript同浏览…
Vue组件化开发 -＞（个人学习记录笔记）
文章目录Vue1. 组件化开发1.1 基本使用过程1.2 全局组件和局部组件1.3 父组件和子组件1.4 注册组件的语法糖写法1.5 组件模板抽离1.6 组件中的data1.7 父子组件通信父传子props子传父父子组件通信案例watch监听改变父子组件的访问方式: $children父访问子子访问父2. 组件化高级…
将nodejs项目打包为exe方便在没有Node的环境中部署
nodejs21之前可以使用pkg，21版本之后支持单个可执行应用程序 https://github.com/vercel/pkg?tabreadme-ov-file https://nodejs.org/api/single-executable-applications.html
这样能解决服务器上没有exe的问题了 Windows中使用WinSW工具进行服务的安装
前端手册-实现挂坠灯笼效果
Unity3D特效百例案例项目实战源码Android-Unity实战问题汇总游戏脚本-辅助自动化Android控件全解手册再战Android系列Scratch编程案例软考全系列Unity3D学习专栏蓝桥系列ChatGPT和AIGC
👉关于作者 专注于Android/Unity和各种游戏开发技巧，以及各种资源分…
【Echarts】曲线图上方显示数字以及自定义值，标题和副标题居中，鼠标上显示信息以及自定义信息
欢迎来到《小5讲堂》 大家好，我是全栈小5。 这是《前端》系列文章，每篇文章将以博主理解的角度展开讲解， 特别是针对知识点的概念进行叙说，大部分文章将会对这些概念进行实际例子验证，以此达到加深对知识点的理解和掌握…
手写JS之经典题目（持续更新）
文章目录 手写一个 Promise节流函数防抖函数 手写一个 Promise
function Promise(executor) {let _this this;this.state pending // 状态this.value undefined; // 成功结果this.reason undefined; // 失败原因this.onFulfilledFunc []; // 保存成功回调this.onRejected…
通俗易懂分析：Vite和Webpack的区别
1、对项目构建的理解
先从浏览器出发， 浏览器是由浏览器内核和JS引擎组成；浏览器内核编译解析html代码和css代码，js引擎编译解析JavaScript代码；所以从本质上，浏览器只能识别运行JavaScript、CSS、HTML代码。 而我们在…
bootstrap企业网站前端模板
介绍
企业网站前端模板
软件架构
前端所用技术html/css/js/jquery 前端框架bootstrap
安装教程
浏览器本地路径访问发布到服务器比如（tomcat/nginx等）云服务器/虚拟机
网站效果图 网站预览
点击预览
源码地址
https://gitee.com/taisan/company…
40 openlayers setCenter 之后 绘制了Overlay 地图定位异常
前言
这是之前在 生产环境碰到的一个问题
这个其实就是 业务上一个地图点击点位展示详情, 然后再点击另外一个点位 展示详情, 切换中心店的这个过程
其主要的问题是 使用 openlayers 的 Map.View.setCenter() 了之后, 整个地图的中心点切换到了一个莫名其妙的地方
然后 经…
35 跨域相关问题, 以及常见的解决方式
前言
跨域相关
这是一个 经常会碰到的问题
然后 常见的解决方式 也大概就是几种, 各有各的问题
这里仅仅是 从理论上 来探讨这个问题
主流的解决方式 是通过代理, 将不同域 合并到同一个域 测试用例
测试用例如下, 这里仅仅是一个简单的数据展示
获取对方 “/config.jso…
vite配置别名警告‘__dirname‘ is not defined.
分析 __dirname为node环境的变量 解决 设置eslint环境配置为node env: { Node: true, es2020: true },
实现行数据拖拽sortablejs
拖拽实现参考 sortablejs中文网 sortablejs官方实现参考
需求：实现列表行拖拽，比如将列表的第二行拖动到第一行，序号不变
1-安装：
npm install sortablejs
2-引入： import Sortable from "sortablejs"…
小程序之自定义组件 结合案例
🎬 艳艳耶✌️：个人主页 🔥 个人专栏 ：《Spring与Mybatis集成整合》《Vue.js使用》 ⛺️ 越努力 ，越幸运。 1.自定义组件 开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用&#…
OkHttp的理解和使用
OkHttp是一个流行的开源HTTP客户端库，用于在Android和Java应用程序中进行网络请求。它提供了简洁易用的API和丰富的功能，包括同步和异步请求、文件上传和下载、缓存管理等。
下面是一个详细的OkHttp教程，帮助你理解和使用OkHttp：…
微信小程序【TypeError:Cannot read property ‘xxx‘ of undefined】特殊情况解决方法
xxx是一个属性
报错： 解决方法
翻译：TypeError：无法读取未定义的属性“ xxx”
产生原因：
未定义对应的属性变量不能正确的找到对应的变量
解决方法： 原因一： 在data中定义对应变量，并且最…
如何在JSP页面使用绝对路径显示图片
首先，图片和工程不在一个盘符下，图片也不能放到工程下。
在JSP 文件中 <img src"C:/Users/fx/Pictures/test.jpg"/>这样是引不到图片的。因为，JSP页面在引图片的时候是 在页面解析的路径是<img src"http://localhos…
js向cookie中赋值、取值
name：cookie的名字 expires：cookie的存活时间 path：作用范围，保存位置；这个填不对的话会影响cookie的获取
使用方法
cookie赋值：
var userName"xiaoming";
setCookie("userName", …
本都存储html localstorage sessionstorage cookie
localstorage(常用) sessionstorage <script>const login_btn document.querySelector("#btn")const user_name document.querySelector("#user_name")const user_password document.querySelector("#user_password")const usermegs d…
js进行Dom操作获取指定的兄弟类型节点
//获取指定的兄弟类型节点
//currentObj：当前节点，type：类型，如p标签，input标签等，如果是p标签，则传p，皆同理
function getOtherBro(currentObj,type) {var a [];var p currentObj…
Java Script Dom事件
鼠标事件
1.onclick
语法：
object.οnclickfunction(){SomeJavaScriptCode};
定义和用法
onclick 事件会在元素被左键点击时发生。
实例：
// 鼠标左键单击事件box.onclick function() {box.style.backgroundColor "red";}
支持 oncl…
JS -制作随机点名册案例
点名册效果图 相关代码：
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</t…
优雅解决： assignment to property of function parameter ‘state‘
在airbnb的eslint规则中，有这样一条规则no-param-reassign
目的是提醒你不要直接修改函数的入参。因为假如入参是一个对象，修改入参可能会导致对象的属性被覆盖。
// 不好的做法
function f1(obj) {obj.key 1; // 可能对象本身就用key的属性ÿ…
json-server和她的RESTful API
前言
在前端领域，经常会对后台数据进行Mock，即模拟假数据。因为前后台往往是并行开发的，我们按照接口文档自行伪造（mock）一些数据。这样在理想状态下，在最终联调时，只需要切换一下配置文件的服…
Mixed Content: 资源加载失败
文章目录原因特点Passsive mixed contentActive mixed content解决原因
当一个https的网站，发出了http的请求，就会出现以下的情况。
谷歌浏览器中
The page at https://active-mixed-content.glitch.me/ was loaded over HTTPS, but requested an ins…
Mockjs的理解与简单使用
感觉在实际前后台联调的过程中，主要有以下几个用到Mockjs的时机：
开发新功能，后台接口以及相关的字段已经定义了，但还并没有写实现，也就是无法访问，这时候就可以使用Mockjs，来模拟数据的返回。…
antd 与 element-ui如何按需引入，以及二者的不同
antd与element-ui作为两个用途广泛的ui框架，均提供了按需引入，毕竟全量引入会导致包体积太大。尤其是当我们只想使用其中几个组件的时候，按需引入就变得更有必要了。
我特意数了一下，二者均提供了共计63个组件，这是不…
JavaScript中的自动装箱与拆箱
记得以前学习Java的时候有自动装箱与拆箱的概念。比如：
// 自动装箱
Integer num 100;
// 自动拆箱
int primitiveNum num;所谓装箱拆箱就是指基本数据类型与包装类型的自动相互转换。他的目的就是可以简化代码，提升编程体验。
在JavaScript语言中&a…
JS根据conten-disposition保存文件
后台生成Excel并命名后传送 命名保存在Headers的Content-Disposition内
命名保存语句
Response.Headers.Add("Access-Control-Expose-Headers", "Content-Disposition");希望前端以该命名保存数据
那么该如何保存呢
源代码：
我这里先在页面…
JS中的双等于==比较操作符，你真的了解么？点进来检验一下
首先看以下问题，后边我会逐一讲解并总结。肯定可以让你记住。
"1" 1; // ?
1 "1"; // ？
0 false; // ？
0 null; // ？
0 undefined; // ÿ…
241 PHP取消按enter键提交表单
<form method"post" action"XXXXX" onkeydown"if(event.keyCode13)return false;"></form>使用 onkeydown"if(event.keyCode13)return false;"
οnkeydοwn"if(event.keyCode13)return false;" 即可
221 JS简单循环遍历json数组的方法
根据这个改编https://www.cnblogs.com/wszz/p/7903784.html
如果是js循环里面还有循环，双层循环里面的小循环参照下面的
var html_1 ; var str msgs[i].cve_return; var xqo eval(( str )); for(var ii in xqo){ html_1 <a target"_blank" hr…
微信小程序+ColorUI
官网
1、Color UI | 下载包
2、语雀文档 ColorUI 群资源
3、Github ColorUI 鲜亮的高饱和色彩，专注视觉的小程序组件库 开发
1、下载官方案例demo，文件如下，colorui是独立的引入文件夹资源。 2、在app.json内 3、配置引入css样式的操作、…
面试题-js获取cookie中存储的值?
js获取cookie中存储的值？
1、cookie是浏览器提供的一种机制，它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。cookie是存于用户硬盘的一个文件，这个文件通常对应于…
Vue-cli入门教程
前言
安装 npm
npm 全称为 Node Package Manager，是一个基于Node.js的包管理器，也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。
npm -v安装 cnpm
npm install -g cnpm --registryhttps://registry.npm.taobao.org//由于网络原因安装c…
H5当弹出弹窗遮罩时如何阻止滚动穿透(使用css方式)
最终解决方案：使用当弹窗出现的时候将页面body的position设置为fixed并记录此刻滚动的位置,弹窗消失去除position属性 遮罩层显示
onInviteFriendClick() {this.viewState.shareCover.visible true;//遮罩出现不可以滚动let scrollTop document.body.scrollTop…
不写js代码，如何一键保存d3.js绘制的网页svg图
d3.js和百度的echarts能够在网页端利用js代码绘制出各类型漂亮的图形。该类图形通常在网页chart容器中，以canvas或svg节点id所标记。 在网页中，绘制的通常是矢量图形。不会随着网页放大而失真，但采用常规截图的方式保存图片，失真无…
h5页面弹出弹窗时，js防止页面滚动穿透到底层页面
//弹窗弹出时调用
openMaskFun(){let scrollTop document.body.scrollTop || document.documentElement.scrollTop;document.body.style.cssText position:fixed;width:100%;top:- scrollTop px;;
},//弹窗关闭时调用
closeMaskFun(){let body document.body;body.style.p…
vue跑马灯组件vue-marquee的使用
1、安装vue-marquee
npm install vue-marquee
2、在所需要的页面中引入组件
import vueMarquee from vue-marquee;
components: {vueMarquee
},
3、在页面中使用vue-marquee组件
<vue-marquee :duration"600" :interval"2000"><div v-for&qu…
url自动转化为二维码图片
http://bshare.optimix.asia/barCode?siteweixin&urlhttps://www.baidu.com
url参数就是你扫码要跳转的链接地址 微信小程序二手闲置商城校园跳蚤物品交换 免费信息发布系统功能源码（微信小程序和php后台管理）:https://blog.csdn.net/qq_242294199…
vue网页调用百度api进行定位
注意：直接引入script的话，可能会报错：Bmap is not defined
解决方案：
第一步：新建一个map.js
export function MP(ak) {return new Promise(function (resolve, reject) {window.onload function () {resolve(BMap…
js中的三种排序方法
js中的三种排序方法js中的三种排序方法一、冒泡排序二、选择排序三、快速排序js中的三种排序方法
一、冒泡排序
function bubbleSort(arr){for (var j 0;j<arr.length- 1; j) {for (var i 1; i < arr.length-j; i) {var item arr[i - 1];if (item > arr[i]) {arr…
JavaScript高级04天笔记
学习内容：正则表达式的概述；js中的使用；特色字符； 学习目标：说出正则表单式的作用，写出简单正则表达式；使用正则表达式对表单进行验证；正则表达式替换内容 1.正则表达式概述
1.1什么…
Jquery结合css写开关按钮，拨动开关
Jquery结合css写的开关 效果 CSS .choose-btn2 { display: none; }
.choose-label2 { box-shadow: #b1b1b1 0px 0px 0px 1px; width: 52px; height: 26px; display: inline-block; border-radius: 16px; position: relative; background-color: #bdbdbd; overflow: hidden; ma…
div弹出窗口+表单事件
最新版本连接地址（有效果图）：https://blog.csdn.net/fly19920602/article/details/108746283 以下为旧版本 Html代码当前页找个地方嵌进去不要影响页面整体结构就行，
主要是没触发这个窗口弹出前是隐藏的 这里为了方便我加用了Jb…
js实现复选框的漂亮做法
效果 上代码 ：ul中的两个li内容是相同的，就是你要展示的列表记录
样式 .li-l .select-no{display: none; padding-left: 5px}.select .li-l .select-yes{display: block; padding-left: 5px}
Html
<ul class"sp-list" style"width…
filter函数（JS）
filter函数 filter也是一个常用的操作，它用于把Array的某些元素过滤掉，然后返回剩下的元素。 和map()类似，Array的filter()也接收一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是…
js判断电脑是windows系统还是mac系统
js判断是win系统还是mac系统代码
//判断系统类型
function OSnow(){var agent navigator.userAgent.toLowerCase();var isMac /macintosh|mac os x/i.test(navigator.userAgent);if (agent.indexOf("win32") > 0 || agent.indexOf("wow32") > 0) …
vue实现组件无限滚动_快速vue3无限滚动组件每日vue技巧4
vue实现组件无限滚动If you’ve ever caught yourself on social media for way too long, chances are the site you were on was using an infinite scrolling component.如果您在社交媒体上陷入困境的时间过长，那么您所在的网站很可能正在使用无限滚动组件 。 A…
vue组件双向数据绑定_如何在组件之间使用双向数据绑定
vue组件双向数据绑定GitHub link:https://github.com/mehulk05/Two-way-data-binding-between-componentsGitHub链接： https : //github.com/mehulk05/Two-way-data-binding-between-components Live Url:https://mehulk05.github.io/Two-way-data-binding-between…
chrome 前端插件_如何将前端项目转换为chrome扩展
chrome 前端插件The Chrome extension can greatly extend the functions of Chrome and has a huge market and commercial value. As a front-end programmer, can you write a Chrome extension?Chrome扩展程序可以极大地扩展Chrome的功能，并具有巨大的市场和商…
Javascript——ES6( ECMAScript 6.0)语法
ES6( ECMAScript 6.0)语法 一、let/const与var的区别 var 会进行预解析，let/const不会 var可以声明两个重名的变量，let/const不能 var没有块级作用域，let/const有块级作用域 二、箭头函数 1.普通函数 //xxx.onclickfunction(a10,b20){ } 可以…
vue 全局组件注册_如何注册vue3全局组件
vue 全局组件注册With the new versions of Vue3 out now, it’s useful to start learning how the new updates will change the way we write code. One example is the changes in the way we write our index.js file (the file that handles creating our Vue app).随着新…
Javascript中常用事件集合和事件使用方法
Javascript中常用事件集合和事件使用方法 一、事件绑定 格式： 事件源 . on事件类型事件处理函数 事件绑定三要素 1、事件源：和谁绑定 2、事件类型：什么事件 3、事件处理函数：触发了要执行什么 二、常用事件类型 鼠标事件键盘事件浏…
Javascript实现全选按钮
Javascript实现全选按钮 效果：有全选选项框和单个选项框，选择全选框，所有的的选择都打上的钩，取消全选钩所有的都去掉了钩，如果取消其中某一个的钩，那么全选的钩也取消，反之全选所有的选项&…
前端单元测试 集成测试_前端单元测试时要考虑的事项
前端单元测试 集成测试Unit Testing is one of the essential tools every developer should use. However, I have seen many projects making it difficult to carry out this as a practice. There are many reasons for this. For example, some might say they need to fo…
Javascript对象数据类型(键值对)的创建和使用方法
对象数据类型(键值对) 1、创建键值对 var arry{name:"小明",age:20,isgey:falet} // var 键值对名 {键：值,键：值} 2、增加键值对 arry.sex"男" //在末尾增加一个键值 3、删除键值对 delete arry.name //删除键值对里面的…
nodejs开发环境跨域、代理
1、Nodejs 使用nodejs前端开发访问后台接口数据时会出现跨域问题，自己能解决的问题一般就麻烦别人了，直接在前端处理。 首先个人认为跨域是出现在nodejs中模拟web服务中，因此nodejs提供了解决内部跨域问题，一般在导出nodejs配置中…
Postman接口测试02-设置全局变量、参数传递、断言
在能熟练使用postman运行接口请求后，会遇到一些问题。例如：
我们的web网站一共有几十个接口，测试的时候如果要切换环境，这个时候要每个接口都要修改url的根路径，一个一个的改也太麻烦了；还有时候我们经常需…
web自动化测试第15步：使用js语句
在selenium中，有方法可以运行js语句，这样的话对于一些selenium中没有的操作，或者实际编写UI自动化中遇到的疑难杂症，多了另外一个解决思路！！！简直像是打开了新世界的大门一样。比如我编写ui自动…
react 组件中使用组件_使用具有React功能组件的道具儿童
react 组件中使用组件Sometimes at the time when we are creating a component we don’t know its children in advance. In that case we can use the special children prop to pass children elements into the output.有时在创建组件时，我们并不事先知道其子代…
将文本转换成HTML
需要引入：jquery-latest.min.js文件
<script type"text/javascript" src"jquery-latest.min.js"></script>
function convertText(textarea) {//var brPref document.getElementById("oldbr").checked;//偏好: <br…
React中styled-components的使用（样式组件库）
一、官网地址
https://www.styled-components.com/二、styled-components
1、styled-components 样式化组件，主要作用是它可以编写实际的CSS代码来设计组件样式，也不需要组件和样式之间的映射，即创建后就是一个正常的React 组件，…
React脚手架public文件介绍
public文件夹下index.js
<!DOCTYPE html>
<html lang"en"><head><meta charset"utf-8" /><!-- %PUBLIC_URL%代表public文件夹的路径 --><link rel"icon" href"%PUBLIC_URL%/favicon.ico" /><…
URL中带特殊字符导致传值丢失的处理方式
我们知道发送一个http请求时，如果使用的是GET方法，请求的参数会包含在url中并通过&进行分割，如：http://www.example.com/index?namename1&idid2。服务端根据url中的参数获取对应的值。java编写的后台代码，可通…
Vue中的事件监听（v-on）
可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句，如果没有修饰符也可以省略。用在普通元素上时，只能监听原生 DOM 事件，用在自定义元素组件上…
Vue中v-if与v-show的区别（条件渲染）
一、v-if vs v-show
v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。
v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染…
Eclipse的JSP页面提示Multiple annotations found at this line或者String cannot be resolved to a type
解决方法： 1.window–>preferences–>java–>Installed JREs–>Add 增加你要用的jdk 2.window–>preferences–>java–>compiler，将level选为对应的版本，1.5的就选5.0，1.6的选6.0
将JDK还有apache和别人不兼…
EasyUI实现页面右下角弹出提示框
/*** 关闭提示窗*/
function guanbi(){$(#ceshi).window(close);
}/*** 页面加载时右下角弹出提示审批框操作*/
function sliderelay(index){$.messager.show({id:ceshi,title:审批消息,msg:您有<font size"4" color"red">index</font>张表单需…
String.fromCharCode() 返回指定unicode编码对应的字符
document.write(String.fromCharCode(72,69,76,76,79))//结果:HELLO
String.charCodeAt() 返回指定位置的字符unicode 编码
str"ling"return str.charCodeAt(0) //返回str 的第0个字符的编码号：108；return str.charCodeAt(0) //返回str 的第0个字符的编码号：105；
将类数组对象转化成数组对象的几种方法
一、Array.prototype.slice.call(arrayLike)
原理是数组的slice()方法可以从已有数组中返回一个新数组，它可以接受两个参数arr.slice(start,end),第一个参数规定从何处开始选取，第二个参数表示从何处选取结束，如果不传参将返回原数组的一个副…
js的arguments到底是什么？
类数组对象：arguments
总所周知，js是一门相当灵活的语言。当我们在js中在调用一个函数的时候，我们经常会给这个函数传递一些参数，js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面，那么这到底是什么东…
链接：面向对象编程-封装（构造函数）
Javascript 面向对象编程（一）：封装
http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html
offsetLeft与style.left的区别
http://www.cnblogs.com/woshilee/articles/1951457.html offsetLeft 获取的是相对于父对象的左边距
left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距
如果父div的position定义为relative,子div的position定义为absolute，那么子div…
JavaScript高级 复学 -＞（个人学习记录笔记）
文章目录JavaScript高级:DOM简单学习：为了满足案例要求功能：操作Element对象：1. 修改属性值：2. 修改标签体内容：事件简单学习功能：如何绑定事件案例1：电灯开关BOM:1. 概念：2. 组成&a…
JavaScript实现页面加载成功后刷新一遍当前页面（二）
/*** 页面加载完毕后刷新一遍当前页面*/
function reurl(){ url location.href; //把当前页面的地址赋给变量 url var times url.split("?"); //分切变量 url 分隔符号为 "?" if(times[1] ! 1){ //如果?后的值不等于1表示没有刷新 url "?1&quo…
js判断字符串是否为null,undefined
1：判断是否为null
var str;
Object.prototype.toString.call(str)"[object Null]"
2：判断是否为undefined
var str;
Object.prototype.toString.call(str)"[object Undefined]"
3：字符串类型 可用于判断非字符串…
globalThis指向浏览器和Node.js环境下的全局对象(window/global)
文章目录一、globalThis是什么？二、使用步骤1. globalThis为全局变量，直接使用三、特点：一、globalThis是什么？
globalThis 提供了一个标准的方式来获取不同环境下的全局 this 对象（也就是全局对象自身）
…
Python+Selenium UI自动化 - 调用JS代码
当webdriver遇到无法完成的操作时候，这个时候可以使用javascript来完成，webdriver提供了execute_script()接口来调用js代码。
执行js有两种场景：
1、在页面上直接执行js
2、在某个已经定位的元素上执行js
百度新闻网页举例（js…
CSS 背景图片水平平铺
CSS 背景图片水平平铺 美工切的细长的图，水平平铺作为背景 body { margin: 0; background:url("<%basePath%>/static/images/background.png") repeat-x 0 0; }
js如何获取url的参数
js可以通过window.location.search来获取url的参数
例如 URLppx/pages/index.jsp？a1&&b2
那么window.location.search等于“？a1&b2”
如果我们想要去掉问号，则可以用window.location.search.substr(1)
如果我们想分割&…
//20201206-Photoshop jsx常用模块封装
ps_key_class {/*Applicationnotifiterpreferencesdocumentlayersart layers text item(Object)layer setslayer setart layerselectionpath item 路径sub path itempath pointchannellayer compcount itemcolor samplermeasurement scaledocument infohistory statesave o…
JXA （mac 自动化）调用object C模块实现控制鼠标的点击、移动和拖拽
#!/usr/bin/env osascript -l JavaScript
/*控制鼠标的点击（左、右），鼠标拖拽、移动事件使用示例：
click()
click(1068, 38，‘r’)//默认左键，r右键
drag(1068 122, 38,1068, 38)
move(652, 568)*/
ObjC.i…
import和link/require/export/export default的区别
import和link的区别
本质上，这两种方式都是为了加载css文件，但还是存在细微的差别。
差别1：老祖宗的差别，link属于XHTML标签，而import完全是css提供的一种方式。 link标签除了可以加载css外，还可以做很多…
location.replace 兼容性问题
if (history.replaceState) {history.replaceState(null, document.title, /gold-coin/buy-res)history.go(0)} else {location.replace(/gold-coin/buy-res)}
Html 判断按钮是否被点击
<input id"button" type"button" value"按钮"><script>document.onclick function(){var obj event.srcElement;if (obj.type "button"){alert(obj,id)}}
</script>
JavaScript基础 复学 -＞（个人学习记录笔记）
文章目录JavaScript基础概念： 一门客户端脚本语言功能：JavaScript发展史：ECMAScript：客户端脚本语言的标准1. 基本语法：1.1 与html结合方式1.2 注释1.3 数据类型：1.3.1 原始数据类型(基本数据类型)…
2020 用html做一个简单的时间显示（12小时制）
用前端html做一个简单的时间显示（12小时制）如图所示显示年月日、时间、上下午以及星期几
功能： 1、 此代码解决时间比如秒数 为单数时，在前面补0
//值小于10时，在前面补0
function dateFilter(date){if(date < 10…
jquery添加click事件，jq动态添加click事件多种方式分享
目录： 添加方式 实例演示 添加方式 $("#ImId1").click(function(){}); $("#ImId2").bind("click",function(){}) $("#ImId3").on("click",function(){}) $("body").delegate("#xxx","c…
【JS】js常用方法
function obj$(id) //根据id得到对象
function val$(id) //根据id得到对象的值
function trim(str) //删除左边和右边空格
function ltrim(str) //删除左边空格
function rtrim(str) //删除右边空格
function isEmpty(str) //字串是否有值
function equals(str1, str2) //js判断…
uniapp map 制作一个简单的地图导航
本篇文章用来为大家提供一个制作简单地图的思路
先来看一眼效果图 简易map
在图一的地图中可以看到 a点 连接 到 b点, 基本信息 以及 基本的控件(放大、缩小、回到某个指定的点)，接下来我们分开逐步讲解。
所需配置
需要先在manifest.json中的 app模块中配置地图…
selenium常用使用方法
本文章主要总结selenium的浏览器基本操作、元素查找方式、鼠标和键盘事件、窗口&iframe切换、select下拉框、弹框、JS处理、元素（el）信息、文件上传&下载、JS原生查找元素方法、思路集合、显示等待、cookie处理、断言、selenium常见异常、框架等…
selenium定位前端element框架，前端不能加属性
一般前端页面会使用element框架，涉及到相关的div，table等无法加id，因为调用element是已经封装好的，前端不能自己修改，除非前端自己修改源码或用js
webpack配置与使用
1 概述 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 2 webpack安装 # 全局安装webpack
npm install -g webpack webpack-cli
# 查看版本确认是否安装成功
webpack -v 3 js文件打包…
Web 本地存储和Vue本地存储实例
Web 本地存储 Web Storage API 关键对象 window.sessionStorage对象用于区域存储；window.localStorage对象用于本地存储。特点 数据的设置和读取比较方便。容量较大，sessionStorage大约为5MB，localStorage大约为20MB。只能存储字符串…
为什么typeof null是object？
最近在面试的时候遇到了一个好玩的问题，面试官问null是什么数据类型，我不假思索的回答null属于原始(基本)数据类型。接着面试官又问到，那为什么typeof null的结果是object。。。 说实话，我没有自己试过typeof null的结果ÿ…
JS使用普通队列实现击鼓传花游戏
最近复习到了数据结构中的普通队列部分，来实现一个击鼓传花游戏的应用。 循环队列的一个例子就是击鼓传花(hot potato)，在这个游戏中，孩子们围成一个圆圈，把花尽快地传递给旁边的人。某一时刻传话停止，这个时候花在谁手…
Web(vue)本地存储
Web(vue)本地存储 Web Storage API 关键对象 window.sessionStorage对象用于区域存储；window.localStorage对象用于本地存储。 特点 数据的设置和读取比较方便。容量较大，sessionStorage大约为5MB，localStorage大约为20MB。只能存储字符串&am…
Javascript面向对象——创建对象、构造函数的原型
Javascript面向对象——创建对象、构造函数的原型 其实：JavaScript中的创建类，就是创建一个构造函数，在创建对象时用到new这个关键字， 一、创建对象 1.函数创建对象 function creatObj(name,age){//手动创建一个对象var obj{}//为…
TypeScript简介和环境搭建
TypeScript 简介
TypeScript 是由微软公司在 2012 年正式发布，现在也有 8 年的不断更新和维护了，TypeScript 的成长速度是非常快的，现在已经变成了前端必会的一门技能。TypeScript 其实就是 JavaScript 的超集，也就是说 TypeScri…
前端面试刷题day9(每日更新前端面试高频考察点)
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 每天都提供一道关于前端面试中常见的题目。并且我建立了一个QQ群（425554900），QQ群内提供大量面试题目和…
前端面试刷题day7(每日更新前端面试高频考察点)
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 每天都提供一道关于前端面试中常见的题目。并且我建立了一个QQ群（425554900），QQ群内提供大量面试题目和…
Javascript中字符串常用方法
JavaScript字符串常用方法 (1)获取相应位置的字符(charAt()) var str"你好，小小鸟！"
var sstr.charAt(1) //获取到索引为1的字符：好 (2)把字符串里所有的字符转换为小写(toLowerCase()) var str"chINA"
var sstr.toLow…
ajax、$.ajax、axios和fetch对比及其优缺点梳理
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 1.Ajax
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味…
前端面试刷题day4(每日更新前端面试高频考察点)
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 每天都提供一道关于前端面试中常见的题目。并且我建立了一个QQ群（425554900），QQ群内提供大量面试题目和…
原生JavaScript进阶训练---重写call方法
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 之前的系列中，跟着大家重写了数组常用的一些内置方法，今天给大家重写一下call方法，这个也是面试非常非常…
原生JavaScript进阶训练---重写map方法
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 之前发过一期重写forEach方法的文章，然后更新了多期Electron的内容，现在Electron的内容暂时更新完了，我…
使用Web前端技术开发桌面应用---Electron 断网提醒功能制作
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 桌面客户端的程序都必备的一个功能是判断网络状态，这个其实可以用window.addEventListener来进行时间监听。
相关事件
其实这…
使用Web前端技术开发桌面应用---Electron 制作右键菜单
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 上个博客讲解了如何设置顶部菜单，我们也作了一个菜单的小案例，但是没有讲解如何绑定快捷键。这节我们会进行讲解&am…
使用Web前端技术开发桌面应用---Electron读取文件内容并展示
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 Electron的运行流程 读取package.json的中的入口文件,这里我们是main.jsmain.js 主进程中创建渲染进程读取应用页面的布局和样式使用IPC在主…
JavaScript获取和设置CheckBox状态
注意： 针对单个复选框的情况！
原文地址：http://blog.csdn.net/hellostory/article/details/6982231 var obj document.getElementById("tt"); var value obj.checked; alert(value);// 若选中，则返回true…
postMessage 全局传递数据
发送：
const model {commmandName: dataBroadcasting,args: {// 数据}}window.postMessage(model, *)接收：
window.addEventListener(message, handleMessageCallback)function handleMessageCallback(event: any) {if (event.data.commmandName dat…
前端面试100问(2)
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 题目： [‘1’, ‘2’, ‘3’].map(parseInt) what & why ?
第一眼看到这个题目的时候，脑海跳出的答案是 [1, …
Vue+Nodejs+WebSocket实现多人聊天室
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 上篇文章已经给大家介绍了使用原生JavaScriptNodejsWebSocket实现多人聊天室的内容。
这期的话，我们使用Vue2.x版本同样使用No…
Vue知识点总结(24)——使用VueCli创建一个项目（超级详细）
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！ 在上一篇文章我们已经简单了解了一下传统创建组件的缺点和使用单文件组件的好处，并且进行了快速的原型开发。 今天我们来试着使用VueCli3完整的…
微信小程序如何实现转发/分享功能
在微信小程序的开发中，我们经常遇到把当前页面转发给好友的需求。并且大部分时候，转发的页面都是带参数的。这里面坑还是比较多的。 <button open-type"share" type"primary">分享给好友</button>首先我们先写一个butto…
Vue知识点总结(15)——匿名插槽（超级详细）
我们在前几期已经说过了组件的各种知识。
接下来我们就要学习插槽的内容了，插槽是Vue组件化开发的拓展内容。 官方文档种解释插槽的作用就是：在vue中实现的一套分发内容的API，将slot元素作为承载内容分发出口。
用大白话说就是：…
Vue知识点总结(14)——其它组件通信方式(provide/inject和$parent/$children)（超级详细）
这期是组件通信的最后一期，把剩余的组件通信方式再全部介绍一下。
分别是provide/inject 和 $parent/＄children。
我们用下面这个示例，把这两种通信方式全部展示一下。
<div id"app"><App></App>
</div>…
React-redux高阶组件数据共享
文章目录案例效果：实现过程：案例效果：目录结构：1、src/index.js2、src/App.js3、src/redux3.1、src/redux/incrementReducer3.1.1、src/redux/incrementReducer/index.js3.1.2、src/redux/personReducer/index.js3.3、src/redux/s…
在服务器部署前后端分离的项目(前后都有), 并使用nginx配置跨域
怎样部署自己的项目呢
先准备一个服务器(小系统最便宜的轻量级服务器就行, 如果不需要给人访问的话)安装宝塔面板 (宝塔面板, 可视化界面, 操作简单, 使用非常方便, 上手也很容易, 如果只是学习, 虚拟机也行没必要花钱, 我使用的CentOS7系统,安装宝塔面板)软件: MySQL, Tomcat…
微信小程序解决诡异的异步问题
先说一下什么是异步，我举一个通俗易懂的例子。 你现在有两个任务：
向Java老师要一份复习资料买一瓶矿泉水
如果你是同步执行，那么你的执行过程就是，先去向老师要一份复习资料，等老师把复习资料给到了你的手里&#x…
ajax、axios、fetch的区别
ajax
$.ajax({type: POST,url: url,data: data,dataType: dataType,success: function () {},error: function () {}
});传统 Ajax 指的是 XMLHttpRequest（XHR）， 最早出现的发送后端请求技术，隶属于原始js中，核心使用…
String.replace() 替换字符串中指定的字符
String.replace() 在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串
语法： stringObject.replace(regexp/substr,replacement)
参数：
regexp/substr 必需。规定子字符串或要替换的模式的 RegExp 对象。 请注意&…
微信小程序实现长按复制和点击复制
我们在进行微信小程序开发时，经常会遇到用户通过长按文字复制和用户通过点击事件复制指定内容的需求。 长按复制: 微信小程序中text标签中有一个selectable属性可以满足我们的需求，我们只需要把属性的值设置为true即可。
<text selectabletrue>哈…
JavaScript如何截取指定位置的字符串
我们在日常开发中，经常需要对字符串进行删除截取增加的操作，我们这次说一下使用JavaScript截取指定位置的字符串。 **
一、使用slice()截取
** slice()方法可以通过指定的开始和结束位置，提取字符串的某个部分，并以新的字符串返…
JS之变量声明与window对象的关系
话不多说，我们先看代码： function f (){fff 999;}f();console.log(fff);我们定义了一个名为 f 的函数，函数内没有对变量进行声明，直接给 fff 变量进行了赋值，并且在外部调用了 f 函数，我们输出一下 fff 的…
1024快乐！浅谈scrollTop需要踩的坑
开始之前，需要分清楚scrollTo和scrollTop 坑one
1.设置浏览器scrollTop 最好通过用户操作设置滚动，或者setTimeout延时滚动 // Chrome和Safari用法一样
window.scrollTo(x, y)；可查看MDN说明。
2.设置元素scrollTop
// Chrome和Safari下效…
弹幕：setInterval执行多次造成冲突，代码不运行
麻烦大神帮我看看，这个弹幕的代码
如果我在上一条弹幕还没执行完，还没clearInterval，就发送下一条弹幕，弹幕就会停止，不正常执行
麻烦帮我看下怎么解决，谢谢~
<html> <style> #danmuScreen{…
关于input中的checked属性
checked属性值是true还是checked
2019-1-7 18:05| 作者: admin| 查看: 4657| 评论: 0|来自: 蚂蚁部落
复选框标签具有checked属性，通过此属性可以设置复选框的选中状态。
非常简单的操作，但是还是有不少朋友存在后面类似的疑问，那就是不确…
jquery 操作一些元素的写法
通过value值操作复选框：
$("input:checkbox[valuexxxx]").attr(checked,true);获取所有选中的复选框的value: $(input[typecheckbox]:checked).each(function() {if(priverrecg){priverrecg $(this).val();priverrecgName this.title;}else{priverrecg&q…
js对象转json字符串
js对象转json字符串
将js对象转为json格式的字符串，可以用JSON.stringify方法。
var user1 {height: 170, name:张三};
var user1Str JSON.stringify(user1)
console.info(user1Str)
typeof user1Str使用typeof来获取对象user1Str的类型，能看到控制台…
JS学习笔记——正则表达式
正则表达式概念创建正则表达式方法一方法二编写正则表达式模式简单模式特殊字符模式贪婪与非贪婪使用正则表达式RegExp方法String方法使用括号记住匹配项特殊高级搜索标志概念
正则表达式是用于匹配字符串中字符组合的模式 在JS中，正则表达式也是对象的一种
创建正…
antd+React 简易自动登出组件
用antd的Statistic组件写的一个简易自动登出组件
不废话直接上代码
import {Statistic } from antd;
import React,{useState} from react;//这里设置一小时
const timeRange 1*60*60*1000function AutoLogout() {const [deadline, setDeadline] useState(Date.now() time…
【JS】match() 方法
定义和用法
match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。
该方法类似 indexOf() 和 lastIndexOf()，但是它返回结果数组，而不是字符串的位置。
语法
stringObject.match(searchvalue)
stringObject.match(re…
【JS】forEach, for in, for of
forEach遍历数组
缺点：不能同时遍历多个集合，在遍历的时候无法修改和删除集合数据， 方法不能使用break，continue语句跳出循环，或者使用return从函数体返回，对于空 数组不会执行回调函数
优点：…
【溯源篇】从头看vue（七）——过滤器基础
官方文档：https://cn.vuejs.org/v2/guide/filters.html#ad 过滤器
自定义过滤器，可被用于一些常见的文本格式化。注意全局定义过滤器要在创建 Vue 实例之前。 Vue.filter(capital, function(val){value val.toString()return value.charAt(0).toUpperC…
获取不到element对话框dialog里的dom元素
当要对dialog进行dom操作时（比如用echarts做个图表），发现控制台报错，找不到节点？？？真让人头大。
原来这个dialog它竟然是懒加载的！！！！
婊担心&a…
js中字符串转换成数组，数组转换成字符串的实现
数组转字符串（将数组元素用某个字符连接成字符串）var a, b;a new Array(0,1,2,3,4);b a.join("-");字符串转数组（将字符串按某个字符切割成若干个字符串，并以数组形式返回）var s "abc,abcd,aaa"…
leetcode刷题记录04——最长回文子串（Java和JavaScript）
5. 最长回文子串
难度：中等
给定一个字符串 s，找到 s 中最长的回文子串。你可以假设 s 的最大长度为 1000。
示例 1：
输入: "babad" 输出: "bab" 注意: "aba" 也是一个有效答案。 示例 2：
输入…
如何实现vue3.0的响应式呢？本文实战教你
之前写了两篇vue2.0的响应式原理，链接在此，对响应式原理不清楚的请先看下面两篇
和尤雨溪一起进阶vue
和尤雨溪一起进阶vue（二）
现在来写一个简单的3.0的版本吧
大家都知道，2.0的响应式用的是Object.definePropert…
JavaScript16——元素偏移量offset、元素可视区client、元素滚动scroll
1.1. 元素偏移量 offset 系列
1.1.1 offset 概述
offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。
1. 获得元素距离带有定位父元素的位置
2. 获得元素自身的大小(宽度高度)
3. 注意:返回的数值都不带单位 …
JavaScript12——排他思想等案例
案例一：按钮的排他思想
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</ti…
JavaScript08——内置对象、简单数据类型和复杂数据类型
1.1 内置对象
JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容，属于 ECMAScript; 第三个浏览器对象属于 JS 独有的， JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用&am…
【JS】去除字符串首尾空格、所有空格
1.去除所有空格 function trim(str){return str.replace(/\s/g, );}
2.去除首尾空格
/*** 去除字符串str头尾的空格* param str 字符串* return str去除头尾空格后的字符串。*/
function trim(str)
{if(str null) return "" ;// 去除前面所有的空格while( str.cha…
【JS】Ajax请求本地文件
人懒话不多，上代码。
var btn document.getElementById("btn");
btn.addEventListener("click",function() {var xhr new XMLHttpRequest()xhr.open("GET", "data.txt", true);//注意路径问题读取data.txt文件的内容。xh…
pinia setup方式构建 $reset方法失效解决方案
直接在pinia挂载时，重写一个$reset方法用来解决失效的问题。
main.js
import { createPinia } from pinia;
// pinia
const pinia createPinia();
// 因为状态管理使用的是setup的方式构建所以我们重写一个$reset并挂载到pinia中
pinia.use(({ store }) > {co…
适合新手合并数组的三种方式来了 比较基础
方法一： var a[1,2,3,4,5,6] //创建数组avar b[7,8,9,10,11,12] //创建数组bfor(var i0;i<b.length;i){ //遍历b数组用来选择数组b的所有元素以便让后面的代码将b数组的元素一一加入a数组a[ia.length]b[i] //让a的下标等于a元素的最后一个下标1 让循环的每一个b…
原生js、Axios、Ajax、Fetch四种请求方式
方法一：原生js
其他更简单的方式基本上都是基于原生js衍生来的
/*open method (get post)url 纯净的地址params 参数*/
function ajax(method,url,fn,params){console.log("进入方法");var xhr new XMLHttpRequest();// GET 有参数if(method.…
JavaScript参考手册
#页面标签及概述1JavaScriptJavaScript, Landing, Learn, priority本部分将专注于 JavaScript 语言本身，而非局限于网页或其他限制环境。2Introduction to using XPath in JavaScriptDOM, Extensions, Transforming_XML_with_XSLT, Web Development, XPath该篇文档描…
Rancher2 配置 okta 认证
本文永久链接: https://www.xtplayer.cn/rancher/authentication/rancher2-okta-authentication/版本支持: Rancher v2.2.0okta 应用配置这里以 okta 官方 demo 为例，访问 https://www.okta.com/free-trial/ 可以申请 30 天的试用账号。创建应用登录控制台后&#x…
vnctf公开赛 web题gamev4.0
打开靶机https://buuoj.cn/match/matches/81/challenges
点开始游戏看到flag标志在最后 看一看页面源代码文件
在data.js最底下有可疑代码 最后一行这些看着像base64
在线工具解码一下http://www.hiencode.com/base64.html 解出来的看着好像是url编码
再解码出来flag
VNCT…
关于事件冒泡和事件代理，看这一篇就够了！（下篇）
接着上篇的节奏走，上篇文章我们介绍了事件冒泡的过程及解决方法。
这期带来事件代理~~
事件代理这个名词其实经常出现，在面试的时候，有一个高频问题，假如现在有需求，需要操作10000个DOM节点，你会怎么做&a…
在vue+node环境下实现对数据以excel形式导出并下载
首先业务需求，就是在后台管理系统中可以查询当前数据表，现在要加一个功能，可以把当前查询到的数据以excel形式导出，并供管理员下载。 需求明确之后，我们就要进行功能的实现，这个需求主要内容在后端接口的编…
前端面试刷题day6(每日更新前端面试高频考察点)
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 每天都提供一道关于前端面试中常见的题目。并且我建立了一个QQ群（425554900），QQ群内提供大量面试题目和…
使用Web前端技术开发桌面应用---Electron简介
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 Electron是什么？
你只要记住下面这两句话就可以对Electron有个基本了解：
Electron 是由 Github开发的开源框架它允…
Echarts折线图面板区域可任意点击
之前一直使用echarts做一些图表，但没有做过点击事件。当做项目遇到需要在折线图面板任意位置点击，获取当前点击的时间。echarts折线图本身是有节点 点击事件的 container.on(‘click’, function (params) {}） 方法，代码如下&…
原生JavaScript进阶训练---重写forEach方法
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 从今天开始我们进行JavaScript基础内容的进阶训练，重写JavaScript内置方法。
forEach是ES6的一个重要方法，循环遍历…
Vue知识点总结(13)——组件通信-平行传值（超级详细）
hello，同学们，之前我们已经学习了组件通信中的父传子和子传父。 今天我们要学习的内容是组件通信中的平行传值。 平行传值是什么意思呢？ 就比如你和哥哥、弟弟、姐姐、妹妹的关系，就是平辈的关系。 之前我们使用组件的时候&#x…
Vue知识点总结(12)——组件通信-子传父（超级详细）
在上一期中，我们说了什么是组件通信，并且详细讲解了一下组件通信中的父传子。 既然存在父组件向子组件传值，那必然存在子组件向父组件传值。 这期我们就说一下组件通信中的子传父。 <div id"app"><App></App><…
JS创建对象的9种方式，你还在愁不知道如何创建对象吗？
什么是对象呢？ECMA-262中定义：对象是无序属性的集合，其属性值可以包含基本值、对象或者函数。
理解一下：对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。
知道什么是对象…
JavaScript数据类型转换(String)
目录： JavaScript——数据类型转换(Number) JavaScript——数据类型转换(String) JavaScript——数据类型转换(Boolean) 隐式类型转换
字符串-隐式类型转换
var tmp2;
console.log(空字符串2,typeof(tmp),tmp);
输出 空字符串2 string 2var tmpnull;
console.log(空…
JS由浅入深的一道面试题
前言： 前端面试中，JS是一大热点，下面就跟着小编来看一下一道由浅入深的面试题吧。
正文： 请说出下面代码的执行结果：
for (var i 0; i < 5; i) {setTimeout(function() {console.log(i); }, 1000);
}-----------…
JavaScript数据类型转换(Number)
目录： JavaScript——数据类型转换(Number) JavaScript——数据类型转换(String) JavaScript——数据类型转换(Boolean) 我们在进行前端JavaScript开发中，经常遇到需要判断数据类型和数据类型转换的需求，其中又分隐式和显式。我们解决一下~~~…
javascript开发中如何使用face++，得到人脸数据（如何简单获取图片url，如何获取完整的人脸信息）
首先给上自己开发的网站demo： 点击打开链接 首先是思路，face要求获取图片的URL，因此
首先将前端上传的文件直接上传到云数据库（无需通过后台），我使用的是bmob云数据库，如何使用bmob请到官网查阅…
React-Navigation 4.x 安卓仿iOS 切换页面样式设置 push/native
React-Navigation 4.x 使用 官网 注意 CardStyleInterpolators 导入的地址是
import {CardStyleInterpolators} from react-navigation-stack/src/vendor/index使用
{// initialRouteName: CustomerFilePage,headerMode: screen,defaultNavigationOptions: {headerStyle: {ba…
![[JS ] JS单线程的理解](https://img-blog.csdnimg.cn/20190327100238831.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lPU1RpYW5OYW4=,size_16,color_FFFFFF,t_70)
[JS ] JS单线程的理解
以下理解很粗浅, 不建议观看,仅留存用于自己回顾验证
关于js单线程问题, 建议结合js事件循环机制去理解
结贴 为什么javascript是单线程？
对于js单线程的理解, 可以先看上面的帖子, 我觉得讲的挺好的, 但是理解这东西还是要看个人, 我怕我理解歪了,索性也画一个流…
js(Es6)面试题总结
Es6 面试
Let 有块级作用域
不存在变量声明提前
不允许重复声明
声明的全局变量不会挂在到window上 const
声明一个只读的常量。一旦声明，常量的值就不能改变
有块级作用域
不存在变量声明提前
不允许重复声明
声明的全局变量不会挂在到window上 解构
从数…
js中所有涉及到的循环遍历的作用及区别（map,for,for in,forEach,filter...）
近来在面试中总能遇见问for,for in ,forEach,的区别及使用场景，有无返回值，是否改变原数组的问题。一直也没注意，在项目中用的最多的就是map,for，filter了,所以面试官一问，就歇菜了，今天特意整理了一下区别…
前端js实现中文转五笔和拼音首字母
前端项目中使用到中文转五笔的功能，在网上找了到该代码，但是没有对特殊字符和数字进行处理。五笔简码的字库来源：https://blog.csdn.net/Celebrity_Senior/article/details/52727926// 汉字拼音首字母列表 本列表包含了20902个汉字,用于配合 …
商城三级分类拖拽与增删改及其批量操作
上一篇中实现了三级分类的基本页面，下来就完成三级分类的的修改删除及其批量操作。
前端开发
增加和删除
使用Vue中的插槽机制，在el-tree中添加一个spn，slot-scop中使用JS解构传入node和data，在里面添加两个button一个为Append…
Vue结合ElementUI快速开发
在安装Vue脚手架之后就可以导入ElementUI的包，使用ElementUI完成项目开发。 ElementUI的官网中国站 要使用ElementUI需要安装ElementUI
可以通过npm安装（推荐）通过CDN形式引入 安装完ElementUI后需要在Vue中main.js中引入ElementUI和它对应的…
element 验证出现英文_Element-ui中自动验证问题的解决
Element-ui中的el-form组件自带了验证功能，方便了我们的开发。然而，在开发中经常会遇到一些莫名其妙的问题，比如表单一出来就触发了验证、验证提示出现英文等等。通过查看源代码的方式，我终于找到了问题的根源，也有了解…
vue-cli使用pdf.js插件浏览pdf文件，禁止下载打印复制粘贴。
很多项目中都会有预览pdf文件，普通的可以直接使用a标签来实现该功能，但是此预览是浏览器自带的，有时候项目需求中会有禁止用户禁止下载和打印功能，浏览器自带的是无法满足的。 小编在网上找到pdf.js插件，pdf.js插件是可…
Node NPM GitBook
这里写自定义目录标题NPM安装模块删除模块升级模块清理模块设置淘宝镜像cnpm设置代理问题 / 报错phantomjs 这个 npm 包已经废弃, 不再使用了GitBook设置 PDF 输出格式GitBook 插件GitBook 插件资源使用 GitBook 插件开发插件常用插件其它插件安装 GitBook使用 GitBook初始化电…
TypeScript 使用
标题1. TypeScript 使用1.1. TypeScript issue1. TypeScript 使用
1.1. TypeScript issue
error TS7006: Parameter ‘xxx’ implicitly has an ‘any’ type.
原因: 这是因为开启了语法强制检查插件, 传入的参数务必指明类型。
解决方案
原来的:
beforeRouteEnter (to, …
vue-cli3中axios跨域配置
vue-cli3中axios跨域配置
1.首先修改vue.config.js文件，没有的话添加一个，内容如下 module.exports { devServer: { port: 8080, proxy: { //名字可以自定义，这里我用的是api ‘/api’: { target: ‘https://blog.csdn.net’,//设置你调用的…
实验四 JavaScript的使用
一、实验目的
1.理解JavaScript脚本编程语言；
2.掌握JavaScript基本语法规则；
3.学会使用JavaScrip操作网页对象；
4.初步掌握正则表达式的使用
5.掌握在浏览器调试JavaScript代码
二、实验内容
创建用户注册页面文件register.html&…
js常用分割取字符串的方法
1.substr
substr(start,length)表示从start位置开始，截取length长度的字符串。
var src"images/off_1.png";
alert(src.substr(7,3));弹出值为：off2.substring
substring(start,end)表示从start到end之间的字符串，包括start位置…
JavaScript学习手册十四：HTML DOM——文档元素的操作（二）
HTML DOM——文档元素的操作1.创建节点任务描述相关知识创建节点代码文件2.插入节点任务描述相关知识插入节点代码文件3.删除节点任务描述相关知识删除节点代码文件4.替换节点任务描述相关知识替换节点代码文件5.综合练习任务描述相关知识下拉列表的级联代码文件1.创建节点
任…
JavaScript学习手册十三：HTML DOM——文档元素的操作（一)
HTML DOM——文档元素的操作1、通过id获取文档元素任务描述相关知识什么是DOM文档元素节点树通过id获取文档元素代码文件2、通过类名获取文档元素任务描述相关知识通过类名获取文档元素代码文件3、通过标签名获取文档元素任务描述相关知识通过标签名获取文档元素获取标签内部的…
JavaScript学习手册十一：JSON
JSON1、JSON对象任务描述相关知识什么是JSON对象JSON对象与Javascript对象的区别在JavaScript中使用JSON对象代码文件2、JSON数组任务描述相关知识JSON属性对应的值(value)是一个数组数组的一些操作代码文件3、JSON字符串任务描述相关知识JSON字符串JSON字符串到JavaScript对象…
base64加密和rsa加密，同时使用会发生冲突
base64加密算法链接：https://blog.csdn.net/qq_45059900/article/details/120852359?spm1001.2014.3001.5501
rsa加密算法链接：https://passport.cnblogs.com/scripts/jsencrypt.min.js 引入rsa算法的js文件，或将算法全部复制到项目中&…
箭头函数和普通函数的区别，你知道几个呢？
箭头函数是ES6新增的写法，那为什么要增加这样的写法呢？它与普通函数有哪些区别呢？ 区别一：箭头函数语法更加简洁
// 普通函数写法
function fn(x) {return function(y) {return x y;};
}// 箭头函数写法
let fn x > y > …
Sublime下运行javascript，并带彩色提示
最近和各种同事磨合技术，自闭中~
首先让JS在Sublime上运行
去下载Node.js并且安装安装完成后 cmd 输入 node -v 查看安装是否成功。接着打开Sublime - 工具 > 编译系统 > 新建编译系统...接着放入下边代码，然后保存为javascript.sublime-build文…
storages-1.2.0.js的使用方法
序
这是一个关于浏览器cookie，sessionStorage，localStorage操作的插件，它增加并完善了原有API功能。该插件包括LsyCookie, LsySession, LsyStorage 三个部分，使用方法非常简单，直接引入storages-1.2.0.js即可。
stor…
H5js前端压缩图片
1.压缩图片是通过canvas做到的。
具体原理【1】先获取图片的原始尺寸【2】确定压缩后的图片尺寸，（就是将图片尺寸都缩小达到压缩目的）【3】在canvas画布上重新画一遍这个缩小后尺寸的图片【4】把该图片转为blob格式进行发送或者其他进一步的…
JS判断json对象字段属性值
在处理编辑状态时的需求，如果用户不编辑或者编辑之后再取消编辑，需要判断选中对象是否发生变化。代码比较简单，由于是绑定的对象，所以字段是不会缺少或者变多的。 <!DOCTYPE html>
<html>
<head lang"en"…
js从数组中随机取出一个元素
var arr [j,s,从,数,组,中,随,机,取,出,一,个,元,素];
var item arr[Math.floor(Math.random()*arr.length)];
console.log(item);
js类三大属性，封装、继承、多态
继承、封装、多态
构造函数：
在java语言中类的定义中都有构造函数，在js中也有构造函数的概念，Object对象都有constructor构造函数方法；
js中Object对象都有以下属性和方法：
1、constructor：构造函数属性…
jquery和js对div的隐藏和显示
jQuery对div的显示和隐藏：
显示：
$("#id").show()
隐藏： $("#id").hide()
js对div的显示和隐藏： div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白 style"visibility: no…
el表达式截取字符串
<% taglib prefix"fn" uri"http://java.sun.com/jsp/jstl/functions"% > ${wjcd.lrsj}原来得到的是如2006-11-12 11:22:22.0 ${fn:substring(wjcd.lrsj, 0, 16)} 使用functions函数来获取list的长度 ${fn:length(list)} fn:contains(string, substri…
JS中字符串的相关操作
字符串替换所有空格1、 "abc 123 def".replace(/\s/g, "");一、字符串的创建创建一个字符串有几种方法。最简单的是用引号将一组字符包含起来，可以将其赋值给一个字符串变量。var myStr "Hello, String!";可以用双引号或单引号将字符…
关于ztree打开关闭所有节点，选中指定id节点
var isOneByOneExpandfalse;//是否递归展开 //展开节点 function expendNode(nodeId){ var node treeObj.getNodeByParam("id",nodeId); treeObj.expandNode(node, true, true, true,true); } //展开所有节点 function expendAllNode(){ isOneByOneExpandtrue; ex…
node js 整除问题
在JavaScript中所有的数都是用double表示的，因此当你用a/b时，如果无法整除则会出现小数。 举个例子：
let a 5,b 3;
console.log(a/b);输出如下：
1.6666666666666667那么我们想要整除应该怎么办呢？ 可以使用Math.fl…
Vue监听键盘鼠标事件
1 前言
1.1 业务场景
vue页面监听键盘鼠标等事件。
官方给的例子是在input标签中的，我们想要的效果是不使用固定标签。
2 实现原理
2.1 增加监听
mounted () {window.addEventListener(keyup,this.handleKeyup)window.addEventListener(scroll,this.handleScr…
一步｜人工智能产业化微纪实
这是当代人工智能产业落地最真实的样子没有海市蜃楼的空中楼阁也没有花里胡哨的赛博朋克百度黄埔学院的三位学员用百度的 AI 技术、朴实的态度在各行各业深耕人工智能的产业落地一步一个脚印探索、实践、实现用一个技术人应有的态度从事着 AI 的工作人工智能历经从兴起到泡沫再…
嗖嗖～您有一份上云计划待查收
数字化转向智能化你家的专有云稳不稳????️在新的窗口期企业又该如何直上“云”霄乘风破浪????请关注最新一期百度智能云直播间????????百度智能云专有云ABC Stack如何助力企业轻松上云？国内最大证券交易所之一背后的数据交互平台有什么秘密&#x…
JS 中 `toLocaleString`妙用
缘起
kaven老师分享了一个数值取整的方法，即利用按位非操作符（~）进行取整：
var a 1.5;
console.log(~~a); // 1但是这种方法有点限制就是它只能进行向下取整，无法实现四舍五入。
所以就想到了toLocaleString() 方法…
JavaScript基础学习(下）——DOM编程与JSON
DOM 文章目录DOM1、DOM编程-获取文本框的value2、DOM编程-innerHTML和innerText操作div和span3、DOM编程-关于正则表达式4、去除字符串的前后空白trim5、表单验证6、复选框的全选和取消全选7、获取下拉列表选中项的value8、内置支持类ArrayJSON1、JSON基本概念2、复杂一些的JSO…
JavaScript基础学习（上）
JavaScript 文章目录JavaScript1、什么是JavaScript，有什么用？2、在HTML中怎么嵌入JavaScript代码？1.HTML中嵌入JS代码的第一种方式2.HTML中嵌入JS代码的第二种方式3.HTML中嵌入JS代码的第三种方式：引入外部独立的js文件3、关于JS…
实现在网页中搜索elasticsearch中的数据并显示在网页上。
实现在网页中搜索elasticsearch中的数据并显示在网页上。
在上一篇博客中，我们已经获取到了elasticsearch中的数据，上一篇博客地址 接下来，我们就要通过Vue的数据绑定，来将数据显示在网页上。
博客有的没叙述清楚，请…
Vue中使用v-print打印出现空白页
本人最近做项目时遇到打印出现空白页的问题，查阅资料后找到解决办法，方便同行们快速解决问题。
1.解决办法：在css中加入 "body{ height:auto; }" 即可解决问题。 ---------------------2020/5/28更新----------------------------…
HTML5+移动APP开发中遇到的各种代码元素的含义（三）
1、.ove_hid{overflow: hidden;}
overflow 属性规定当内容溢出元素框时发生的事情。
值描述visible默认值。内容不会被修剪，会呈现在元素框之外。hidden内容会被修剪，并且其余内容是不可见的。scroll内容会被修剪，但是浏览器会显示滚动条以…
vue——数字加逗号分隔
带小数的数字三位一分隔
filters: {num: (val, fix 2) > {if (val ! 0) {val Number(val) // 字符串转为数字，目标数据为数字可不转val val.toFixed(2) // 保留两位小数并转为字符串let int val.slice(0, fix * -1 - 1) // 获取整数let ext val.slice(fi…
js——纯js模拟双向数据绑定
js——纯js模拟双向数据绑定
是不是很多人只是知道双向数据绑定的实现效果，并不知道其原理，或是知道其原理并不明白的， 使用js模拟一个简单的双向数据绑定案例吧，就会变得容易理解 Object.defineProperty()
vue双向数据绑定的原…
4.JavaScript实现表格隔行变色
css代码如下： <style> *{ margin: 0; padding: 0; } table{ width: 80%; text-align: center; margin: 50px auto; border: 1px solid black; border-collap…
VUE开发过程中用到的JS方法
VUE开发过程中用到的JS String()方法
1、substring（） 来源：https://www.w3school.com.cn/js/jsref_substring.asp
应用场景：前端展示对描述过多的文字不展示，当鼠标放上去时，以弹框的方式展示全部内容 实…
利用JS编写一个简单的计算器
js编写一个简单的计算器 学习js遇到的一个问题 描述：获取两个输入框中的数字，以及运算符号，点击“”，得最终的计算值。形式如下。 思路：定义变量分别获取两个运算文本框的值，通过判断获取的运算符号&#…
13.Vue.js前端框架：单页Web应用
1、单页Web应用简介
将多个组件写在同一个文件的方式适用于一些中小规模的项目。但是如果在更复杂的项目中，这种方式就会出现很多弊端。对此，Vue.js 提供了文件扩展名为 .vue 的单文件组件。单文件组件是 Vue.js 自定义的一种文件格式，一个 …
video中视频初始化显示第1帧
1个视频url放入video组件中，页面初始化的时候是黑的 解决办法:
html
<video :src"item.video" class"images-item" controls :id"handleVideoId(index)" />
<canvas id"mycanvas" style"display: none&quo…
javascript 异步原理
浏览器只给javascript的执行分配了一个线程，因此它是单线程的，并不能并发执行。javascript的异步处理方法并不是真正的异步，javascript异步的实现是靠事件驱动来实现的 一、在浏览器端
浏览器端的javascript实现了两个很重要的API࿰…
echarts鼠标悬停tooltip显示内容的位置自适应
在echarts中的option中添加如下代码即可：
tooltip:{formatter: function(obj) {let value obj.value;return <div style"border-bottom: 1px solid rgba(255,255,255,.3); font-size: 18px;padding-bottom: 7px;margin-bottom: 7px"> value[0] &l…
JSON.parse() 和 JSON.stringify()的用法
1、JSON.parse()用于将字符串解析成json对象：如下 2、JSON.stringify()用于将对象解析成字符串：如下：
JS 时间戳转标准时间
function timeFilter (time new Date()) {const date new Date(time 8 * 3600 * 1000);return date.toJSON().substr(0, 19).replace(T, );
}方法使用 直接调用方法 timeFilter()不传参，则直接返回当前时间 调用方法并传入时间戳 timeFilter(1606892418855)&a…
js中的数组和字典的长度
实际上，js中只有数组，没有字典。字典只能算是数组的特殊使用。 数组用[],字典用{} 数组的长度：data.length 字典的长度：Object.keys(data).length
前端列表数据根据某属性排序
参考：https://www.cnblogs.com/ttjm/p/10190074.html
原文内容
function compare(property,sort){return function(a,b){var value1a[property];var value2b[property];if(sort1){return value1 - value2;}else{return value2 - value1;}}};调用 arr.sort(compar…
oauth2_教程：如何实现Java OAuth 2.0以使用GitHub和Google登录
oauth2将Google和GitHub OAuth登录添加到Java应用程序的指南 我们添加到Takipi的最新功能之一是3rd party登录。 如果您像我一样懒惰，那么我想您也希望跳过填写表单和输入新密码的操作。 只要有权限，许多人都希望使用第三方登录，只要他们要求…
input标签type=file的文件上传
一，通过表单提交的方式
该提交方式只是提交普通表单；对于file组所选中的文件内容是不上传的，因此需要设置：enctype属性
enctype"multipart/form-data"如果想上传多文件，可添加multiple
<input type&qu…
学好easyui的tabs控件，走遍天下都不怕
easyui的tabs控件一、tabs的简介1、解释以及作用2、依赖二、tabs的实项1、通过标签创建选项卡2、添加新的选项卡面板1 add方法2 onClick事件三、总结一、tabs的简介
1、解释以及作用
1、选项卡显示一批面板。但在同一个时间只会显示一个面板。每个选项卡面板都有头标题和一些…
js 监听浏览器刷新还是关闭事件
// $(window).bind(beforeunload,function(){return 您输入的内容尚未保存，确定离开此页面吗？;});
// window.onbeforeunload function() { return "确定离开此页面吗？"; };
// function myFunction() {return "自定…
js一次删除数组中的多个元素
js一次删除数组中的多个元素在我们对一些列表项的数据进行操作时，经常会有删除多个列表项的情况，在不进行接口请求的情况下就需要我们前端进行删除然后缓存，下面介绍下删除数组中多个元素的方法一、filterfilter()方法会创建一个新数组&#…
mongodb shell 执行 js 脚本
利用mongodb执行js脚本的方法如下： ./mongo 10.1.18.181:12000/xmail_db test.js test.js 内容如下：
var cursordb.getCollectionNames(); // 获取collection 名 for(i0;i<cursor.length;i) { //printjson(cursor[i]); //var dbconnect(db); var …
通过 railway 和 code-server 搭建网页版的 visual studio code
背景和需求我有一个 iPad 平板, 平时出门碎片时间在 leetcode 和 binarysearch 上刷题[1], 因为可以直接在网页里敲代码. 除了用一些SSH Terminal[2]远程登陆服务器用 vim 改代码, 平板上做开发并没有很好用的 IDE.Code-Server项目地址: https://github.com/cdr/deploy-code-se…
layui框架（弹出层和div轮播）
一、弹出层 模块加载名称：layer； 由于layer可以独立使用，也可以通过Layui模块化使用。 layer下载地址：http://layer.layui.com/ 1、作为独立组件使用 layerlayui
<!--引入好layer.js后，直接用即可-->
<scrip…
vue.config.js常用配置
// vue.config.js常用配置
module.exports {// 基本路径，vue-cli3.3 以前请使用baseUrlpublicPath:/,// 输出文件目录outputDir:dist,// 用于嵌套生成的静态资产（js，css,img,fonts）的目录,assetsDir:,// 生产环境sourceMap&#…
JS中判断变量是否为数字
1、Number.isFinite()：Number.isFinite() 方法用来检测传入的参数是否是一个有穷数。
2、Number()：把对象的值转换为数字。
3、Number.isNaN() ：方法确定传递的值是否为 NaN，并且检查其类型是否为 Number。它是原来的全局 isNaN…
骆驼iptv_骆驼中的事件处理
骆驼iptv在上一篇有关骆驼-小水车的帖子中，我介绍了骆驼-小水车的组件，并使用骆驼路线中的规则实现了一些简单的面向任务的过程。 今天，我将展示如何通过添加事件处理来扩展此示例。 那么如何描述一个事件呢？ 每个事件在某个时间发…
K8S 生态周报| Istio v1.7.1 发布
“「K8S 生态周报」内容主要包含我所接触到的 K8S 生态相关的每周值得推荐的一些信息。欢迎订阅知乎专栏「k8s生态」[1]。”Istio v1.7.1 发布这是 Istio v1.7 系列的第一个 patch 版本。此次更新有些值得注意的内容：#26625 修复了 istioctl x authz check 使其能更…
Prometheus 重启之后报警竟然自动解决了。。
更多奇技淫巧欢迎订阅博客：https://fuckcloudnative.io前言最近我在看 Prometheus 重启之后，报警自动解决并且稍后又重新触发的问题，所以就定位了一下原因，然后觉得可以从社区得到解决方案。没想到社区上已经有了解决方案…
超级方便的Lambda表达式
在C#的语法中有一种比较特殊的写法，无需写繁琐的foreach语句或者for循环，叫做Lambda表达式。先来个典型案例给大家看看：
目标： 从userList列表中拿到 “张三” 的Id
foreach查询： foreach (var temp in userList) {i…
JAVA SpringMVC-07：Ajax研究讲解
简介 AJAX Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用…
前端技术：Vue+elementUI 饿了吗UI+CRUD，创建图书管理系统
1.Vue框架
JavaScript升级版，JS它脚本语言，Vue框架 语言它my生命，api工具类 文章中心思想，有生命力 Vue框架思想，MVVM框架思想，数据驱动思想，组件化思想
2.j2ee框架分层思想淋漓尽致体现&…
Unity百例开发日记 之 如何发布WebGL、去Logo、网络端通信 、本地运行
以下内容将和大家详细分享 Unity 在 WebGL平台的发布方法、 如何去除unity的Logo和加载界面、 WebGL与网络端通信 、以及 如何在本地运行html。 目录一、Unity在 WebGL平台的发布方法二、如何去除unity的Logo、加载界面、进度条1、去掉Logo2、去掉加载界面进度条三、WebGL与网络…
NodeJS中Buffer与字符串相互转换时一个值得注意的问题
什么问题
如果一个Buffer的 toString() 结果为乱码或含有乱码，那么用此字符串以 Buffer.from()方法构造出来的Buffer将与原来的Buffer不相同。 这一点其实很好理解，只是很多和我一样的初学者在使用时可能并不会意识到这一点。 用代码演示的话如下&#…
前端系列——window.localStorage空值判断问题（这真的是一个值得深思的问题）
window.localStorage空值判断问题前言问题描述问题原因分析先看输出原因根本原因总结前言
我们都知道window.localStorage是用于查看你浏览器的本地存储的
我们可以根据本地存储进行判断用户状态等一系列的事件
问题描述
今天在写的时候我对localStorage里的token进行空值…
JS对象字符串数组排序
var arr [{name: "abc",addr: "cba",},{name: "def",addr: "cba",},{name: "bcd",addr: "bbb",},{name: "bcd",addr: "aaa",},
] 执行排序：
先以name进行排序，如果n…
微信小程序不同js之间传递数据
在做小程序时，需要将一个有页面的数据传到另一个页面的js中使用，这里使用的方法就是通过小程序中的app.js存储，然后在另一个js中取出来使用。
将需要使用的变量存储到app.js中。globalData用于存储变量。
this.globalData { }在需要存…
前端技术：Vue+MVVM框架+
早期开发，VB (Cliebt/Server,word)微软，
数据驱动Vue项目组件化
Vue概念
早期开发，VB (Client/Server/word) 微软， B/S (Broswer/Server) ASP,ASPCOM2000年，IIS(web中间件) .net C#抄袭JAVA
java 2004，…
【软件测试基础】Html，CSS，JS
文章目录html表单常见的表单元素css样式复合选择器后代选择器并列、并集选择器选择器权重css存放位置Google案例盒子模型音频视频标签html5JShtml
表单
form标签就是作为表单数据的根标签 action属性的值就是传递给的后台 method 代表传数据的方法 get明文传输 post简单的加密…
简短JQ语句实现 简单无缝滚动动画
题目：
利用定时器制作无缝滚动动画 接下来我们来一步一步实现
1.Body 构建主体
盒子里装图片~ 我们给每个图片都添加一个类名
<div class"box1"><img src"i1.gif" class"img1"><img src"i2.gif" class…
引用类型的常用定义，操作，用法
自己整理的一部分数据类型知识。 因为是在有道云上整理的所以没办法直接把图上传过来，没办法只好把链接分享一下了.文档：有点模糊附上链接有兴趣的的可以看原图。
Ajax介绍和基本使用
JavaWeb学习大纲传送门
本章学习目录
问题的引出：当我们界面，只需要更新部分数据时，难道还要将页面全部刷新，消耗多余资源吗？问题的解决：Ajax 在浏览器与 Web 服务器之间使用异步数据传输，这样…
echarts对Y轴坐标控制
echarts自定义y轴刻度信息
<!DOCTYPE html>
<html>
<head><meta charset"utf-8"><title>ECharts</title><!-- 引入 echarts.js --><script src"echarts.common.min.js"></script>
</head>
&…
es6中的箭头函数和this关键字的说明（详细）
1.箭头函数 2.js的this指向1.箭头函数
>等价于return 它不能作为构造函数，不能new
let xx () > 555; //xx为一个函数,调用时需带（）
console.log(xx()); //555
//等同于
function xx2() {return 555;
}
console.log(xx2()); //555//…
JS通用事件绑定和移除程序
首先判断是否可使用DOM2级方法，然后判断是否可使用IE方法，最后只能使用DOM0级方法 <script type"text/javascript">var EventUtil {addhandler: function(element, type, handler){if (element.addEventListener) {element.addEventLis…
vue全家桶+Echarts+百度地图，搭建数据可视化系统
本文章篇幅略长，内容有点多大佬可根据目录选择性查阅新人可一步步来阅读1 前言
1.1 业务场景
突然接到产品说要做一个数据监控的系统。有线图、柱状图、地图，类似于数据可视化的方式。
本人之前从未接触过Echarts，然后需要2周拿出成果&…
JavaScript postMessage跨域通信
这玩意儿很早以前就有了，只是一直没流行起来。但是现在差不多可以用用了，下面这个是国内最新的浏览器市场份额数据 可见IE8的普及程度已经很高了，所以不做IE7-的网站也渐渐多起来，是时候使用这些东西了。 这里说的postMessage是w…
JS的作用域和声明提前，js中局部变量泄露为全局变量
JS的作用域和声明提前 首先介绍下Javascript的函数作用域的概念，然后了解下什么是作用域和声明提前，最后通过一个例子剖析Javascript的作用域链。 1.变量的作用域 稍微有些编程背景的都知道，变量的作用域分为两种： 全局变量 和 局…
![[100天挑战100个前端效果]第二十二天---荧光色旋边框](https://img-blog.csdnimg.cn/20210512105447352.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTM2ODMy,size_16,color_FFFFFF,t_70)
[100天挑战100个前端效果]第二十二天---荧光色旋边框
荧光色旋边框让我们先来看看实现的效果html代码css代码设计思路与今日份知识总结设计思路知识总结让我们先来看看实现的效果 html代码
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><meta http-equiv"X-…
css样式获取及兼容性（原生js）
类选择器兼容性 getbyclass()类选择器,在IE8及以下均不可用。 // 类选择器的兼容性 function getbyclass(parentName,Name){ var parentNamedocument.getElementById(parentName); // 通过标签名通配符选择所有父容器内的元素 var allparentName.getElementsByTagName("*&…
URL里莫名出现%20问题，导致图片访问不到
<img width"90" height"90" style"border-radius:50px;" src"{% static img/song.jpg %}">
这是写链接的时候多个一个空格导致的。
这个错误，用django调试的时候，图片访问不会有问题，但是…
vue 组件通讯总结
Props $emit 方式
父子传参最常用的方式就是使用props,$emit
1. 父传子
子组件从父组件接受参数通过props，并且可以规定类型，默认值等 总结
1.父组件中 v-bind:parentToOne"parentMsg" ,
一般parentToOne 与 parentMsg 名称相同即可
即&am…
一种内容区高度不定的展开收起方案
缘起
在日常开发中，经常会遇到有些区块内容可以展开收起的需求，例如以下这两种：
固定高度式： 非固定式: 固定式
对于内容固定，高度固定的情况，很好实现，可以一开始就显示展开/收起按钮&#…
selenium元素怎么定位
Selenium对网页的控制是基于各种前端元素的，在自动化过程中，对于元素的定位是基础，只有匹配到对应元素才能进行后续的自动化控制。一共有8种元素定位方式，也可以扩充到18种，只要会用常用的8种就会所有的方法了。 1.根据…
WebGIS 在html页面上拼接瓦片地图
转载https://blog.csdn.net/Yetian_2000/article/details/119242086 代码主要参考上面链接的这篇博客
在html上凭借瓦片地图,主要借助canvas控件 同时, 要给瓦片地图进行命名, 如图下所示
代码如下
<!DOCTYPE html>
<html lang"en">
<head><…
JS cookie的操作
cookie的操作写（存）cookie读cookie删除cookie写（存）cookie
setCookie(name, value) {var Days 30;var exp new Date();exp.setTime(exp.getTime() Days * 24 * 60 * 60 * 1000);document.cookie name "" escape(…
JS 基础篇(四) 原型与原型链
原型与原型链 1.js的无中生有。
js本源是null，js说要有神，通过万能术__proto__创造了No.1 神2.以No.1创造对象
js说 你要有自己的想法，于是，No.1以自己为原型创造了Object
可以理解为 Object.prototype No.1
我们把 prototype …
Java selenuim用执行js模拟鼠标滚动的方式完成页面滚动的异步加载及Java接收浏览器js的返回值
在使用selenuim webdriver爬取网页时，经常会有很多网页并不是访问链接就会加载全部内容的，而是需要鼠标向下滚动，动态的加载内容，比如知乎首页。这样在爬取的过程中并不能直接抓数据，需要先模拟鼠标滚动，让…
苹果官网iPad mini滚动动画实现原理探究
前言探究的过程有意思。今日前端早读课文章由FITURE魔镜高级前端工程师何青松投稿分享。何青松,曾任freeCodeCamp成都社区负责人，现任FITURE魔镜高级前端工程师，目前负责公司国际化业务Web开发，拥有丰富的2d图形开发经验，喜欢追求…
axios拦截器使用
main.js中axios部分加入：
// 请求拦截器
axios.interceptors.request.use(config >{console.log(config)/*为请求头对象添加Token验证的Authorization对象，就不用每次都在要传送的字段上加token了*/config.headers.Authorizationwindow.sessionStora…
你们说，每天更新多少？(阶段九）
低调务实优秀中国好青年 (简介) && 附加答案github.com/webVueBlog/…一个 ☝️ 正经的前端学习 开源 仓库，启发来自 淘宝大佬 冴羽 ，初心做一个真正能帮助到大家的仓库。（非常口语化的，手写总结）👤…
#1 前端开发流程+网页组成部分
以下为尚硅谷教程笔记
总体综述 css决定页面的布局、样式和效果，而页面中的内容是html
B/S 进入web以后 软件的结构是B/S结构:Browser/Server 而javaSE是C/S结构：Client/Server
B/S软件的结构如下： javaEE项目 客户端是：浏览器…
一文读懂 React 组件渲染核心原理
这是我们团队杨劲松、杨杰强同学做的内部分享，文章从声明式渲染的基本原理开始，逐步深入讲解 React 渲染与节点挂载的基本流程与源码，适合初中阶同学阅读。PS：我们是字节游戏中台前端团队，日常学习氛围浓厚，…
Web前端 学习知识点总结（十二）jQuery进阶 表单验证和简单正则表达式
系列文章目录
Web前端 学习知识点总结（一）HTML基本标签. Web前端 学习知识点总结（二）之Form和Css选择器. Web前端 学习知识点总结（三）Css字体、文本样式以及盒子模型. Web前端 学习知识点总结（…
Web前端 学习知识点总结（九）JavaScript的BOM和DOM基础
系列文章目录
Web前端 学习知识点总结（一）HTML基本标签. Web前端 学习知识点总结（二）之Form和Css选择器. Web前端 学习知识点总结（三）Css字体、文本样式以及盒子模型. Web前端 学习知识点总结（…
Web前端 学习知识点总结（八）JavaScript的常用基础
系列文章目录
Web前端 学习知识点总结（一）HTML基本标签. Web前端 学习知识点总结（二）之Form和Css选择器. Web前端 学习知识点总结（三）Css字体、文本样式以及盒子模型. Web前端 学习知识点总结（…
JS之事件名称与事件对象
JS之事件
事件名称
鼠标事件一般加给div
键盘事件一般加给document 输入框
提交与重置事件是加给整个form表单
<head><style type"text/css">.redDiv{width:200px;height:200px;background-color:red;}body{// 为了出现纵向滚动条height:3000px;}<…
JavaScript 小数相加
浮点型计算会有精度丢失问题，解决思路V1版：
1、把浮点型 转换为 int整形计算 在除以 倍数
比如： 0.10.02(0.1*1000.02*100)/100
2、倍数 怎么取
小数点后的位数长度就是 倍数，可把 浮点参数 当成字符串，然后利用sp…
JavaScript函数new和this关键词理解（十三）
new关键词的使用：
一般用来做 new 一个函数，产生一个新的函数，用来构造一个构造函数模板，用new方式创建具体调用对象。
比如jquery中的 jQuery 就是new出来的，还有文本编辑器等，在页面引入js资源后,也会用…
JavaScript自执行函数（十）
自执行函数
定义后就会执行，且只执行一次
语法定义：(定义一个没有名字的函数)()；
定义示例：
// 自执行函数
(
function(){console.log(1);
}
)();使用实例：
// 自定义函数闭包示例
var inner (function(){var su…
vue+ element 小白初次实践踩坑（二）-数据刷新，页面没改变
vue+ element 小白初次实践踩坑（二）-数据刷新，页面没改变
在使用vue的时候一个页面会有多个组件构建，所以会发生数据刷新，但是页面上的变化不完全
1.第一种：一个页面可以跳转到另一个页面，但是两个页面是共用的，点击跳转之后，必须强刷浏览器，数据才会更新 解决：
…
vue轮播图代码 仿小米商城轮播图
自己写的代码，仿小米商城轮播图，下面是整个代码，可以直接在首页注册组件使用，样式我使用了sass
结构代码
<template><div class"box"><div class"minbox" :style"width:${width}px;hei…
快乐星球发车了——Hybrid 框架设计看一遍就会！
作者 | 李保君嗨，我是ucself，一名大前端开发工程师。项目使用技术发展历史随着大前端技术的快速发展，项目历史包袱的遗留就会产生日益健全的 SDK 和项目框架。以文章的形式回忆和分享项目中使用技术发展要点，也算是工作࿰…
js 计算当前元素距离顶部距离
js 计算当前元素距离顶部距离
在js中可以通过offsetTop获取距离
offsetTop //返回元素的上外缘距离最近采用定位父元素内壁的距离，如果父元素中没有采用定位的，则是获取上外边缘距离文档内壁的距离。所谓的定位就是position属性值为relative、absolute…
![[vue]——登录页面交互](https://img-blog.csdnimg.cn/20210304105821623.png)
[vue]——登录页面交互
面板切换
登录页面板一般会选择多种登录方式，短信登录或者密码登录，这两种登录方式会通过点击来实现显隐。 在不使用框架的情况下，实现两哥面板相互显隐，就要用到样式中的display，在初始化的时候给短信登录添加一个计…
JS数组取交集、并集
简单数组
如果数组中仅是字符串和数值
es5
var a [1,2,3], b [2,3,4,5];
// 交集---[2,3]
var intersection a.filter(item > b.indexOf(item) > -1)
// 并集---[1,2,3,4,5]
var union a.concat(b.filter(item > a.indexOf(item) -1))交集的逻辑就是将b在a里边…
js遍历数组和对象的方法
js遍历数组和对象的方法
数组
1.for循环
var arr[1,2,3,4,5,6]for(var i0;i<arr.length;i){ //arr.length是数组的长度console.log("arr"arr[i]);}2.forEach
forEach()方法需要一个函数作为参数该方法没有返回值浏览器会在回调函数中传递三个参数&…
小码哥带你一窥 vue3 响应式原理
前言随着 Vue3 的登台，各大博客论坛铺天盖地的涌来各种文章。我们组也是率先把 Vue3 应用到了工作中，刮起了一波学习热潮。上个月组内一位大佬的分享也让我受益良多，那么就借着这波余热一起从 Vue3 的源码一探究竟。1. ref 和 reactive 的关系…
js数据类型、栈堆存储、多数据类型计算
js数据类型、栈堆存储、多数据类型计算
js数据类型有哪些 基本数据类型（值类型）： Number、String、Boolean、Undefined、Null、Symbol（es6新增独一无二的值） 和 BigInt（es10新增）； …
js 获取移动端设备类型及系统版本号
js 获取移动端设备类型及系统版本号
第一 navigator.userAgent.toLowerCase() 可以获取到 if (/android|adr/gi.test(ua)) {alert(安卓)// 安卓} else if (/\(i[^;];( U;)? CPU.Mac OS X/gi.test(ua)) {//苹果alert(苹果)} else if (/iPad/gi.test(ua)) {//ipadalert(ipad)}…
vue 页面效果插件---------------（无缝滚动，数组滚动）
文章目录数组滚动插件 ---------------cont-tovue-countTo---简单好用的一个数字滚动插件无缝滚动插件 ---------------vue-seamless-scroll数组滚动插件 ---------------cont-to vue-countTo—简单好用的一个数字滚动插件
vue-countTo是一个无依赖，轻量级的vue组件…
ES6数组循环、数组新增
1.数组循环
参数 val : 数组元素 ， index:元素索引，arr:原数组本身
arr.forEach( function( val, index, arr ){ } ) // 没有返回值，undefiendlet arr ["red","blue","green"]
let arr2 arr.forEa…
2021-09-30笔记
WithRouter的作用和一个简单应用 作用：把不是通过路由切换过来的组件中，将react-router 的 history、location、match 三个对象传入props对象上
React.lazy来实现React组件的懒加载
JavaScript call() 方法 call() 方法是预定义的 JavaScript 方法。 它…
[前端必刷75题]57.判断是否以元音字母结尾
判断是否以元音字母结尾描述直接用正则描述
给定字符串 str，检查其是否以元音字母结尾
1、元音字母包括 a，e，i，o，u，以及对应的大写2、包含返回 true，否则返回 false
直接用正则
$表示末尾匹…
史上最硬核网页截图方案原理深度剖析
作者 | 陈亮靡不有初，鲜克有终简介剖析流行的截图插件 html2canvas 的实现方案，探索其功能上的一些不足之处及不能正确截取的一些场景，比如不支持 css 的 box-shadow 截取情况等。探索一种新的实现方式，能够避免多数目前 html2can…
[前端必刷75题]45.46.或且运算
或运算描述或运算且运算描述
返回参数 a 和 b 的逻辑或运算结果
或运算
function or(a, b) {return a||b
}且运算
function and(a, b) {return a&&b
}
JS中document对象和window对象有什么区别
JS中document对象和window对象有什么区别？？
一、指代不同 1、document对象：代表给定浏览器窗口中的 HTML 文档。 2、window对象：表示浏览器中打开的窗口。 二、作用不同 1、document对象：使用 document 对象可以对 HT…
Cesium从零开始开发
持续更新中
目录
1、下载安装部署
9999、参考资料 1、下载安装部署
0.环境准备Node
1.下载安装
https://github.com/CesiumGS/cesium/releases/download/1.110/Cesium-1.110.zip
cd Cesium-1.110
npm i
node server.js打开http://localhost:8080/Apps/HelloWorld.html 修…
NewStarCTF2023week2-游戏高手
js代码审计，定位到输出flag的地方 首先进行了一个条件判断，如果游戏分数大于100000，就会执行下面的代码块；
然后创建了一个 XMLHttpRequest 对象，用于向服务器下的/api.php发送 POST 请求；
后面代码用于处…
[前端必刷75题]8.获取字符串的长度
获取字符串的长度描述示例1代码描述
如果第二个参数 bUnicode255For1 true，则所有字符长度为 1 否则如果字符 Unicode 编码 > 255 则长度为 2
示例1
输入：
hello world, 牛客, false
输出：
17代码
function strLength(s, bUnicode255…
[JavaScript学习笔记]内置对象那些儿事儿(都是细节，我已收藏！)
内置对象那些儿事儿内置对象查文档MDN如何学习对象种的方法Math对象max最大值方法封装自己的数学对象随机数方法 random()得到两个数之间的随机整数 并且包含这2个整数其他math方法列举案例：猜数字游戏日期对象日期格式化年月日星期时分秒Date总的毫秒数案例&#x…
JS 数组篇 多维数组扁平化
概念：数组扁平化是指将一个多维数组变为一维数组
思想：遍历数组每一项，如果该项为数组， 方法总结
let arr [1,2,3,[a,b],[[4],[[[5,6],c]]]]Array.prototype.flat const arr1 [0, 1, 2, [3, 4]];
console.log(arr1.flat());
/…
thymeleaf与js执行顺序问题
thymeleaf与js执行顺序问题 问题描述 在使用thymeleaf向页面传值时，如果html页面中还写了js或者jquery来对传入的值进行操作的时候，我们会发现，通常页面无法成功进行想要的操作。 解决方案 通过多次试验，发现是因为js或者jquery的…
WEB 视频开发系列——千万级流量弹幕
作者 | 翁鹏42弾幕（だんまく/danmaku）、barrage 是显示在影片上的评论，大量吐槽评论从屏幕飘过时效果看上去像是飞行射击游戏里的弹幕。弹幕视频系统源自日本弹幕视频分享网站（niconico动画），国内首先引进为…
初识HTML5 canvas时钟绘制
HTML5 canvas 时钟绘制
canvas时钟绘制 效果展示 因为不会制作动态gif图，只能上传一张静态图了，此时钟会随时间变化 原理说明 一个时钟它的钟面是不会改变的，变得只有指针，因此我们需要先将钟面画出来，钟面由圆形和…
JS 基础篇(三) call apply bind 区别
call apply bind的使用
const obj {name:obj name
}
function getName(para1,para2){return this.name -para1-para2
}
//call 的使用
console.log(getName.call(obj,form,call))
//apply 的使用
console.log(getName.apply(obj,[form,call]))
//bind 的使用
var b getName…
使用curl指令发起websocket请求
昨日的文章没指出websocket请求协商切换的精髓，删除重发。前文相关：• .NET WebSockets 核心原理初体验[1]• SignalR 从开发到生产部署避坑指南[2]tag：浏览器--->nginx--> server其中提到nginx默认不会为客户端转发Upgrade、Connectio…
SignalR在React/Go技术栈的实践
哼哧哼哧半年，优化改进了一个运维开发web平台。本文记录SignalR在react/golang 技术栈的生产小实践。01背景有个前后端分离的运维开发web平台， 后端会间隔5分钟同步一次数据，现在需要将最新一次同步的时间推送到web前端。说到[web服务端推送]…
这次使用一个最舒服的姿势插入HttpClient拦截器技能点
码甲哥继续在同程艺龙写一点大前端，今天我们来了解一下如何拦截axios请求/响应？这次我们举一反三，用一个最舒适的姿势插入这个技能点。本文阅读耗时5 minute，行文耗时5 Days。axios是一个基于 promise 的网络请求库，可…
30天精通Nodejs--第六天：File system
引言
上一篇文章中我们介绍了Node.js中一个核心模块Events， 下面继续介绍Node.js的另一个重要模块fs。
fs 模块是 Node.js中一个非常重要的模块，它允许我们在服务器端异步或同步操作文件系统。
本文将深入介绍 Node.js 的 fs 模块，包括它的基本概念、常用方法和一些示例代…
echo和var_dump的区别
一、echo()
echo() 函数输出一个或多个字符串。
注释：echo() 函数实际不是一个函数，所以您不必对它使用括号。然而，如果您希望向 echo() 传递一个以上的参数，使用括号将会生成解析错误。
二、var_dump()
var_dump();———>…
String是一个奇怪的引用类型
点击蓝字关注我们开局两张图，内容全靠刷。马甲哥看到这样的现象，一开始还是有点懵逼。这个例子，string是纯粹的引用类型，但是在函数传值时类似于值传递；我之前给前后示例的内存变化图吧：根因就是大多数高级…
js中字符串全部替换
js中字符串全部替换
废话不多说，直接发结果
在js中字符串全部替换可以用以下方法：
str.replace(/需要替换的字符串/g，"新字符串")
比如将日期的分隔符由“-”替换为“/”：
"yyyy-MM-dd-hh-mm-ss".replac…
弹性布局自动换行内容平分父盒子剩余高度问题
弹性布局设置子盒子自动换行展示，并且子盒子不撑满父盒子时，不会平分父盒子剩下的高度（align-content: flex-start）。 display: flex; flex-wrap: wrap; align-content: flex-start
echarts副标题类似卡通显示框
title: [{ text: 流程, left: 0px, textStyle: { color: "#3E8FD2", fontSize: 18, }, top: -2px }, { subtext: 有效订单数, subtextStyle: { color: "white", fontWeight: "bold", textBorderColor: #3E8FD2, textBorderWidth: 9 }, left: 19.…
原生 js 颜色值转换，rgb与16进制互相转换
16进制转rgb：
function HhtmlColorToRGB(color) {
var str"0x" color.substring(1,color.length);
var rstr&0x0000FF;
var g(str&0x00FF00)>>8;
var b(str&0xFF0000)>>16;
return b "," g "," r;
…
JS：格式化时间的方法，及获取指定格式的方法
简介
一些关于时间的获取方法
具体实现
以下是获取时间中部分内容的方法
let time new Date();
time.getYear(); //获取当前年份
time.getFullYear(); //获取完整的年份(4位,1970-???)
time.getMonth(); //获取当前月份(0-11,0代表1月)
time.getDate(); //获取当前日(1…
JS：理解 JavaScript 中的执行上下文和执行栈
什么是执行上下文？
简而言之，执行上下文是评估和执行 JavaScript 代码的环境的抽象概念。每当 Javascript 代码在运行的时候，它都是在执行上下文中运行。
执行上下文的类型 JavaScript 中有三种执行上下文类型。
全局执行上下文 —— 这是…
vue 实现移动端年周时间选择
vue 实现移动端年周时间选择使用组件样式实现代码实现使用组件
Vant 是有赞前端团队开源的移动端组件库，点击跳转
样式实现 代码实现
<template><div id"root"><van-nav-bar left-arrow click-left"returnHandle()"><…
【达内课程】H5前端开发中的js(2)
文章目录打印屏幕和网页宽高单击按钮关闭浏览器延迟执行每隔1s执行js中的面向对象直接创建对象通过json创建对象通过函数创建对象打印屏幕和网页宽高
console.log(window.screen.width);
console.log(window.screen.height);
console.log(document.documentElement.clientWidt…
【达内课程】H5前端开发中的js(1)
文章目录栗子1:弹框栗子2:函数正则表达式验证用户名密码城市联动栗子1:弹框
来实现点击一张图片，弹出一个弹框 在assets文件夹下，放一张易烊千玺的图片yyqx.jpg，然后新建index.html
<html lang"en"><head><meta …
js来获取url中的参数
//根据传递过来的参数name获取对应的值
function getParameter(name) {var reg new RegExp("(^|&)" name "([^&]*)(&|$)","i");var r location.search.substr(1).match(reg);if (r!null) return (r[2]); return null;
}
JSON与JS一起使用代码示例
JSON与JS一起使用代码示例
前提
前提,建立一个文件夹,这个文件夹设置为公开的,允许被访问的,然后在该文件夹中
建立一个text.json文件,
里面用json语法写出正确的语句放入text.json文件夹中,然后在该文件夹中再建立一个后缀名为html文件
AJAX1.json
{"address":&…
js中使用sort根据数组内对象某个值大小进行升降序
背景：
最近做毕设的项目时碰到需要实现价格进行升降序的功能。 1.浏览器返回数值1和-1 2.根据接收到的两个值决定升降序
解决
使用sort方法 简单数组：
result [
{ name: chen, age: 12},
{name: liu,age: 18},
{name: ba, age: 40}]1.id值࿰…
什么是前端（js）路由器
概述 路由器是WebApp应用程序切换页面的枢纽。早起由于浏览器处理JS脚本的能力较弱，大部分逻辑和交互都在服务端完成；因此路由器这个词最早出现服务端；服务端通过客户端请求的URL解析出需要返回给客户端的HTML文档的路径，最终返回…
JS 数组篇 数组常用API 下
此篇主要是数组循环的一些api
forEach() 定义 forEach() 方法对数组的每个元素执行一次给定的函数。语法 arr.forEach(callback(currentValue,index,array), thisArg)参数 callback
为数组中每个元素执行的函数，该函数接收一至三个参数：
currentValue
数…
多页面应用多次引入同一个资源优化方法
介绍
项目是多页面应用，每个界面都会引入一次layui框架源码，造成未优化之前界面加载十分缓慢
优化探索
想办法让多页面只加载一次
但是由于多页面使用iframe，主页面和子页面资源隔离，无法让资源只加载一次
利用浏览器缓存
在…
QuickJS Javascript引擎发布，尝试Quickjs
QuickJS是一个小型可嵌入的Javascript引擎。它支持 ES2019规范， 包括模块，异步生成器和代理。
它可选地支持数学扩展，例如大整数（BigInt），大浮点数（BigFloat）和运算符重载。
主要特…
[JavaScript能力测评]7.数组合并(四种方法！)
JS能力测评第七题合并两个数组concatslicepush.applyslicepush普通的迭代拷贝合并两个数组
concat
function concat(arr1, arr2) {return arr1.concat(arr2);
}slicepush.apply
function concat(arr1, arr2) {var newArrarr1.slice(0);[].push.apply(newArr,arr2);return ne…
JS 数组篇 数组求和与数组去重
数组求和 for循环求和 let arr [1,2,3,4,5]function sum(arr){let sum 0;for(let index 0;index<arr.length;index){sum arr[index]}return sum }console.log(sum(arr))map-reduce求和 let arr [1,2,3,4,5]
function sumMap(arr){let sum 0arr.map((value,index,arr)…
JS 数组篇 数组常用API 上
push() 定义 push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。
更改原数组参数 elementN
被添加到数组末尾的元素。返回值 当调用该方法时，新的 length 属性值将被返回。示例 //添加元素到数组
var sports ["soccer", &q…
比较两个数组内容是否相同
function arraysEqual(arr1, arr2) {return JSON.stringify(arr1) JSON.stringify(arr2);
}const array1 [1, 2, 3];
const array2 [1, 2, 3];console.log(arraysEqual(array1, array2)); // 输出 true需要注意的是，使用 JSON.stringify() 方法来比较数组内容时&…
vue 条件表达式 树形配置组件
公司需要一个可以配置条件表达式的组件
1、支持多个表达式拼接（AND/OR）
2、表达式可以分组
3、分组与单个表达式之间可以拼接 （AND/OR）
4、根据所选属性推断对应表达式连接符与值输入框
5、展示明了，通俗易懂
6、可以…
前端var、let、const有什么区别
var , let , 和 const 是 JavaScript 中用于声明变量的关键字，它们之间有一些区别：
var ：在ES5及之前的版本中使用的声明变量的关键字。它具有以下特点：
函数作用域： var 声明的变量的作用域是函数级的，它…
H5接入百度，高德，腾讯地图
百度地图： 参考文档：百度文档
<script type"text/javascript" src"https://api.map.baidu.com/api?v2.0&akXXXXX"></script>
const geocoder new BMap.Geocoder()
geocoder.getPoint(address, (point) > {if …
ant design pro 中ModalForm的参数open无法控制的问题
根据antd自己的说明，visible这个参数在下个版本会被替换成open，所以今天我试着用open。 但是用了open之后发现这个model弹不出来，用visible是正常的。 那么问题在哪呢？又是在import的位置不对
open可以使用的是：
imp…
React集成tinymce插件
目录
一、Tinymce介绍
二、React集成Tinymce
1、安装tinymce/tinymce-react组件
2、React中引用
三、如何配置中文语言包
1、下载中文包
2、把语言文件放入tinymce
3、tinymce配置项中配置语言 一、Tinymce介绍
官网：The Most Advanced WYSIWYG Editor | T…
vue2根据不同的电脑分辨率显示页面内容及不同设备适配显示
1.安装插件:
npm install postcss-px2rem px2rem-loader --save
npm i lib-flexible --save
2.创建flexible.js，并在main.js引用 ;(function(win, lib) {var doc = win.document;var docEl = doc.documentElement;var metaEl = doc.querySelector(meta[name="viewport&…
el-table 多个表格切换多选框显示bug
今天写了个功能，点击左侧的树做判断，一级树节点显示系统页面，二级树节点显示数据库页面，三级树节点显示表页面。
数据库页面和表页面分别有2个el-table ,上面的没有多选框，下面的有多选框 现在出现bug，在…
限制 el-input 输入 emoji
1. 电脑如何输入 emoji 表情 ? 快捷键 win; 或 win. 2. 代码实现
<template><el-input v-model"input" placeholder"请输入内容" input"inputChange"></el-input>
</template><script>
export default {name: D…
html实现iframe全屏
前言
html浏览器全屏操作，基于jquery iframe全屏、指定标签全屏
实现
css
/** 全屏*/
.lay-dbclick-box{position: relative;width: 100%;height: 100%;
}
.lay-dbclick-screen{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999999…
30天精通Nodejs--第十八天：express-中间件
目录 引言什么是Express中间件？中间件的执行流程中间件的分类常用中间件结语 引言
Express中间件作为其核心特性之一，为请求处理流程提供了极大的灵活性和可扩展性。本文将详细解读Express中间件的工作原理、使用方式以及实际应用中的高级技巧。
什么是…
el-form验证问题
1.如果第一次打开el-dialog有验证失败，重新打开el-dialog仍然会有验证失败
<div><el-dialog width"50%" title"对象信息" :visible.sync"dialogFormVisible" close"closedialog"><UploadFile ref"chi…
细说JavaScript内置对象（JavaScript内置对象详解）
一、String对象
1、简单上手
2、构造方法
3、其他方法
3.1、charAt()
3.2、indexOf()
3.3、split()
3.4、substring()
3.5、substr()
4、实际操作
二、Math对象
1、简单上手
2、对象属性
3、对象方法
4、实际操作
三、Date对象
1、简单上手
2、构造方法
3、实…
编绎和优化，脚本代码小米加步枪赶超英法美
编程达人：冰冻牡蛎 测试，总结》》
今有空，继续看了一下竹笋大师几天前提出的“使用for循环查找10亿内可被7整除的数的个数”的题目（相关文件：群文件 10亿以内多少个数字可以整除7.7z ）
1. 论输出的exe大小…
Autojs 小游戏实践-潮玩宇宙开扭蛋
概述
最近在玩潮流宇宙，里面有扭蛋兔的一个玩法，开始有很多蛋，需要我们一个个点开，然后根据装备品质替换分解，潮流提供了自动开扭蛋功能，但是开到品质比自己装备好的时候回暂停，由于个人懒得看…
eslint写jsx报错
eslint写jsx报错
ChatGPT提示
在写JSX时，ESLint可能会报出一些语法错误，这些错误通常是由于ESLint默认配置中不支持JSX语法导致的。为了解决这些错误，我们需要在ESLint配置文件中启用对JSX语法的支持。
首先，需要安装eslint-pl…
EJS--嵌入式js模板引擎
高效的嵌入式javaScript模板引擎
纯JS,和JQuery一样。作用是让JS更好的输出HTML。
官网：<% EJS %>
在HTML中引入EJS，以使js能够使用它， <script type"text/javascript" src"ejs的路径"></script> 标…
现有i张十元纸币，k张五元纸币，j张两元纸币，购物后要支付n元(i,j,k,n 为整数)。要求编写一个函数Changes(i,j,k, n)
算法题：现有i张十元，k张五元，j张两元，要支付n元(i,j,k,n 为整数)。写一个函数：要求手上拥有的纸币是否足够并能刚好拼凑齐n元，而不需要找零。
直接上代码：
/*
** i: 10元的张数
** j: 5元的张…
Ctfshow web入门 XSS篇 web316-web333 详细题解 全
CTFshow XSS web316
是反射型 XSS 法一：
利用现成平台 法二：
自己搭服务器
先在服务器上面放一个接受Cookie的文件。 文件内容：
<?php$cookie $_GET[cookie];$time date(Y-m-d h:i:s, time());$log fopen("cookie.txt"…
前端 | FormData 用法详解
前端 | FormData 用法详解
介绍
FormData 是 Ajax2.0 对象用以将数据编译成键值对，以便于 XMLHttpRequest 来发送数据。XMLHttpRequest Level 2 提供的一个接口对象，可以使用该对象来模拟和处理表单并方便的进行文件上传操作 如果表单属性设为 mu…
SpreadJS 集成使用案例
SpreadJS 集成案例
介绍：
SpreadJS 基于 HTML5 标准，支持跨平台开发和集成，支持所有主流浏览器，无需预装任何插件或第三方组件，以原生的方式嵌入各类应用，可以与各类后端技术框架相结合。SpreadJS 以 纯前…
分享77个焦点幻灯JS特效，总有一款适合您
分享77个焦点幻灯JS特效，总有一款适合您
77个焦点幻灯JS特效下载链接：百度网盘 请输入提取码
提取码：6666
Python采集代码下载链接：采集代码.zip - 蓝奏云
学习知识费力气，收集整理更不易。知识付费甚欢喜&…
分享66个菜单导航JS特效，总有一款适合您
分享66个菜单导航JS特效，总有一款适合您
66个菜单导航JS特效下载链接：https://pan.baidu.com/s/1dpGGbptx6hEKcBnTMNLIdA?pwd6666
提取码：6666
Python采集代码下载链接：采集代码.zip - 蓝奏云
学习知识费力气，…
头部首发优志愿头部u_sign生成与TLS指纹处理！ + 数据可视化技术讲解【Python爬虫】
目录
针对大学名称 大学排名, 综合指数,学校情况等数据进行爬取
找对应得数据包
请求发现数据有加密
发现加密参数
搜索加密参数，好进行分析
分析过程
数据可视化 针对大学名称 大学排名, 综合指数,学校情况等数据进行爬取
首先进行鼠标右键，进行…
深入理解 Document Load 和 Document Ready 的区别
目录 前言：
一、Document Ready
二、Document Load
三、理解和总结 前言：
在前端开发中，理解页面加载的不同阶段是至关重要的。特别是当我们需要在页面加载到特定阶段时执行某些操作时，我们需要知道应该使用 document ready 还…
百度地图，地市区域描边
描边首先需要各个点的经纬度数据 json数据下载 直接复制粘贴进入页面ctrls保存就可以了。 如果需要某省中的各个地市描边可以点击这个省的进行下载，这里以山东为例，我是先下载了山东的json数据,但是发现只有山东省下各个市的描边，于是又下了中…
js读取json文件
1. 原生的两种方法
1.1 XMLHttpRequest
const xhr new XMLHttpRequest();
xhr.overrideMimeType("application/json");
xhr.open(GET, data.json, true);
xhr.onreadystatechange function () {if (xhr.readyState 4 && xhr.status 200) {const data …
文件上传后端处理页面
最近想搭建一个完整的网站，加深理解，困难重重啊，遇到很多问题
前端：非常原始的代码，没有用任何框架
<form method"post" enctype"multipart/form-data" action"upfile.php"><…
uniapp无感刷新token实现过程
路漫漫其修远兮，前端道路逐渐迷茫，时隔好久好久终于想起了我还有一个小博客，最近在一直在弄uniapp，属实有被恶心到，但也至少会用了，最近实现了一个比较通用的功能，就是无感刷新token，…
H5前端开发——事件处理
H5前端开发——事件处理
在H5前端开发中，事件处理是非常重要的一部分。通过事件处理，可以实现对用户操作的响应和交互。以下是几种常见的事件处理方式： HTML事件处理： 在HTML标签上直接设定事件处理函数，如<button onclick="myFunction()">点击我</bu…
深入了解JavaScript中的AJAX和HTTP请求
在现代Web开发中，AJAX（Asynchronous JavaScript and XML）和HTTP请求被广泛应用于实现动态交互式网页。本文将深入探讨AJAX的概念、工作原理以及使用方法。 什么是AJAX？
AJAX是一种利用JavaScript和HTTP请求与服务器进行异步通信的…
30天精通Nodejs--第三天：异步编程
上一篇我们介绍了nodejs的模块系统与npm，接下来详细介绍一下nodejs的异步编程。
异步编程理念
Node.js的一个核心特性是其异步编程模型。与传统的同步阻塞I/O不同，Node.js采用了事件驱动、非阻塞的方式来处理I/O操作。这意味着Node.js可以同时处理多个…
js实现将文本生成二维码（腾讯云cos）
示例
页面代码
import { getQCodeUrl } from /utils/cosInstance;
import { PageContainer } from ant-design/pro-components;
import { Access, useAccess } from umijs/max;
import { Button, Image } from antd;
import { useState } from react;const AccessPage: Reac…
前端《中国象棋》游戏
源码下载地址 支持：远程部署/安装/调试、讲解、二次开发/修改/定制
查看视频 本程序是一个基于Html/css/javascrip的网页端象棋APP，其中引入JQuery来简便开发。 在程序中，使用一个Map二维数组来表示棋盘，通过给棋子设置不同的横坐…
TS项目实战四：ts+vue3+elementplus实现登录注册功能
使用vue3elementplusvitepinia实现用户登录、注册相关界面及对应业务流程的开发，对接express后端服务，调用对应接口，实现完整的用户登录注册功能。 源码下载：点击下载 讲解视频： TS实战项目三十：Vue3项目创…
Vue 数据绑定 和 数据渲染
目录
一、Vue快速入门 1.简介 : 2.MVVM : 3.准备工作 :
二、数据绑定 1.实例 : 2.验证 :
三、数据渲染 1.单向渲染 : 2.双向渲染 : 一、Vue快速入门 1.简介 : (1) Vue[/vju/]，是Vue.js的简称，是一个前端框架，常用于构建前端用户…
threejs (二) 相机
正交相机 const camera new THREE.OrthographicCamera(-aspect,aspect,aspect,-aspect,0.1, //进平面1000 //远平面); // 透视相机创建相机辅助线
const cameraHelper new THREE.CameraHelper(this.camera);创建一个透视相机观察正交相机 // 创建透视相机const watchCamera …
JavaScript从入门到精通系列第三十六篇：详解JavaScript中的事件监听和事件响应
文章目录
一：什么叫事件
1：概念
2：处理这个事件
(一)：鼠标单机按钮
(二)：鼠标双机按钮
(三)：鼠标移动 3：写法弊端 4：Dom Event
二：监听事件
1：元素事…
混合开发(Android原生与H5交互) 说明文档
前言
目前，比如微信、QQ、淘宝、京东、知乎、各大银行App等大量软件都内嵌了部分H5。Android与H5（JS）互调可以让我们实现混合开发。混合开发就是在一个APP中内嵌一个轻量级的浏览器，一部分原生的功能改为Html5来开发。 拿微信举例…
基于 vue3源码 尝试 mini-vue 的实现
基于 vue3源码 尝试 mini-vue 的实现
预览：
1. 实现思路
渲染系统模块响应式系统mini-vue 程序入口
2. 渲染系统模块
2.1 初识 h 函数
以下是 vue 的模版语法代码：
<template><div classcontainer>hello mini-vue</div>
</…
ajax的完整写法——success/error/complete+then/catch/done+设置请求头两种方法——基础积累
ajax的完整写法——success/error/completethen/catch/done设置请求头两种方法——基础积累 1.完整写法——success/error/complete1.1 GET/DELETE——query传参1.2 GET/DELETE——JSON对象传参1.3 PUT/POST——JSON对象传参 2.简化写法——then/catch/done2.1 GET/DELETE——q…
three中界面交互gui.js库的使用
gui.js库(可视化改变三维场景)
dat.gui.js说白了就是一个前端js库，对HTML、CSS和JavaScript进行了封装，学习开发的时候，借助dat.gui.js可以快速创建控制三维场景的UI交互界面，你打开课件中案例源码体验一下就能感受到。
学习dat…
基于php的用户登录实现（v2版）（持续迭代）
目录
版本说明
数据库连接
登录页面：login.html
登录处理实现：login.php
用户欢迎页面：welcome.php
密码修改页面：change_password.html 修改执行：change_password.php
用户注册页面：register.html …
【React系列】ES6学习笔记（四）module、编程风格
本文参考自电子书《ECMAScript 6 入门》：https://es6.ruanyifeng.com/ Module 的语法
1. 概述
历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装…
【JavaScript高级】修改this，严格模式，闭包，深浅拷贝
▊ 函数的定义
// 命名函数
function fun() {};// 匿名函数
var fun function() {};// 对象方式
var fun new Function(参数1, 参数2, 函数体); // 注意全是字符串形式// 前两种比较常用；第三种效率较低
// 但从第三种书写方式中，我们要理解这样的思想…
【React系列】ES6学习笔记（二）Promise、async\await
本文参考自电子书《ECMAScript 6 入门》：https://es6.ruanyifeng.com/ Promise 对象
1. Promise 的含义
Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了…
barcode.js+elementUi——实现二维码的展示——基础积累
barcode.js——实现二维码的展示——基础积累 CSDN服务器一直报错条形码需求分析1.barcode.js的引入2.html页面上的写法——我这边是一个elementUI的弹窗条形码3.script中的部分 CSDN服务器一直报错
最近不知道怎么了，CSDN一直报服务器错误，不能只有我自…
webWorker解决单线程中的一些小问题和性能优化
背景
js是单线程这是大家都知道，为了防止多个线程同时操作DOM，这个导致一个复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应…
vue项目中实现价格被横线划掉，折扣价效果
效果图 代码
横线划掉效果就是用到了css的一句代码：text-decoration: line-through; 其他颜色大小是自己改的。
<p class"usa">￥499.00<spanstyle"text-decoration: line-through;font-size: 12px;color: #ccc;">&…
并发请求-总定义并发数
面试情景模拟： 假设有100个请求 要求每次并发数是3，要求按照请求的顺序返回相对应位置的顺序
假设A，B，C 并发三个请求 C先请求成功 进入到resC，D直接补位 依次类推 知道数量全部被请求完
代码如下 ：
co…
【JavaScript】一篇弄懂offsetWidth、offsetHeight、offsetleft、offsetTop和offsetParent
offsetWidth、offsetHeight offsetWidth：元素的布局宽度。 offsetHeight：元素的布局高度。 offsetWidth、offsetHeight 的计算：width/height padding border-width，受 box-sizing 影响。 <head><meta charset"UTF…
【JavaScript】原生js中函数传不定参以及获取非行间样式的方法
函数返回值 函数返回值：就是函数的执行结果 function abc(){return 12; //abc() 等于12return; //abc() 等于 undefined//函数内容为空，abc() 等于 undefined
} 函数传不定参
<script>function sum(){var result 0; //arguments 是一个由参数组成…
CSS Grid布局入门：从零开始创建一个网格系统
CSS Grid布局入门：从零开始创建一个网格系统
引言
在响应式设计日益重要的今天，CSS Grid布局系统是前端开发中的一次革新。它使得创建复杂、灵活的布局变得简单而直观。本教程将通过分步骤的方式，让你从零开始掌握CSS Grid，并在…
【React系列】ES6学习笔记（一）let与const、解构赋值、函数参数默认值\rest参数\箭头函数、数组和对象的扩展、Set和Map等
本文参考自电子书《ECMAScript 6 入门》：https://es6.ruanyifeng.com/ let 和 const 命令
1. let 命令
尽量使用 let 声明变量，而不是 var。let 声明的变量是块级作用域， var 声明的变量是全局作用域。使用 let 变量必须先声明再使用&#…
【JS】对象方法（工作常用）
文章目录转数组（常用）枚举键值对（entries）枚举属性名（keys）枚举属性值（values）判断操作删除（delete）判断（in）判断属性名（h…
如何快速搭建一个完整的vue2+element-ui的项目-二
技术细节-继续配置 提示：你以为这样就完了吗,其实还有很多东西需要我们自己手写的 例如： element-ui的配置样式重置配置src使用的配置elinst配置axios异步请求的二次封转配置语言国际化配置(这个看需求,我这里就不用配置了)vuex的配置mixins的配置开发环…
爬虫逆向破解翻译接口参数
Python 请求baidu翻译接口：https://fanyi.baidu.com/v2transapi?fromzh&toen 步骤一： 查找构建请求参数 JS 断点发现如下参数： w {from: _.fromLang,to: _.toLang,query: e,transtype: i,simple_means_flag: 3,sign: b(e),token: windo…
HNU数据库大作业-世界杯比赛系统
前言
之前做的那个版本bug较多，后进行了大量优化。
此项目是一个前后端分离的项目，前端主要使用htmlcssjs搭建，使用的是layui框架
后端使用php语言，仅实现了简单的查询数据库功能，无法实现多并发查询等复杂情况
数…
图床项目实战：从零搭建一个简易图床
项目背景与需求分析 随着互联网的发展，图片分享、存储和管理的需求日益增长。图床作为一种专门用于存储和分享图片的服务，受到了广大用户的欢迎。本项目旨在搭建一个简易的图床系统，满足用户上传、查看和删除图片的基本需求。 技术选型
本项…
【JS逆向学习】某壁纸下载（ast混淆）
逆向目标
目标网址：https://bz.zzzmh.cn/index逆向接口一：https://api.zzzmh.cn/bz/v3/getData逆向接口二：https://cdn2.zzzmh.cn/wallpaper/origin/0d7d8d691e644989b72ddda5f695aca2.jpg?response-content-dispositionattachment&aut…
miniReact＜一＞
一、工程化配置
1.1 目录结构
1.1.1 Multi-repo VS Mono-repo Multi-repo 每个库有自己独立的仓库，逻辑清晰，协同管理复杂 Mono-repo 很方便管理不同独立的库的生命周期，会有更高的操作复杂度 项目有很多包，同时管理多个不同的…
Avue实现选择下拉框的多种方式
目录 前言1. 实战Demo2. 基本内容 前言
对应的拓展知识推荐阅读：【vue】avue-crud表单属性配置（表格以及列）
本文主要补充实战遇到的问题以及优化的方式
1. 实战Demo
了解基础知识先从Demo入手！
获取数据库的内容，…
前端开发：（三）CSS入门
1. 介绍CSS
1.1 什么是CSS
CSS（Cascading Style Sheets）是一种用于描述文档样式和布局的样式表语言，用于美化和排版HTML和XML等标记语言的内容。
1.2 CSS的作用和优势
CSS的主要作用是控制网页的样式和布局，包括字体、颜色、间…
js高级进阶——手动实现call()函数
// 首先看下原生的js的call()
var obj {name: Nicholas S.Zakas,age: 41,from: America,getName: function (prefix) {// console.log(prefix this.name)return prefix this.name}
}var obj2 {name: Evan You,age: 35,from: China
}console.log(obj.getName.call(obj2, hel…
Js如何判断两个数组是否相等？
本文目录 1、通过数组自带方法比较2、通过循环判断3、toString()4、join()5、JSON.stringify() 日常开发，时不时会遇到需要判定2个数组是否相等的情况，需要实现考虑的场景有：
先判断长度，长度不等必然不等元素位置其他情况考虑 1…
常用JavaScript代码（持续更新） 续2
199.模式窗口父窗口var url"aaa.jsp";var datashowModalDialog(url,null,"dialogHeight:400px;dialogHeight:600px;center:yes;help:No;status:no;resizable:Yes;edge:sunken");if(data)alert(data.value);子窗口var datanew Object();data.value1"ch…
#vue#【十四】 element同级类名类名优先级
#Vue# element同级类名&类名优先级
情况1：同级类名（追加类名） 在element的使用过程中， 我们经常会遇到下面这种类型的同级类名
class“el-button el-button–default” 代表这两个类名是同级的， el-button–defa…
【快速搞定Webpack5】处理样式资源（三）
本次内容我们将学习使用webpack如何处理css、less、sass、scss等样式资源
介绍
webpack本身是不能识别样式资源的，所以我们需要借助loader包来帮助webpack解析样式资源 我们找loader都应该去官方文档中查找对应的loader，然后学习使用。 官方文档找不到…
Autojs 实践-抖音极速版福袋助手
前言
好久没更新博客了，最近做了个抖音极速版福袋脚本，想看看能不能自动抢到，于是在仿照其他脚本UI做了一个，哈哈。利用上班时间让它自己跑，测试大概2-3天，一个福袋没抢到(也不知道是不是被检测到了)&…
学习笔记（17）递归
目录 定义递归使用递归分类头递归尾递归 注意事项 定义
递归：是一种自己调用自己的算法，将大型的复杂问题，层层转化为一个与原问题相似但规模较小的问题来求解。而在JavaScript中，函数直接或间接的调用自己，则该函数便…
53 v-bind 和 v-model 的实现和区别
前言
这个主要的来源是 偶尔的情况下 出现的问题
就比如是 el-select 中选择组件之后, 视图不回显, 然后 model 不更新等等
这个 其实就是 vue 中 视图 -> 模型 的数据同步, 我们通常意义上的处理一般是通过 模型 -> 数据 的数据同步, 比如 我们代码里面更新了 model.…
Iview Tooltip显示不换行，被遮挡
部分使用slot 方式无法解决
<Tooltip placement"top"> <Button>多行</Button> <div slot"content"> <p>显示多行信息</p> <p><i>可以自定义样式</i></p> </div> </Tooltip> 所以…
182.【2023年华为OD机试真题（C卷）】敏感字段加密（字符串的分割、替换和拼接实现JavaPythonC++JS）
请到本专栏顶置查阅最新的华为OD机试宝典 点击跳转到本专栏-算法之翼:华为OD机试 🚀你的旅程将在这里启航！本专栏所有题目均包含优质解题思路，高质量解题代码，详细代码讲解，助你深入学习，深度掌握！ 文章目录 【2023年华为OD机试真题（C卷）】敏感字段加密（字符串…
JS 利用 webcam访问摄像头 上传到服务器
webcam JS 较为详细的指南
定义标题
<!doctype html>
<html>
<head><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>How to capture picture from webcam with Webcam.js</title></…
前端知识大全之HTML
目录 前言必读
一、概念讲解
1.前端包含什么？
2.编写的代码加载出来的原理？
3.编写代码的工具？
4.HTML标签两大类型？
5.HTML标签关系？
二、HTML正文讲解
1.注释 ()
2.标题标签 (h)
3.段落标签 (p)
4.换行…
Vue3 使用 Ts 泛型 封装本地存储
前期回顾
NVM —— 你把我玩明白_彩色之外的博客-CSDN博客本文将学习 使用 NVM 管理node版本https://blog.csdn.net/m0_57904695/article/details/130670262?spm1001.2014.3001.5501
目录 新建 \src\utils\storage-utils.ts
使用
泛型示例
泛型交换变量
泛型 strin…
![[QJS xmake] 非常简单地在Windows下编译QuickJS！](https://img-blog.csdnimg.cn/direct/406aaa7d7798422091d8d50417c02d85.png#pic_center)
[QJS xmake] 非常简单地在Windows下编译QuickJS！
文章目录 前言准备C编译器xmake编译包 工程准备修改版本号第一遍编译第二遍编译效果 前言
quickjs是个很厉害的东西啊，我一直想编译一下的，奈何一直没成功。现在找了点时间成功编译了，写篇文章记录一下。当前版本：2024-1-13 应该…
for in 和for of 的区别(js)
for in（key）
for in 可以遍历数组和对象， 得到的是对象的属性集合或string类型的数组下标 特点： 1. 得到的数组下标类型是string 2. 遍历对象的时候可以遍历原型上的属性 3. 遍历的顺序可能不是实际内部的顺序 for in一般会用来遍…
react前端框架dva(三)
API
输出文件
dva
默认输出文件。
dva/router
默认输出 react-router 接口， react-router-redux 的接口通过属性 routerRedux 输出。
比如：import { Router, Route, routerRedux } from dva/router;dva/fetch
异步请求库，输出 isomorphic-fet…
【JS逆向学习】猿人学第二题-动态cookie
声明
本文章中所有内容仅供学习交流使用，不用于其他任何目的，不提供完整代码，抓包内容、敏感网址、数据接口等均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关！
本文章未…
本地引入Element UI后导致图标显示异常
引入方式
npm 安装
推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。
npm i element-ui -SCDN
目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。
<!-- 引入样式 -->
<…
新年喝酒有讲究，怎么喝葡萄酒呢？
中国的新年有着独特又深远的意义，无论人在天涯海角，回家团圆是每个人的心愿。新年亲朋好友欢聚一堂，没有酒哪有气氛，所以喝酒是必不可少的活动项目。云仓酒庄的品牌雷盛红酒LEESON分享那么，新年喝啥酒，葡萄…
调试以及发布npm组件
开发原因：
由于公司自己的封装到npm的组件有点问题，负责人由在忙其他，就由我去负责改改，中途出了不少问题，记录一下。
一、下载源码
第一步肯定是去git上把组件的源码下载下来，这一步没什么好说…
【axios报错异常】： Uncaught ReferenceError: axios is not defined
问题描述:
当前代码在vivo手机和小米手机运行是正常的,点击分享按钮调出相关弹框,发送接口进行分享,但是现在oppo手机出现了问题: 点击分享按钮没有反应.
问题解析:
安卓同事经过查询后,发现打印了错误: 但是不清楚这个问题是安卓端造成的还是前端造成的,大家都不清楚.
问题…
【快速搞定Webpack5】修改输出文件目录及自动清理上次打包文件（五）
介绍
默认情况下webpack打包后，我们的图片和js等文件都会被打包到dist目录下，文件多了混淆在一起一方面不利于文件的查找和管理，另外一方面看上去也不美观。 所以今天我们学习的内容就是控制输出后的文件进入不同的目录。
一、配置
新增4…
JavaScript高级（七）--对象【包含vue2响应式原理】
对象
对象是JavaScript中一个非常重要的概念，这是因为对象可以将多个相关联的数据封装到一起，更好的描述一个事物，JavaScript其实支持多种编程范式的，包括函数式编程和面向对象编程。
创建对象的方式
早期使用创建对象的方式最…
JavaScript构造函数（new构造js对象与原型链prototype）
构造函数详解 铺垫：面向对象编程一、构造函数是什么？二、构造函数的作用？三、构造函数的执行过程？四、构造函数的返回值？五、构造函数为什么要用new关键字调用？六、构造函数的实例成员和静态成员࿱…
HTML5期末考核大作业 基于HTML+CSS+JavaScript沪上美食(9页)
🎀 精彩专栏推荐👇🏻👇🏻👇🏻 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业…
网络应用之JavaScript
JavaScript的介绍学习目标能够知道JavaScript的作用1. JavaScript的定义JavaScript是运行在浏览器端的脚步语言, 是由浏览器解释执行的, 简称js, 它能够让网页和用户有交互功能, 增加良好的用户体验效果。前端开发三大块 1、HTML：负责网页结构 2、CSS：负…
QML- 在QML定义JavaScript资源
在QML定义JavaScript资源一、概述二、后台代码实现文件三、共享JavaScript资源(库)一、概述
QML应用程序的一部分程序逻辑可以用 JavaScript 定义。JavaScript代码可以在QML文档中内联定义，也可以分离到单独的 JavaScript 文件中(在QML中称为JavaScript资源)。 QML…
【软件应用】TamperMonkey同步操作
不废话，记录一些关键点 要设置同步，先得打开高级设置模式 众所周知，这里可以设置同步，建议设置为WebDAV同步，这样通用性更强 至于选择啥网盘就看自己的需求了，支持WebDAV的网盘还是很多的，甚…
27 VueComponent 计算属性的实现
前言
这是最近的碰到的那个 和响应式相关的问题 特定的操作之后响应式对象不“响应“了 引起的一系列的文章
主要记录的是 vue 的相关实现机制
呵呵 理解本文需要 vue 的使用基础, js 的使用基础 测试用例
用例如下, 我们这里核心关注 counterPlus100 这个计算变量 问…
31 Vue 表单输入绑定的实现
前言
这是最近的碰到的那个 和响应式相关的问题 特定的操作之后响应式对象不“响应“了 引起的一系列的文章
主要记录的是 vue 的相关实现机制
呵呵 理解本文需要 vue 的使用基础, js 的使用基础 测试用例
测试用例如下, 一个简单的 v-model 的使用 问题的调试
这里 …
阿里iconfont的Symbol图标颜色无法改变
vue3里面引用阿里图标iconfont使用Symbol图标颜色无法改变
今天在vue3里面引入图标，去阿里图标库看了一下，Symbol可能是以后的趋势，就使用这个方式在项目里，中途一切顺利，就是等到改变图标颜色死活改不动，…
JS基礎：DOM(Document Object Model) BOM(Browser Object Model)
JS 基礎：DOM & BOM 文章目錄JS 基礎：DOM & BOM簡介參考正文Overview 總覽BOM(Browser Object Model)Window 對象Window.document (Document 對象)Window.history (History 對象)Window.location (Location 對象)Window.navigator (Navigator 對象…
vue 判断导航长度点击展开更多
vue 判断导航长度点击展开更多
html代码
<div v-for"(item,index) in showList" v-show"index<num" :id"index" :key"index" click"singleItemList(item.id),changSemester(index)"><img :src"item.log…
moment.js第一周引发的“BUG”
BUG复现：想将2023-01-01设置为第一周，但momentjs获取的周数始终少一周
先引入monentjs，我直接去官网下载到本地用了
var moment require(../../lib/moment.min.js)注意看这里doy默认配置是 {doy:4}
moment.locale(zh-cn,{week : {dow : 1…
HTML5实现头像的上传
HTML5实现头像的上传
这是利用form-data给后台传输数据，来实现头像的上传加载！
html代码
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><meta name"viewport" content&quo…
原生JS实现轮播图（HTML+CSS+JS）
轮播图制作HTML和CSS部分HTML的架构CSS样式JavaScript部分自定义函数animate()；简单的获取对象函数$()获取所需要的对象动态添加小圆点以及设置默认属性和样式根据排他思想定义一个函数注册箭头的点击事件右箭头左箭头定义一个自动轮播的函数结语最后附上部分源码这…
【JavaScript】正则表达式的应用
两种写法 //var re new RegExp(a) //js风格var re /a/ //perl风格var str abcdefalert(str.search(re))
忽略大小写 i
var re new RegExp(a, i) //js风格
var re /b/i //perl风格 实例：挑出字符串里的数字 var str 33 uu8798 i09 ij--879pp 99alert(str.mat…
【JS】JSON 方法使用
文章目录小案例JSON.parse()reviver 函数JSON.stringify()replacer 参数space 参数小案例
修改属性名
let obj {a1:a1, a2: "a22", a3: "a1"};
JSON.parse(JSON.stringify(obj).replace(/a1/g,"aa")); // 不会改变原对象
console.log(obj); /…
[Codility]TapeEquilibrium
题目：TapeEquilibrium
思路：
细心观察会发现，其实每次两个值的差delta就是上一个差减去2倍的下一个数举个路子说明，比如数组A[3, 1, 2, 4, 3]，第一个差值是|3-10|7，第二个差值是|4-9|5，其实 5…
面试官：根据promiseA+规范，promise.resolve(obj)中obj有几种可能？
文章目录Promise.resolve 方法，Promise.reject 方法总结一下：Promise.resolve方法的参数分为四种情况1.参数是一个Promise实例2.参数是一个thenable对象3.参数不是具有then方法的对象或根本不是对象4.不带有任何参数菜鸟教程之promisetips：阅…
面试官：图片加载优化中，你是如何实现预加载和懒加载的？
文章目录一、图片预加载CSSJavaScript实现预加载仅使用JavaScript实现预加载使用Ajax实现预加载二、图片懒加载实现思路实现代码jquery实现原生js实现使用scrollTop/innerHeight/offsetTop使用IntersectionObserver方法一、图片预加载
预加载图片是提高用户体验的一个很好方法…
Array.prototype.slice()
文章目录语法注意示例语法
slice(start,end)
方法可从已有数组中返回选定的元素，返回一个新数组，包含从start到end（不包含该元素）的数组元素。
start参数：必须，规定从何处开始选取，如果为负数…
js实现无限级目录树
文章目录原理N叉树的遍历显示/隐藏功能防止冒泡完整代码参考资料原理
N叉树的遍历
每个data的数据格式如下：
var oneChoice {name: A,child: [{name: A-1child:[{...},{...}]},{}]
}最终拼接成的html格式如下。
<li><span>-</span>AAA<ul…
使用qrcodejs和jimpjs两个库实现给图片加二维码水印
引入需要的库
QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。jimp.js 一个完全用 JavaScript 编写的 Node 图像处理库，零原生依赖。也可用于浏览器端
<script type"text/javas…
iview中menu-item绑定事件失效
iview中menu-item绑定事件失效
主要是iview的menu-item的绑定点击事件要加native，才生效，如下所示。 <MenuItem:name"item.id"v-for"item in item.children":key"item.id":class"{ hide: isCollapsed }"cli…
js是否为空判断大全
一、对于object对象判断是否为空 例如： var object ; 1、jQuery.isEmptyObject(object) //为空返回true 用于对象未指定类型，或指定类型为数组，对象三者时可用，其他类型不可用 1、if(object undefined) //为空返回true 未指明…
js正则限制input框输入的常用代码
1.只能输入数字和英文的： <input οnkeyup"valuevalue.replace(/[\W]/g,) " onbeforepaste"clipboardData.setData(text,clipboardData.getData(text).replace(/[^\d]/g,))" ID"Text1" NAME"Text1&q…
JavaScript进阶学习笔记（三）--- ES5新增方法
JavaScript进阶学习笔记（三）— ES5新增方法
1、forEach()
forEach(function(value,index,array){ }) 方法是用来遍历数组元素的，相当于 for循环。参数是一个函数，该函数有三个参数，分别为 value — 数组元素、ind…
#css# 【四】实现鼠标移入图片显示遮罩层
css 实现鼠标移入图片显示遮罩层
实现鼠标移入图片显示遮罩层的方法有很多 比如动画库，动画库的使用可看 #前端开发001之Animate动画库的安装及详细用法
不过动画库使用起来还是有点麻烦，所以本篇分享一个原生的简洁写法
三步解决： 第一步…
input type=file选择图片按钮样式修改与图片预览
1 背景 通过上图我们可以看到input typefile按钮的默认样式，非常不美观，如果要自定义该按钮的样式，要如何实现呢？
2 方式1样式 input覆盖整个按钮区域，并且设置完全透明 <!DOCTYPE html>
<html lang"en…
jquery遍历table中每个td的值
最近有个需求，需要对一个table在特定情况下修改第几个td的样式，这里需要使用到jquery选择器了，我的写法是，这里改为直接隐藏元素了： $(.divdemo>table tr).each(function(){//每个tr下的第4个th$(this).find(th:eq(…
使用jquery给a标签加上或去掉下划线
记录下如何给a标签地址加上下划线和取消下划线
$("a").css("text-decoration", "none"); //去掉下划线$("a").css("text-decoration", "underline"); //加上下划线
为了Creator 3.0 中的 ProtoBuf，我又打开代码编辑器！
先上个视频：在这里分享一下在 Cocos Creator 3.0 中集成 protobufjs 遇到的问题，如果你在 Creator 3.0 中使用其它 JS 三方库，也会有一定的帮助。1module 不可用了Creator 3.0 使用标准的 ES6 语法，代码中不支持 module.exprots …
Jquery对checkbox搜索的实现
checkbox 和 label组成的选项由于checkbox和label是两个单独的元素，所以在对其进行搜索得时候，样式会出现一些问题，比如将lable的值和输入框输入的值做比较，如果label中存在input输入的元素则显示label和checkbox 常用的做法则不存…
Jquery对前端页面进行排序
有这样一个需求，一个select元素，每个option代表一中排序方式，通过选择不同的option对前端的页面进行重新排序显示，代码如下，注释在代码里写的很详细： //对前端页面进行排序//通过juqery每次改变select的opt…
SyntaxError: unterminated string literal
信息
SyntaxError: unterminated string literal哪里出错了？
某处 js 解析字符串出错。字符串必须使用单引号或双引号来正确的关闭。在 Javascript 中使用单引号的字符和双引号的字符串是没有区别的。字符串用转义字符不是单引号就是双引。为解决这个错误࿰…
JavaScript 中哪一种循环最快呢？
究竟哪一种循环更快？
答案其实是： for（倒序）
最让我感到惊讶的事情是，当我在本地计算机上进行测试之后，我不得不接受 for（倒序）是所有 for 循环中最快的这一事实。下面我会举个对一…
![[JavaStript学习记录] 二.面向对象 (loading...)](https://img-blog.csdnimg.cn/20210805183949127.png)
[JavaStript学习记录] 二.面向对象 (loading...)
---- 本系列仅为个人学习总结,基于阮一峰大佬的《>>JavaScript 教程<<》---
目录
一.new 命令
作用: 执行构造函数，返回一个实例对象
若不使用new命令，直接调用构造函数会怎样?
补充:
new命令简化的内部流程，
new.targe…
[JavaScript]一:概念/特色/语法/函数/数组
---- 本系列仅为个人学习总结,基于阮一峰大佬的《>>JavaScript 教程<<》---
目录 一.概念
一些特点总结
二.使用范围
（1）浏览器的平台化
（2）Node
（3）数据库操作
（4…
【React】从 0 开始学 React —— 实现井字棋小游戏
目录1 React 简介2 实现井字棋小游戏2.1 初始化2.2 props2.3 setState2.4 状态提升2.5 副本2.6 简化组件2.7 key2.8 小结3 核心概念1 React 简介
React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库
官网提供了两种学习思路 如果你喜欢边做边学&am…
【华为OD机试】单词接龙（python, java, c++, js）
单词接龙
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题目描述 单词接…
冒泡排序的自我理解（超详细）
var arr [3, 4, 5, 2, 1];for (var i 1; i < arr.length - 1;i){for(var j0;j<arr.length-i-1;j){if(arr[j]>arr[j1]){var temparr[j];arr[j]arr[j1];arr[j1]temp;}}}1.进入第一次外循环，此时i1，则内层循环条件为j<3（此时数组为…
js和jquery中的回调函数
js中给出关于回调函数的解释为： A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. 意思就是说，回调函数是与其他另外一个函数异步进行的，并且该函数是…
vue+element-ui树形表格+复选框（实现复选框的各种效果）
需求
项目的需求是给角色分配菜单，菜单会有子集，所以后台反给我的是带children的树形数据，但是添加的时候可能是一次性选很多的菜单，多选就不能直接用elemengt自带的多选，所以用了表格树形和复选框的组合，…
【详细】手把手实现Grafana自定义主题
Grafana 有两个默认主题，dark 和 light，但是实际项目中，这两个主题展示效果并不出色，有时候为了更好的展示效果，我们需要修改Grafana的主题实现更漂亮的展示，今天就来探究实现这个功能
Grafana版本
Graf…
JS 事件: Composition Input 组合输入事件(中文输入事件监听)
JS 事件: Composition Input 组合输入事件(中文输入事件监听) 文章目录JS 事件: Composition Input 组合输入事件(中文输入事件监听)前言正文组合输入事件：compositionstart、compositionupdate、compositionend输入阶段代码示例1. 非受控组件2. 受控组件结语其他资…
jquery框架 ————2021-08-22
jquery框架——————8月22号选择器过滤器：jquery javascript query； js代码编写；写的更少，做的更多；onload：页面加载函数，整个页面加载到内存中自动调用*js代码； //一加载就执行…
JS 基础: typeof instanceof 类型检查
JS 基础: typeof & instanceof 类型检查 文章目录JS 基础: typeof & instanceof 类型检查简介参考正文typeof 关键字字面量类型判断内置函数类型判断typeof 小结应用instanceof 关键字Prototype Chain 原型链回顾内置函数的原型链属性规则：prototype、__pro…
Gitgraph：製作 Git 分支圖
Gitgraph：製作 Git 分支圖 文章目錄Gitgraph：製作 Git 分支圖簡介參考正文1. Basic Usage 基礎使用createGitgraph 繪圖上下文branch 創建分支commit 提交信息merge 合併分支tag 標籤2. Advanced Usage 進階用法mode 模式Event 事件結語簡介
在一些項目…
JS基礎：Prototype Chain 原型鏈
JS 基礎：Prototype Chain 原型鏈 文章目錄JS 基礎：Prototype Chain 原型鏈簡介參考正文Object 對象創建直接量 {}內置構造函數 new Object()使用 Object.create(proto, propertiesObject)Class 類型Prototype 原型Function without prototypeFunction wi…
高级前端-Vue源码分析
1. Vue的响应式原理
let nextTick (cb) > Promise.resolve().then(cb)
let flushJobs []
function queueJob(dep) {flushJobs.push(dep)// 微任务，最后执行，真正执行数据操作函数nextTick(flushJobs)
}
function flushJobs(job) {// 拿出队列中的所…
react基本使用及其安装
介绍描述
用于动态构建用户界面的 JavaScript 库(只关注于视图)由Facebook开源 React的特点
声明式编码组件化编码React Native 编写原生应用高效（优秀的Diffing算法）
命令式编程 和 声明式编程
告诉计算机怎么做（How） - 过程…
手把手带你在vue中封装axios（含携带token）
文章目录前言一、认识axios1、axios是什么？2、为什么要用axios？特性二、封装axios1.引入库2.建立封装axios实例文件3.导入所需依赖4.创建axios实例5.axios拦截器请求拦截器响应拦截器5.封装成请求6.完整代码代码代码中的setLocalStorage和getLocalStorag…
JS基礎：void冷知識
JS 基礎：void 冷知識 文章目錄JS 基礎：void 冷知識簡介參考正文語法Usage 作用ApplicationIIFE(Immediately Invoked Function Expression)箭頭函數結語簡介
今天來介紹一下 JS 規範中超級沒有存在感的運算符：void。啥？聽都沒聽過…
Clipboard：黏貼簿操作
Clipboard：黏貼簿操作 文章目錄Clipboard：黏貼簿操作簡介參考正文Install 安裝CDNNPMCreate 創建對象(官方 Setup)參數說明SampleUsage in Html 標籤用法1. Action 執行動作(data-clipboard-action)2. Target 參照目標(data-clipboard-target)3. Text 操…
js使用url调用地图导航
把obj对象处理为url的携带参数
function queryStringFromParams(params) {const arr []for (const k in params) {const val encodeURIComponent(params[k])arr.push(${k}${val})}return arr.join(&)
}定义常量
const PI Math.PI
// 长半轴
const SMA 6378245.0
// 地…
前端接收数据流实现图片预览效果--ajax 请求二进制流 图片 文件 XMLHttpRequest 请求并处理二进制流数据
当我们上传附件的时候，还伴随这文件的预览的下载功能 文件预览 想实现文件预览首先，思考到显示图片而已，jquery ajax直接get请求 将返回data 赋值给img标签的src属性即可，but，普通的请求类型并不能请求成功 返回的数据…
Invalid prop: type check failed for prop “label“. Expected String with value “1“, got Number with va
期望值为字符串,的到的值为数字类型,所以转为字符串就好了
index1<el-form-item :label"index1" v-for"(item,index) in intro" :key"index1"></el-form-item>
2021年前端热门面试题
什么是MVVM？
他是一种模式,用来简化用户界面的 本质是model 数据 view 视图viewmodel 视图和数据的桥梁 的简写
请详细说下你对vue生命周期的理解？
beforeCreate() 创建前 created()创建完成 beforeMount() 挂载前 mounted()挂载完成 beforeUpdate() …
js 电话号码脱敏,固话或移动号码或文字中夹杂的号码中间用*号替代
效果图 处理代码
98765432171
//导出一个 desensitization 方法
export function desensitization(strInfo){let reg /\d{7}/; //验证一个长度为7的整数let str strInfo; //将传入的包含电话号码的形参strInfo赋值给变量strlet str2 str.split().reverse().join() //数据…
在 uniapp 项目上使用 uView UI框架
在 uniapp 项目上使用 uView UI框架 前言(废话) ---- 不看也行 刚工作不久, 公司直接给了一手新项目, 微信小程序的, 经常听到群里有小伙伴用这两套进行开发, 感觉很香, 所以决定我也用这一套整整 用 uniapp 创建uniapp容易, 结果引用 uView 的时候有点懵… 决定整一手教程, 如…
商品抢购倒计时（天，时，分，秒）
在这里案例中需要用到JS方法：Date()，parseInt()，getTime()。先对这三个方法做些介绍。
Date()方法：可返回当天的日期和时间。用法：
var newTime new Date();
也可用来定义一个时刻，写法如下：…
02. 青龙面板应用——安装依赖拉取仓库运行京东脚本（保姆级图文）
目录 1. 安装依赖1.1 常用依赖1.2 安装指定依赖 2. 定时规则3. 常用的仓库地址4. 添加订阅5. 运行订阅6. 获取京东手机版cookie7. 在青龙面板中添加京东cookie8. 测试任意一个京东的定时任务总结 欢迎关注 『青龙面板』 专栏，持续更新中 欢迎关注 『青龙面板』 专栏…
第一阶段 python核心编程1-2 面向对象编程v5.0第8节 案例-面向对象版学员管理系统...
大家好，我是阿语，从今天开始每天更新8篇python教程从第一个基础语法开始每天更新一下基础内容，这些会分类出来，保持一天完整的python教程，有的人肯定会问 为什么最后才写爬虫了，阿语在这里声明一下…
VUE创建使用组件的5种方式
VUE创建使用组件的5种方式
第一种，以.$mount挂载形式// 创建构造器 var Profile Vue.extend({ template: <p>{{firstName}} {{lastName}} aka {{alias}}</p>, data: function () { return { firstNa…
震惊！！！一眼就能看懂的transition与display冲突问题！！！！
transition与display冲突问题
问题：在使用dispaly:none(block)对div的显示隐藏应用于过渡属性上时，但是transition完全失效，没有过渡效果
原因：display:none的时候，页面文档流中将不会存在该元素，display…
ajax跨域的几种实现方式
什么是跨域
同协议，同ip，同端口视为一个域，当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。
原生态ajax跨域实现
通过动态创建script标签通过src发送跨域地址，通过定义function XXX（&…
VUE组件——动态组件、组件缓存
动态组件：多个组件同时使用同一个挂载点，并动态的进行切换，就是动态组件
<template><div><button click"comName page1">page1</button><button click"comName page2">page2</butto…
Document 对象中的方法介绍-getElementById-getElementsByName- getElementsByTagName 方法示例代码
Document 对象中的方法介绍
document.getElementById(elementId):通过标签的 id 属性查找标签 dom 对象，elementId 是标签的 id 属性值document.getElementsByName(elementName):通过标签的 name 属性查找标签 dom 对象，elementName 标签的 name 属性值…
如何正确使用RestTemplate【四】
theme: vue-pro 小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 复习一下下 前几篇文章，我们将RestTemplate所提供的各个请求类型的方法都看了个遍，相信现在已经有了基础的认识了，但是我们没有说到的一项&…
python调用js批量爆破账号密码
python调用js批量爆破账号密码前言流程爬取账号爆破参考文章前言
在进行默认弱口令爆破的时候遇到了使用js对账号密码加密，而且加密算法写的比较复杂，如果用python重新写一个加密算法的话是比较麻烦的，所以就想万能的python能不能调用js的函…
【vue】异步请求同步的方法
handleClick() {return new Promise((resolve,reject) > {getRequest().then(res > {//操作1resolve();}).catch(error >{console.log(error)reject()})})
},
test(){Promise.all([this.handleClick()]).then(res>{//操作2})
}
工具类 提取富文本文字
/* 移除HTML标签代码 */
/* eslint-disable */
function removeHTMLTag (str) {str str.replace(/<\/?[^>]*>/g, ) // 去除HTML tagstr str.replace(/[ | ]*\n/g, \n) // 去除行尾空白// str str.replace(/\n[\s| | ]*\r/g,\n); //去除多余空行str str.replace(/…
url路径参数转换为对象方法
let url https://m.baidu.com/s?word%23vivoS9%23&topic_id161395695626718677&satopicamis&sfrom1023524a;let json:any {};let parms url.split(?)[1].split(&);parms.forEach((item: any, index: number) > {json[item.split()[0]] item.split()[…
十分钟玩转jQuery---浏览器检测
这里给大家推荐一款免费迭代 二开便捷的商城项目：源码直通车>>> 话不多说 直接上实例
if( $.browser.safari) //检测Safari
if ($.browser.msie && $.browser.version > 6 ) //检测IE6及之后版本
if ($.browser.msie && $.browser.ve…
十分钟玩转jQuery---轮播图
这里给大家推荐一款免费迭代 二开便捷的商城项目：源码直通车>>> 话不多说 直接上实例
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>Title</title><style>*{marg…
十分钟玩转jQuery---菜单切换
这里给大家推荐一款免费迭代 二开便捷的商城项目：源码直通车>>> 话不多说 直接上实例
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>Title</title><style>*{margi…
vue中data里面的数据相互使用
今天在写代码的时候，遇到一个问题，我想使用data里面的一个对象使用data里面的某个数据，附图片： 我想让active的值给params对象里面的topicListType使用，我不想直接在一个方法里面改变这个值（想改的话就直接…
js 四舍五入的方法
let cc 15000;
toFixed(); // 接收一个参数，0~20；比如15000需要变成1.5万那直接
let h cc / 10000;
h.toFixed() 万 // 如果后面不是0是其他数字那就直接h.toFixed()toPrecision(); // 不接收0这个参数；js Math对象也可以列举一个
Math.f…
显性水印和不可见数字水印
显性水印和不可见数字水印
显性水印(代码见最后) 获取要绘制的画布所在元素 获取浏览器的dpr(devicePixelRatio),将画布的宽度和高度乘以dpr, 否则绘制出来的画布会变得模糊 创建Image元素开始绘制原始图片 绘制显性水印, 设置水印的样式, 水印位置设置在图片右下角
不可…
js实现千分符和保留几位小数
js实现千分符转化
function fmoney(s, n) { n n > 0 && n < 20 ? n : 2; s parseFloat((s ).replace(/[^\d\.-]/g, )).toFixed(n) ; var l s.split(.) [0].split().reverse(), …
把字符按ascii码排序
function asciSort(targ) {//字符串有方法charCodeAt，把字符转为ascii码var str ,toAscFn str.charCodeAt,_tempArr targ ? targ.split() : [],i 0,j,_temp;if (_tempArr < 1)return targ;for (; i < _tempArr.length; i) { //冒泡算法for (j0; j < _…
jQuery实现简单而且很酷的返回顶部链接效果
demo：
html部分：
<!doctype html> <html> <head> <meta charset"utf-8"> <meta name"description" content""> <meta name"keywords" content""&g…
JS 基础: 从 5 种创建对象的方式看 new 操作符的作用与实现
JS 基础: 从 5 种创建对象的方式看 new 操作符的作用与实现 文章目录JS 基础: 从 5 种创建对象的方式看 new 操作符的作用与实现前言正文创建 Object 对象的五种方式使用 Object.create(proto) 创建对象自定义类型函数属性 & 原型创建自定义类型对象自定义类型小结再谈对象…
CSDN认证C1等级考试——练习（一）
CSDN认证C1等级考试——练习（一）
1-1 用"0"和"1"绘图
通过改变二进制编码的形式改变矩形方块组的长和宽方向上方块的个数，并且通过对应顺序的二级制编码定义每个方块的颜色（1白0黑）：…
如何检测浏览器是否支持HTML5？
HTML5新特性：
用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、date、time、email、url、search<script…
原生js实现苹果菜单效果
主要用到的知识点
Math.pow(a,b);//a的b次方
Math.sqrt(a);//a的开方
其他的并不难，直接上代码
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>苹果菜单练习</title><style>#…
js面向对象（三）组件开发实现弹窗效果
组件开发：多组对象，像兄弟之间的关系（也是代码复用的一种形式）
组件开发需要解决的问题：1、参数的顺序问题 2、参数不写报错的问题
解决办法：主要就是通过设置默认参数和配置参数
话不多说，直接…
原生js实现弹性菜单功能
弹性菜单，主要运用到的是弹性运动。只要知道了弹性运动是怎样实现的，弹性菜单就很好实现了，下面我首先总结一下，我是怎样一步一步实现弹性运动的，然后再写弹性菜单的代码。
弹性运动用到的知识：js基础、dom…
js有层级图片切换的实现方法
实现原理：将要变化的数据以数组的方式存放在一个空数组中，当事件响应时，通过数组方法中的push()和shift()或者unshift()和pop()方法，先将数组中的第一个或者最后一个再次添加进数组中，然后再将第一个或最后一个删除&am…
Shader画廊来了
About / 关于SSRShaderGallery 是从 SSRShaderEditor 中独立出来的一个模块插件。关于 ShaderEditor 可以点击这里查看详细信息:SSRShaderGallery 可以让开发者快速的浏览在线 Shader 特效，进行实时效果测试，并一键导出至 Creator 进行使用。当然&#x…
计算key、value数组，整体数组，还有别的办法吗
<!DOCTYPE html>
<meta http-equiv"Content-Type" content"text/html; charsetutf-8">
<script>var url {};url[腾讯] http://www.qq.com;url[新浪] http://www.sina.com;url[搜狐] http://www.sohu.com;var keyAry [];
var valueAr…
我有一个梦，袁隆平！
我有着一个梦光给了它希望雨给了它滋养它陪种子成长我有着一个梦走在田埂上它同我一般高我拉着我最亲爱的朋友坐在稻穗下乘凉妈妈我来看您了你看这晚霞洒满小山村妈妈我陪您说说话 这种子是您亲手种下 在我心里发芽风吹起稻浪稻芒划过手掌稻草在场上堆成垛谷子迎着阳光哔啵作响…
输入文本框显示中国时间的js代码
<!DOCTYPE html>
<html><head><meta charset"utf-8"><title>Vue 示例</title></head>
<body><div id"app">{{ data }}</div><script src"https://unpkg.com/vue/dist/vue.min.js&quo…
JS 动画：给网页下个雪吧
JS 动画：给网页下个雪吧 文章目录JS 动画：给网页下个雪吧简介参考完整示例代码正文1. 一朵雪花2. 很多雪花3. 让雪花动起来4. 快速划过的雪花5. 雪花摇曳6. 最终效果结语简介
前些日子面试的时候被问到 raf 的问题，写了篇 JS 动画基础: 细说…
JavaScript中JSON类型的数据转换和使用(JS笔记:十八)
JavaScript中JSON类型的数据转换和使用(JS笔记:十八) JSON的特点：
json实现深拷贝是最优解，性能最好json对象就是数据，json格式数据json是可以独立语言单独存在的。比如str_json js支持 java也支持 php也支持
JSON.stringify()࿱…
JavaScript中parseFloat()转换规则(JS笔记:九)
JavaScript中parseFloat()转换规则(JS笔记:九) parseFloat()：将其他类型转为浮点形。
parseFloat()转换规则：
数字：不转换还是为自身。null：转为NaN。undefined：转为NaN。字符串：会忽略前面的0和空格直到…
JS 动画基础: 细说 requestAnimationFrame
JS 动画基础: 细说 requestAnimationFrame 文章目录JS 动画基础: 细说 requestAnimationFrame简介参考完整示例代码正文setInterval 实现动画setInterval 的限制requestAnimationFrame 实现动画rAF 基础实现rAF 定时调用：timestamprAF 取消回调：cancelAn…
文本垂直布局，估计80%的人没玩过！
前言最近韭菜长的不错，公众号也有点长草了，出来割一波。割草逛论坛看到这么一个需求，有人想要圣旨一样布局的文本。问题于是白玉无冰梭哈一下，写了一个简易的组件供在座的各位参考。本字体组件支持(就是原本系统字组件Label的阉割…
千万别点开！这是互联网人的一个惊天大秘密！
< END >作者：不会笑青年『晓衡在线』游戏资源商城正在逐步向CocosStore迁移游戏开发，技术变现欢迎加我微信，晓衡在线等你！
【华为OD机试】堆栈中的剩余数字（python, java, c++, js）
堆栈中的剩余数字
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN。 题目描述…
年过完了，收心吧！送给大家送一波前端新书！
年过完了，是该收心了，给大家送几本书，快来看看哪本书最属你心意。参与文末赠书活动，好书就要抢先读。前端函数式演进函数式编程作为一种高阶编程范式，与面向对象的开发理念和思维模式截然不同，深入理解这种…
移动端左侧导航的实现
一、实现效果
主页： 点击导航键：
二、实现方案
0x1 CSS3javascript方案
1、实现思路 利用css3的transform变换 translate(x,y)，translatex() translatey() transition过渡
<’ transition-property ‘>：检索…
Vue 源码实现: Data Binding 双向数据绑定（使用 Object.defineProperty 实现）
Vue 源码实现: Data Binding 双向数据绑定（使用 Object.defineProperty 实现） 文章目录Vue 源码实现: Data Binding 双向数据绑定（使用 Object.defineProperty 实现）简介参考正文实现目标实现架构具体实现项目结构 & 静态内容…
tp5图片文件ajax上传总结
tp5图片文件上传
选择图片，显示图片，进行存储； html部分
<!doctype html>
<html lang"en">
<head><meta charset"UTF-8"><meta name"viewport"content"widthdevice-width, …
JS 实战: Drag 点击拖曳效果
JS 实战: Drag 点击拖曳效果 文章目录JS 实战: Drag 点击拖曳效果简介参考正文项目结构 & 静态模版添加元素添加 position主要逻辑片段事件响应结构移动元素限制可移动范围最终版本结语简介
一直以来都觉得网页中的点击拖曳效果很酷，本篇就来尝试看看实现使用原…
free code camp Missing letters问题解答
Missing letters 从传递进来的字母序列中找到缺失的字母并返回它。
如果所有字母都在序列中，返回 undefined。 网上搜的一些答案,往往不能满足符合条件输入都有符合条件的输出
比如:abe 应该返回cd;但大多只返回c
abcgi应该返回defh;但有的只返回了def
借鉴他…
js数组中两个数组集合【每个元素都是集合】，取数组1与数组2不同的值
js数组中两个数组集合【每个元素都是集合】，取数组1与数组2不同的值 前提：存在数组A、数组B 1.数组自身去重【AB的数组集合自身去重】
<!DOCTYPE html>
<html><head><meta charset"utf-8"><title></title&g…
vue3.0 + Element Plus整合实战
mall-vue3-manage
基于vue3.0 Element Plus、 整合最新的 Echarts5 强劲的渲染引擎、富文本编辑器 Wangeditor 的后端管理项目。 基于 SpringBoot Vue3.2 Element Plus 的后台管理系统 Gitee: https://gitee.com/typ1805/tansci
GitHub: https://github.com/typ1805/tansc…
快来看，我混入了一群设计师的圈子，还可以这样子！！！
今天是11.2，昨天已经开始血拼了。许多设计师最近都在疯狂赶图（预售页面、一大波主图、推广等等）。也有人在疯狂的下定金。除了这两件事，作为一名优秀的抠图佬，不~不~不~是作为一名优秀的设计师，我们还不能堕…
json2.js下载
json官网：www.json.orgjson2.js地址：https://github.com/douglascrockford/JSON-js/blob/master/json2.js下载:http://dl.iteye.com/topics/download/029fa014-a35a-3e2c-a546-dfeff0176d7cjson序列化反序列化插件-json2.js 介绍和使用 - 前端编程 - IT工…
splice()与slice()区别
splice与slice的区别
splice用于在数组某个位置添加或删除元素 <script>// 注：splice方法会改变原来的数组，用于在数组的某个位置添加或删除元素let color ["Red", "Green", "Blue", "Yellow"];console…
AJAX实现级联下拉框
需要的JAVA类package com.ajaxlab.ajax; import java.util.ArrayList; import java.util.Collection; import java.util.Iterator; import org.jdom.Document; import org.jdom.Element; import org.jdom.input.SAXBuilder; import com.ajaxlab.ajax.ProductClass; public clas…
jsp动态表格生成及整行保存、动态回显
业务需求
1、查询后台，动态显示。
2、查看页面动态勾选已选择内容 代码部分
动态生成表格代码<table style"font-size: 17px;" border"1"><tbody><tr class"firstRow"><td style"display:none;"&g…
使用elementui的el-tabs标签页，点击一个tabs后，下面的组件进行刷新
使用elementui的el-tabs标签页，再点击后，下面的组件进行刷新
在父组件使用
<template><div class"box"><h3 style"text-align: center;">微微派单管理系统</h3><template><el-tabs v-model"…
JS小记——new关键字
new在执行时会做四件事：
在内存中创建一个新的空对象让this指向这个新的对象执行构造函数里面的代码，给这个新的对象添加属性和方法返回这个新对象(所以构造函数里面不需要return)
function Star (uname,uage,usex){this.name uname;this.age uage;th…
JS 小记--预解析
js引擎运行js分成两部：预解析 代码执行 预解析——js引擎会把js里面所有的var还有function提升到当前作用域最前面 代码执行——按照代码书写的顺序从上往下执行
预解析又分成变量预解析(变量提升)和函数预解析(函数提升) 变量提升——就是把所有变量声明提升到当前…
前端js-----基础（6）
js内置对象：日期对象，Date对象 获得Date总的毫秒数（时间戳），不是当前的毫秒数，而是距离1970年1月1日过了多少毫秒 （1）通过valueOf（）或者getTime（&…
前端js-----基础（5）
js中的对象分为三种：自定义对象，内置对象，浏览器对象 内置对象：Math对象 （1）Math.abs;求绝对值，例如Math.abs(’-1’);会返回1，存在隐式转换。 Math.abs(‘abc’);会返回NaN…
前端JS-----冒泡排序（函数封装）
< 冒泡排序：趟数数组.length-1，之后两两比较。设flag变量是为了（当该数组有序时，就不必再冒泡排序了） >
var arr [3, 4, 5, 43, 2, 56, 7];function bubbleSort(arr) {for (var i 0; i < arr.length; i) {…
小程序使用javascript-obfuscator工具进行代码混淆处理
1.在node.js中执行以下命令下载依赖
npm install javascript-obfuscator -g2.在文件目录中输入
javascript-obfuscator app.js 将会对app.js执行混淆处理,并生成混淆文件app-obfuscator.js 3.将混淆的文件改名为app.js 覆盖源文件 4.上传-审核-发布 即可
附:将当前目录下…
获取所有复选框选中状态的id
var id_array new Array();$(input:checkbox[nameitem]:checked).each(function(){ id_array.push($(this).parents(td).siblings(.planId).attr(id));//向数组中添加元素 });
此时的id_array 就是所有复选框为选中状态的id each() 方法规定为每个匹配元素规定运行的函数。…
js实现鼠标吸附粒子效果和星璇效果
body内引入js代码即可
吸附颗粒： <html>
<head> ...
</head>
<body> ... ... ...
<script type"text/javascript" color"0,0,255" opacity0.7 zIndex"-2" count"99" src"//…
实时获取select选中的值
<script type"text/javascript">
/**
**#select是select的ID
**name是实时获取的内容
**val是实时获取的值
**/
$(function() {$(#select).change(function(e){ fillreport();})
});
function fillreport(){
var name $("#select option:selected"…
![从零开始前端学习[48]:js中的变量和this的初步认识](https://img-blog.csdn.net/20171111222433674?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjk5MjQwNDE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
从零开始前端学习[48]:js中的变量和this的初步认识
js中的变量和this的初步认识
js中的变量this的使用 博客 博主：章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041 js中的变量
在java或者c/c中，什么是变量，变量也就是值是可以改变的量，包括了变量的声明与定义。每个…
js脚本操作mongo库小知识
（一） ：如何在js文件里面切换一个新的mongo库？ 我们都知道，使用下面的命令可以执行一个js脚本里面的内容：
Java代码 收藏代码 mongo –quiet localhost:27021/db_name < test.js
虽然我们在执行一个…
js实现下拉框‘省’，‘市’加载
<script type"text/javascript">
/* * 加载省份下拉框 * 返回参数 无 */ function loadArray(country){ var city []; city[0] ["中国","北京市"]; city[1] ["中国","上海市"]; city[2] ["中国&quo…
下拉列表联动总结（AJAX下拉列表联动简单示例）
最近发现CSDN上有很多人在询问 有关联动的下拉列表的问题,所以在此做以总结,希望还有新的实现方法,这里介绍三中实现方法,包括一个简单的AJAX版的联动. 下拉列表联动有很多方法可以实现: 1.JavaScript实现,JS实现无非在效率上是最优的,而且用户体验性也很好,但是它的缺点就是两…
JS 对象属性定义、检测与枚举
在JavaScript中，对象的属性分为可枚举和不可枚举之分，它们是由属性的enumerable值决定的。 可枚举性决定了这个属性能否被for…in查找遍历到。 判断对象是否可枚举： Object 对象的 propertyIsEnumerable() 方法可以判断…
es6 set 与 WeakSet
set:ES6提供的新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。在Set内部，两个NaN是相等。两个对象总是不相等的。可…
JS读取带表头的excel为json格式数据
项目中需要做一个上传表格的功能，具体为上传本地excel文件并拼成json传给后台然后保存用户上传的表格数据，但是碰到一个问题，就是这个表格是带表头的，如下： 表格的第一行只有一个表头并且独占一行，我用的是…
测量JavaScript函数的性能的简单方法及与其他方式对比
文章目录Perfomance.nowConsole.time缩短时间精度需要注意的事项分而治之注意输入值多次运行函数...在多个浏览器中节流你的CPU测量相对表现总结测量执行一个函数所需的时间总是一个很好的办法，证明某些实现比另一个实现的性能更好。这也是一个很好的方法࿰…
jQuery实现无刷新切换主题皮肤功能
主题皮肤切换功能在很多网站和系统中应用，用户可以根据此功能设置自己喜欢的主题颜色风格，增强了用户体验。本文将围绕如何使用jQuery实现点击无刷新切换主题皮肤功能。
查看演示DEMO：https://www.helloweba.net/demo/style-switch/
实现该…
Hmtl页面中Jquery实现复选框选择-全选-全不选-反选-提交
Hmtl页面中Jquery实现复选框选择-全选-全不选-反选-提交 代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv"Content-Type&…
从零做一个Chrome插件实现起点中文网自动签到
这是我参与更文挑战的第1天，活动详情查看： 更文挑战 最近一直在起点中文网上看小说，忽然发现官方竟然卖自动签到卡，五块钱一个月！身为一个程序猿，怎么能花这些冤枉钱！ 于是开始了写一个脚本的念…
将Excel中的数据导入html以及将html表格数据导出Excel
导入Excel： html:
<input type"file" onchange"importExcel(this,false,function(data){getJsonData(data)})" class"upload-input" />
<div><table class"table table-bordered"><thead><tr&…
通过js对浏览器Cookies进行的相关操作
Cookies现在经常被大家提到，那么到底什么是Cookies，它有什么作用呢？Cookies是数据包，可以让网页具有记忆功能，在某台电脑上记忆一定的信息。Cookies的工作原理是，第一次由服务器端写入到客户端的系统中。以…
js冒泡排序和快速排序实现原理和方法
面试经常遇到这个问题，所以整理下，以便理解。
经常用到的排序方法有两种，冒泡排序和快速排序。
1.先说快速排序
原理：每一次比较相邻两个数的大小，通过第一轮循环排序，找到最大值放到后面，第…
什么是闭包？以及闭包的优点，缺点，用处，及特性
定义:闭包 当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数内部的变量,且返回的这个函数在外部被执行 就产生了闭包.闭包是一个环境，具体指的就是外部函数–高阶函数。 说白了就是一个环境，能够读取其他函数内部的变量。本质上&am…
ios日期格式不兼容问题~
直接贴代码~ /*日期格式化*/function fmtDate(d, type) {var arr1 d.split(.);d arr1[0].replace(T, );d d.replace(/-/g,/);var type type || 1;var date new Date(d);var y 1900 date.getYear();var m "0" (date.getMonth() 1);var d "0" d…
Vue两个很好用的UI库ElementUI ViewUI
Element UI开发文档
npm 安装 npm i element-ui -S 引入 Element
完整引入 在 main.js 中写入以下内容：
import Vue from vue
import ElementUI from element-ui
import element-ui/lib/theme-chalk/index.css
import App from ./App.vueVue.use(ElementUI)new V…
跨页面通信、如何监听 LocalStorage 的变化【storage 事件】
场景：当涉及到同时打开多个tab页，操作一个tab，希望其他的tab也会同时进行更新状态。
原理就是前度的跨页面通信
一、【同源通信】LocalStorage
1 当 LocalStorage 变化时，会触发storage事件。
在需要改变的页面增加时间监听&a…
【函数】快速获取cookie的方法
export function getCookie(cname) {// 1 例如： mobileconst name cname ""; // 2 将cookie切割成数组 // [uuid_tt_dd10_11, UNqq_45301392,]const cookieArray document.cookie.split(";"); // 3 通过遍历找出需要提出的cookiefor (let i…
Vue实例和内置组件
Vue实例和内置组件1.实例属性1.Vue.js和JQuery.js一起使用2.实例调用构造器内部的方法2.实例方法1.$mount()挂载方法2.$destroy()卸载方法3.$forceUpdate()更新方法4.$nextTick()修改数据方法3.实例事件1.$on在构造器外部添加事件2.$once执行一次的事件3.$off关闭事件4.内置组件…
微信小程序“无埋点”式封装上报
无论什么业务，c端产品的数据统计、埋点上报是很重要的，它可以帮助产品人更好地了解用户行为，以快速响应迭代。 所谓“无埋点”式是指不在业务代码里插入上报代码，将业务代码与上报代码分开，提高项目可维护性和可读性。…
js 读取附件eml
1、eml后缀的文件是邮件导出的特有格式，前端往往有需求展示邮件内容，方法如下 2、安装eml-format:
yarn add eml-format 或npm install eml-format 3、读取方法
import emlformat from eml-format;
const [emailContent, setEmailContent] useState…
比 eval 和 iframe 更强的新一代 JavaScript 沙箱！
今天我们来看一个进入 statge3 的新的 JavaScript 提案：ShadowRealm API。JavaScript 的运行环境领域（realm），这个词比较抽象，其实就代表了一个 JavaScript 独立的运行环境，里面有独立的变量作用域。比如下…
JavaScript 又新增两个原始数据类型
JavaScript即将推出两个新的数据类型：Record 和 Tuple ，这俩是啥呢？其实就是一个只读的 Object 和 Array，其实在其它语言中已经有类似的数据类型了，例如 Python 中也有 Tuple（元祖）这一类型&…
web前端学习笔记-本地图片、文件上传并预览（兼容ie8）
文件上传通常会涉及到FileReader对象，主流的chrome FireFox edge 都支持FileReader对象,ie浏览器中ie10以下不支持FileReader对象，ie10以下文件上传的解决办法是用flash
一、FileReader对象实现文件上传并预览（图片）
文件上传主…
Node 搭建简易 HTTP 静态资源服务器
有时候前端开发需要用到服务器，比如ajax请求之类的，会选择apache或者nginx或者tomcat，Jboss之类的，现在服务器太多，但是每次都需要配置环境下载之类的非常麻烦，也许我们只是想预览一下静态资源的效果&#…
Js中的模块函数和命名空间的介绍
命名空间namespace（某些语言中叫package），是一个在静态语言中常见的概念。它可以帮助我们更好地整理代码，并可避免命名冲突。遗憾的是，JS中并不提供原生的命名空间支持。在JS中创建的任何对象都默认是全局对象。在现代…
小程序判断文本中是否有电话号码
js var re /\d{11}/;if (re.test(这里是你要判断的文本----) ! true) {console.log(没有手机号)} else {console.log(有手机号);wx.showToast({title: 评论不能输入手机号请删除,icon: none,duration: 1000})}
实战技巧，Vue 原来还可以这样写
❝两只黄鹂鸣翠柳，一堆bug上西天。❞每天上班写着重复的代码，当一个cv仔，忙到八九点，工作效率低，感觉自己没有任何提升。如何能更快的完成手头的工作，提高自己的开发效率，在上一篇《绝对干货~&a…
这些代码怎样run？
<!DOCTYPE html>
<html>
<head><title>Script 标签引入Demo</title><Script defer src"https://cdn.jsdelivr.net/npm/vue2.5.17/dist/vue.js"></Script>
</head>
<body><hi>Script 标签引入Demo</h…
文件夹中文件夹层数太多_夹层：在首页中添加最新帖子
文件夹中文件夹层数太多发表者： admin 2周，3天前 (Posted by: admin 2 weeks, 3 days ago) (Comments) （ 评论 ） Mezzanine is a powerful, consistent, and flexible content management platform. Built using the Django fram…
【华为OD机试】按单词下标区间翻转文章内容（python, java, c++, js）
按单词下标区间翻转文章内容
前言：本专栏将持续更新华为OD机试题目，并进行详细的分析与解答，包含完整的代码实现，希望可以帮助到正在努力的你。关于OD机试流程、面经、面试指导等，如有任何疑问，欢迎联系我，wechat：steven_moda；email：nansun0903@163.com；备注：CSDN…
jspreadsheet表格的用法
引入css及js 1.创建表格：
tips:类似excel，一般设置表格的样式、属性会用到A1 B1 C1、A2等来表示第几列
var tableData [[, , ]]//原始数据
var table undefined
//定义列
var columns [{type: dropdown,//下拉选择框title: 优先级,name: LEVEL,widt…
前端面试题--持续更新
1、css隐藏元素的四种方法 (1).opacity opacity是设置一个元素的透明度，这一设置为0只能从视觉上隐藏元素，而元素本身依然占据它自己的位置并对网页的布局起作用，它也将响应用户交互。
(2).visibility 该属性值为hidden的时候，元…
如何设计组件还不会吗？简单谈论下组件化思想
作者：我想写文章啊来源：https://juejin.im/post/6878099828497186823一、写在前面现今的web开发通过前后端分离的技术拆分为了web后端开发与web前端开发，值得指出的是，web前端开发早已不是传统意义上的开发模式了，转而…
用CSS设置颜色、背景和图像效果
📜个人简介 ⭐️个人主页：微风洋洋🙋♂️ 🍑博客领域：编程基础💡,后端💡,大数据,信息安全 🍅写作风格：干货,干货,还是tmd的干货 🌸精选专栏：【J…
stl中empty_C ++ STL中的set :: empty（）函数
stl中emptyC STL set :: empty()函数 (C STL set::empty() function) set::empty() function is a predefined function, it is used to check whether a set is empty or not. If set is empty it returns true (1), if set is not empty it returns false (0). set :: empty…
HTML还可以放音乐，放视频（真的吗？）
📜个人简介 ⭐️个人主页：微风洋洋🙋♂️ 🍑博客领域：编程基础💡,后端💡,大数据,信息安全 🍅写作风格：干货,干货,还是tmd的干货 🌸精选专栏：【J…
getseconds补0_日期getSeconds（）方法以及JavaScript中的示例
getseconds补0JavaScript Date getSeconds()方法 (JavaScript Date getSeconds() method) getSeconds() method is a Dates class method and it is used to get the only seconds from the current time. getSeconds()方法是Date的类方法，用于获取当前时间中仅有的…
JQueryBootStrap
使用JQuery发送请求局部刷新页面
使用BootStrap制作一个响应式的页面
使用BootStrap制作网站的首页
教学目标
掌握什么是响应式及响应式的原理
掌握BootStrap的栅格系统
了解BootStrap的其他组件及JS控件
上次课内容:
什么JQ : write less do more 写更少的代码,做更多…
4个python实战mini项目，附源码
本文展示了4个python小项目：第一个项目是利用python生成激活码，并且保存在两个不同对数据库中；第二个项目是如何统计一个文本中每个词出现的次数；第三个项目是利用python生成验证码图片；第四个项目敏感词感知ÿ…
JavaScript——Array
java的数组和JavaScript的数组的区别？
javascript的数组在定义数组长度时，只是为了开辟存储空间，但你存入的内容大于一开始开辟的空间时，javascript会自动增加存储空间，不会报错。java在一开始定义了长度之后…
JS对象的引用复制和数据复制
JS对象分为两类，一类为基础类型对象，包括字符串(String)，数值(Number)，布尔值(Boolean)，null(空)，undefined(未定义)。另一类为合成对象，又叫做引用类型对象，包括数组(Array)&#x…
学会这些鲜有人知的coding技巧，从此早早下班liao-JavaScript实战技巧
目录
前言：
Coding小技巧
数组的对象解构
创建纯对象
你没见过的valueOf
清空和截短数组
slice()
splice()
最简单的清空和截短数组的方法就是改变 length 属性
对数组中的所有值求和
条件短路
对条件使用或（OR）逻辑
逗号运算符…
如何利用js实现选项卡效果（超简单）
在开始写我们的选项卡之前，先来看一下最终实现的大概效果： 那废话不多说，接下来就看看如何去实现这个效果。
首先，利用我们的 html 和 css 基础，写出选项卡的基本布局：
html代码：
<div c…
用JS动态改变表单form里的action值属性的方法
原文地址为：
用JS动态改变表单form里的action值属性的方法方法1：
<form id"form1" name"form1" method"post" action"../news/index.asp"> <table width"100%" height"43" …
父子组件使用 props和$emit传值总结（非常全面）
父子组件使用 props和$emit传值 总结:
一: 父传子。注意点有3个。 第1: 在js中用驼峰式命名，在html中替换成短横线 分割式命名
在html中
<child my-message"hello"/>在js中:
子组件中
props:[myMessage]第2: props规范写法 如果 有默认值…
v-if和v-for写在同一标签上，谁的优先级高？为什么？怎么优化？
v-if和v-for写在同一标签上，谁的优先级高？为什么？怎么优化？
大家都知道v-for的优先级肯定是比v-if高的，那么有思考过同时用的话会导致什么问题吗？
当它们处于同一节点，v-for 的优先级比 v-if …
前端每日一题：（头条）[1,2,3].map(parseInt) what why
[‘1’, ‘2’, ‘3’].map(parseInt) what & why ?
让我们先来了解一下map函数和 parseInt吧
map
map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。array.map(function(currentValue,index,arr), thisValue) 接收的是一个函数 函…
JavaScript----设置和查看video的倍速值
介绍
使用js代码设置和查看video的倍速值
代码示例
设置倍速值代码
document.getElementsByTagName(video).playbackRate3查看倍速值代码
document.getElementsByTagName(video).playbackRate
adsense_半满的AdSense
adsenseIts official, I switched to the dark side. Not only does this blog has ads but they are Googles adsense. But hey, you gotta try. 是官方的，我转为阴暗面。 该博客不仅包含广告，而且是Google的adsense。 但是，嘿，你…
css图片居中垂直居中_使用CSS将图片居中
css图片居中垂直居中Heres one solution to centering an image both horizontally and vertically, when you know the height of the container. Tested in FF, IE6, IE7 当您知道容器的高度时，这是一种将图像水平和垂直居中的解决方案。 在FF，IE6&…
idea 代码格式化 谷歌_Google Docsmaklet格式化代码
idea 代码格式化 谷歌Something has been annoying me for some time as I write this book in Google Docs: I want to be able to format text as code (Courier New) only using the keyboard. So I came up with this bookmarklet. Its one of those "works for me&qu…
JavaScript查找您的Yahoo! 排行
动机(Motivation) Inspired by this article on SitePoint that shows how to find the Google ranking for a specific page and a search query, I decided to do the same, but for the Yahoo! ranking. The fun part is that my script is a JavaScript and requires nothi…
PHP中JavaScript样式的对象文字
The object literal notation in JavaScript looks like: JavaScript中的对象文字表示法如下所示： var fido {name: "Fido", barks: true};or 要么 var fido {};fido.name "Fido";fido.barks true;从assoc数组到对象 (From assoc arrays t…
多图预览上传 前后端 java jquery tomcat
多图预览上传 前后端 java jquery tomcat效果预览页面保存到硬盘数据库保存码代码前端picture.jspjscss后端controllerservice附录-Servlet和JSTL依赖示例环境：
环境版本java1.8 tomcat8.5jquery3.3.1
效果预览
页面 保存到硬盘 数据库保存 码代码
前端
picture…
Cookie入门及应用实例
最近在工作中，牛逼的前端为追求更好的体验，如对于无需与后台请求交互(纯前端的页面跳转、页面内容的展示)，但Session已过期，用户操作后提交，后台再提示已过期，给用户的体验不好，于是想到了Cooki…
JQuery对象的val()方法执行结果分析
JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是u…
获取两个对象数组有相同key值合并成一个数组
const list1 [{openId: 1},{openId: 2},{openId: 9},{openId: 4},{openId: 5}
]const list2 [{openId: 1},{openId: 3},{openId: 8},{openId: 4},{openId: 5}
]const data list1.map(item > list2.find(s > s.openId item.openId)).filter(item > item)//打印data…
【Vue】如何定义并注册一个组件？如何进行父子组件之间的通信？
理解组件化
在大型应用开发的时候，往往要有大量的页面。
这些页面，又往往会有相同的部分，比如会有相同的头部导航、相同的底部页尾。
这些相同的部分，我们就可以把它封装为一个独立的组件，然后在不同的页面中使用它…
【Vue】前端开发串讲与Vue入门演示——带你搞懂Vue框架究竟是用来做什么的
前端开发模式的演进
纯静态页面
最初的网页以HTML为主，是纯静态的网页。这意味着只存在信息由服务端到客户端的单向流通。这也是前端开发者最轻松的时代。
JavaScript
JavaScript横空出世，我们可以使用js操作页面的DOM元素了，页面终于动了…
用JS动态改变表单form里的action值属性的方法
原文地址为：
用JS动态改变表单form里的action值属性的方法方法1：
<form id"form1" name"form1" method"post" action"../news/index.asp"> <table width"100%" height"43" …
![vue项目，严格模式下报警告[Vue warn]: Property or method tableData is not defined on the instance](https://img-blog.csdnimg.cn/20200513142346959.png)
vue项目，严格模式下报警告[Vue warn]: Property or method tableData is not defined on the instance
[Vue warn]: Property or method “tableData” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property
最近我用的vue项目启用…
用JS动态改变表单form里的action值属性的方法
原文地址为：
用JS动态改变表单form里的action值属性的方法方法1：
<form id"form1" name"form1" method"post" action"../news/index.asp"> <table width"100%" height"43" …
Ant Design Charts 折线图配置属性结合案例详细说明
最近接手了一个react项目，里面需要用到折线图，看到图表的感觉不难。但是仔细一看引入的是 Ant Design Charts。然后去看了一下文档，发现好多地方的属性与echart区别很大，甚至用法都不一样了。最终结合文档，对属性一 一…
web页面弹框插件layer
1、前言 作为一个后台开发人员，写一个页面的弹框稍微有点费劲。今天整理了一个前端的弹框插件，记录一下。 2、demo
<!DOCTYPE html>
<html>
<head lang"en"><meta charset"UTF-8"><title>弹框示例&l…
div设置为超出滚动overflow后内部的layui下拉框被遮挡的解决办法
先将下拉框中的选项位置设置为固定：
dl.layui-anim { position : fixe
} 下方有精彩：！！！！！ 然后写js触发layui下拉框点击事件，重新定位
$("div.layui-form-select").cl…
JS dateObject.getTime is not a function
dateObject.getTime is not a function 这个错误出现的原因是通过接口或者初始化数据的时候获取的数据由date变为了string 程序校验string类型数据没有getTime方法，所以检验出错。 最简单的方法就是，通过string to date 还原数据类型 new Date(2019-11-1…
js 调用 IOS 、Android原生方法
如今，由于有些页面排版或实现对于android、ios开发人员而言实在麻烦与复杂，实现需要的时间成本太高，导致很多App里都内置了Web网页，app中嵌入Web网页便免不了涉及到Android客户端、IOS客户端与Web网页交互。小编最近就遇到了这个问…
layui二级联动(local模式)
html代码
<div class"layui-form-item"><div class"layui-inline"><label class"layui-form-label">动物类别</label><div class"layui-input-inline"><select name"animalType" xm-sel…
js笔记——记录在js中踩过的坑
易错函数拼写
forEach 而不是 foreach split 而不是splite
字符串操作
str str.split 而不是 str.split
public String substring(int beginIndex, int endIndex)函数，从beginIndex开始取，到endIndex结束，从0开始数，其中不包…
阻止form表单提交的时候页面刷新
把<button></button>标签改为<input type"button">或者在<button>中添加属性 type"button"
问题虽小，但还是有必要记录一下
改之前，每次点击都会刷新页面，错误信息也不提示
<button type&…
HTML基础之CSS
CSS选择器 1、id选择器
2、class选择器
3、标签选择器
4、层级选择器(空格)
5、组合选择器(逗号)
6、属性选择器(中括号)<!DOCTYPE html>
<html lang"en">
<head>
<meta charset"UTF-8">
<title>Title</title>
<…
前端防止浏览器访问旧版 js 和 css 的优化思路
点击上方蓝色“架构荟萃”关注我们，输入1024，你懂的 前言 最近发版前端项目，用户经常反馈新添加功能在线上环境不好用，常出现新老页面并存的状况。 经前端同事排查发现，实际上只需要重新刷新一下页面就没事了。但是每次…
puppeteer|自动化UI测试|JS|零基础入门（二）——找到页面元素与输入、点击
puppeteer——找到页面元素、输入与点击从API学习page.$(selector)password_text.type（text）login_btn.click()话不多说，上干货 //从page中找到SELECTOR.PASSWORD_TEXT所指向的密码输入框const password_text await page.$(SELECTOR.PASSWOR…
js 数组与对象的解构赋值
解构赋值是javascript 语法，作用是将值从数组、或属性从对象，提取到不同的变量中。
1. 数组解构1.1 声明变量并赋值：let hi [hello, world];let [hello, world] hiconsole.log(hello) > helloconsole.log(world) > world1.2 设置解构…
获取当前页面url的各类参数
Location 对象Location 对象包含有关当前 URL 的信息Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问Location的各种属性：window.location.hash > 设置或返回从井号 (#) 开始的 URL（锚）window.locat…
1分钟了解js编译器Babel的使用（附demo）
什么是Babel？ 一款JavaScript 编译器 主要用于在旧的浏览器或环境中将 ECMAScript 2015 代码转换为向后兼容版本的 JavaScript 代码。 一、Babel的使用规则：
使用规则
编译目录
npx babel src（原目录） --out-dir lib࿰…
利用canvas实现钟表效果
今天学习了基础的canvas，发现canvas很有意思，具体的知识点先不总结，等我学完了一起总结，先上一个自己写的小实例，嗯、直接上代码
<!DOCTYPE html>
<html lang"en">
<head><meta charse…
复制json对象的按钮
var input document.createElement("input") // 直接构建input
input.value JSON.stringify(this.contentJson) // 设置内容
document.body.appendChild(input) // 添加临时实例
input.select()
document.execCommand(Copy)
document.body.removeChild(inpu…
不想用原生滚动条，用Element-ui隐藏组件el-scrollbar
查看源码接受的props
props: {native: Boolean, // 是否启用原生样式；默认falsewrapStyle: {}, wrapClass: {}, // 标签样式 F12 查看viewClass: {}, viewStyle: {},noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性…
【快速搞定Webpack5】处理字体图标资源（六）
介绍
在实际开发中，几乎每个项目都需要用户icon图标以及部分项目会用到有特色的字体需求。 今天我们学习的内容就是如何在webpack中处理字体及icon图标的使用。
一、下载字体图标文件
1、打开 阿里巴巴矢量图库 2、登录或注册账号 3、选择想要的图标添加到购物车…
函数只执行第一次的执行一次 once函数
//只执行一次函数function once(fn){var ifFalse truereturn function(){if(ifFalse){ifFalse falsefn()}}}//调用function getName(){console.log(我叫吉娃娃)}getName once(getName)getName() //我叫吉娃娃getName() //不执行转自链接：https://www.nowcoder.co…
nginx反向代理，vue2反向代理，vue3反向代理
正向代理和反向代理
反向代理（Reverse Proxy）对应的是正向代理（Forward Proxy），他们的区别： 正向代理： 一般的访问流程是客户端直接向目标服务器发送请求并获取内容，使用正向代理后…
for in，forEach，for of
for in
什么都可以遍历（noodlist会显示原型上的属性） for in多用于遍历对象，他会返回对象的属性名而for in不推荐遍历数组 为什么for in不推荐遍历数组 1.for in返回的是每个item的索引如果想对数组的每一项进行操作的话就会很复杂 2.for in…
js如何获得系统时间
利用时间类Date即可
例如：
var date new Date();
var year date.getFullYear(); //年
var month date.getMonth() 1; //月
var day date.getDate(); //日
var hour date.getHours(); //小时
var minute date.getMinutes(); //分钟
var second date.getSec…
layui日期组件默认选中但不填充值的方法
input标签 点击效果优化用户体验，添加以下代码 屏蔽历史数据 ：
autocomplete"off" js方法中设置默认选中值，并不在弹框中显示 （这里today为预设 var today new Date().format(“yyyy-MM-dd”);）ÿ…
基于百度的webuploder做上传功能
1.首先下载webuploder地址如下： 地址：http://fex.baidu.com/webuploader/download.html
2.然后在引用资源文件 <link href"${XXX}/bootstrap-3.3.5-dist/css/bootstrap.min.css" type"text/css" rel"stylesheet"/>…
tpyeof 与 intanceof
typeof
typeof 是js中的操作符，用于判断一个值是基本数据类型，还是引用数据类型。 console.log(typeof 1)console.log(typeof 1)console.log(typeof true)console.log(typeof undefined)console.log(typeof null)var obj {name :zed}console.log(typeo…
JQuery实现一个简单的相册
介绍
利用jq的DOM操作，点击上方的小图片，使其显示到下方大图片区域。大概思路为将被点击的小图片路径赋值给大图片路径。比较核心的是jq代码，利用js也能轻松实现。
效果图 <!DOCTYPE html>
<html lang"en">
<head…
解决浏览器中点击【Backspace】回退问题
问题：
工作中遇到在浏览器空白处，或者不可编辑的input框上，点击【Backspace】按键，出现浏览器页面回退的问题，经过测试，发现谷歌浏览器默认屏蔽了这个回退的功能，但IE、360浏览器、火狐浏览器都…
如何判断element-ui表格文本框当前已经选中的状态
今天犯了一个思维定式的错误，一直以为，渲染到element-ui表格中的数据中如果包含checked字段，那么当被选中的时候，就会设置为true。
后来想想怎么可能呢…自己还debug了半天。实际上官方文档是这样的： 其中，…
css的z-index、position、overflow属性混合时Safari的兼容问题，fixed定位+z-index同时使用不生效问题
～～～转前端啦～～～
问题：position: fixed和z-index同时使用在Safari浏览器中不生效？？？ 场景1: fixed定位z-index属性tranform3D变化同时使用
先看代码…
Chrome开发JS调用NPRuntim崩溃,STRINGZ_TO_NPVARIANT不能返回中文字符串
在做JS和NPRuntime交互的时候，在js的函数返回字符串，总是崩溃。
跟踪发现，是STRINGZ_TO_NPVARIANT(m_szTextGui, *result);的问题。
插件在处理输出的时候，如果是字符串，必须NPN_MemAlloc来分配一个内存。
所以写如…
jquery css方法的三种使用,调用时可以传入对象
jQuery可以使用css方法来修改简单元素样式;也可以操作类，修改多个样式。
说明示例1.参数只写属性名，则是返回属性值$(this).css(“color”’);2.参数是属性名，属性值，逗号分隔，是设置一组样式，属性必须加引…
jquery隐式迭代
jquery对象的css方法会将获取的所有元素遍历修改属性
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><title>Title</title><script src"js/jquery-3.5.1.min.js"></script><…
javascript加载_JavaScript加载策略
javascript加载2010 update: Lo, the Web Performance Advent Calendar hath moved 2010年更新： Lo， Web Performance Advent Calendar已移动 Dec 15 This article is part of the 2009 performance advent calendar experiment. Todays article is a co…
可以实现微信小程序父子组件实时通信的插件
小程序在组件化开发的时候可能没有达到vue那样的便捷，例如跨组件状态同步等。
这个插件可以： 1.通过代理的方式，为小程序添加了跨组件实时通信；父子组件实时同步状态功能； 2.与vue相似的WatchStore功能，监…
无限灵感 / 知识库 No.71
No.71- AI DISCOVERY -无界 已被解禁无界????我提前解禁了！感谢 Mixlab 我可以继续引用超喜欢程序猿的一句diss用语了。。↙ 入正题Mixlab无界社区eva????本周灵感：数字人、创意编程、使用github的技巧、代码自动生成，为你送达。??…
vue-quick-calendar—Vue超实用日历组件(带示例图，注释超详细~)
效果图
本日历组件支持： 1. 标记日期 2. 选中日期 3. 切换月份 4. 上月底、下月初日期显示 5. 代码复制即可使用 6. 支持npm引入，npm传送门：vue-quick-calendar 本示例为PC端，预处理器使用SCSS，移动端请自行修改样式哦…
Vue移动端树形控件实现（递归组件）
写在前面
因项目中需要用到树形控件，第三方的组件也不满足项目的使用需求，就自己造了一个车轮子，用Vue递归组件的方式实现，代码简单易懂，直接复制即可使用。
效果图 子组件代码
<template><ul v-if"d…
太卷了！浏览器也支持原生的深拷贝API了？
大家好，我是 ConardLi，今天来聊一个前端老生常谈的话题，深拷贝。在以前，由于浏览器并未对这个能力提供原生支持，所以它经常出现在 手写XXX 这样的面试题中，我之前也为它专门写过一篇文章：如何写…
你是这样理解 redux 的吗？
前言开始前，你必须知道一些事情：redux 和 react 没有关系，redux 可以用在任何框架中，忘掉 react。connect 不属于 redux，它其实属于 react-redux，请先忘掉它，下一章节，我们会介绍它。…
Web基础 jquery基础简单内容 -＞（个人学习记录笔记）
文章目录jQuery1. jQuery的用法1.1 jQuery的引入1.2 jQuery的入口函数1.3 小结2. jQuery选择器2.1 jQuery选择器的介绍2.2 jQuery选择器的种类3. 选择集过滤3.1 选择集过滤的介绍3.2 选择集过滤的操作4. 选择集转移4.1 选择集转移介绍4.2 选择集转移操作5. 获取和设置元素内容5…
一顿操作，我把 Table 组件性能提升了十倍
背景Table 表格组件在 Web 开发中的应用随处可见，不过当表格数据量大后，伴随而来的是性能问题：渲染的 DOM 太多，渲染和交互都会有一定程度的卡顿。通常，我们有两种优化表格的方式：一种是分页，另…
分分钟清除项目中无用的console.log代码
前言说起console.log调试，不用多说，那是非常的好用，开发中帮助我们解决了不少Bug。我们经常能在开发环境中看见这一坨一坨的console调试。但是生产环境是绝不对不允许出现console信息代码的。你还在手动一个一个删除吗，那得多累啊…
如何防止他人恶意调试你的web程序
1前言看到社区很多都在讨论如何调试,如何高级的调试,以及一些调试的奇技淫巧,今天我想和大家聊聊,怎么禁止调试,禁止他人调试我们的程序为什么会有这篇文章呢,源自一次我寻找盗版电影的遭遇,一次好奇心的驱使下,由于很多这种平台都是只做搬运,不做存储,因为存储盗版电影向他人提…
浮动的页面导航栏来说说怎么用js写页面跟随块
比如说一个导航栏我们起名class"nav"，页面上下滚动的时候，保持一直显示,页面恢复初始页面的时候，这个导航栏自动嵌回页面的指定位置 如果此时导航行上面个还有其他的div 那么有 //跟随快$(window).scroll(function () {var s $(do…
div弹出框加遮罩完整版，复制粘贴就能用
先上效果，后面的代码为了让样式复制不那么麻烦，我尽量多写在行内 其中js是依赖jquery1.8x ,请自行加入 上一版本比较复杂，结合了js ，ajax请求和诸多交互的js代码
点击了解上一版本 这版本是js只管弹出窗体以及遮罩
/*** 点击弹…
为什么 Vue 中不要用 index 作为 key？
前言Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。示例以这样一个列表为例：<ul><li>1</li><li>2</li>
</ul>那么它的 v…
又来需求了：微信支持外网打开小程序！
前言千呼万唤始出来，微信小程序终于支持以URL Scheme的形式从外部唤起了。long long ago~ 我们只能在微信内的网页中使用微信开发标签-小程序跳转按钮 <wx-open-launch-weapp>打开小程序，只有这样一种单一的场景。而在实际的业务中，我们…
网站前端如何实现HTML转PDF下载的两种方式
将HTML页面转化为PDF下载是前端经常会遇到的需求，下面就列举两种方式进行实现。以下两种方式默认都是在Vue项目环境下，其他框架项目自行灵活运用。 方式一：使用html2canvas和jspdf插件实现
该方式是通过html2canvas将HTML页面转换成图片&…
「复习」所以 JavaScript 到底是什么？我居然懵了
前言引用《JavaScript 高级程序设计第四版》中说的话 ——“从简单的输入验证脚本到强大的编程语言，JavaScript 的崛起没有任何人预测到。它很简单，学会用只要几分钟；它又很复杂，掌握它要很多年。要真正学好用好 JavaScript&#…
面试官：为什么data属性是一个函数而不是一个对象？
一、实例和组件定义data的区别vue实例的时候定义data属性既可以是一个对象，也可以是一个函数const app new Vue({el:"#app",// 对象格式data:{foo:"foo"},// 函数格式data(){return {foo:"foo"}}
})组件中定义data属性，只…
2 行代码的库却坑了数百万 JS 项目
一个 npm 小项目的更新给整个 npm 生态系统制造了一场混乱，影响到了数百万 JS 项目。这个库就是 is-promise ，仅包含了两行代码，其功能是让开发者测试一个 JS 对象是否是 Promise，其它 JS 项目可通过一行代码调用使用该库。尽管这…
CSS 属性选择器深入挖掘（实现这些功能，CSS完胜）
CSS 属性选择器，可以通过已经存在的属性名或属性值匹配元素。属性选择器是在 CSS2 中引入的并且在 CSS3 中得到了很好拓展。本文将会比较全面的介绍属性选择器，尽可能的去挖掘这个选择器在不同场景下的不同用法。简单的语法介绍[attr]：该选择…
css calc函数用法_calc（）函数以及CSS中的示例
css calc函数用法Introduction: 介绍： Dealing and appending functions to our HTML/CSS code has become a daily feat but not everyone is a pro when it comes to developing websites or web pages. Therefore, one must never stop learning and keep looki…
JavaScript实现页面加载成功后刷新一遍当前页面（一）
<SCRIPT LANGUAGE"JavaScript"> function fresh(){ if(location.href.indexOf("?reloadtrue")<0){location.href"?reloadtrue"; } } setTimeout("fresh()",10);
</SCRIPT>
Nodejs 上传图片并预览
本文分两个部分，第一部分为nodejsexpress和前端原生jsaxios，第二部分为实际应用VueelementUI和nodeexpress中配置。
原生jsaxios实现
效果： node端：
const express require(express)上传文件所需的模块
const multer requir…
2021-02-06
JXA-ObjC $引入框架转换 ObjC 的语法判断是否是文件夹 demo 新建终端窗口在 finder 右键状态栏通过 apple 脚本的形式解析并运行 js 文件如何转换报错信息doShell将文件复制到剪贴板打开文件选择器 文件选择框 var require function (path) {获得指定目录下的所有文件列表 获取…
Javascript中Map与Object的区别
典型的区别
Map可以将任何数据类型作为key，而Object，只能使用String或者Symbol。 一个 Map的键可以是任意值，包括函数、对象或任意基本类型。 const map new Map();map.set(NaN, NaN);
map.get(NaN) // NaNmap.set(null, null);
map.get(…
微信小程序+生命周期回调函数
在微信小程序的.js文件用于编写页面逻辑 Page()函数用来注册一个页面，该函数的参数是一个对象 通过该对象可以指定页面的初始数据，生命周期回调函数、页面事件处理函数等 1、js文件所有的函数写在Page里面 Page({ }) 2、页面的初始数据data Page({ da…
Layui的展开列表
我们在写前端页面时为了节省时间总会用到框架，我这次用的是Layui框架做一个扩展列表如图这是其中一个，我主要讲的是，父子表父子表就是在每一行数据种展开一个列表，它是由两个请求获取数据
<head><meta charset"utf-…
vue -webkit-box-orient vertical webpack打包后被过滤掉了 线上没有这行代码
问题：vue -webkit-box-orient vertical webpack打包后被过滤掉了 线上没有这行代码
解决：
（1）方法一：加上绿色注释，跳过webpack的css打包
.word-overflow-3{overflow:hidden;text-overflow:ellipsis;dis…
苹果手机vue网页弹窗中input失去焦点的时候造成页面上移
问题：苹果手机vue网页弹窗中input失去焦点的时候造成页面上移
解决：
<input type"text" class"userNameInput" v-model"username" placeholder"请输入账号或手机号" blur"coverScroll"><i…
js调android的代码
XML/HTML code?1234567<body> <!-- Calls into the javascript interface for the activity --> <!-- 从HTML文件中调用activity中的函数 --> <!-- 也就是从HTML到android程序 留意window.demo.clickOnAndroid()这句话 --> <a onClick"wi…
Vue指令03——v-bind和v-for的使用
Vue指令03——v-bind和v-for v-bind命令 效果：更改元素属性，如 src、title、href 格式：v-bind：属性”变量“ 格式：：属性”变量“ 修改行类样式1 <!--绑定样式-->
<div id"app"><!…
这些年 SpringBoot 的 @Value 你用对了吗？
一、前言在日常开发中，经常会遇到需要在配置文件中，存储 List 或是 Map 这种类型的数据。Spring 原生是支持这种数据类型的，以配置 List 类型为例，对于 .yml 文件配置如下：test:list:- aaa- bbb- ccc对于 .properties …
HTML+CSS+Javascript实现轮播图效果
HTMLCSSJavascript实现轮播图效果 注意：根据自己图片大小来更改轮播图大小。 <!doctype html>
<html>
<head>
<meta charset"utf-8">
<style>
* {margin: 0;padding: 0;
}
/*去掉ul、ol、li源有的样式*/
ul, ol, li {list-…
Javascript实现让图片一直跟着鼠标移动
Javascript实现让图片一直跟着鼠标移动 注意：图片可能加载不出来，还请及时更换图片 <!doctype html>
<html>
<head>
<meta charset"utf-8">
<title>永恒之月</title>
<style>
body {margin: 0;padd…
Intellij IDEA 调试功能总结
本文简单介绍 IDEA 编辑器的调试功能，主要包括断点调试、单点调试、高级调试。可以收藏本文章，使用到的时候方便查找。1.设置断点选定要设置断点的代码行，在行号的区域后面单击鼠标左键即可。2.开启调试会话点击红色箭头指向的小虫子…
Javascript中数组的定义和常见使用方法
一、定义数组 1、定义数组 var arry[1,2,小名,false] //var 数组名[值1,值2,...] 2、设置数组长度 arry.length10 //数组长度设置为10 二、数组常见方法 (1)在尾部增加值(push()) 格式：数组名.push(追加的值) arry.push("小卒") //在数组arr…
Postman 都有女朋友了，我特么竟然还单身
点击上方 果汁简历 ，选择“置顶公众号”优质文章，第一时间送达介绍Postwoman是一款开源的 Postman 替代品：轻盈，可直接在线访问；简约，采用简约的 UI 设计精心打造；支持 GET, HEAD, POST, PUT, D…
公司这套架构统一处理 try...catch 这么香，求求你不要再满屏写了，再发现扣绩效！...
点击上方 果汁简历 ，选择“置顶公众号”优质文章，第一时间送达前言软件开发springboot项目过程中，不可避免的需要处理各种异常,spring mvc 架构中各层会出现大量的try {...} catch {...} finally {...}代码块，不仅有大量的冗余代码…
炫酷，SpringBoot+Echarts实现用户访问地图可视化（附源码）
点击上方 果汁简历 ，选择“置顶公众号”优质文章，第一时间送达SpringBootEcharts用户访问地图可视化意义 在常见的电商、新闻、社交网站等，合理运用运营成本才能最大化输出自己的产品，其中最常见的功能就有针对不同访问热度的城市…
跟个风，各行各业程序员的一天
点击上方 果汁简历 ，选择“置顶公众号”优质文章，第一时间送达转自：虎扑010203040506070809101112▼往期精彩回顾▼让人又爱又恨的 Lombok，到底该不该用Delombok 是个啥？居然可破 Lombok？跳槽的必要条件是有…
React中高阶函数和函数的柯里化
一、高阶函数：
如果一个函数符合下面2个规范中的任何一个，那该函数就是高阶函数。
若A函数，接收的参数是一个函数，那么A就可以称之为高阶函数。若A函数，调用的返回值依然是一个函数，那么A就可以称之为高阶…
使用Canvas实现手撕渔网袜特效(*^▽^*)
想要代码敲的好，高数算法不能少
html部分
<canvas id"c"></canvas>
css部分
* {margin: 0;overflow: hidden;user-select: none;}body {background: #333;}canvas {background: #333;width: 1000px;height: 365px;margin: 0 auto;display…
CSS浮动及解决父级边框塌陷
CSS浮动
CSS (Cascading Style Sheet )
1、浮动的介绍
1.1 块元素
h1-h6
p、div、列表... ...1.2 行元素
span、a、img、strong... ...行元素可以包含在块元素中，反之则不行。
1.3 块元素和行元素互相转换 div{width: 100px;height: 100px;border: 1px solid …
JavaScript对象的基本使用方法（与Java的对比）
在面向对象的编程语言中，对象极其重要。不过JavaScript对于对象的操作似乎有一点点不同，但是中心思想仍然是一样的。在此我做个总结。
1，基本对象
在Java中，创建一个人类，大家都会这样做：
先创建人类&am…
JS如何准确判断NaN（isNaN函数不可靠问题）
JS如何准确判断NaN（isNaN函数不可靠问题）
使用isNaN()判断一个变量是否为NaN踩了个坑。 undefined也能够通过isNaN()的判断，难道我还要在判断一下是否为undefined？很明显这样不够优雅 逼格。 那么如何一步到位准确判断一个变量是…
Ajax请求JSON数据回显到模态框(jsp回显)
Ajax请求JSON数据回显到模态框(jsp回显)
说明
jsp数据回显，通过Ajax请求servlet，将查询到的数据返回给jsp页面或者模态框中显示，以便用户在更新数据时提高用户体验。
示例代码
我这里用了弹窗。我个人感觉我写不出好的前端 1.css 代码(弹…
JQuery每日一练-进步一点再一点
点赞关注养成习惯😎 有需要csdn下载需求的同学,评论微信关注回复我都可以，免费给大家下载⚽ 1.练习一
1.1 练习网站导航相关 考察重点
hover事件show(); hide() 方法index(); eq(); 方法addClass(); removeClass() 方法siblings() 方法链式调用 页面除…
js将数组转字符，字符转回数组
js将数组转字符，字符转回数组
在项目中碰见一个问题，jq传参时只识别字符，但是我们要将数组传过去。可以先将数组转换为字符，传过去后在转为数组。
数组转字符 使用JSON.stringify()
console的结果 字符转换回数组 使用JSON.pa…
03Vue的组件化开发
Vue的组件化开发 组件注册 全局组件注册的语法 Vue.component(组件名称,{data: 组件数据,template: 组件模板内容
});注意：
1.data必须是一个函数(目的是形成闭包环境，使数据独立)
2.组件模板的内容必须是单根元素
3.组件模板内容可以是模板字符串(ES6)
…
一个系列带你搞定前端面试的手写代码环节(3) --- instanceof
instanceof是js内置的一个方法，可以用来判断引用类型的数据。 myInstanceof实现instanceof 接收两个参数，判断第二个参数是不是在第一个参数的原型链上 function myInstanceof(left, right) {// 获取实例对象的原型, 也就是left._proto_let left Object…
关于事件冒泡和事件代理，看这一篇就够了！（上篇）
Hello，最近又准备面试了，通过前几次面试经历，有很深刻的感受，一定要注重基础，注重基础，注重基础！ 不要觉得自己用了一些轮子写了一些看起来很不错的项目和功能，就一定能找到好工作。…
HTML5期末大作业：电影个人介主题——迪士尼影视电影(6页)带音乐 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
HTML5期末大作业：电影个人主题网站设计——迪士尼影视电影(6页)带音乐HTMLCSSJavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居…
js获取字符串长度，中文占一个字符，英文占0.5字符，并截取指定长度字符串
var str "*******************"var len 0;var len2 0;for (var j 0; j <str .length; j) {if (str .charCodeAt(j) > 127 || str .charCodeAt(j) 94) {len 1;} else {len 0.5;}//判断字符串长度小于10则获取真实的字符串长度if (len < 10) {len2 1;…
技术文章 | Javascript 文件命名规范
本文来源于阿里云-云栖社区，原文点击这里。 Js 文件命名规范
字母全部小写不要带空格用破折号（-）连接单词库文件可用逗点（.），用于体现版本或从属关系 Demo
vue.min.jsvue-router.jsjquery.form.jsjquery-…
判断是否是一个空字符串
1.JSON.stringify判断
var data {}; var b (JSON.stringify(data) "{}"); alert(b);//true
2.使用ES6的Object.keys()方法
var data {}; var arr Object.keys(data); alert(arr.length 0);//true
fetch基于promise替代ajax请求的函数（不需要引入）
/*fetch请求*/<!DOCTYPE html><html><head><meta charset"utf-8"><title>fetch</title></head><body><button id"btn">提交</button><button id"btnpost">post提交</butt…
使用JS完成首页定时弹出广告图片
一.需求分析 在首页中的顶部做一个定时弹出广告图片。 二.技术分析 隐藏图片： display： none 定时操作： setInterval(“显示图片的函数”， 3000); 三.代码实现
1.javaScript部分代码 function init(){//书写轮图片显示的…
认识javascript event对象
首先来一段超级复杂的代码 <script>
function pressMe(){ alert(event.target.value)
}
</script>
<input type"button" value"test" οnclick"pressMe()" /> 运行这段代码后，按下test按钮，输出tes…
原生JavaScript进阶训练---重写filter方法
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 这期我们重写的是一个非常常用的数组扩展方法filter。
按照惯例，我们先看一下原生filter的使用 var arr [{name: "张三&…
使用Web前端技术开发桌面应用---Electron 保存对话框的操作
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 有了上期的基础，再学习保存对话框dialog.showSaveDialog()就容易很多，因为他们大部分的API都是相同的，只…
JS 根据年月获取某月的所有日期
//根据某年某月计算出具体日期
getDaysInMonth(year, month) {const daysOfMonth [];month parseInt(month, 10);const lastDayOfMonth new Date(year, month, 0).getDate();for (let i 1; i < lastDayOfMonth; i) {if (i < 10) {daysOfMonth.push("0" i)…
多变量线性优化_使用线性上下文强盗进行多变量Web优化
多变量线性优化Expedia Group Technology —数据 (EXPEDIA GROUP TECHNOLOGY — DATA) Or how you can run full webpage optimisations with a context-aware outcome.或如何运行具有上下文感知结果的完整网页优化。 Contextual multi-armed bandits offer promising opportu…
react 组件样式类_React2020 P5类组件
react 组件样式类In the two previous articles we looked at functional components.在前两篇文章中，我们介绍了功能组件。 Although the React team seems like they want to move away from class-based components, they’re still here. As a side note, I li…
前端工程师 后段工程师_如何像工程师一样思考
前端工程师 后段工程师In my time in the tech field, I have learned that it really doesn’t matter what tools or languages you know. During your tenure in the field, you will pick up and discard multiple tools/languages. The things that will stay with you th…
面试题：深拷贝与浅拷贝
如何区分深拷贝与浅拷贝？简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明是浅拷贝，如果B没变，那就是深拷贝。深入点来说，就是B复制了A&a…
正则表达式替换文字 表达式_如果不能用文字表达，就不能用代码表达
正则表达式替换文字 表达式I often write design documents even if no one will read them.我经常写设计文档，即使没有人会阅读。 There are a lot of resources out there on how to write good design documents. There are also many different ways to define…
JS实现获取word文档内容并输出显示到html页面示例，和将页面数据写入txt文件
JS实现获取word文档内容并输出显示到html页面示例
注意：这里使用了ActiveXObject组建，因此需要使用IE内核浏览器运行本代码。
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>…
用JS编写一款计算器
摘要 前端计算器的编写方法有很多插件可以完成，本文通过htmlcssjavascript原生方法编写一款计算器，效果截图如下： 本文主要用到的是JavaScript中的Math对象，对计算结果未做深入考究，仅探索一种实现思路。 <html>…
前端js轮播图超好用的网站-Swiper-使用介绍
swiper是一款免费，强大的滑动的插件。 使用步骤： 1.引入插件（可以使用网络地址，也可以下载到本地） 2.创建HTML结构 3.初始化swiper 实例：
<!DOCTYPE html>
<html lang"en"><head…
URL的get与post
url 参数过长时的方式（原始js） url 参数过长问题
ajax中如果url参数过长就会产生问题，解决方法如下：
function getJsonData(url,para)
{var ajax Common.createXMLHttpRequest();//三个重要地方
//GET改POSTajax.open("POST…
大数据量树形数据表格展示, 虚拟表格,el-table, umy-ui, 表格懒加载
1. 出现的问题 要展示树形数据表格,根据当前点击的表格行去请求新的数据并展示, 基于这种情况遇到以下问题 1). 当树形表格数据层级大于五级且数据量较多时, 浏览器崩溃 2). 当数据条数展示超出500以上时页面明显卡顿, 加载越多越卡直到崩溃 3). 2020-09-18 添加: 火狐浏览器, …
Excel JavaScript API Addin 学习笔记（一）
1.Create the add-in
刚开始的安装部分没啥好说的
按照官网教程，一步一步来就好
我用的是Yeoman generator 生成，Excel 2016
然后用VS Code编辑
点击Run之后，所选内容变为黄色，也就代表成功了
2.Excel add-in tutorial
进…
【AntDesign】表单+表格型标准化代码写法
<template><div><div><a-form layout"inline" style"margin-bottom:24px;"><a-form-item label"记录时间" style"margin-left:15px;"><a-range-picker:show-time"{format:HH:mm}"format&q…
微信小程序之数组操作：push与concat的区别
微信小程序中需要用到数组的操作，介于本人js基础薄弱，故数组操作进行简单记录，以备后期方便学习： push和concat二者功能很相像，但有两点区别。
先看如下例子： var arr [];arr.push(1);arr.push(2);arr.p…
JS中的回调函数，以及ES6中通过promise处理回调
简要介绍：ES6中，可以通过promise来处理回调函数，回调函数经常用于异步操作中，间接来说，可以通过promise优化异步操作。
1.什么是JS中的回调函数？
回调函数是作为参数传递给另外一个函数，并且改…
Jmeter控制器—ForEach循环控制器
ForEach循环控制器不会单独使用需跟用户自定义的变量一起使用，ForEach循环控制器从用户定义的变量中读取一系列相关的变量。该控制器下的采样器或控制器都会被执行一次或多次，每次读取不同的变量值。
操作实例 1）添加线程组后，添…
JS谷歌浏览器断点调试
JS谷歌浏览器断点调试 目录
1、找到对应的文件 1.1、如何找到webpack打包后的文件 2、打断点 3、进行调试 4、谷歌浏览器调试的其他选项功能 4.1、禁用缓存 5、IE 浏览器的断点调试
回到顶部 1、找到对应的文件 按F12打开网页调试工具，默认打开的是Elements&#…
Vue指令02——v-on指令和v-show的使用
Vue指令02——v-on指令和v-show的使用 v-on指令 格式1：v-on:事件”方法“ 格式2：事件”方法“ 格式3：事件”方法(参数1，参数2)“ //把参数传到到方法中 格式4：键盘事件 . 键盘的键名称”方法“ //按下指定键才触发 作用…
通过HTML+CSS+Javascript实现向下滚动滚动条出现导航栏并出现回到顶部按钮点击按钮回到顶部（一）...
回到顶部实例一 效果：默认隐藏导航栏，当滚动条滚到超过300px后导航栏和按钮出现，点击回到顶部按钮回到顶部，并隐藏导航栏和按钮(导航栏和按钮都是固定定位) <!doctype html>
<html>
<head>
<meta charset&qu…
webpack打包工具简单使用
webpack–打包工具
1.6.1 打包工具最本质的打包 第一步：安装特定版本
旧版本：npm install -save-dev webpack -D
后面加上-D是表示开发时使用，上线后就不再使用。
如果使用webpack4版本还需要安装一个webpack-cli的插件npm install --sa…
VUE3.0从零开始-登陆页面(6)
1.新建login.vue页面和login.js 页面 2.配置路由 3.去element-plus网站把想要的按钮控件复制下来，放到login.vue里面
https://element-plus.gitee.io/#/zh-CN/component/message 4.编写css脚本。 5.setup 方法 6.最终效果图。
VML实例-拖动效果
VML拖动效果
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> how to make a drag division - http://www.never-online.net </TITLE>
<META NAME"Generator" CONTENT"Edi…
关于HTML中onchange事件与onkeyup事件的冲突问题
在IE中，MS onkeyup事件和onchange事件绑定在一个元素上[select,input text]的时候，只会执行onkeyup事件所拥有的函数，而onchange事件的函数不会执行， 但是onchange事件与同样是键盘时间的onkeypress事件同时绑定在一个元素上时则没…
Web Animation API-释放JavaScript中CSS关键帧的强大功能
如果您曾经使用过CSS3关键帧动画，那么您可能会对这个功能感到非常欣赏并感到受到严重阻碍。一方面，CSS关键帧允许您使用纯CSS创建复杂的动画，尽管其中也存在问题 - 所有内容都必须在CSS内部预先声明。我最喜欢的jQuery方法之一就是这个 anima…
使用Jquery和CSS折叠图像
如何使用Jquery和CSS进行折叠图像。Orkut.com在更新图像碎片时实现了这个概念，碎片以折叠样式显示图像以减少网页高度。这是使用mouseover，mouseout和css Jquery函数的非常简单的脚本。
Javascript 代码 包含javascipt和HTML代码。$（“。ima…
微信小程序 重新刷新页面
进入小程序页面时，onLoad默认是一个页面只会调用一次，当退出来再用二维码进入时，页面还未销毁，此时只会调用onShow方法。
因为二维码带有相关参数，如果不使用onLoad 则达不到我们的需求
因为onLoad方法 需要传当前页…
CORS如何实现跨域（前端+后端代码实例讲解）
书接上回，上一篇文章讲解了用 jsonp 来解决跨域问题，这篇文章讲解另外一种方法也可以解决跨域问题，那就是CORS（跨源资源共享）。 什么是CORS？
下面是官方的解释：跨源资源共享（CORS&a…
js如何获取到select的option值
1、获得选项option的值 var obj document.getElementByIdx_x(”testSelect”); //定位id var index obj.selectedIndex; // 选中索引 var text obj.options[index].text; // 选中文本 var value obj.options[index].value; // 选中值 jQuery中获得选中select值 第一种…
CSS: back-top效果
CSS: back-top效果
背景： bootstrap4 jquery3.6 这里用了BS4的图标，借助jquery执行的dom操作，非必须。css不放了，就一个back-top按钮，比较简单，hover了一点效果。
html部分
<button onclick"to…
jQuery错误记录-ajax请求被浏览器canceled
我的网页中有这样一个表单要提交查询 处理流程是点击查询按钮，使用ajax发送查询请求，解析响应结果显示到网页上 但在实际开发过程中，发送的ajax请求，实际的请求已经在服务器收到并正常响应了，但浏览器canceled掉这个请…
js数组去重的三种常用方法总结
第一种是比较常规的方法 思路： 1.构建一个新的数组存放结果 2.for循环中每次从原数组中取出一个元素，用这个元素循环与结果数组对比 3.若结果数组中没有该元素，则存到结果数组中 复制代码代码如下:Array.prototype.unique1 function(){var …
js实现table排序
由于项目中要对表格进行排序，通过在网上查找相关的表格插件，发现各种兼容性问题，后来决定用js实现，后来在网上找到了这个实现方式，发现很好，故拿来分享给大家
node js valueOf问题
JavaScript调用valueOf方法将对象转换为原始值。你很少需要自己调用valueOf方法；当遇到要预期的原始值的对象时，JavaScript会自动调用它。默认情况下，valueOf方法由Object后面的每个对象继承。 每个内置的核心对象都会覆盖此方法以返回适当的…
javascript—数组去重
方法一
双层for循环，将数组元素压入新数组
Array.prototype.distinctfunction(){var arrthis,result[];var j;for(let i0;i<arr.length;i){for(j0;j<result.length;j){if(arr[i]result[j])break;}if(jresult.length)result.push(arr[i])}return result;
}
v…
JQuery+Bootstrap利用模态框Modal实现图片弹窗并放大图片（单击任意区域图片还原）
上一篇博客写了有关图片弹窗的比较原始的代码 有许多地方不太方便，不太好看 百度了一下，度娘说模态框能够帮助我实现这个功能 于是就试了一下，将固定弹窗改成图片
主要思路：
点击图片，调用js方法BigBig(src, width, …
获取HTML网页中option标签元素的值
在进行表单元素的操作时，难免会遇到对option元素的挑选，下面的示例代码能够很好的获取到你option元素选择的值，如果要传递给后端，可通过ajax或者其他方式传递即可。 示例代码
<!doctype html>
<html>
<head>
&…
echarts实现各省市地图、中国地图
之前写过单独的省市地图，好多朋友都问各省市的地图怎么写，今天我就简单的写了个demo。仅供大家参考。不足之处望大家多多指正。 首先我们还是先看下效果图 鼠标滑过各个省市的效果如下： 其实写法和之前我写过的省市地图基本一致，…
Type Script抽象类（abstract）
以abstract开头的类是抽象类抽象类和其他类区别不大，唯一的区别就是不能创建对象抽象类是专门需要被继承的类
abstract class Animal{name:stringcunstructor(name:string){this.name name}//定义一个抽象方法//抽象方法以abstract开头，没有方法体//抽…
js实现浏览器视频拍照功能
话不多说，直接上代码：
<!DOCTYPE html>
<html lang"en">
<head><!-- 样式部分可以忽略 --><style>* {padding: 0;margin: 0;}div {width: 100vw;height: 100vh;display: flex;justify-content: center;align-i…
Vue中的列表渲染（v-for）
用 v-for 渲染普通数组
在data中定义普通数组
data:{list:[1,2,3,4,5]
}
在html中使用 v-for 指令渲染
<p v-for"(item,i) in list">索引值:{{i}} 每一项:{{item}}</p> 用 v-for 渲染对象数组
在data中定义对象数组
data:{list:[1,2,3,4,5],listObj…
JS中的$().each
JS中的$().each
var dn_doc_no “”; //判断是否有勾选item KaTeX parse error: Expected EOF, got # at position 3: ("#̲docCenter input…(this).attr(“checked”) ‘checked’ && $(this).val() ! ‘on’) { doc_no $(this).val() ‘,’; } }); var ur…
如何安装 Node.js
https://www.jb51.net/article/122958.htm https://www.cnblogs.com/zhouyu2017/p/6485265.html
js控制html中的readonly
注意readOnly中的O是大写。document.getElementById("xxxxx").readOnly true;document.getElementById("xxxxx").readOnly false;
js 根据开始时间计算距今 -- 时分秒
方法一
dayCha(startime, endime) {startime startime.replace(new RegExp("-", "gm"), "/"); //转换-变为/var start new Date(startime);var startYear start.getFullYear(); //开始年份var startMonth start.getMonth() 1; //开始月份v…
js学习 - 算法(一)
题目：
根据一个总数，获知有多少种相邻数相加，等于该总数的可能，例： 总数： 21
符合要求：
12345626 67826 1011
分析
既然是相邻数相加，等于该总数，证明其 最大相邻数…
TypeScript中元组的使用和类型约束
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 TypeScript 中提供了元组的概念，这个概念是JavaScript中没有的。但是不要慌张，其实元组在开发中并不常用࿰…
TypeScript中数组类型的定义
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 这期学习一下 TypeScript 中的数组类型，一般的数组类型定义我们已经接触过了，只是没有单独拿出来讲，所以…
TypeScript函数参数和返回类型定义
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 这节主要学习一下函数的参数类型定义和返回值的定义，学完这节内容后，你会对函数的参数和返回值类型定义都有通透的了…
TypeScript中的类型注解和类型推断
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 这期我们学习一下 TypeScript 中的两个基本概念：类型注解和类型推断，这两个概念在我们编写 TypeScript 代码时会一直…
2021届秋招腾讯前端一面面经
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 基本信息
部门：QQ音乐 方式：电话面试
题目总结
JavaScript篇
自我介绍学习前端多久JavaScript常见的数据类型有…
云开发小程序项目实战 二
首先，我们先把全局的颜色样式设置好： 然后把 app.wxss 文件以及 style 目录下的 guide.wxss 文件中的内容清空；
轮播图组件
先在页面加载初始数据中，加入轮播图所要用到的图片地址数组： 然后在 wxml 文件中调用&am…
TypeScript基础静态类型和对象类型
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 在 TypeScript 静态类型分为两种，一种是基础静态类型，一种是对象类型，这两种都经常使用，非常…
TypeScript的静态类型
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 TypeScript 的一个最主要特点就是可以定义静态类型，英文是 Static Typing。那到底是什么意思那？太复杂的概念性东西…
面试 | JS 经典面试题初篇(this, 闭包, 原型...)含答案
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 思维导图 一、变量提升
面试题
1.问下面输出结果
if( !("a" in window) ){var a 12
}
console.log(a) // undefined无论条件…
Web前端基础练习---闪烁霓虹灯的实现
话不多说，先看效果 源码先来以下~~~~
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>…
微信小程序如何实现下拉刷新
我们在进行微信小程序的开发时，经常遇到需要上拉刷新数据的需求。可能大家都不经意间看到过，当新建一个页面的时候，原始JS文件中的生命周期函数里就有实现这个需求的函数。 但是如果直接在里面写代码的话，根本无法触发这个函数。…
JS中函数的声明与函数表达式的区别
在JavaScript中定义一个函数，有两种方式，声明式和表达式。 我们直接上代码： function f1(){console.log(aaaaaa);}这是很标准的函数的声明方式。也就是所谓的声明式，它的主要特点就是一定要有函数名，这是规定。而且它可…
对jquery ajax进行封装请求
对jquery ajax进行封装请求
var ajaxObj (e_id,Obj) > {eval("Obj.data.e_id111"); //动态添加对象属性console.log(Obj);$.ajax({ url: Obj.url,dataType: "json",async: true, //true:异步,false:同步data: Obj.data, type: "POST",timeo…
node笔记 -01
一、http模块、url模块、supervisor工具
http模块 var http require(‘http’);
http.createServer(function(request, response){ response.writeHead(200, {’Content-Type": “text/plain”}); response.end(“hello world”); }).listen(8081);
http.createServer…
iCheck基本用法的使用
一. 常用方法改变iCheck的状态
1. 使拿到的iCheck标签选中
$(#input-1, #input-3).iCheck(check);
2. 使拿到的iCheck标签非选中
$(#input-1, #input-3).iCheck(uncheck);
3. 使拿到ICheck标签不可点击
$(#input-2, #input-4).iCheck(disable);
4. 使拿到ICheck标签可点击
$(#i…
html+css实现3D相册全部代码
直接运行即可
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>3D旋转</title><style>body{padding: 0;margin: 0;}ul,ol{list-style: none;padding: 0;margin: 0;}div{margin: 100px aut…
JavaScript中0.1+0.2问题
解决JavaScript中0.10.2不等于0.3问题
在正常的数学逻辑思维中，0.10.20.3这个逻辑是正确的，但是在JavaScript中0.10.2！0.3，这是为什么呢？这个问题也会偶尔被用来当做面试题来考查面试者对JavaScript的数值的理解程度。…
安排一个3D相册html+css全部代码
直接运行就好
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>我</title><style>body{padding: 0;margin: 0;}ul,ol{list-style: none;padding: 0;margin: 0;}div{margin: 100px auto;po…
js node.js读取excel文件返回为json文本
node-xlsx: 基于Node.js解析excel文件数据及生成excel文件；只支持xlsx
xlsx: 基于Node.js解析excel文件数据及生成excel文件；只支持xlsx
excel-parser: 基于Node.js解析excel文件数据，支持xls及xlsx格式文件；需要安装python
ex…
js中substring和substr的用法
substring 方法用于提取字符串中介于两个指定下标之间的字符 substring(start,end) 开始和结束的位置，从零开始的索引 参数 描述 start 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。 stop 可选。一个非负的…
在网页中调启Android应用
前几天总结了在app中调用其他应用的方法，这一次收集了在网页Html中调Android应用的解决方案。总的思路是，通过url连接调用app中有对应标记的Activity，通过url的参数传递数据，通过设置超时时间来判断是否安装了app. 一、Html中打开…
移动端不支持window.open，回调函数callback和opener异常，弹出窗口子页面调用原来父页面的方法
1.移动端不支持window.open
移动端是不支持window.open打开小窗口的，会自动转成打开一个新页面，你可以使用第三方插件layer.open实现打开小窗口的功能。
第三方插件layer.open的使用可以参考官方API地址如下 layer.open官方API
分享一个我的代码和效果…
document.getElementById获取不到标签
如果你是把 document.getElementById写在了内，可能会由于页面没有完全加载所以获取不到指定标签。 把 document.getElementById…写在body标签后面就可以了。
<body>
</body>//写到body下面
<script type"text/javascript">document.g…
JS 基础篇(八) 深拷贝与浅拷贝
前提
堆栈的概念
在javascript中，Object，Array，Function是放到堆中，
Number，String，Null，Boolean存放在栈中指针
个人理解像一个内存地址，指向了数据存放的堆中数据存储
关于堆…
JS 数组篇 伪数组(arguments)转化为数组
什么是伪数组
1. 具有length属性
2. 按索引方式存储数据
3. 不具有数组的方法, 比如push(),pop()等伪数组有哪些
1.document.getElementsByTagName和document.childNodes,
返回NodeList对象的都是伪数组
2.上传文件时选择的file对象也是伪数组
3.function的arguments对象&…
JS 基础篇(一) instanceof、constructor
instanceof 定义：instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。 语法：object instanceof constructor 参数： object 某个实例对象constructor 构造函数code
function Car(make, model, year) …
分别使用Ajax和layUI实现分页
1 使用Ajax实现分页
1.1 后端servelet代码截取 /*** 查询所有的用户* 目的：获取到当前页的数据，实现分页效果* 思路：* 1、需要拿到当前页的数据queryUsersLimit* 2、分页相关的参数返回到前端：每页的条数、当前的页码数、…
jQuery中的Ajax（基本语法、Ajax面试题、 layUI的方法级渲染）
1 基本语法
$.ajax({
//请求类型get/post
method:"post",
//指定请求地址
url:"UserServlet",
//发送给服务器的数据
data：{"name":uname,
}
//代表返回的数据接收类型为json格式
dataType:"json",
//请求成功后要做的事…
滚动条出现时影响布局问题
放置滚动内容的盒子设置固定宽度， 其父盒子的 宽度设置滚动内容宽度20px（可调整）、固定高度和overflow-x:hidden,overflow-y:scroll; 此法是单独设置 父盒子一定宽度展示滚动条，滚动条区域和展示内容盒子分开设置。并且滚动条会成…
js判断1到100内的质数
第一种：
判断质数，只能被1和他本身整除，所以在1和他本身之间循环去除即从2开始，如果出现可以整除，不是质数， 用布尔变量作为判断符，是质数则存在数组里。 var arr []; var flag; …
原生Ajax的使用(创建XMLHttpRequest对象、发送请求、GET 还是 POST、异步还是同步、处理后台返回的数据)
1 学习目标
（1）Ajax在开发中的应用（为什么要去使用它） 为了能够做局部刷新（只更新网页中的部分内容），以此来提高效率 （2）原生的Ajax的使用方式 （3࿰…
js函数中插入按钮的方法
function crNode2(){//1创建一个按钮节点var oButNode document.createElement("input");oButNode.type "button";oButNode.value "a new button";//获取div节点var oDivNode document.getElementById("div_1");//将按钮添加进节点…
JavaScript函数闭包使用（九）
函数闭包
好处：
使用了闭包，可以上局部变量不随着原函数销毁而销毁使用闭包可减少全局变量的定义
闭包定义三个条件：
函数内 嵌套 函数内部嵌套的函数用到了外部函数的函数变量外部函数把内部函数作为返回值 return出去
示例1：…
这个中秋，我们与梦想团圆
曾几何时，我们带着梦想，远离了家乡。在异乡的办公桌前，为实现梦想而努力。缩短与梦想之间的距离，是无数次代码的奔跑，是无数个黑白颠倒的加班。这个秋天，将不多的时间分给自己，让身体放松。只要…
JavaScript常用正则表达式
常用Javascript正则表达式
三个修饰符
Javascript的正则表达式里有三个修饰符：i、g、m 加了i之后，正则匹配不再区分大小写（默认区分大小写）： var reg /j/;reg.test(Javascript); //结果为falsevar reg2 /j/i;reg2.…
K8S 生态周报| Helm v3.4 发布
「K8S 生态周报」内容主要包含我所接触到的 K8S 生态相关的每周值得推荐的一些信息。欢迎订阅知乎专栏「k8s生态」[1]。Helm v3.4 正式发布Helm v3.4 是一个特性更新版本，我们来看看此版本有哪些值得关注的变化：11 月 13 日， Helm stable 和 …
JavaScript - 好玩的打字动画
效果预览： 🚀HTML版本
<!DOCTYPE html>
<html>
<head><title>打字动画示例</title><style>.typewriter {color: #000;overflow: hidden; /* 隐藏溢出的文本 */white-space: nowrap; /* 不换行 */border-right: .…
JS强力去重，包括NaN和Object
JavaScript数组强力去重，数组中的内容可为任意值，包括NaN和Object
function distinct(arr) {let NaNFlag false;let objStrArr [];return arr.filter((item, index)> {// 判断NaNif (item ! item) {if (NaNFlag) {return false} else {NaNFlag tr…
vscode格式化css文件，css文件排版
vscode格式化css文件 1.安装css格式化工具 2.在根目录下添加“.csscomb.json”文件，代码如下:
{ "exclude": [ ".git/**", "node_modules/**", "bower_components/**" ], "always-se…
网页性能优化:延迟加载资源
延迟加载
延迟加载是一种在加载页面时，延迟加载非关键资源的一种方法，而这些非关键资源则在需要时才进行加载，就图像而言，‘非关键’通常指的是‘屏幕外’。
延迟加载图像和视频时，可以减少初始页面加载时间、初始页…
URL参数值获取getQueryString
目录
介绍
实现
讲解
获取 介绍
正常情况下的URL是这样的https://blog.csdn.net/sinat_33010325
这样的https://blog.csdn.net/sinat_33010325?a1
还有这样的https://blog.csdn.net/sinat_33010325?a1&ab2&abc3&abcd4
没错，基本是keyvalue的形…
JavaScript简单入门教程学习篇
JavaScript 到底是什么？ JavaScript（缩写：JS）是一门完备的 解释型动态编程语言。当应用于HTML文档时，可为网站提供动态交互特性。由布兰登艾克（ Brendan Eich，Mozilla 项目、Mozilla 基金会和 M…
从零开始学习调用百度地图网页API：一、注册百度地图账号
目录 注册账号申请AK 注册账号
https://lbsyun.baidu.com/index.php?titlejspopular3.0/guide/getkey JavaScript API只支持浏览器类型的ak
申请AK 注：使用示例时，需要在百度地图示例加上https:，替换ak。
js中按字节截取字符串
功能：在网页中显示过长的字符串，截取指定长度，结尾添加省略号。例如：
testStr "测试1字符串";
autoAddEllipsis(testStr, 1); // "测..."
autoAddEllipsis(testStr, 2); // "测..."
autoAddEllips…
vue全家桶+Echarts+百度地图，搭建数据可视化系统（【续】接口篇）
接上篇 vue全家桶Echarts百度地图，搭建数据可视化系统 1 前 言
1.1 业务场景
实现数据监控的系统。有线图、柱状图、地图，并具有定时刷新的功能。
1.2 业务分析
上一篇分析的步骤大致有： 系统搭建vue-clivuex记录登录信息vue-router路由跳…
JavaScript和Jquery的区别
1、本质上的区别
Javascript是一门编程语言，我们用它来编写客户端浏览器脚本。jQuery是基于javascript的一个库，包含多个可重用的函数，用来辅助我们简化javascript开发。
jQuery能做的javascipt都能做到，而javascript能做的事情…
splice，slice，split傻傻分不清？
做个笔记📒
一、splice数组方法，更改原数组 使用方法： splice(start) splice(start, deleteCount) splice(start, deleteCount, item1) splice(start, deleteCount, item1, item2, itemN) start: 开始索引 deleteCount：需要删除的…
volte使用方法 nodejs版本切换
Volta
一种轻松管理 JavaScript 命令行工具的方法。 文档 https://docs.volta.sh/guide/ 源码 https://github.com/volta-cli/volta 命令行
安装版本
此方法运行完会配置为默认版本 volta install node 安装最新版本的node volta install node14 安装指定版本的node volta i…
foreach、for in和for of的区别？
foreach，for...in和for...of是三种不同的循环结构，它们在JavaScript中用来遍历数组或对象的属性。它们有一些重要的区别，以及各自的优点和适用情况。 1.foreach：这是最普通的循环结构，它遍历数组或对象的每一个元素或属…
前端引用字体@font-face的若干优化方法
1 前 言
1.1 场 景
我们在页面展示时，为了更好的效果，一般使用了自定义的字体 fant-face 。
之前在开发的时候使用了一些自定义字体，这里总结下自己寻找的的一些处理办法。
本文只列出了引入本地字体，网络的字体由于实践不多&…
两个程序都要用同一个端口，怎么解？
更多奇技淫巧欢迎订阅博客：https://fuckcloudnative.io前言你可能会碰到这个程序要用 443 端口，那个程序也要使用 443 的情况。这时候就要用到 nginx 的 stream 进行分流了。假设有 web1，web2 两个都要用到 443 端口。则配置方法如下…
javaScript基础 ES6高级语法
javascript
前端技术三剑客
1）html 展示页面 2）css 样式表，页面美化 这两个完成静态网站 3）javascript 和后台交互 这三个完成动态网站
javascript？
针对web页面开发语言，脚本语言 鄙视链：c…
JavaScript高级程序设计chapter 4
JavaScript chapter 4
理解基本类型和引用类型的值理解执行环境理解垃圾收集
4.1 基本类型和引用类型的值 JavaScript中有两种不同类型的值：基本类型值和引用类型值 基本数据类型是按值访问，引用类型的值是保存在内存中的对象 在操作对象是ÿ…
es6新增类型——Symbol
Symbol
js数据类型： String Number Null Undefined Object Boolean Symbol
Symbol： Symbol是一种全新的数据类型，作用：产生一个独一无二的值 用法：
console.log(Symbol());//Symbol()可以传参：这个参数&…
jquery/js实现一个网页同时调用多个倒计时(最新的)
最近需要网页添加多个倒计时. 查阅网络,基本上都是千遍一律的不好用. 自己按需写了个.希望对大家有用. 有用请赞一个哦!
//js//js2
var plugJs{stamp:0,tid:1,stampnow:Date.parse(new Date())/1000,//统一开始时间戳intervalTime:function(){if(plugJs.stamp > 0){var da…
jquery加载页面的方法(页面加载完成就执行)
这里有3种加载页面的方法：
1、$(function(){ $("#a").click(function(){ //adding your code here }); }); 2、$(document).ready(function(){ $("#a").click(function(){ //adding your code here …
es6函数的扩展—箭头函数
箭头函数
1.普通函数：
function fn(){console.log("我是一个函数")；
}
fn()；函数表达式：
var fn function(){console.log("我是函数表达式")；
}
fn();2.箭头函数：
①
var fn_arr…
2.Vue.js前端框架：基础特性
2.1 Vue实例及选项
每个Vue.js的应用都需要通过构造函数创建一个Vue的实例。创建一个Vue实例的语法格式如下： var vm new Vue ({//选项})在创建对象实例时，可以在构造函数中传入一个选项对象。选项对象中包括挂载元素、数据、方法、生命周期钩子函数等…
心跳、动态线条背景特效 【js】
将下列JS代码引入你的页面机即可实现点击页面出现心跳、页面动态背景，效果展示 clicklove.js
!(function (e, t, a) {function n() {c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rot…
JS 基础篇(九) 函数防抖和函数节流
函数防抖 函数防抖：高频率触发（比如10分钟内一直触发）的时候，只执行一次，第一次或者最后一次。重点在只执行一次。 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 应用场景…
IDEA lombok插件的安装（快速安装）和常用注解介绍
首先添加maven依赖
<dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId><version>1.18.8</version><scope>provided</scope>
</dependency>开始安装插件
1、CtrlAltS打开设置选项…
自定义jQuery插件的快速使用
把想要实现的功能，封装起来就形成了插件。基于jQuery完成的插件，被称为jQuery自定义插件。比如说：bootstrap里面的插件；bootstrap中自己定义插件
概念
通过$.fn.extend完成插件的自定义
//定义一个插件
$.fn.extend({插件名:fu…
DateUtil时间格式化工具类
var DateUtil{/*** 当前时间，格式 yyyy-MM-dd HH:mm:ss* return 当前时间的标准形式字符串*/now: function() {return new Date().format("yyyy-MM-dd HH:mm:ss");},/*** 格式化日期时间* 格式 yyyy-MM-dd HH:mm:ss* param date 被格式化的日期* param fo…
SpringBoot大文件上传--前端计算文件的MD5
前端(js)计算文件的MD5
文件上传是在开发中经常遇到对的问题,小文件自然无需考虑太多,而大文件的上传就略显麻烦了,需要用到文件的MD5值来确保信息传输完整一致
MD5信息摘要算法
MD5信息摘要算法（英语：MD5 Message-Digest Algorithm）&…
react 实现图片的滚动缩放和按住鼠标左键移动图片效果
在react项目
按住鼠标左键移动图片效果
html（jsx）中
<img classNamezoomImgonDragStart{this.handleStopDrag}onMouseDown{(e) > { e.persist(); this.handleDrag(e) }}
/>
handleDrag事件 handleDrag (e) > {const o $(.zoomImg)[0]c…
js封装公用from表单验证工具验证长度邮件电话身份证非空
效果 function validateRequiredFields(formId) {var form document.getElementById(formId);var elements form.elements;var valid true;for (var i 0; i < elements.length; i) {var element elements[i];if (element.hasAttribute("req")) {var value e…
狂神 Vue Webpack
Webpack
是一个现代化的JavaScript应用程序的静态模块打包器（module bundler），会递归的构建依赖关系图（dependency graph）
浏览器逐渐进化到WebApp模式，通常是一个SPA（单页面应用）…
狂神 Vue 自定义内容分发
自定义内容分发
如何在slot组件插槽的基础上实现数据操作
因为组件与Vue实例传递数据是通过v-bind和props，当前组件可以绑定当前组件中的事件，但是不能直接绑定到vue实例中的事件，但是要操作vue中的data必须要通过Vue实例中的方法删除&…
狂神 Vue slot插槽 笔记
slot插槽
留一个代办事项，之后想添加什么再添加进来
像是这个结构，从后端要遍历数据
传统的方法是，只在一个标签中便利数据，但是要把数据放在中的中就很难实现<li v-for"item in items">{{item.message}}
<…
chatGPT的js信号量实现
信号量类
在 JavaScript 中，可以使用 Promise 和 async/await 来模拟信号量，下面是一个简单的信号量实现：
class Semaphore {constructor(maxConcurrency) {this.maxConcurrency maxConcurrency;this.currentConcurrency 0;this.queue […
video标签自动播放音视频并绘制波形图
html中的<video>标签可以用来播放常见的音视频格式，支持的格式包括:MP3、Ogg、WAV、AAC、MP4、WebM、AVI等，当然支持的格式也和浏览器和操作系统有关。这里以一个可以自动播放音视频并绘制波形图的页面为例说明一下<video>标签的用法。
vid…
jq弹窗拖动改变宽高
预览效果 <div classtishiMask><div class"tishiEm"><div id"coor"></div><div class"topNew ismove"><span class"ismove">提示</span><p onclick"closeTishi()"></p&…
30天精通Nodejs--第二天：异步编程
上一篇我们简单介绍了nodejs的基本概念、安装以及写了Hello World程序，接下来详细介绍一下nodejs的异步编程。
异步编程理念
Node.js的一个核心特性是其异步编程模型。与传统的同步阻塞I/O不同，Node.js采用了事件驱动、非阻塞的方式来处理I/O操作。这意味着Node.js可以同时…
pnpm、npm、yarn的区别
pnpm、npm、yarn是三种不同的包管理器，它们之间有一些区别。
安装速度：pnpm的安装速度比npm和yarn快，因为它使用了只下载必需的模块，而不是下载整个依赖树。此外，pnpm还可以并行下载模块，从而进一步提高下…
JavaScript从入门到精通系列第三十三篇：详解正则表达式语法(二)
文章目录
一：正则表达式
1： 检查一个字符串中是否有.
2：第二种关键表达
3：第三种关键表达
编辑4：第四种关键表达
5：第五种关键表达
6：第六种关键表达
二：核心表达二
1&am…
JFrame的使用方法
JFrame的使用方法
JFram是一个GUI的最顶级容器，基本上所有的GUI的组件都在其上面使用。使用方法
1.创建一个JFrame对象
JFrame jf new JFrame("我是标题鸭！！！");当然标题的设置也可以使用setTitle()；
j…
键盘关闭后页面底部留白
键盘关闭后页面底部留白解决办法点击输入框，当页面键盘弹起后，输入完内容点击确定，键盘关闭后会发现原本被键盘覆盖的dom区域都白屏了解决办法
// 法一
window.scrollTo(0, 0)
// 法二
// var input document.getElementById(input)
// in…
js取今天日期的上一个月的数据
前言
今天要做一个功能，但是数据只给到上一月，所以测试的时候需要指定用上一月的今天日期去取数据。 也就是说今天是07-10，我需要以6-10为基准去查前一天，前七天，前一月的数据 上网查了查，没有现成的&…
Web前端 学习知识点总结（十）jQuery基础 获取文本和选择器
系列文章目录
Web前端 学习知识点总结（一）HTML基本标签. Web前端 学习知识点总结（二）之Form和Css选择器. Web前端 学习知识点总结（三）Css字体、文本样式以及盒子模型. Web前端 学习知识点总结（…
Android webview与js交互
文章目录Android 默认方法Android调用JS代码JS去调用Android的代码使用 jsbridgeWebView加载网页选择文件上传Android 默认方法
最全面总结 Android WebView与 JS 的交互方式
Android调用JS代码
对于Android调用JS代码的方法有2种：
通过WebView的loadUrl&#x…
【达内课程】H5前端开发中的js(3)
文章目录js中的继承混合开发中java调js混合开发中js调javaCanvasjs中的继承
<script type"text/javascript">//父类function FatherClass(x){this.showInfo function(){window.alert("FatherClass x"this.x);}}//子类function ChildClass(x){}//实…
javascript，DOM事件，传统事件和事件监听详解
事件三要素
事件源、事件类型、事件处理函数
传统事件
传统事件只能拿到冒泡阶段，不能拿到捕获阶段（onblur、onmouseleave没有冒泡阶段）
同一个元素的同一个事件多次注册，只会执行最后一次
传统事件类型
input事件作用onblu…
Math内置对象使用方法
Math 内置对象 它具有数学常数和函数的属性和方法。不是一个函数对象。
Math常用方法 1.Math.random() 定义随机数封装一个函数 用于获取一个从第一个参数(包含)到第二个参数(包含)的随机数 var r Math.random(); 括号内不写是0到1之间随机数 包含0 不包含1 var r Math.r…
vue 滚动加载案例-------------------------
效果展示 滚动到底部加载 项目结构 data.js
export default[{"recGroph": [{"key": ["设备指纹模型", "未知"],"value": 1200},{"key": ["设备指纹模型", "青铜"],"value": 1053}…
js全选反选效果(原创)
常用代码 原生js全选反选效果(原创) <!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><meta http-equiv"X-U…
Vue项目使用elementui+vuex+routes
安装环境
1. 安装vuenodejs
略
2.创建项目
vue init webpack 项目名 3. 安装依赖
PS：此处自行选择安装
# 进入工程目录
cd hello-vue# 安装vue-router
npm install vue-router --save-dev# 安装element-ui
npm i element-ui -S# 安装SASS加载器
npm install s…
Promise的使用与实现源码
Promise的使用与实现源码
使用01
const Promise require(./P01.js);const p new Promise((resolve, reject) > {//ajax,定时器console.log(123);// throw new Error(Error);resolve(成功了);// reject(失败了);
});p.then((data) > {console.log(data, success01);
}…
![[如何用JavaScript征服Leetcode?]2.两数之和(Ⅰ与Ⅱ)](https://img-blog.csdnimg.cn/20210609104638685.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTM2ODMy,size_16,color_FFFFFF,t_70#pic_center)
[如何用JavaScript征服Leetcode?]2.两数之和(Ⅰ与Ⅱ)
如何用JavaScript征服Leetcode?1.两数之和题目如下思路与解法167.两数之和(有序数组)题目如下思路与解法1.两数之和
题目如下 思路与解法
使用map来找另一半，很简单的思路 暴力思路就不写了，太low
/*** param {number[]} nums* param {number} targe…
![[100天挑战100个前端效果]第二十四天---群玉山头见](https://img-blog.csdnimg.cn/20210526103236458.gif#pic_center)
[100天挑战100个前端效果]第二十四天---群玉山头见
画群山让我们先来看看实现的效果(接二十三天)html代码css代码设计思路与今日份知识总结设计思路知识总结让我们先来看看实现的效果(接二十三天) html代码
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><meta …
![[100天挑战100个前端效果]第二十三天---只想做你的太阳](https://img-blog.csdnimg.cn/20210518103846116.gif#pic_center)
[100天挑战100个前端效果]第二十三天---只想做你的太阳
画个小太阳让我们先来看看实现的效果(接二十一天switch按钮)html代码css代码设计思路与今日份知识总结设计思路知识总结让我们先来看看实现的效果(接二十一天switch按钮) html代码
<!DOCTYPE html>
<html lang"en">
<head><meta charset"…
![[100天挑战100个前端效果]第十八天---动态搜索框](https://img-blog.csdnimg.cn/20210412091417470.gif#pic_center)
[100天挑战100个前端效果]第十八天---动态搜索框
动态搜索框先让我们来看看实现的效果html代码css代码今日份知识总结先让我们来看看实现的效果 html代码
<!DOCTYPE html>
<html lang"zh-Hans"><head><meta charset"UTF-8"><meta name"viewport" content"widt…
js中数组的方法总结
js中数组的方法有很多，但是一直记不住，今天有空就总结一下，也仅供大家参考
1.Array中不会改变原数组的方法
concat()---连接两个或更多的数组，并返回结果。every()---检测数组元素的每个元素是否都符合条件。 返回的是布尔值som…
直接插入排序【从0-1学数据结构】
文章目录 💗 直接插入排序Java代码C代码JavaScript代码稳定性时间复杂度空间复杂度 我们先来学习 直接插入排序, 直接排序算是所有排序中最简单的了,代码也非常好实现,尽管直接插入排序很简单,但是我们依旧不可以上来就直接写代码,一定要分析之后才开始写,这样可以提…
Java爬虫爬取图片壁纸
Java爬虫 以sougou图片为例：https://pic.sogou.com/ JDK17、SpringBoot3.2.X、hutool5.8.24实现Java爬虫，爬取页面图片 项目介绍 开发工具：IDEA2023.2.5 JDK：Java17 SpringBoot：3.2.x 通过 SpringBoot 快速构建开发环境…
JavaScriptJQueryAjax的简单理解
一、JavaScript
1.1 JavaScript的概述
JavaScript就是一种脚本语言，常用于网页客户端编程，使网页在客户端浏览器中，实现更多的动态功能，表现出更加丰富的视觉效果。
1.2 JavaScript的特点
JavaScript不需要编译，由…
redis 多租户隔离 ACL 权限控制(redis-cli / nodejs的ioredis )
Redis 6版本之后：提供ACL的功能对用户进行更细粒度的权限控制 ：（1）接入权限:用户名和密码（2）可以执行的命令（3）可以操作的 KEY ACL常用规则介绍：
指令列表 //增加可操…
《你不知道的Javascript系列》——不可变性immutable
基础
JavaScript中存在以下数据类型：
原生（基本）类型 —— Boolean, Number, String非原始（引用）类型或对象 —— Object, Array, Function特殊 —— Null, Undefined
原生数据类型默认是不可变的，对于常…
前端面试题之Javascript篇
一、JavaScript基础
1、数组有哪些方法
添加/删除元素
push() 向尾部添加元素pop() 从尾部提取一个元素shift() 从首端提取元素unshift() 从首端添加元素splice(start, deleteCount, item1...itemN) start表示开始计算的索引，deleteCount表示从start开始计算的元…
element中el-input限制只输入正整数或保留两位小数
文章目录 一、前言二、实现2.1、HTML2.2、只输入正整数2.3、只能输入数字或小数点 三、最后 一、前言
常见的el-input可能会限制用户只能输入正整数或保留两位小数，达到输入金额的需求，点击【跳转】访问el-input的官方文档 element-ui是有el-input-numb…
![[电子榨菜] js中的闭包closure](https://img-blog.csdnimg.cn/direct/f6e701719f2d4b24b38a479e6078d633.png)
[电子榨菜] js中的闭包closure
0.写在前面:
下学期就打算去实习了,这段时间要密集接收考试和面试的捶打,计网和软工就没有办法为大家继续贡献开源内容了,明年九月份之前的更新内容将会以前端,人工智能,和工程设计为基础, 很抱歉啦,不过我还是希望我这一年来的努力可以帮到一些人.虽然自己这一年过的浑浑噩噩…
前端面试——JavaScript面经（持续更新）
一、数据类型
1. JavaScript用哪些数据类型、它们有什么区别？
JavaScript共有八种数据类型，分别包括5种基本数据类型和3种非基本数据类型。
基本数据类型：Undefined、Null、Boolean、Number、String。非基本数据类型：Object、S…
HTML使用JavaScript的三种方式
要使用 JavaScript，你可以在 HTML 文件中的 <script> 标签中编写代码，或者将代码保存到一个单独的 .js 文件中并在 HTML 文件中引入。以下是一些常用的 JavaScript 使用方式：
内联 JavaScript：在 HTML 文件的 <script&g…
h5网页和 Android APP联调，webview嵌入网页，网页中window.open打开新页面，网页只在webview中打开，没有重开一个app窗口
我是h5网页开发，客户app通过webview嵌入我的页面 点击标题window.open跳转到长图页面，客户的需求是在app里新开一个窗口展示长图页面，window.open打开，ios端是符合客户需求的，但是在安卓端他会在当前webview打开 这…
uniapp小程序基础功能封装
在utils文件中创建一个公共的封装文件 index.js
uni.showToast 的封装
export const toast (text) > {return uni.showToast({title: text,icon: none,duration: 2000})
}
uni.showLoading 的封装
export function showLoading(text 加载中..., delay 0) {uni.showLo…
vue3 + ts + echart 实现柱形图表
首先封装Echart一个文件 代码如下
<script setup lang"ts">
import { ECharts, EChartsOption, init } from echarts;
import { ref, watch, onMounted, onBeforeUnmount } from vue;// 定义props
interface Props {width?: string;height?: string;optio…
onlyoffice api开发
编写代码
按照https://api.onlyoffice.com/editors/basic编写代码
<html>
<head><meta charset"UTF-8"><meta name"viewport"content"widthdevice-width, user-scalableno, initial-scale1.0, maximum-scale1.0, minimum-scal…
某夕夕商品数据抓取逆向之webpack扣取
逆向网址 aHR0cHM6Ly93d3cucGluZHVvZHVvLmNvbQ 逆向链接 aHR0cHM6Ly93d3cucGluZHVvZHVvLmNvbS9ob21lL2JveXNoaXJ0 逆向接口 aHR0cHM6Ly9hcGl2Mi5waW5kdW9kdW8uY29tL2FwaS9naW5kZXgvdGYvcXVlcnlfdGZfZ29vZHNfaW5mbw 逆向过程 请求方式：GET 参数构成 【anti_content】…
基于SSM框架的《超市订单管理系统》Web项目开发（第四天）用户管理，增删改查（日期插件的使用）
基于SSM框架的《超市订单管理系统》Web项目开发（第四天）用户管理，增删改查（日期插件的使用）
昨天我们实现了多表关联查询，还有分页显示数据的功能。那么今天我们要继续完善用户管理这一模块。 今天要完成的…
某狗网翻译接口逆向之webpack扣取
逆向网址 aHR0cHM6Ly9mYW55aS5zb2dvdS5jb20 逆向链接 aHR0cHM6Ly9mYW55aS5zb2dvdS5jb20vdGV4dA 逆向接口 aHR0cHM6Ly9mYW55aS5zb2dvdS5jb20vYXBpL3RyYW5zcGMvdGV4dC9yZXN1bHQ 逆向过程
请求方式：POST
参数构成： 【s】 1b921dbefaa8d939afca…
node.js中常用的命令及示例
node.js中常用的命令及示例：
启动Node.js REPL（Read-Eval-Print Loop）nodec此命令将启动Node.js的交互式命令行环境，允许你编写并立即执行JavaScript代码。 运行JavaScript文件 node script.js运行名为script.js的JavaScript文件…
前后端接口写法（传输数据）
目录 前言1. 零散数据2. 函数体3. 总结 前言
对于后端常用的两个注解：详细分析Java中的RequestParam和RequestBody
以下文章主要用于笔记总结，后续可翻看
1. 零散数据
前端数据
export const doWeekPlan (ids,selectedPeriod) > {return reques…
贪心算法关键点加力扣452用最少数量的箭引爆气球解析
1.当遇到多个条件需要考虑的时候，一定、一定、一定要先考虑其中一个条件，然后再考虑下一个条件，否则很容易两边都顾不上。
2.不论时刷题还是面试的时候，手动模拟一下感觉可以局部最优推出整体最优，而且想不到反例&…
前端开发：入门（一）
当我们开始学习前端开发时，首先接触到的是HTML（超文本标记语言）。HTML是构建网页结构的基础。
1. HTML（超文本标记语言）
介绍和基础语法
HTML，即超文本标记语言，是一种用于创建网页结构的标记…
nginx反向代理解决跨域实践
需求实现
本地请求百度的一个搜索接口，用nginx代理解决跨域思路：前端和后端都用nginx代理到同一个地址8080，这样访问接口就不存在跨域限制
本地页面
查询一个百度搜索接口，运行在http://localhost:8035
index.js
const path …
kepler.gl部署在线说明文档
1 概述
1.1 介绍
1、Kepler.gl 是一个强大的开源地理空间分析工具，用于大规模数据集的可视化。它由 Uber 的数据可视化团队开发，并且是基于 Web 技术构建的。Kepler.gl 涉及到以下几个主要技术领域：
WebGL: Kepler.gl 通过 WebGL 进行渲染…
typescript使用解构传参
看下面这个函数 interface Student {id: number;name: string;class: string;sex: string;}function matriculation(student: Student) {//...}我们要调用它,就需要传递一个实现了Student约束的对象进去 interface Student {id: number;name: string;class: string;sex: string…
页面转word的那些事
背景
有些时候需要将页面内容或者是页面的数据通过word进行下载，以方便客户进行二次编辑，而不是直接导出图片或者是pdf。
想在页面端点击下载成word，那必然需要服务端来进行读写文件，无论是你后端编辑好的内容流，还是…
javascript读取RFID卡号源码
本示例使用的读卡器：Web浏览器JS网页可编程二次开发RFID读卡器Android Linux乐乐课堂-淘宝网 (taobao.com)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"…
用户逻辑删除配置 - PC端通用管理模块配置教程(5)-多八多AI低代码多端应用开发助手在线IDE
用户逻辑删除配置 - PC端通用管理模块配置教程(5)-多八多AI低代码多端应用开发助手在线IDE 教程文档：用户行逻辑删除配置
目标
实现用户行的逻辑删除功能。配置后台用户表组件，包括“是否删除”字段的默认值。
详细步骤 复制后台用户查询服务 在现有用…
Object.prototype.toString.call个人理解
文章目录 这段代码的常见用处参考文献： 拆分理解1、Object.prototype.toString小问题参考文献： 2、call函数的作用参考文献 3、继续深入一些（这部分内容是个人理解，没有明确文献支撑） 这段代码的常见用处
Object.prot…
three.js第一个3D案例
在正式学习Three.js之前，先做一些必要的准备工作，具体说就是下载threejs官方文件包，threejs官方文件包提供了很多有用的学习资源。
threejs官方文件包所有版本：https://github.com/mrdoob/three.js/releases
threejs文件资源目录…
vue v-for 渲染大量数据卡顿的优化方案
vue 中使用 v-for 渲染大量数据的优化方案
前端中我们难免会遇到需要展示大量数据的情况，如果基础数据量过大，那么在初始化组件时，可能会造成严重卡顿，影响用户体验。在我参与的开源项目 swanlab 中，某些情况下需要大…
2024 第一届VCTF 纳新赛 Web方向 题解WP
hackjs
题目描述：A baby oldjs, just warm up.
附件给源码
const express require(express)
const fs require(fs)
var bodyParser require(body-parser);
const app express()
app.use(bodyParser.urlencoded({extended: true
}));
app.use(bodyParser.json…
HTML+CSS+JS实现一个图书管理的登录跳转，做的花里胡哨，当娱乐即可。
目录 1、大二上学期的一个小作业
2、页面展示
3、进入主页可以看到书籍，这个页面是参照某个博主写的，忘记是哪个了，好久了。
4、点击右边的搜索框，会跳转到我写的另一个页面，这里面的都是固定的，不是灵活…
Avue框架实现图表的基本知识 | 附Demo（全）
目录 前言1. 柱状图2. 折线图3. 饼图4. 刻度盘6. 仪表盘7. 象形图8. 彩蛋8.1 饼图8.2 柱状图8.3 折线图8.4 温度仪表盘8.5 进度条 前言
以下Demo，作为初学者来说，会相应给出一些代码注释，可相应选择你所想要的款式
对于以下Demo，…
LeetCode - 460 LFU缓存（Java JS Python）
题目来源
460. LFU 缓存 - 力扣（LeetCode） 题目描述
请你为 最不经常使用（LFU）缓存算法设计并实现数据结构。
实现 LFUCache 类：
LFUCache(int capacity) - 用数据结构的容量 capacity 初始化对象int get(int key)…