前端
Martin_Yelvin
平时分享记录自己的遇到的问题,评论区莫名其妙被一些零文章零贡献的批骂。 现在只是偶尔记录了,现在这行业门槛太低了,终于知道为什么很多大神付费分享了,确实能过滤一堆人渣
展开
-
Ant Design antdv Vue表单验证rangePicker
Ant Design antdv Vue3 表单验证rangePicker,验证图片上传。大概代码就是这样的,懂得一看就明白了。不懂的 怎么说也白搭。antdesign vue 用的人是真少。原创 2022-12-21 10:49:50 · 777 阅读 · 0 评论 -
Circle CI - 前端部分
我build 到dist文件夹下面是/dist/uat,所以我这是这个,具体看自己的。我遇到了本地docker 镜像打完之后,刷新404问题,就是nginx conf配置的问题。主要终点是docker的配置信息,如果你本地docker 镜像能正常build,且能访问,那么问题不大。简单来说,我要实现的功能是当某分支提交代码之后,自动拉取代码,自动打镜像,自动推倒AWS服务器。ci脚本与代码平台关系不大,主要靠dockerfile文件。项目前端是Angular,后端API部分是Python。原创 2022-12-13 15:30:05 · 165 阅读 · 0 评论 -
html react js 显示pdf
偶然间发现某网购平台是通过iframe的方式做到的。原创 2021-09-15 09:43:39 · 184 阅读 · 0 评论 -
JavaScript 利用indexOf去重
functionunique(arr){if(!Array.isArray(arr)){console.log("typeerror!");return;}vararray=[];for(vari=0;i<arr.length;i++){if(array.indexOf(arr[i])===-1){array.push(arr[i]);}}returnarray;}...原创 2021-09-14 17:37:44 · 608 阅读 · 0 评论 -
js 华氏/摄氏转换
const celsiusToFahrenheit = (celsius) => celsius * 9/5 + 32;const fahrenheitToCelsius = (fahrenheit) => (fahrenheit - 32) * 5/9;// 事例celsiusToFahrenheit(15); // 59celsiusToFahrenheit(0); // 32celsiusToFahrenheit(-20); // -4fahrenheitT.原创 2021-08-19 13:31:55 · 286 阅读 · 0 评论 -
js 计算两个时间相差天数
export function DateDiff(sDate1, sDate2){ //sDate1和sDate2是2021-07-27格式 var aDate, oDate1, oDate2, iDays aDate = sDate1.split("-") oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]) //转换为07-27-2021格式 aDate = sDate2...原创 2021-07-27 16:00:07 · 896 阅读 · 0 评论 -
select 2 search 搜索无效 在模态框中无效
Cannot validate since no PHP executable is set. Use the setting 'php.validate.executablePath' to configure the PHP executable.原创 2021-06-25 10:16:03 · 343 阅读 · 0 评论 -
JQuery Datatable 跳转指定页
$('.ajax-sourced').DataTable().page(3).draw(false);.ajax-sourced 是table 的class, 用id 也行,无所谓原创 2021-06-17 09:20:49 · 525 阅读 · 0 评论 -
Select2 Ajax 异步获取之后分组
select 2 ajax 异步获取返回的数据格式结构:{ "results": [ { "text": "Groupe 1", "children": [ { "id": "CA", "text": "California" }, { .原创 2021-06-04 14:28:13 · 405 阅读 · 0 评论 -
PUG jade 模板数组过滤
PUG jade 模板数组过滤-if(utility.path("accounts", data)) each account in (data.accounts || []).filter(x=> ["depository", "credit"].includes(x.type)) .list-group-item.list-group-item-action.cursor-pointer.p-1 .list-group-item-heading p.font-mediu.原创 2021-05-20 10:15:08 · 142 阅读 · 0 评论 -
报错:Property ‘tz‘ does not exist on type ‘typeof moment‘.
新下了个ABP工程,npm install , 然后npm start, 结果报错:Property 'tz' does not exist on type 'typeof moment'.moment.tz.setDefault(abp.timing.timeZoneInfo.iana.timeZoneId);因为这一段报错:Property 'tz' does not exist on type 'typeof moment'. TS2339 24 | 25 |原创 2021-03-23 10:33:00 · 1553 阅读 · 0 评论 -
vue 预览pdf
vue 预览pdf 现成的轮子:http://mozilla.github.io/pdf.js/https://github.com/mozilla/pdfjs-disthttps://github.com/FranckFreiburger/vue-pdfvue2 推荐使用vue-pdf一丶安装 复制代码 隐藏代码npm install pdfjs-dist@2.5.207 @后面加版本号,npm程序会下载固定版本的包。为啥要用这个版本,因vue-3....原创 2021-03-15 14:45:53 · 551 阅读 · 0 评论 -
CSS设置了属性,但不管事的解决方法之一
设置一个:<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">原创 2020-10-30 10:37:58 · 309 阅读 · 0 评论 -
做小程序链外部链接
webview然后需要在微信后台添加白名单简简单单一句话原创 2020-10-14 17:19:19 · 664 阅读 · 0 评论 -
js下载,在页面下载文件下载xml文件避免被浏览器解析
<a href="http://link/to/the/file.xml?dummy=dummy" download>Download Now</a>download 属性不要忘记啊原创 2019-12-12 16:44:03 · 2515 阅读 · 0 评论 -
jquery 日历选择 周选择
<!DOCTYPE html><html><head> <title>Petal Calender</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">...原创 2019-12-12 13:43:40 · 1628 阅读 · 0 评论 -
Elastic search_搜索代码,前端组装query get post搜索,后端php拼query请求搜索
// Update this variable to point to your domain.var apigatewayendpoint = 'http://192.168.1.245:9200/job_name/_search';var loadingdiv = $('#loading');var noresults = $('#noresults');var resultdiv ...原创 2019-12-02 11:36:53 · 347 阅读 · 0 评论 -
jquery拼接html代码 使用三元表达式
async function search() { // Clear results before searching noresults.hide(); resultdiv.empty(); loadingdiv.show(); // Get the query from the user let query = searchbox.val(); // Only ...原创 2019-11-29 09:56:11 · 3227 阅读 · 0 评论 -
笔记(一):做前端开发以来几乎每天用到的东西!
这些笔记算是我前端开发一直会用到的,虽然看着比较简单,但是对我的成长和解决问题却是非常重要的。花时间整理总结一下算是留个笔记日后万一用到。东西比较多,公众号一次放不了这么多,只能分开去放。只是个人的笔记,大神路过,不喜勿碰。Ajax(自前后端分离之后,Ajax这门技术可以说是浏览器获取数据的必选)比较常规的$.ajax({ async: false,转载 2017-08-14 11:02:21 · 1039 阅读 · 0 评论 -
使用“\n\t”将多行字符串拼接起来
以前js拼接字符串有好多 \n \t不使用ES6使用“\n\t”将多行字符串拼接起来:var roadPoem = 'Then took the other, as just as fair,\n\t' + 'And having perhaps the better claim\n\t' + 'Because it was grassy a原创 2017-08-21 10:57:20 · 1963 阅读 · 0 评论 -
【转载】10个最佳ES6特性
译者按: 人生苦短,我用ES6。原文: Top 10 ES6 Features Every Busy JavaScript Developer Must Know译者: Fundebug为了保证可读性,本文采用意译而非直译,并且对源代码进行了大量修改。另外,本文版权归原作者所有,翻译仅用于学习。ES6,正式名称是ECMAScript2015,但是ES6这个名转载 2017-08-21 11:00:09 · 362 阅读 · 0 评论 -
获取JavaScript对象的方法
写定义一个对象,如var a = new Array(),debugger,然后执行F12控制台的开发者模式下,进入断点,断点里面会显示所有的方法的。var a = new Array();debugger;这一技巧尤其是echart绘图过程中很实用的源自:http://ask.csdn.net/questions/651177?ref=myrecomme原创 2017-08-21 14:59:11 · 306 阅读 · 0 评论 -
下拉框select chosen被遮盖
最简单的就是让容器高度大点。用js调整也行。原创 2017-08-21 15:18:35 · 1966 阅读 · 0 评论 -
js图片转换为base64
Document function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height;原创 2017-08-24 17:23:15 · 1085 阅读 · 0 评论 -
js调用摄像头
var promisifiedOldGUM = function(constraints) { // 第一个拿到getUserMedia,如果存在 var getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMed转载 2017-08-24 17:46:44 · 1414 阅读 · 2 评论 -
正则表达式匹配负数和数字
^[\-|0-9][0-9]* ^[\-|0-9][0-9]{1,}$input type='number' 也行。。。原创 2017-08-21 17:49:18 · 41625 阅读 · 2 评论 -
清理缓存<meta http-equiv="Pragma" content="no-cache">
PS:清除浏览器中的缓存,它和其它几句合起来用,就可以使你再次进入曾经访问过的页面时,ie浏览器必须从服务端下载最新的内容,达到刷新的效果。从某度的知道里面看到的。收藏一下原创 2017-08-22 10:32:18 · 896 阅读 · 0 评论 -
延迟加载(Lazyload)三种实现方式
定义:延迟加载也称为惰性加载,即在长网页中延迟加载图像。用户滚动到它们之前,视口外的图像不会加载。这与图像预加载相反,在长网页上使用延迟加载将使网页加载更快。在某些情况下,它还可以帮助减少服务器负载。举个例子来说明,当打开淘宝首页的时候,只有在浏览器窗口里的图片才会被加载,当你滚动首页向下滑的时候,进入视口内的图片才会被加载,而其它从未进入视口的图像不会也不会加载。那么延迟加载有什么好转载 2017-08-22 11:04:58 · 287 阅读 · 0 评论 -
Promise使用手册
导读Promise问世已久, 其科普类文章亦不计其数. 遂本篇初衷不为科普, 只为能够温故而知新.比如说, catch能捕获所有的错误吗? 为什么有些时候会抛出”Uncaught (in promise) …”? Promise.resolve 和 Promise.reject 处理Promise对象时又有什么不一样的地方?Promise引子阅读此篇之前, 我们转载 2017-08-22 11:14:01 · 694 阅读 · 0 评论 -
验证输入的是数字,小数
定义和用法$.isNumeric() 函数用于判断指定参数是否是一个数字值。注意:在jQuery 3.0中,$.isNumeric()方法只有接收number类型的参数,或者是可以被强制为有限数值的 string类型的参数时,才会返回true,否则返回false。语法$.isNumeric( value )参数 描述value 任意类型 需要进行判断的任意值。$(function () { function fun( html ){ document.body.innerHT转载 2017-08-22 16:33:19 · 388 阅读 · 0 评论 -
JavaScript中8个常见的陷阱
JavaScript中8个常见的陷阱译者按: 漫漫编程路,总有一些坑让你泪流满面。原文: Who said javascript was easy ?译者: Fundebug为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。这里我们针对JavaScript初学者给出一些技巧和列出一些陷阱。如果你已经是一个砖家,也可转载 2017-08-23 10:33:10 · 309 阅读 · 0 评论 -
字符串数组去重 ["a","b","c","a","b","c"] --> ["a","b","c"]
非正则实现: let str_arr=["a","b","c","a","b","c"]function unique(arr){ return [...new Set(arr)]}console.log(unique(str_arr)) // ["a","b","c"]用正则实现:var str_arr = ["a", "b", "c", "a"原创 2017-08-23 17:01:35 · 943 阅读 · 0 评论 -
这些JavaScript编程黑科技,装逼指南,高逼格代码,让你惊叹不已
Javascript是一门很吊的语言,我可能学了假的JavaScript,哈哈,大家还有什么推荐的,补充送那啥邀请码。本文秉承着:你看不懂是你SB,我写的代码就要牛逼。1、单行写一个评级组件"★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);定义一个变量rate是1到5的值,然后执行上面代码,看图才发现插件什么的都弱爆了来源:来自知乎用户蜗牛老湿的回答2、如何装逼用代码转载 2017-08-23 16:34:30 · 5206 阅读 · 1 评论 -
关于 vue.js 运行环境的搭建(mac)
上周因为给女朋友电脑配开发环境,之前没接触过,就百度找到这一篇,成功配置了vue开发环境;由于mac非常人性化的将bash内置于终端中,因此可以直接在终端中使用bash命令。 第一步: Mac OS系统安装 brew 打开终端运行以下命令: /usr/bin/ruby -e "$(curl -fsSL https://转载 2017-08-24 13:29:50 · 1577 阅读 · 0 评论 -
js实现倒计时60秒的简单代码
<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js实现倒计时60秒的简单代码(推荐)</tit转载 2017-08-24 13:58:49 · 45703 阅读 · 1 评论 -
node.js cmd 输入npm-v无反应
今天安装node,先是提示node版本太低。去官网更新了一下,然后npm install -g vue-cli结果出了个“npm ERR! errno -4048”百度出 这个解决方法删除了那俩文件。结果重启之后,输入npm就无反应了。报错:'npm' is not recognized as an internal or exter。。。。解决方法。恢复那原创 2017-09-26 18:08:18 · 3574 阅读 · 0 评论 -
Vue中引入ElementUI库
在所需要的目录中安装ElementUI模块cnpm install element-ui -S在main.js中引入import ElementUI from 'element-ui'import 'element-ui/lib/theme-default/index.css'全局安装Vue.use(ElementUI)原创 2017-10-19 20:47:08 · 1639 阅读 · 0 评论 -
CSS3 pointer-events:none应用举例及扩展
js如何让点击事件穿透遮罩层转载 2017-10-21 13:51:37 · 558 阅读 · 1 评论 -
angular官网教程第7个HTTP,找不到angular-in-memory-web-api
angular官网教程第7个HTTP,找不到angular-in-memory-web-api原创 2017-11-02 14:41:37 · 980 阅读 · 0 评论 -
微信小程序循环列表添加默认事件,默认样式,点击后修改样式
第一个图:就是下拉抽屉层里面的一个列表数据展示。 wx:for="数据源",data-select="本列表选中的" class="三元表达式。 ds_service_select 默认赋值为空"如果当前 选中的值等于就是采用 current样式 反之为空 bind:tap 后台函数获取前台选中的第二个图:后台返回的json里面第一项增加一项 主要就是 unshif 操作原创 2017-11-03 11:38:48 · 3242 阅读 · 0 评论