一个瞎折腾的 FE 工程师

Mescal Chuan

前端 PDF 预览方案

产品需求描述后端返回 pdf 文件链接，前端预览，要求不允许用户下载、复制、打印。 初步方案 浏览器支持 pdf 文件预览功能，通过 window.open 的方式打开新的链接，效果如下： 问题：浏览器提供的下载、打印控件以及复制内容、右键下载等操作无法干预 以 iframe 的方式加载文件，并禁用 iframe 的右键：1<iframe ref="iframe" :src="p......

Mescal Chuan 发布于 2021-03-25

博客 技术博客 javascript vue

Css Block

CSS-BLOCK文档地址 初衷Css Block 启发于前不久阅读的张鑫旭的《CSS世界》一书，让我对 css 又有了新的理解，并且从中学到了一些“妙招”。日常项目中频频会用到一些常用的样式代码块，这些代码块可以封装到一个通用的样式文件中，但是随着时间的推移这个文件会越来越庞大，并且你不会用到所有的功能。于是我决定将这些代码块放到一个文档中，开箱即用。 使用方法直接在文档中找到相应代码块，......

Mescal Chuan 发布于 2019-10-16

博客 技术博客 css

IVIEW 动态校验规则组件

async-rules-form动态配置 iview 的表单规则 初衷实现 iview 的Form 组件可以动态修改校验规则的功能。 需求场景例如：当用户年龄下拉框选择“未成年”时，身份证号为非必填项，否则为必填项。 原理为该字段生成两份 不同规则的 FormItem，通过v-if切换。目前仅支持两个校验规则。 API 属性 说明 类型 默认值 prop 对应表单域 model 里......

Mescal Chuan 发布于 2019-05-10

博客 技术博客 vue

快速开发基于vue的app应用——vue-app-cli

一个能够让你快速构建基于vue的app多页应用脚手架，可独立开发h5 app或集成到hbuilder开发原生应用。文档地址vue-cli之所以不使用官方的vue-cli构建应用是因为： vue-cli需要自己实现多页面构建。 在开发环境（npm start）下会创建服务器，一切构建结果都存放在内存中，本地无法访问，导致app变为空白页。 只有在生产环境（npm run build）下才会......

Mescal Chuan 发布于 2018-09-27

博客 技术博客 vue

初探微信小程序之小川天气

微信小程序可以说是当下很火热的应用了。在好奇心的作用下，通读了一遍之后便开始上手撸了一个很简单的天气应用——小川天气。 目前已经发布正式版本，你可以直接在微信中搜索小川天气来使用。 小程序的文档已经很完善了，通读一遍后上手写代码并不是很难，下面主要讲一下本人在开发微信小程序的一些感触（坑）~ SetData类似于React的setState，用于更改状态，但小程序做得更加智能，你完全可......

Mescal Chuan 发布于 2018-08-29

博客 技术博客 小程序

基于React和Node实现一个食物热量参考应用

利用业余时间，自己做了一个食物热量参考网站，数据参考自一个app食物库。技术栈使用了sass+react+react-router+redux+antd+express+mongoose。 一、How To Use下载首先将代码clone到本地 1git clone https://github.com/mescalchuan/node-health.git 安装依赖包1cd node-h......

Mescal Chuan 发布于 2018-07-31

博客 技术博客 react node

拇指琴之往后余生

拇指琴的声音很清脆，搭配上马良的伴奏，很有美感~ 往后余生，四季冷暖是你。 ...

Mescal Chuan 发布于 2018-07-17

博客 记录生活 拇指琴

拇指琴之卡农第一部分

卡农整首曲子下来还是很有难度的，主要是谱子实在太难背了。。。还需要多多练习呀~ 先奉上第一段的视频吧~ ...

Mescal Chuan 发布于 2018-07-17

博客 记录生活 拇指琴

基于vue封装的轻量级下拉刷新组件

如何使用将项目中的src/components/pullRefresh.vue和src/img拷贝到你的工程内。如层级发生改变，你需要手动修改pullRefresh.vue中的图片链接地址。 API 属性 说明 类型 默认值 refreshing 是否处于刷新状态 boolean false onRefresh 刷新的回调函数 function () => {} ti......

Mescal Chuan 发布于 2018-07-04

博客 技术博客 vue

x-ui

跨平台的移动端ui组件库 介绍x-ui是基于react native和react开发出的跨android、ios和h5的三端ui组件库。 如何使用起步git clone https://github.com/mescalchuan/x-ui.git，将common和component放入项目中，之后您需要根据自身需求做出相应配置。 H5移动端适配x-ui h5端统一使用了阿里的flexibl......

Mescal Chuan 发布于 2018-04-21

博客 技术博客 react react-native
标签
博客 技术博客 css javascript react node webpack react-native 工具 angular vue 记录生活 拇指琴 小程序
关于我
avatar_pic

雨滴掌心 装不下世界的一厘米

近期文章
归档
分类
ESC