- 博客(57)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 Vue 瀑布流布局，拖拽排序，放缩
是什么？开箱即用，仿明道云仪表盘开发的JS脚本。预览与下载浏览地址（需要翻墙）：https://anymouschina.github.io/masonryjs/dist/github ：https://github.com/anymouschina/masonryjs为什么开发？是开发可视化编辑器的副产物。适用于？二次开发，该脚本解决了基本的布局，放缩功能，其它需要自行修改。Demo...
2021-04-01 11:44:36
722
原创 Vue集成activity工作流
情景：由于activiti与系统应用主题样式出入较大，协商后决定将activiti的editor-app放在前台。ps:内网开发，无图，凭记忆摘取主要内容。步骤：将activiti放在public即静态目录下。 通过iframe在相应的前台工作流界面引入activiti的model.html（最外层的主html，名字可能有出入）。 mounted时将this，即vuecompo...
2019-08-17 17:40:38
34965
28
原创 uni-app 多端文件统一（移植自 taro 的 MultiplatformPlugin）
咱要做支付宝小程序的兼容了，路上并没有想象的简单，踩了巨多的坑，什么mqtt 连接不成功啊， 组件上类名不生效啊。最让人发指的是条件编译的改动数，竟高达100+处，下次要是再兼容h5 ，抖音。原来是通过修改webpack的resolver，来进行文件资源的重定向啊，妙啊妙啊！也就是改了点 参数啦，tar_env改成uni_env了，最后不要忘了vue.config.js 内使用；先是找到对应的提交记录，看看说了啥。这样的好东西，拿来吧你；嗯嗯嗯，要的就是这个；
2022-10-09 15:50:59
573
原创 关于副业的思考 - 20220421 baye 分享会
昨天在推特上参与了一个 baye 大佬组织的近千人的分享会，各行各业各地的人都做了自己的分享，有做投资的，当然大部分是程序员。很难想象，与日常工作上的会议不同的是，这个分享会似有一种魔力，让你似有万千思绪或者说灵感焕发，与我而言，是相当有收获的，避免忘记，我抄录下 “左耳朵耗子” - 陈皓 的分享：程序员要想做点副业，千万不要做外包项目，更不要做那些不入流的事，一定要做那种有积累有沉淀的东西，无论是写代码，做咨询，还是写文章，一定一定要系统化！你每天都在为你的城堡加一块砖，只有这样才能成为资产。另外，
2022-04-22 15:46:39
345
原创 前端工程化开发 ------ 让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
578
原创 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
267
原创 RobotScript#3 字符串扁平化，处理（）
task: 上一题：RobotScript#2:实现循环指令的重复化（字符串扩展）并画出轨迹 基于RobotScript#2，（*）2 等价 **，示例如下： F4L((F4R)(F4L)2)2(F4R)2F4 解题： 只要将“（）”祛除即可，不考虑输入字符串异常的情况下，最开始想到的是转成AST，用text记录文本，（）最为层级分割，但是没能解答出来，于是用正则递归处理字符串，直到字符串中不存在括号。 关键代码如下： funct...
2020-05-14 11:41:45
259
原创 RobotScript#2:实现循环指令的重复化（字符串扩展）并画出轨迹
task:你将遇到由L，R，F及数字组合而成的字符串，通过此字符串实现移动轨迹绘制，其中 L 代表当前方向向左拐，R代表向右，F表示在当前方向前进，用 "*" 标记走过的位置，其中只有F能够产生"*",LR只有调整方向的作用，初始方向向右，并且会留下*；字母后面接上数字表示字母会重复任意次。示例：LF5R5F5RFLFRFF解答： 首先要将接收的指令转化为连续的独立的字符（指令），如接收的code为“LF5”转为“LFFFFF”，直接利用正则匹配/[LRF]\d+/g,利用..
2020-05-14 10:18:48
385
原创 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
331
原创 img未能正确渲染图片/记录一次html2canvas生成海报底图丢失问题
情景提要： 公司做微信 h5 产品，需要生成海报，就是用了 html2canvas 来进行截图处理，底图和二维码之类的图片资源需要动态生成。开发： 起初使用 background，然后发现固定图片地址是可以显示，但如果通过 js 动态设置 url 生成海报时会出现空白的情况，经过排查，控制台报跨域，所以改成 img 标签，然后设置cross = ‘anonymous’。...
2020-04-26 11:25:04
1699
2
原创 程序员的睡后收入之路 ---- 针对个人非团队
不知道你是否有使用过微信的小程序，会发现里面中小型的程序存在了大量的广告？没错，这些广告就是那些开发小程序流量主的人获取收益的来源。先晒下个人的小程序收入吧。你在csdn上写一篇文章，开通 vip 收费，当有人通过你的页面开通vip后，你能获得9.9元收入，结算周期也不知道有多长，但如果是开通小程序的流量主，每隔15天（截至到当前文章发布日期是这个方案）腾讯就会往你预留的银行账户拨...
2020-04-15 17:56:30
1188
1
原创 既然Vue通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM进⾏diff检测差异?
现在前端框架有两种数据变动侦测方式，一种是pull，一种是push.pull 的代表是React ，在进行 setState 操作后显示更新数据，React 会使用 diff 算法一层层找出差异，然后 patch 到 DOM 树上，React 一开始不知道那里变化了，只是知道变化了，然后暴力进行查找那变化了，另一个代表是 Angular 的脏检查。Vue 的响应式系统就是 Push 的代表...
2020-03-28 14:58:03
1092
原创 简单易读的 vue 依赖收集
简单理解Vue中的依赖收集过程依赖收集的始末从vue初始化开始依赖收集依赖收集的始末你好！ 这是一篇记载关于Vue源码中依赖收集过程的文章。从vue初始化开始当我们用new操作符构建一个新的Vue实例时会发生：初始化，将 el置为空，el 置为空，el置为空，root 始终指向根实例，根节点唯一，且为最初声明的Vue实例，后续的组件都是 $root 的children，源码中 this...
2020-03-28 12:51:41
496
原创 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
2980
原创 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
6679
原创 图书管理小程序开发
近日开发了一款图书小程序，构想有很多，在此请各位网友给些宝贵意见以及指导，比如功能，交互方面。功能设定：1.检索书籍，找到自己想看的书，然后可以查看相关信息。（阅读功能需要查阅相关规定以及接口或pdf处理以及版权问题）2.通过书架记录书籍信息（已完成），个人藏书可以选定任意数量书籍分享为书单图片并转发出去用来比如给新人推荐相关入门书籍看，毕竟大佬的书单很有参考价值。（待完成）3.可...
2019-12-26 19:55:53
1177
4
原创 不得不说的事-打印
通常后台系统都会有打印导出的功能，在前端，打印调用的是window.print()调用打印机，而我们又不想为了打印而把整个系统的body内容给替换掉。方案一：通过离屏iframe实现不跳页面，不替换原本内容打印。 在html中写入iframe标签，使其定位到不可见的位置，然后获取对应的dom，替换掉contentWindow.body.innerHTML = 需要打印的内容，打印内容的样...
2019-10-31 18:43:13
306
1
原创 echarts grid控制图形与canvs容器的距离
echarts默认会顶部预留一部分间距来设置title和legend,通过grid:{top:x}设置x的值来控制与上方的间距。
2019-10-31 18:27:49
560
原创 Sequelize-cli的基本使用
第一步：安装及初始化npm i sequelize-cli -Dnpm i sequelizenpm i mysql2在node_modules父级目录下执行node_modules/.bin/sequelize init初始化后会生成config.jsconst { env } = process;module.exports = { "development":...
2019-10-04 18:34:25
1500
原创 [DEP0097] DeprecationWarning: Using a domain property in MakeCallback is deprecated.
node中使用sequelize查库时如果指定数据库不存在，或者账户不存在，即配置出错，会报错，[DEP0097] DeprecationWarning: Using a domain property in MakeCallback is deprecated. Use the async_context variant of MakeCallback or the AsyncResource ...
2019-10-04 10:46:09
3173
原创 微信浏览器调用支付-node.js
XorPay：第三方个人支付接入入口通过上面链接进去可以浏览相应的服务，我选择的是体验版本。以下出现的客服皆为xorpay客服优势：免营业执照/企业资质。缺点：交易手续费在0.88~1.58%之间，高于企业支付，周期长。周期：1~2天，需联系xorpay客服。需要提前准备的材料：身份证正反面照片。 100元预存手续费（官方防止恶意注册耗费人力，因为原理是基于微信小微商户接...
2019-08-17 17:20:24
514
原创 使用VUE-socket.io应当注意的坑
首先，监听接受服务器信息的通道只需在组件渲染时在mounted生命周期函数调用一次:其次，如果想要局域网内多台设备能够实现通信，main.js使用的时候应当指定服务器IP，而不是localhost，实现前后端通信，需要使用指定IP...
2018-10-07 16:42:32
5096
3
原创 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
536
原创 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
343
原创 简单的ajax+express+superagent抓取cnode.js的图片（瞎几把抓）
写这篇博客的原因： 本小白学完在cnode的node课程中学到正则的应用，30分钟 入门正则，看着样例手痒，于是抓了cnode上的所有图片，也不知道有没有侵犯肖像权，23333，无意冒犯~~抓取的对象：利用原生AJAX进行交互的时候，多次卡在响应头设置，导致出现Access-Control-Allow-Origin未指定,特此写下此博客日后好翻查，~~~页面index.html...
2018-10-01 20:01:12
778
原创 FCC Inventory Update
ps:依照一个存着新进货物的二维数组，更新存着现有库存(在 arr1 中)的二维数组. 如果货物已存在则更新数量 . 如果没有对应货物则把其加入到数组中，更新最新的数量. 返回当前的库存数组，且按货物名称的字母顺序排列..function updateInventory(arr1, arr2) { // 请保证你的代码考虑到所有情况 function search(val,ar...
2018-09-05 23:56:20
255
原创 Exact Change （FCC)
思路见注释： 设计一个收银程序 checkCashRegister() ，其把购买价格(price)作为第一个参数 , 付款金额 (cash)作为第二个参数, 和收银机中零钱 (cid) 作为第三个参数.cid 是一个二维数组，存着当前可用的找零.当收银机中的钱不够找零时返回字符串 "Insufficient Funds". 如果正好则返回字符串 "Closed"....
2018-09-05 13:14:23
491
原创 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
565
原创 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
318
原创 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
287
原创 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
4569
原创 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
229
原创 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
279
原创 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
263
原创 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
220
原创 FCC HTML输出匹配
将字符串中的字符 &、<、>、" （双引号）, 以function convert(str) { // &colon;&rpar;// 定义对象，匹配相应的HTML实体 var regobj={ "&":"&amp;", "<":"&lt;",
2018-09-04 10:57:19
229
原创 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
362
原创 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
325
docker 部署egg服务如何连接服务器上的mongdb
2022-08-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人