根据age属性进行排序： const arr1 = [33, 11, 55, 22, 66]; const arr2 = [{age: 55}, {age: 22}, {age: 11}, {age: 66}, {age: 33}] // 排序 arr2 arr2.sort((prev, next) => arr1.indexOf(prev.…
vue中根据城市的首字母a-z进行排序 先安装 js-pinyin 依赖: npm i --save js-pinyin 然后在组件中引入： import pyjs from 'js-pinyin' export default { async mounted() { let city = [ { name: '北京' }, { name: '上海…
为了与后端数据不进行耦合，对接口返回数据进行映射处理。 使用map() 方法处理 map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。语法参考 接口得到的数据为 res let r = res.map(item => { return { title: item.name, sex: item.sex …
基于图标来自 element ui ，js原生写法： <template> <div id="BackTop" @click="BackTop"> <i class="el-icon-caret-top"/> </div> </template> <s…
JS倒计时： // 倒计时 let end_time = "结束时间戳" countDown(end_time) function countDown(end_time) { let now_time = new Date().getTime() let times = (end_time - now_time) / 1000 …
使用JS原生API Element.scrollIntoView() ；（有部分浏览器不支持） https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。 elemen…
jQuery无组件上传图片 首先得有个form （可以不用form），再来个input： <form id="upImg"> <label for="addImg"> <i class="iconfont icon-add"></i> <input typ…
做密码输入框经常使用点击显示密码功能， <input id="password" class="layui-input" autocomplete="off" maxlength="15" name="password" required="" type="password" placeholder="密码为6-15位非纯数字" /> …
js点击复制一段文字或者链接： $('#btn').click(function(e){ let url = e.currentTarget.dataset.url; $("body").after("<textarea cols='1' rows='1' id='copyContent'>" + url + "<…
概念 Ajax （Async JavaScript & XML） 异步的JS和XML 最先由微软发明，Google搜索在首页上使用Ajax做搜索关键词建议后，Ajax就广泛应用起来了。 XML数据量偏大、解析相对困难、性能差。后来大家就转向JSON，但Ajax的名字没有变 XHR xmlHttpRequest 向服务器端发起一个网络请…
此项目需要安装Node.js和npm，还有express插件、body-parser插件。deepin下安装请参考Nodejs 中 GET 传输数据 服务器端文件index.js: const express = require('express') const bodyParser = require('body-parser') // var …