it
疯人院院长
这个作者很懒,什么都没留下…
展开
-
vscode setting配置
vscode,辅助发开原创 2024-04-18 16:40:22 · 215 阅读 · 1 评论 -
数组套对象,根据对象的键值对数量进行排序
// 数组套对象,键值对象中的键值对的数量排序//思路:循环便利数组中的对象,给每个对象,添加length属性,value是键值对的数量,然后根据length,value把数组//对象进行排序,然后循环遍历delete item.lengthvar arr1= [{a: 1, b: 2},{a: 1, b: 2, c: 3, d: 5},{a: 1},{a: 1, b:...原创 2019-11-14 19:30:42 · 487 阅读 · 0 评论 -
字符串排重,并输出重复出现次数最多的的字符和重复字数
var string = 'abcdaaabcd';var arr = string.split("");stringOk = Array.from([...new Set(arr)]).join('');var ele = document.getElementsByClassName('text')[0];ele.innerHTML = ' 排重后的字符串' + stringO...原创 2019-11-14 18:08:47 · 508 阅读 · 0 评论 -
js引用类型指针
var objOld = {name:"hhh"};var objNew = objOld;console.log(objNew); //{name: "hhh"}console.log(objOld);// {name: "hhh"}objNew 和objOld指针是一个,改变其中一个,另一个也会改变;objNew.age="24"console.log(objNew);...原创 2019-11-02 15:12:48 · 195 阅读 · 0 评论 -
时间,倒计时处理
timeTransform(server_time, start_time) {function addZero(m) {return m < 10 ? ‘0’ + m : m}if ((start_time - server_time) > 0) {var time = start_time - server_time;var d = Math.floor(time / ...原创 2019-05-11 17:38:15 · 272 阅读 · 0 评论 -
vue element分页
<el-pagination background @current-change=“sizeChangeIndex” :page-size=“pageSize” :total=“total” layout=“total, prev, pager, next” style=“margin-top: 20px;text-align: right;”>...原创 2019-05-11 10:47:18 · 170 阅读 · 0 评论 -
js保留有效数字,动态的
const deciMal = (data, num) => {return data.toString().indexOf('.') != -1 ? data.toString().substring(0, data.toString().lastIndexOf('.') + num) : data;}//第一个参数是要处理的数据,第二是保留多少位有效数字console.l...原创 2019-05-20 18:07:10 · 674 阅读 · 0 评论 -
js正常时间转时间戳
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Co...原创 2019-05-07 18:31:54 · 926 阅读 · 0 评论 -
时间戳转正常日期多种类型
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Co...原创 2019-05-07 18:07:23 · 232 阅读 · 0 评论 -
银行卡的正则方法(16或19)
function regTest(data) {var regExp = /^([1-9]{1})(\d{15}|\d{18})$/;return regExp.test(data)}console.log('regTest(): ', test('6210812470004250007'));原创 2019-07-23 10:43:09 · 1833 阅读 · 0 评论 -
js时间戳转换成正常日期
new Date(parseInt(data.course_chapter_start_time) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ')2019/4/13 上午12:00原创 2019-05-07 15:57:19 · 286 阅读 · 0 评论 -
vue路由懒加载
原创 2019-06-19 11:52:42 · 101 阅读 · 0 评论 -
vue设置不能输入除了数字之外的东西
<input type="text"placeholder="请输入获取数量"v-model="num"maxlength='5'@keydown="seaNum" />原创 2019-06-19 18:20:42 · 864 阅读 · 0 评论 -
函数式组件
转载 2019-06-17 11:39:04 · 110 阅读 · 0 评论 -
对象的key值变量替换
// 原数据var data = {id: '1',name: '张三'}// 要改变的数据var keyMap = {'id': '序列','name': '姓名'}function transformKey(data, keyMap) {let newObj = Object.keys(data).reduce((newData, key) =...原创 2019-07-16 17:42:29 · 762 阅读 · 0 评论 -
url。对象,拼接成新的路径
createUrl(url, params) { var i = ''; for (i in params) { url += '&' + i + '=' + params[i]; } var reg = new RegExp("&"); return url.replace(reg, ""); },url =strin...原创 2019-08-05 15:49:35 · 294 阅读 · 0 评论 -
js 一个变量是否是空
function isEmpty(data) {if (data) {// 数字不为0,'0' ,字符串不为'',不是null,不是underfindif (typeof data === 'String') {if (data === 'null' || data === 'false' || data === '0') {return false}}if ...原创 2019-08-09 12:02:11 · 85 阅读 · 0 评论 -
vue监听滚动事件
window.addEventListener('scroll', () => {let scrollTop = document.documentElement.scrollTop ||document.body.scrollTop ||document.querySelector('.bk-main-content').scrollTop;console.log(scro...原创 2019-08-15 18:24:55 · 94 阅读 · 0 评论 -
el-upload 上传图片的限制
<divclass="upImg"><el-uploadclass="avatar-uploader"action="urlPath":show-file-list="false"...原创 2019-09-26 14:24:44 · 1511 阅读 · 0 评论 -
:hover失效问题解决方法
.a:hover{ display:block }1、当存在多个子元素时,只对其中一个进行改变.a : hover > .b:frist-child{ display:block };2、当存在多个子元素时,对所有的进行改变.a : hover > .b{ display:block };3、当对非直系元素处理时.a : hover + .c{ display:block ...原创 2018-09-11 20:25:21 · 2440 阅读 · 0 评论 -
create-react-app3.0.0 react脚手架新版
阔别一年多,重新捡起react项目,发现改变了不少,有点看不懂了怎么破!最大的变化,第一点:react和vue3.0一样隐藏了webpack相关配置,导致很多小伙伴心里没有底,哈哈哈哈!我也是一摸一样的,感觉无从下手的样子首先说一下react的webpack可以通过运行npm run eject暴露出来,如图,会多出两个文件夹,config和scripts我们不关心scripts中的东西,...原创 2019-05-10 00:26:14 · 609 阅读 · 0 评论 -
location.herf参数的获取和组成
getUrlKeyValue() {let query = window.location.search.substring(1);let vars = query.split("&");var params = {};for (let i = 0; i < vars.length; i++) {let pair = vars[i].split("=");pa...原创 2019-04-25 11:01:58 · 427 阅读 · 0 评论 -
错误对象Error
错误信息提示:// 1.错误的类型// 2.错误的具体描述// 3.错误的位置及文件在代码运行中,一旦错误出现,程序终止并抛出相对应的错误类型,// 1.ReferenceError:引用无效,即引入未定义的变量时会报错// 2.TypeError:即变量存在,但是使用方法错误// 3.SyntaxError:即写法错误(语法错误):符号错误等等...原创 2018-09-20 16:21:49 · 183 阅读 · 0 评论 -
vue 传值
vue组件的作用域之间是相互独立的,一个组件不能使用另外一个组件的数据,所以为了实现一个组件可以使用另外一个组件的数据,我们需要用到传值vue 的组件传值分三类:1.父传子 2.子传父 3.非父子其传值步骤如下:第一种父:传子:1.根组件即父组件,将要传递的值或者数据作为属性放置在要接收值的开始标签中—属性名自定义,属性值为传递的data变量2.在子组件中(要接收数据的那个子组...原创 2018-09-20 16:20:09 · 276 阅读 · 0 评论 -
创建登录注册简单项目参考
创建一个完整的项目 1.导入模块npm init 、npm install express/ body-parser/mongoose/ejs –save/导入不同的模块 2.导入所需要的js插件:jquery.js/ejs.js 或者还有jquery.cookie.js放入www静态文件夹设施文件夹:www静态文件夹,models文件件,views文件夹(ejs文件),routers文件...原创 2018-09-11 21:46:57 · 238 阅读 · 0 评论 -
get/post请求
form : method是请求方法包括(post/get),默认是get action:当前表单要提交至的路径 NodeJS默认只能处理get请求发送的数据.post(‘/user/login′,datas,function(res))//post多用来传输数据//参数:服务器返回到浏览器端的数据,res:接收服务器返回过来的数据,进行数据处理后返回html一个相应的数据.pos...原创 2018-09-11 21:45:43 · 84 阅读 · 0 评论 -
es6扩充的js部分内容
1.变量声明:let 代替var (变量:值可以改变的量) let特点: 1.变量只能声明一次,即不可声明同一个变量 2.不具有声明提升 3.在块级作用域中申明的变量,只能在块级作用域中使用 2.解构赋值 1.数组的解构赋值:变量和值一一对应,从数组或对象中取值 2.变量和属性名称同名时取值 3.字符串模板,即字符串拼...原创 2018-09-11 20:13:27 · 92 阅读 · 0 评论 -
promise的简单使用
promise:是es6中提出的异步的解决方案,构造函数promise promise默认的执行状态pending(挂起) 使用方法: 1.创建promise实例对象,即实例化promise,实例化过程中内部传入一个函数(函数的作用)函数内部封装了异步代码,即一个异步任务; 函数内部固定传入两个参数(本质是函数):resolve(成功状态),reject(失败状态)当异步任务执行成功...原创 2018-09-11 20:06:25 · 132 阅读 · 0 评论 -
解决异步编程的方案
解决异步编程的方案: 1.回调函数 callback animate({},speed,callback)、node .js中常用fs.readFile(”,”,callback) 2.事件监听模式 原生的js:document.body.onclick=function () { } 3.发布/订阅(具体参考:阮一峰) 4.promise 比回调函数与事件监听都好用的...原创 2018-09-11 20:02:04 · 309 阅读 · 1 评论 -
常见的异步使用情况
常见的异步使用情况(使用实例) 1.setTimeout(),setInterval() 2.事件监听机制,onclick ,onmouseover; 3.ajax 4.img,script, 5.css中的animation/transition原创 2018-09-11 19:59:49 · 339 阅读 · 0 评论 -
箭头函数
.箭头函数:通过=>来定义函数 function show() { }var show = function () {}// 1.声明无参数的箭头函数var show = () => { var a = 10; console.log(a);}//2.声明有参数的箭头函数var show = (a) => { a=10; ...原创 2018-09-11 19:57:24 · 254 阅读 · 0 评论 -
前端开发过程中常见的变量处理
// 判断一个变量是否是数组或者对象:// JSON.stringify(obj) === ‘{}’;// JSON.stringify(obj) === ‘[]’;isNull(obj) {for (var key in obj) {return false;}return true;}// 判断是否是空数组var arr = [];if (Array.isArray(ar...原创 2019-03-15 13:24:03 · 212 阅读 · 0 评论 -
数据的去重和判断
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Co...原创 2019-03-20 18:02:28 · 328 阅读 · 0 评论 -
vue 3.0引入jquery
npm install jquery --savemain.js里引入import $ from 'jquery'重点在于下面这句话:在vue.config.js中配置jqueryconfigureWebpack: { plugins: [ new webpack.ProvidePlugin({ $:"jquery",...原创 2019-04-29 18:46:51 · 928 阅读 · 0 评论 -
侧边栏的样式修改(兼容火狐和谷歌)
el-scrollbar 的操作.dropDownBox {padding: 5px 10px;background: #ffffff;box-shadow: 0 0 2px #dddddd;transition: 0.3s;max-height:200px;overflow: hidden;&:hover {overflow-y: auto;}...原创 2019-04-29 18:15:09 · 655 阅读 · 0 评论 -
callapp-lib唤起app
openApp() {const options = {scheme: {protocol: 'weixin' //URL Scheme 的 scheme 字段,要打开的 APP 的标识},intent: { //安卓原生谷歌浏览器必须传递 Intent 协议地址,才能唤起 APPpackage: 'com.tencent.mm',//腾讯微信包名scheme: 'we...原创 2019-04-28 13:42:15 · 6109 阅读 · 1 评论 -
vsc 的vue中.js文件的代码片段编写
{“Print to console”: {“prefix”: “js”,“body”: [“export default {”," data () {"," return {"," };"," },",“”," props: {},"," components: {},",“”," computed: {},",“”," created(){...原创 2019-04-12 18:34:08 · 423 阅读 · 0 评论 -
vsc 的vue项目的.vue代码片段编写
{"Print to console": {"prefix": "vue","body": ["<template>"," <div>"," <h1> 好</h1>"," </div>","</template>","","","<script>"," import ...原创 2019-04-12 18:32:37 · 335 阅读 · 0 评论 -
forEach和map和filter的区别总结
最大的区别:forEach不会反悔新的数组,而是在原数组的基础上改变数组,可以用于数组的修改ag:var arr = new Array();arr = [1,2,3,4,5,6];arr.forEach((item,index,a)=>{console.log(item,index,a) //子元素,索引,原数组arr[index] = item + 1})...原创 2019-03-21 19:59:02 · 4081 阅读 · 1 评论 -
动态添加输入框
vue代码部分:<el-form-item label="备注:"><el-input type="textarea" v-model="addAccessoriesInfo.remark" placeholder="请输入备注" autocomplete="off"></el-input><div原创 2019-03-13 13:13:38 · 1385 阅读 · 0 评论