Marco_y-CSDN博客

原创在线代码编辑器选型

在线代码编辑器选型一、CodeMirror https://github.com/codemirror/CodeMirror简介CodeMirror 是一款“Online Source Editor”，基于Javascript，短小精悍，风格包括js, java, php, c++等等100多种语言。比较强大可以自行配置语言模式。能够做到自动补全，代码折叠，可配置键盘事件，vim， emacs， sublime text 风格、能完成查找替换，括号匹配，分栏显示，显示行号，自行配置字体大小和风

2020-12-18 11:50:21 511 1

原创小程序 canvas 2d 绘制图片并保存

获取canvas实例，使用的官方的代码。用一个变量canvas保存实例，后续保存时会调用。data () { return { canvas: null // 实例 }},onReady() { const query = wx.createSelectorQuery() query.select('#myCanvas') .fields({ node: true, size: true }) .exec((res) => {

2020-06-29 17:10:07 4954 2

原创 canvas通过uni.canvasToTempFilePath生成base64的文件，再使用uni.uploadFile进行文件上传出现的问题

在做uni-app H5项目，canvas通过uni.canvasToTempFilePath生成base64的文件，再使用uni.uploadFile进行文件上传出现的问题。官方文档上 filePath 指定接收的是路径filePath String 是要上传文件资源的路径。但是在安卓手机和pc上直接使用uni.canvasToTempFilePath返回的结果作为filePath参数是可以成功上传的，ios不行。然后使用uni.downloadFile方法或者插件市场的插件把base

2020-06-29 11:16:57 11320 2

原创样式穿透

样式穿透在开发中修改第三方组件样式是很常见，但由于 scoped 属性的样式隔离，可能需要去除 scoped 或是另起一个 style 。这些做法都会带来副作用（组件样式污染、不够优雅），样式穿透在css预处理器中使用才生效。我们可以使用 >>> 或 /deep/ 解决这一问题:<style scoped>外层 >>> .el-checkbox { display: block; font-size: 26px; .el-checkbox

2020-06-15 10:27:06 251

原创算法题——利益最大化

给定比特币n天内的价格表，完成一个算法计算你通过买卖能获得的最大收益。要求考虑执行效率。（你不能在第一次买入前卖出，而且一次买或者卖只能是一份，买卖次数不限，但你必须在再次购买前卖出之前买入的比特币。）举例：价格表：[5,3,1,5,4,7,8,6] 输出： 8解释：第3题（价格1）买，第4天（价格5）卖，收益4；然后第五天（价格4）买，第7天（价格8）的时候卖出，收益4；总共收益8...

2019-10-31 10:19:19 1911

原创父子组件通讯-$attrs

前言：父子组件通讯一般都使用的是props,但是随着组件嵌套的复杂，props使用起来也许过于繁琐，下面介绍下$attrs 的使用方法。关于$attrs的介绍包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind...

2019-10-23 10:53:49 254

原创在vue单页中修改title

首先在router.js 中加入meta配置{ path: '/componentA', name: 'componentA', component: r => require.ensure([], () => r(require('@/views/componentA.vue'))), meta: { title: ...

2019-10-22 17:29:07 118

原创炫技时刻到

最近看到了一个面试题，觉得很有意思，分享一下。1、打开任意网站，比如淘宝，在console输入一段代码，统计此页面一共使用了多少种HTML标签2、统计最多的三种标签大家可以思考五分钟~show code第一题new Set([...document.querySelectorAll("*")].map(v => v.tagName))// Set(16) {"HTML", "...

2019-10-16 17:18:18 114

原创 drag事件兼容火狐浏览器方法

Firefox拖拽必须携带数据，也就是说必须出现这个：ev.dataTransfer.setData("infoName"," ");就是在drag方法内加上此行代码就能使拖拽生效。参考原文地址

2019-06-04 15:52:45 1990

原创 vue中使用富文本插件wangeditor

我把文本框封装成了一个组件，方便项目调用。<template> <div> <div ref="editor" style="text-align:left"> </div> </div>&lt

2018-09-10 14:31:34 2788

原创使用flex等分div空间

这次主要介绍的是 justify-conten: space-between; 属性。比如：实现如下图的布局，以前常用方法是元素固定宽，然后用margin-right布局，再将最后一个元素的margin-right置为0。使用flex布局后, 只需要一个属性就能实现，那就是： justify-conten: space-between;具体代码：....

2018-08-24 17:52:11 5867 1

原创根据元素ID遍历树形结构，查找到所有父元素ID。

iveiw Cascader 级联选择组件 v-model的数据是一个数组类型，工作中如果需要回显的话，就需要传递所有父级元素的ID所组成的数组，但是后台只存放了目标元素的ID，所以只能自己去遍历数据获取了。综上所述，需求确定了，就是：根据元素ID遍历树形结构，查找到所有父元素ID。下面是数据结构：[{ "orgId": 1, "orgNam...

2018-08-24 09:51:06 14257 7

原创 iview、element-ui中resetFields重置表单

iview、element-ui中resetFields重置表单今天在使用iview时，使用 this.$refs[formName].resetFields(); 这个方法是并不起作用，查阅了源码后发现，内容必须要在每个form-item里加上prop属性，并且与你v-model的值相同才可以例如 html &lt;Form ref="formCusto...

2018-08-03 10:28:25 9301 4

weixin_42869548的博客