js
关注
分享
扫一扫
沫熙瑾年
同是寒窗苦读，怎愿甘拜下风。
展开
-
js数组循环,当前循环完成后执行下次循环
js循环，当前循环完成后在执行下次循环。原创 2024-01-08 18:09:06 · 1047 阅读 · 1 评论 -
vue拖拉拽生成表单
拖拉拽快速生成页面原创 2022-08-23 09:40:45 · 8668 阅读 · 10 评论 -
vue前端工程自动化
这几天再忙着 几天没有更新了 今天给大家总结一下前端工程自动化吧首先 先理解一下什么是自动化 我自己理解的就是 好比一个机器 你设定好程序 无论你怎么操作 都不影响流程和结果 就按照你设定好的程序走先思考一下 为什么要用自动化 肯定是方便 减少操作的复杂度比如 我们封装了很多的方法.js 对应很多js文件 然后在页面里面使用的时候 是不是要全部都一个一个的引入 很多人认为 方法都放在一个js文件里面 不需要很多 其实 正常来说 是根据功能来划分的 比如 权限 导入导出 校验 。。。 在或...原创 2021-11-22 11:37:34 · 1183 阅读 · 0 评论 -
JS中call()、apply()、bind()的区别及应用场景
<button>点击</button> <script> // call,apply,bind都可以改变this //call方法 fn.call(thisArg,arg1,arg2...) //1:可以调用函数 //2:实现继承 //3:判断数据类型 let persion={ name:'迪丽热巴' } function fn(){ console.log(this,1...原创 2021-11-03 16:46:28 · 300 阅读 · 0 评论 -
JS构造函数、实例和原型对象
构造函数<script> function Persion(name,age){ this.name = name this.age = age this.mover = function(){ console.log("三生三世十里桃花") } } let dlrb = new Persion("迪丽热巴",24) console.log(dlrb)</script>构造函数原创 2021-11-03 11:48:36 · 431 阅读 · 0 评论 -
JS面向对象和面向过程
面向过程（POP）分析出解决问题所需要的步骤 然后用函数把这些步骤一步一步的实现 使用的时候在一个一个的依次调用 == 按照我们分析的步骤 然后按照步骤去解决 侧重于步骤优点 ：性能优于面向对象 适合跟硬件联系紧密的东西缺点：没有面向对象易维护、复用和扩展面向对象(OOP)把事物分解成一个个对象 然后由对象之间分工合作 == 先找出对象 然后写对象对应的功能 以对象功能划分侧重于功能优点：灵活性、复用性、扩展性、易维护和开发缺点：没有面向过程的性能高特性...原创 2021-11-02 15:44:03 · 456 阅读 · 0 评论 -
vue双向绑定原理及代码解析
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-09-03 13:46:32 · 120 阅读 · 0 评论 -
手写日历组件
现在的各种各样的ui框架里面都有 但是呢 有些不是我们想要的 此时就要自己手动去写一个了 这里是基于周来的 先看下原型效果 里面可以展示年月日或者月日 代码里面有<template> <div class="weekList"> <div v-for="item in arrWeek" :key="item.date" class="dateInfo decItem"> <span class="week">{{ item..原创 2021-07-06 13:37:09 · 195 阅读 · 0 评论 -
前端获取本地ip地址
在某些场合的情况下 后台可能需要前端电脑的ip 因为每台电脑的ip不一样 所有需要动态获取 翻翻网上写的很多 里面其实是很坑的 因为都是在调用闭包函数 所以执行起来是没有任何问题的 但是 你页面想拿的时候 你是没法拿到的下面就一vue 为例子 来获取一下 思路就是传入函数的回调获取参数1. 在utils下面建立一个getIp.jsfunction getUserIP(func:any){ if(typeofwindow!='undefined'){ v...原创 2021-04-29 21:49:36 · 17401 阅读 · 8 评论 -
使用高德地图画区且标记不同背景色
1.引入cdn<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=自己的apik&plugin=AMap.DistrictSearch"></script>2.页面使用 如果是单独的js的话 会简单很多 这里就是结合vue来使用 下面就以上海市...原创 2020-04-07 16:24:46 · 3522 阅读 · 0 评论 -
vue使用高德地图点标记及复杂操作
不知道怎么引用的 可以在看下https://blog.csdn.net/xy19950125/article/details/83213220上面呢 只是简单的一个点标记 并没有涉及到复杂的操作 而今天要介绍的这个 可以动态切换 动态打点标记 以及其他操作先看看原型图张什么样需求1：标记打点 2：点击图标显示详情 3：点击右下角 是进行筛选 ...原创 2019-10-28 16:37:42 · 3141 阅读 · 3 评论 -
react里面的this指向解决方案
1. 箭头函数import React from "react"class Hellow extends React.Component{ constructor(){ super() this.handulclick2 = this.handulclick2.bind(this) } state={ msg:"箭头函...原创 2019-07-29 15:04:26 · 186 阅读 · 0 评论 -
js复制内容到粘贴板（在哪复制都通用）
{ title:"渠道连接", key:"channelUrl", minWidth: 250, align: "center", render: (h, ...原创 2018-11-15 21:36:51 · 419 阅读 · 0 评论 -
正则验证五位数的正整数及带有两位小数（包含0和不包含0）
第一个：0-99999（包含零）的整数/^(0|\+?[1-9][0-9]{0,4})$/第二个：0-99999（包含零）带有两位小数/^(0|\+?[1-9][0-9]{0,4})(\.\d{1,2})?$/（这里可能会有点问题 0.00不会校验）第三个：0-9999（不包含0和0.00）带有两位小数/^(0\.\d{0,1}[1-9]|\+?[1-9][0-9]{0,3}...原创 2019-02-21 10:04:49 · 6158 阅读 · 0 评论 -
moment.js日期处理类库的使用(结合vue)
简介：很多时候 前端面对后台返回的时间格式或者框架里面的时间格式不是自己想要的，需要自行处理的时候 可能会很棘手 现在通过moment.js一键搞定 你可以到moment.js官网查看http://momentjs.cn1 安装 npm i moment --s2 在main.js引入 import Moment from 'moment'3定义全局日期过滤器Vue.filte...原创 2019-03-13 14:46:20 · 237 阅读 · 0 评论 -
正则验证0-365之间的正整数
1: /^([1-9]|[1-9][0-9]|[1-2][0-9][0-9]|[3][0-5][0-9]|(360|361|363|362|364|365))$/（不包含0） /^([0-9]|[1-9][0-9]|[1-2][0-9][0-9]|[3][0-5][0-9]|(360|361|363|362|364|365))$/（包含0）2: /^(([1-9])|([1...原创 2019-04-16 13:58:38 · 3161 阅读 · 0 评论 -
vue动态获取链接路径
需求： 开发环境和生产环境 当你需要动态的跳转路由路径时 这是要根据不同的环境跳转到不同的路径 你不可能在开发的时候放开发环境的链接 然后上线时 在改成生产环境的链接 就算你想这样干 估计测试也不会同意的 为了规避bug的产生 此时你就要动态获取路由路径了首先 你可以在控制台输入location 看看打印的都是什么window.location.href = location.orig...原创 2019-04-17 10:50:16 · 2384 阅读 · 0 评论 -
vue使用高德地图实现城市定位封装（pc和h5同用）
1. 新建一个utilis.js// 定位export function ip(callback, error) { let map, geolocation; //加载地图，调用浏览器定位服务 const mapObj = new AMap.Map("iCenter"); mapObj.plugin("AMap.Geolocation", function() { ...原创 2019-05-28 11:29:59 · 1974 阅读 · 1 评论 -
iview表格里面自定义样式
表格里面需要动态添加样式；例如表头加粗，不同的背景颜色。。。。 { title: "启用状态", key: "state", align: "center", minWidth: 100, render:(h,params)=>{ return h( '...原创 2019-06-06 15:25:10 · 1688 阅读 · 0 评论 -
正则验证0-100、0-1000保留一位小数
第一个：1-100保留一位/^([1-9][0-9]{0,1}|100)(\.\d{1})?$/$/第二个：0-100保留一位/^(\d{1,2}(\.\d{1,2})?|100)$/第三个：1-1000保留一位/^([1-9]\d{0,2}|1000)(\.\d{1})?$/原创 2019-07-11 14:39:12 · 7690 阅读 · 1 评论 -
js多目运算符的判断和赋值
代码很简单的params.row.loanStatus=='0'?'仅注册':(params.row.loanStatus=='1'?'待审核':(params.row.loanStatus=='2'?'已入驻':'审核失败'))原创 2018-11-22 20:19:08 · 1870 阅读 · 0 评论