han_hanker-CSDN博客

原创 elementui e-form中嵌套列表循环验证

现在有一个需求接口返回一个数组，需要在页面上渲染。这些数据，有的是输入框，下拉框，时间选择等，这些可操作的控件需要有必填验证，长度验证等有些需要调用接口进行远程验证。返回的数据比较多，有些数据有200条就不能在rules里面直接写调用远程接口的验证// 判定规则 rules: { password: [{ required: true,

2021-11-04 14:46:06 1016

ts语法中eslint和 Prettier 自动保存格式化语法冲突的问题近些天学习ts，下载了https://github.com/armour/vue-typescript-admin-template/ 进行学习。结果自动保存的代码和eslint冲突导致报错。需要忽视一些验证下面是vscode的设置注意需要下载Prettier插件还有就是我习惯用tab作为空格书写,4个空格代表1个tab{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "edito

2021-07-26 17:08:56 548

转载一件简单的日历

一件简单的日历<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <titl

2021-04-14 16:02:34 130

原创 swiper轮播图，鼠标移动上去放大效果

客户要求当鼠标移动上去，对应的图片要有放大效果。要求：有轮播效果一张屏幕有3张图片当鼠标移动到对应图片上，对应图片放大，其他大小还原。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>

2020-11-25 18:16:19 2173 1

转载产生随机字符串

产生随机8位数function generateMixed(n) { var n = n || 8; var chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ' var res = ""; for (var i = 0; i < n; i++) { var id = Math.floor(Math.random() * chars.

2020-06-18 14:39:43 172

转载金额转为大写汉字

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>JS将数字转换为中文</title></head><body> <div> ???? </div> <script> //代码如下所示： function convertCurrency(m

2020-06-18 14:17:39 231

转载 js 加减乘除精度问题

//加法 Number.prototype.add = function (arg) { var r1, r2, m; try { r1 = this.toString().split(".")[1].length } catch (e) { r1 = 0 } try { r2 = arg.toString().split(".")[1].length } catch (e) { r2 = 0 } m = Math.pow(10,...

2020-06-18 12:16:29 441

原创 vue ref介绍

基本用法ref 有三种用法：1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。3、如何利用 v-for 和 ref 获取一组数组或者dom 节点　　　　　　第1，2种情况　　this.$refs 获取了所有设置ref属性的元素（如有重名那么会被覆盖）　　如果是普通的元素那返回的是一个普通的dom,如果ref放在vue组件里，那么返回的是一个vue对象，这个对象包

2020-05-28 15:00:47 16999 1

原创 vue格式化，用tab写4个空格的问题

强迫症的福音环境vue脚手架+vscode我们安装脚手架或者下载大神们的框架的时候，里面书写的格式和自己的不一致，什么空格啊，引号，对其方式啊，很折磨人我们来统一一下1.安装vetur+prettier2.设置vscode文件-》首选项-》设置 // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 4, /

2020-05-10 15:00:35 5549

转载获取对应文件夹下特定后缀的文件的路径

转载于ecshop https://www.shopex.cn/products/ecshop<?php// 该函数是获取对应文件夹下特定后缀的文件的路径$extension = array('php','html','js');$dir = array('exam');// $from 查找文件的路径 $extension为需要路径文件的后缀名function listFil...

2020-04-27 17:16:23 221

原创 uni微信小程序登录

前提需要引入colorui使用uni开发html<template> <view> <cu-custom bgColor="bg-green-m" :isBack="true"><block slot="backText">返回</block><block slot="content">我的订单</bloc...

2020-04-24 11:24:23 578

原创封装uni ajax

基于uni微信小程序的封装一种是函数，一种是Promise注意：当needToken为true的时候，需要提前登陆，且需要在全局定义siteBaseUrl地址。/* hanker param: token: 默认取本地的hankerToken loading :默认值是true*/function post(url,data,success,error,needToken...

2020-04-24 11:13:32 699

原创 promise的学习

在学习vue的时候，会看到Promise。个人理解，如有错误请包涵为了解决某些异步的问题，比如多层嵌套，让写法更加优美最基本的写法let a = new Promise((resolve,reject)=>{ let r = Math.random()*10; if(r>5){ resolve(r) }else{ reject(r) }...

2020-04-22 19:27:48 153

转载日期格式化函数

//添加日期函数 function getFormatDate(arg) { if (arg == undefined || arg == '') { return ''; } var re = arg + ''; if (re.length < 2) {...

2019-05-17 17:43:23 948

转载严格验证身份证格式

function testId(value) { var vcity = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江", 31: "上海", 32: "江苏", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山东"...

2019-05-16 11:14:42 1069

转载首页聚焦，回车输入

//input 回车触发 function fn_Inputenter() { $('input:text:first').focus(); var $inp = $('input'); $inp.bind('keydown', function (e) { var key = e.which; ...

2019-03-29 10:02:34 139

转载 _.debounce防抖动和节流

转载于vue官网 https://cn.vuejs.org/<!DOCTYPE html><html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>侦听器&amp

2019-02-26 10:34:15 1136 1

转载 vue组件切换

<!DOCTYPE html><html><head> <title></title> <style> li{ border:1px solid dashed; } li:hover{ background: pink; tr...

2019-02-13 15:01:10 259

转载 vue 学习（1）

跑马灯效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt

2019-02-12 13:20:34 132

转载 es6处理时间的函数

转载于：https://panjiachen.github.io/vue-element-admin-site/#/计算时间跨度function pluralize(time, label) { // 时间戳以秒算, 分钟，小时，天数 if (time === 1) { return time + label } return time + label ...

2018-12-13 10:32:20 2717 1

原创学习vue后台管理框架4(主体)

<template> <div class="app-wrapper" :class="{hideSidebar:!sidebar.opened}"> <sidebar class="sidebar-container"></sidebar> <div class="mai

2018-03-07 18:17:49 1427 3

原创学习vue后台管理框架3(权限控制)

作者文章：https://segmentfault.com/a/1190000009506097登陆页面定向到： { path: '', component: Layout, redirect: 'dashboard', children: [{ path: 'dashboard', ...

2018-03-07 16:33:28 10813

原创学习vue后台管理框架2(登陆界面)

登陆页面 src/views/login/index.jselement-ui表单，验证：http://element.eleme.io/#/zh-CN/component/form vuex：https://vuex.vuejs.org/zh-cn/modules.html是否展示密码showPwd() { //展示密码 if (this.passwordType ...

2018-03-07 14:07:11 5019

原创学习vue后台管理框架1(main.js)

学习的框架:https://github.com/PanJiaChen/vue-element-admin膜拜下大神作者文章地址：https://segmentfault.com/a/1190000009275424#articleHeader15脚手架的搭建（核心）： https://www.jianshu.com/p/1626b8643676 这是官方给我们的福利，省去我们很多...

2018-03-07 11:14:19 1178

转载【前端性能】高性能滚动 scroll 及页面渲染优化

转载于：http://www.cnblogs.com/coco1s/p/5499469.html最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。本文主要想谈谈页面优化之滚动优化。主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none 优化滚动。因为本文涉及了很多很多基础，可以对照上面的知...

2018-03-05 18:00:13 3855

转载 jquery封装评分插件

转载于：https://www.imooc.com/u/2084853/courses?sort=publish(function(){ // LightEntire.prototype = new Light(); // LightHalf.prototype = new Light(); //如果这样会继承自有属性和原型方法 Light.prototype中的方法和Light函数

2018-03-02 15:05:33 202

转载模板设计模式的思路

var Coffee = function(){ } Coffee.prototype.boilWater = function(){ console.log('boilWater') } Coffee.prototype.brewCoffee = function(){ console.log('brewCoffee') }

2018-03-02 14:00:22 256

转载闭包，函数嵌套，经典面试题

转载于：http://web.jobbole.com/84328/由工作中演变而来的面试题这是一个我工作当中的遇到的一个问题，似乎很有趣，就当做了一道题去面试，发现几乎没人能全部答对并说出原因，遂拿出来聊一聊吧。先看题目代码： function fun(n,o) { console.log(o)

2018-02-28 10:40:01 1205

转载 css元素如何垂直居中

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style> *{padding:0px;margin:0px} .wrapper{ position: relative;

2018-02-27 20:26:11 126

转载通过jQuery获得按键,模拟按键操作

转载于： http://www.365mini.com/page/jquery-event-which.htm https://zhidao.baidu.com/question/1111022928770672659.html?qbl=relate_question_1&word=jQuery%CF%D4%CA%BE%B0%B4%CF%C2%B5%C4%BC%FC%CE%BB&lt...

2018-02-27 17:00:58 5180 1

转载 this,创建一个对象

转载于网络字面量var obj = { name: 'hanker', speak: function(){ return 'hello ' + this.name; }, age: 20}属性之间没有顺序的分别方法直接访问该对象的属性和方法前要加this属性名字可以加”，’也可以不加也可以先定义一个空对象，然后给这个空对象...

2018-02-26 17:45:24 410

转载 float,clear

转载于:http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html 很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。写在前面的话：由于CSS内容比较多，小菜没

2018-02-26 14:38:49 111

转载 jsonp 百度搜索框

转载于：https://www.cnblogs.com/xiaohuochai/p/6568039.html<style>body{margin: 0;}ul{margin: 0;padding: 0;list-style: none;}a{color:inherit;text-decoration: none;}input{padding: 0;border: 0;}...

2018-02-26 11:20:21 334 1

转载 window.postMessage

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Html5 postMessage</title> <style> #otherWin { width: 600px;

2018-02-26 09:44:56 444

转载 props 的一个用法

购物车组件//propsprops:{ food: { type: Object } },//jsaddCart(event){ if(!event._constructed){ return; } if(!this.food.count){ this.$set(this.f

2018-01-17 11:20:04 1070

转载 less && scss

less@col : #26a2ff; //设置默认颜色.border-1px(@color: @col, @w: 1px) { //scss中设置默认值 position: relative; &:after { display: block; position: absolute; left: 0; bottom: 0; width: 100

2018-01-11 14:10:49 1205

转载 weui 学习less

2018-01-10 17:27:25 1207

转载 jquery 按钮插件

转载于： http://mrthink.net/html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title><style>/*demo css*/.i_tips{height:30px;margin-left:20px;color:#f60;font-size

2018-01-08 16:16:35 608

转载简单的轮播公示

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{padding:0px;margin:0px} .item-box{ position: relative; overflow: hid

2018-01-08 15:48:04 169

转载 jquery 复选框反选

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ padding:0;margin:0; }</style></head><body> <input ty

2018-01-05 16:34:04 591

空空如也

空空如也