![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 50
Beq
前端开发者
624144061@qq.com
lbq11147
展开
-
Vue 瀑布流布局,拖拽排序,放缩
是什么?开箱即用,仿明道云仪表盘开发的JS脚本。预览与下载浏览地址(需要翻墙):https://anymouschina.github.io/masonryjs/dist/github :https://github.com/anymouschina/masonryjs为什么开发?是开发可视化编辑器的副产物。适用于?二次开发,该脚本解决了基本的布局,放缩功能,其它需要自行修改。Demo...原创 2021-04-01 11:44:36 · 630 阅读 · 0 评论 -
前端工程化开发 ------ 让svg可以像使用element-ui的icon组件一样
require.context通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块。svg的处理 svg-sprite-loadervue.config.jschainWebpack(config) { //..... // set svg-sprite-loader ..原创 2020-11-17 10:06:51 · 531 阅读 · 0 评论 -
beq的实验笔记-《Node.js中CommonJs的机制》
require 引入文件,路径可以使用小驼峰,'.'或者'..'结合,引入的文件如果是文件夹,会优先找到改文件夹下的package.json,如果配置合法会找到main指向的文件,否则加载index.js,index.json,index.node,其种.node是c++扩展。module.exports/exports是文件暴露出去的对象,实则每个模块都是互不干涉的闭包。...原创 2020-06-05 15:17:42 · 239 阅读 · 0 评论 -
RobotScript#1第一步:实现语法高亮
任务描述:Your MyRobot-specific (esoteric) scripting language called RoboScript only ever contains the following characters:F,L,R, the digits0-9and brackets ((and)). Your goal is to write a functi...原创 2020-05-07 11:44:38 · 274 阅读 · 0 评论 -
swagger.json转换工具/api脚本生成工具
项目地址:http://www.saberc8.cn/axios-brige-swagger-tool/index.html#/guide效果:将swagger.json转换成能被axios使用的js文件;ps:基于spring boot微服务的版本需要再测试,内网的可以使用~...原创 2020-02-05 21:06:47 · 2870 阅读 · 0 评论 -
echarts圆角环形图
主要利用极坐标轴和bar,以及roundCap.option = { angleAxis: { max: 100, startAngle:90, show:false, handle:{size:50,show:true}, splitLine: { show: false...原创 2020-01-13 17:27:32 · 6535 阅读 · 0 评论 -
不得不说的事-打印
通常后台系统都会有打印导出的功能,在前端,打印调用的是window.print()调用打印机,而我们又不想为了打印而把整个系统的body内容给替换掉。方案一:通过离屏iframe实现不跳页面,不替换原本内容打印。 在html中写入iframe标签,使其定位到不可见的位置,然后获取对应的dom,替换掉contentWindow.body.innerHTML = 需要打印的内容,打印内容的样...原创 2019-10-31 18:43:13 · 271 阅读 · 1 评论 -
echarts grid控制图形与canvs容器的距离
echarts默认会顶部预留一部分间距来设置title和legend,通过grid:{top:x}设置x的值来控制与上方的间距。原创 2019-10-31 18:27:49 · 508 阅读 · 0 评论 -
Vue集成activity工作流
情景:由于activiti与系统应用主题样式出入较大,协商后决定将activiti的editor-app放在前台。ps:内网开发,无图,凭记忆摘取主要内容。步骤:将activiti放在public即静态目录下。 通过iframe在相应的前台工作流界面引入activiti的model.html(最外层的主html,名字可能有出入)。 mounted时将this,即vuecompo...原创 2019-08-17 17:40:38 · 34374 阅读 · 29 评论 -
微信浏览器调用支付-node.js
XorPay:第三方个人支付接入入口通过上面链接进去可以浏览相应的服务,我选择的是体验版本。以下出现的客服皆为xorpay客服优势:免营业执照/企业资质。缺点:交易手续费在0.88~1.58%之间,高于企业支付,周期长。周期:1~2天,需联系xorpay客服。需要提前准备的材料:身份证正反面照片。 100元预存手续费(官方防止恶意注册耗费人力,因为原理是基于微信小微商户接...原创 2019-08-17 17:20:24 · 457 阅读 · 0 评论 -
万物皆对象,事事皆可函数式
haskell函数式编程思想处理游戏图像对象化原创 2019-01-23 10:58:16 · 704 阅读 · 0 评论 -
heroku部署指令流程
首先git clone XXXX自己的项目hero creategit remote -vgit remote heroku master端口设置为process.env.port||5000新建文件Procfile 输入web:node 文件名package.json 设置start项目...原创 2018-10-02 14:57:19 · 487 阅读 · 0 评论 -
superagent+socket.io实现前后端通信抓取cnode的文章
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-10-01 21:16:20 · 312 阅读 · 0 评论 -
简单的ajax+express+superagent抓取cnode.js的图片(瞎几把抓)
写这篇博客的原因: 本小白学完在cnode的node课程中学到正则的应用,30分钟 入门正则,看着样例手痒,于是抓了cnode上的所有图片,也不知道有没有侵犯肖像权,23333,无意冒犯~~抓取的对象:利用原生AJAX进行交互的时候,多次卡在响应头设置,导致出现Access-Control-Allow-Origin未指定,特此写下此博客日后好翻查,~~~页面index.html...原创 2018-10-01 20:01:12 · 712 阅读 · 0 评论 -
Missing letters
function fearNotLetter(str) { var array=[]; var arr=str.split(''); for(var i=str.charCodeAt(0);i<=str.charCodeAt(str.length-1);i++){ var ch=String.fromCharCode(i); var flag=0; a...原创 2018-09-03 16:27:28 · 337 阅读 · 0 评论 -
FCC Inventory Update
ps:依照一个存着新进货物的二维数组,更新存着现有库存(在 arr1 中)的二维数组. 如果货物已存在则更新数量 . 如果没有对应货物则把其加入到数组中,更新最新的数量. 返回当前的库存数组,且按货物名称的字母顺序排列..function updateInventory(arr1, arr2) { // 请保证你的代码考虑到所有情况 function search(val,ar...原创 2018-09-05 23:56:20 · 220 阅读 · 0 评论 -
FCC算法题 DNA Pairing
function pair(str) {//定义DNF匹配对 var fr=["A","T","C","G"]; var ed=["T","A","G","C"];//初始化 var array=[];//将字符串转为数组 str=str.split('');//使用遍历 str.forEach(function(val原创 2018-09-03 13:19:28 · 277 阅读 · 0 评论 -
FCC HTML输出匹配
将字符串中的字符 &、<、>、" (双引号), 以function convert(str) { // &colon;&rpar;// 定义对象,匹配相应的HTML实体 var regobj={ "&":"&amp;", "<":"&lt;",原创 2018-09-04 10:57:19 · 203 阅读 · 0 评论 -
FCC Spinal Tap Case
function spinalCase(str) { // "It's such a fine line between stupid, and clever." // --David St. Hubbins str=str.replace(str.charAt(0),str.charAt(0).toLowerCase());//将字符串首字母小写化,做不处理 var reg...原创 2018-09-04 13:06:50 · 192 阅读 · 0 评论 -
FCC 斐波纳契数列
function sumFibs(num) { var f=[1,1]; var i=1; var sum=0; while(f[i]<=num){ i++; f.push(f[i-1]+f[i-2]); } for(var j=0;j<f.length-1;j++){ if(f[j]%2!=0)sum+=f[j]; } ...原创 2018-09-04 13:29:40 · 225 阅读 · 0 评论 -
FCC drop it
function drop(arr, func) { // Drop them elements.while(!func(arr[0])){ arr.shift();} return arr;}drop([0,1,0,1], function(n) {return n ===1 ; });当function作为参数时,直接当做方法使用。...原创 2018-09-04 15:34:04 · 249 阅读 · 0 评论 -
FCC 递归偏平化数组
function steamroller(arr) { // I'm a steamroller, baby var newarr=[];//预定义存储数组 function dedai(isarr){ if(Array.isArray(isarr)){ isarr.forEach(function(val){ return d...原创 2018-09-04 16:20:49 · 205 阅读 · 0 评论 -
FCC 算法之二进制转英文(Binary)
function binaryAgent(str) { var arr=str.split(' ');//将字符串转为数组处理 function change(val){ var sum=0; for(var i in val){ sum+=val[i]*Math.pow(2,7-i);//根据位数转为十进制 } return s...原创 2018-09-04 16:46:24 · 4317 阅读 · 0 评论 -
FCC所有都为真
function every(collection, pre) { // Is everyone being true? function juge(n){ if(n)return true; else return false; } var newarr=[]; collection.forEach(val=>newarr.push(val[pre]...原创 2018-09-04 17:43:13 · 250 阅读 · 0 评论 -
FCC 函数返回函数
function add() { if(typeof arguments[0] !== "number" || (arguments.length > 1 && typeof arguments[1] !== "number")){ return undefined; }; if(arguments.length==1){ var arg0...原创 2018-09-04 17:56:19 · 274 阅读 · 0 评论 -
Symmetric Difference
创建一个函数,接受两个或多个数组,返回所给数组的 对等差分(symmetric difference) (△ or ⊕)数组.给出两个集合 (如集合 A = {1, 2, 3} 和集合 B = {2, 3, 4}), 而数学术语 "对等差分" 的集合就是指由所有只在两个集合其中之一的元素组成的集合(A △ B = C = {1, 4}). 对于传入的额外集合 (如 D = {2, 3}), 你...原创 2018-09-04 20:57:16 · 492 阅读 · 0 评论 -
[freecodecamp]算法题 where art thou
你在哪儿写一个函数,它遍历一个对象数组(第一个参数)并返回一个包含相匹配的属性 - 值对(第二个参数)的所有对象的数组。如果返回的数组中包含source对象的属性 - 值对,那么此对象的每一个属性 - 值对都必须存在于集合的对象中。例如,如果第一个参数是[{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: nul...原创 2018-09-02 16:47:03 · 328 阅读 · 0 评论 -
Exact Change (FCC)
思路见注释: 设计一个收银程序 checkCashRegister() ,其把购买价格(price)作为第一个参数 , 付款金额 (cash)作为第二个参数, 和收银机中零钱 (cid) 作为第三个参数.cid 是一个二维数组,存着当前可用的找零.当收银机中的钱不够找零时返回字符串 "Insufficient Funds". 如果正好则返回字符串 "Closed"....原创 2018-09-05 13:14:23 · 419 阅读 · 0 评论 -
FCC笔记Search and Replace
要求:使用给定的参数对句子执行一次查找和替换,然后返回新句子。第一个参数是将要对其执行查找和替换的句子。第二个参数是将被替换掉的单词(替换前的单词)。第三个参数用于替换第二个参数(替换后的单词)。 重点:获取首字母的ASCII码来判定是否大小写,charCodeAt()function myReplace(str, before, after) { var f=a...原创 2018-09-03 09:21:37 · 288 阅读 · 0 评论 -
fcc笔记之pig latin
function translate(str) { var yuan=['a','e','i','o','u'];//预定义元音字典 var move_char=str.charAt(0);//获取字符串首位 var last='ay';//默认非元音规则 yuan.forEach(function(val){ if(val==move_char)last='wa...原创 2018-09-03 12:46:41 · 217 阅读 · 0 评论 -
JS实现翻书效果
布局啥的就不写了,使用绝对定位使得每一张图片出现在同一位置,主要在JS,JS主要处理浏览器兼容,trasition和transform各个浏览器都有对应的语法,有时候你的思路没错,没效果的原因就是兼容性。通过Totransform 和 Totrasition给各个图片设置动画特性,rotate实现旋转动画。JS有部分源码是个人使用的库,没在页面中调用说明没用。效果图:https...原创 2018-08-21 15:42:21 · 6212 阅读 · 3 评论