前端知识
码世界
这个作者很懒,什么都没留下…
展开
-
根据浏览器滚动条高度判断进度条显示
根据浏览器滚动条高度判断进度条显示,获取元素距浏览器顶端的距离原创 2022-09-07 15:15:11 · 213 阅读 · 0 评论 -
正则只能包含中文、字母、数字、_,-,+,/
正则原创 2022-06-20 17:18:25 · 1162 阅读 · 0 评论 -
过滤掉一个数组中相同的数据,并保留期中一个
var newNotice_people = [ { id: "5aa62132f7f793532a540ab6" name: "自己" ou_name: "科技" people_name: "李1光耀1" position_name: "餐厅服务员" _id: "5aa62132f7f793532a540ab6" }, { id: "5aa62132f7f793532a.原创 2021-11-19 15:16:03 · 422 阅读 · 0 评论 -
删除内层循环子数据
var ruleAllDataView= [ {create_date:"2021-11-08",notice_content:"你好啊,还好吧?",notify_rule_title:"任务开始前11",people:"丁1丁",_id:"138239482948",...原创 2021-11-11 13:07:37 · 79 阅读 · 0 评论 -
去掉html标签
// 去掉html标签function delHtmlTag(str){ return str ? str.replace(/<[^>]+>/g,"") : '';//去掉所有的html标记}/** * 字符串是否含有html标签的检测 * @param htmlStr */function checkHtml(htmlStr) { var reg = /<[^>]+>/g; return reg.test(htmlStr);.原创 2021-09-03 18:26:45 · 901 阅读 · 0 评论 -
上传附件计算文件大小
function calcSize(size) { if (size < 1024) { return $.sprintf('%0.2f B', size); } else if (size >= 1024 && size < 1048576) { //1024 * 1024 return $.sprintf('%0.2f KB', size / 1024); } else if (size >= 104857.原创 2021-08-13 10:39:19 · 479 阅读 · 0 评论 -
web前端修复钉钉小程序 ICONFONT在ANDROID客户端无法正常显示问题
低版本android他不支持woff2格式的字体,必须要使用woff格式字体,由于从默认iconfont网站上下载来的字体,woff2排在woff之前,所以导致android无法正确识别到woff了一般从Iconfont官网下载文件后是以下这样子文件里面会有一长串woff2的url,例如下面这样参考网址:https://www.freesion.com/article/5933659958/解决方案:第一种:1、把原始下载下来的woff2,替换成钉钉之支持的格式2、首先找原创 2021-04-22 16:22:24 · 851 阅读 · 0 评论 -
sort如何传参
/** * @description: 排序 * @param {type} * @return {type} * @author: dhl */function compare(property){ return function(a,b){ var value1 = a[property]; var value2 = b[property]; return value1 - value2; }}cal_temp_data.s.原创 2020-09-04 15:35:26 · 572 阅读 · 0 评论 -
用js实现模糊查询的几种方法
今天在做项目的时候,遇到一个需求是对列表进行模糊查询。对于模糊查询,一般都是传关键字给后端,由后端来做。但是有时候一些轻量级的列表前端来做可以减少ajax请求,在一定程度上提高用户体验。我目前的情况恰好是后台已经把全部数据给到前端了,所以就想用js对数据进行一个模糊查询。那么问题来了,要怎么进行模糊查询呢?头脑里一闪而过,字符串的indexof方法和正则表达式,其实还可以用其他的方法,比如字符串的match方法和split方法。既然有这么多种方法,那么该用哪种比较好呢?接下来我将对每一种方法进行简单的介转载 2020-09-03 17:48:08 · 5428 阅读 · 0 评论 -
PC端拖拽功能
/** * @description: 拖动功能 * @param {type} * @return {type} * @author: dhl */function draggable(model) { var _move, _x, _y; $(model).click(function () { //alert("click");//点击(松开后触发) $(this).css({ cursor: 'pointer.原创 2020-08-13 14:46:51 · 645 阅读 · 0 评论 -
post请求方式
.on('click','#btn_export',function(event){ event.preventDefault(); var url = '/admin/people_self_modify/download'; var fileName = '员工档案审核列表导出' + '.xlsx'; var obj = {}; _.each(exportArray,function(data,i){ obj[data.name] = data..原创 2020-06-12 18:07:49 · 482 阅读 · 0 评论 -
ansyn 异步常用方法
串行且无关联场景:提取某学校大三学生的学生信息(假设每个班级存储在一个独立的数据表里)分析:每个班级的学生之间是无关联的,假设共有3个班级,我们需要遍历3个表,把提取出的学生信息返回客户端一个json,如下{"1班":[{name:"张三",age:"21",class:"1班"},......(省略N个学生)]"2班":[{name:"李四",age:"22",class:"2...原创 2020-04-17 18:45:08 · 651 阅读 · 0 评论 -
把1转化为001
转载:https://cloud.tencent.com/developer/ask/32933/answer/44175只是为了演示javascript的灵活性:你可以使用一个oneliner来实现这一点。function padLeft(nr, n, str){ return Array(n-String(nr).length+1).join(str||'0')+nr;}...转载 2020-03-23 11:16:53 · 2350 阅读 · 0 评论 -
只能输入中文,及中文标点符号正则/只能输入英文,及英文标点符号正则
//只能输入中文,及中文标点符号正则var regChina = /^[\u4e00-\u9fa5\s\·\~\!\@\#\¥\%\……\&\*\(\)\——\-\+\=\【\】\{\}\、\|\;\‘\’\:\“\”\《\》\?\,\。\、]+$/;regChina.test('你好啊,世界');//只能输入英文字母、及英文标点符号正则var regExEnglish = ...原创 2020-01-13 17:31:09 · 6118 阅读 · 1 评论 -
简单分页
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>array test</title><script src="jquery-1.11.1.min.js"...转载 2019-07-16 15:20:07 · 380 阅读 · 1 评论 -
node _.clone数组的覆盖问题
var new_tblAbsenceProcess = [{ "_id":"5d27ed0639daad06f2bc7a35", "people_id":"5aa62a0d795dd7c8c12f0712", "work_on_time":"08:30", "work_off_time":"17:30", "break_on_time":"",...原创 2019-07-15 20:37:44 · 175 阅读 · 0 评论 -
Vue-表单输入绑定
转载自:https://www.cnblogs.com/koala0521/p/7744211.html自我理解:v-model 实际就是一个表单值。<!DOCTYPE html><html> <head> <title></title> <meta charset="utf-8"> &转载 2018-04-28 15:19:07 · 308 阅读 · 0 评论 -
用JavaScript将Canvas内容转化成图片的方法
使用JavaScript将图片拷贝进画布要想将图片放入画布里,我们使用canvas元素的drawImage方法:// Converts image to canvas; returns new canvas elementfunction convertImageToCanvas(image) { var canvas = document.createElement("canvas"); ...转载 2018-05-18 18:00:49 · 661 阅读 · 0 评论 -
深入理解CSS3 gradient斜向线性渐变
转自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]原文地址:http://www.zhangxinxu.com/wordpress/?p=3639转载地址:https://www.cnblogs.com/ethy/articles/4398702.html一、问题没有想得那么简单提问,使用CSS3 gradient渐变,在一个400*300的div层上...转载 2018-04-26 09:41:56 · 1403 阅读 · 0 评论 -
三级联动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="keywords" content="ipayLinks,跨进金融,银行"/> <meta name="descripti原创 2018-04-21 14:43:47 · 2864 阅读 · 0 评论 -
vue组件知识整理
此文章,是我在看vue教程时整理的组件部分知识,其中包括网上找的一些案例,有转载意思,只是我进行了编译,如有维权,请联系。1.组件分为全局注册和局部注册全局组件注册:必须在new之前注册。局部组件注册:可以在作用域内使用componentsd data 必须是函数报错:<body> <div id="app"> <my-component>&l...原创 2018-05-04 16:36:05 · 892 阅读 · 0 评论 -
vue组件知识点
转载自:https://segmentfault.com/a/1190000010527064注册组件注册组件就是利用Vue.component()方法,先传入一个自定义组件的名字,然后传入这个组件的配置。 Vue.component('mycomponent',{ template: `<div>这是一个自定义组件</div>`, data () { ...转载 2018-04-12 09:59:56 · 190 阅读 · 0 评论 -
vscode前端常用插件推荐,搭建JQuery、Vue等开发环境
转载自:https://www.cnblogs.com/karthuslorin/p/8577224.htmlvscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器。当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种。比起notepad++、editplus,vscode集成了许多...转载 2018-05-31 17:04:35 · 861 阅读 · 0 评论 -
如何将循环数组多个合并成一个(数组多个合并成一个)
var result = [];for (let i = 0; i < totalTimes.length; i++) { result = result.concat(totalTimes[i]);}console.log('result------->',result)原创 2019-03-21 14:51:39 · 7701 阅读 · 0 评论 -
模仿网页ctrl+F搜索功能
模信插件:https://www.helloweba.net/javascript/246.html https://www.helloweba.net/demo/findcontent/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...原创 2019-03-02 17:17:24 · 1401 阅读 · 0 评论 -
将现有数组重新分组(将数组分每四个渲染到一组)
转载自:https://blog.csdn.net/qtfying/article/details/83014025最近做项目有一个小功能,将数组玩出了花样,就是要将ajax从后台拿到的数据,四个一组,渲染到页面上,特此记下笔记,以作安利:首先,页面上建立一DOM节点:<div id="test"></div>假如我们从后台拿到的数据结构为:var data =...转载 2019-02-13 14:46:02 · 2668 阅读 · 0 评论 -
倒计时组件
<template><div class="countDownTime"><p class="ce2">{{parseInt(seconds / 60)}}分{{seconds % 60}}秒</p></div></template><script>e原创 2018-12-18 18:31:41 · 177 阅读 · 0 评论 -
一些常用的公共方法
// 获取当前时间 YYYY-MM-DD hh:mm:ss格式的时间export function getNowFormatDate() {var date = new Date();var seperator1 = "-";var seperator2 = ":";var month = date.getMonth() + 1;var strDate = date.get...原创 2018-12-17 18:47:26 · 2217 阅读 · 0 评论 -
正则表达式基本语法
转载自:https://www.cnblogs.com/olive1209/p/7102609.html转载自:https://blog.csdn.net/napoleonwxu/article/details/483727971.正则表达式基本语法两个特殊的符号'^'和'$'。他们的作用是分别指出一个字符串的开始和结束。例子如下:"^The":表示所有以"The"开始的字符串...转载 2018-10-12 20:07:15 · 116 阅读 · 0 评论 -
请输入大小写字母和(数字、特殊字符、空格)任意组合'
$(function() { $('#bankCard').blur(function(){ regExVal($('#bankCard'),$('.regularHints')); }) });function regExVal(x,y){ var re...原创 2018-10-12 18:35:21 · 5109 阅读 · 0 评论 -
touch按钮颜色变换
css:a,a:hover, a:focus{ text-decoration:none;}.formBtn{ width: 85%; display:block; margin:3.2rem auto;}.yBut{ height:4rem; background:#1890FF; font-size: 1.6rem; text-align: center; line-height:4rem;...原创 2018-04-11 15:01:14 · 716 阅读 · 0 评论