随笔分类 -  工具

html2canvas使用记录
摘要：1.生成图片有白边/黑边 设置 backgroundColor:#ffffff 2.本地生成图片没有白边/黑边，打包后生成图片有白边/黑边 查看打印容器/父级是否有定位，宽度过大/过小等，去掉定位或限宽 3.生成图片模糊 设置 scale参数 4.文字错位 设置字体 5.外链图片不显示 设置 use 阅读全文
posted @ 2023-06-26 09:28 Merrys 阅读(264) 评论(0) 推荐(0)
vite-plugin-pages实现路由权限和组件权限
摘要：项目基本架构跟 vite实现element-plus按需配置，自定义主题和读取/修改系统主题色 相同。项目地址。 目标：在vite-plugin-pages 自动读取文件夹配置下，设置前端路由权限和单组件权限。 权限模块后台返回数据假设：返回 与前端文件夹匹配的路径数据，并包含权限信息。 假设，无权 阅读全文
posted @ 2023-03-02 18:33 Merrys 阅读(1749) 评论(0) 推荐(0)
Vuex实现
摘要：新创建一个class类实现Vuex基本功能 将store注入Vue实例和Vue组件中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device- 阅读全文
posted @ 2020-04-21 14:13 Merrys 阅读(223) 评论(0) 推荐(0)
linux部署nuxt.js项目
摘要：安装nodejs包 安装YARN 安装pm2 安装nginx 修改nginx配置，代理 将项目上传到服务器，修改package.config 修改项目axios baseUrl 打包项目 开启项目 阅读全文
posted @ 2019-12-23 09:23 Merrys 阅读(1927) 评论(0) 推荐(0)
年前计划之jquery API 重读
摘要：既然 工作 卡住了，既然 相关人员 不在，活就不干了 🐢 做一下年前计划 3.X 选择器 :lang(str) 选定包含指定语言的所有元素 匹配语言值等于所提供的语言代码，或以提供的语言代码开始，后面马上跟一个“ - ”的元素 获取这个属性用prop :header h1~~h7 :root 根元 阅读全文
posted @ 2019-01-24 17:18 Merrys 阅读(192) 评论(0) 推荐(0)
动态正则匹配
摘要：前端匹配数据，一般是是是用遍历，不过匹配的数据条数比较多且频繁时，采用正则匹配感觉效率更高（有别的想法的欢迎指出） 阅读全文
posted @ 2018-09-10 21:29 Merrys 阅读(1345) 评论(0) 推荐(0)
element-vue的简单使用
摘要：包含： vue-cli和@vue/cli element-ui mint-ui axios vuex(待) webpack简单配置和多页面配置，开发跨域 npm安装 按需引入 完整组件列表和引入方式： import Vue from 'vue'; import { Pagination, Dialo 阅读全文
posted @ 2018-05-03 10:24 Merrys 阅读(4881) 评论(0) 推荐(0)
拿来即用的loading效果
摘要：简单实用的几款，中午整理的，下午就用到了*。* 大致这样 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*loading_type1*/ .loading_ty 阅读全文
posted @ 2018-02-24 17:04 Merrys 阅读(174) 评论(0) 推荐(0)
Nodejs Guides（三）
摘要：阔别的nodejs系列。这次把看过的东西前端实践一番。 1.实现原生ajax的get和post请求； 2.nodejs服务端接收数据； 3.连接mysql数据库，查询并发送数据给前端。 index.js 数据库操作 版本 mysql-installer-community-5.7.20.0，安装教程 阅读全文
posted @ 2018-01-16 17:38 Merrys 阅读(159) 评论(0) 推荐(0)
gulp简单使用
摘要：公司项目需要优化，前端方面只要就是资源整合。拿另一个小项目试验： gulpfile.js package.js 项目目录 控制台运行： gulp watch //开发 gulp build //打包 讲真，有了webpack在前，gulp简直就是小天使 阅读全文
posted @ 2017-09-29 08:26 Merrys 阅读(227) 评论(0) 推荐(1)
封装使用（插件，兼容等）
摘要：场景：弹出短的提示信息； 场景：出现弹框展示短的提示信息，并且出现显示的倒计时 2s 后，弹框消失，整体框架用的是jquery-weui，本来想直接用toast，但是好像不能显示倒计时。 场景：分享的功能只有在微信打开网页有，那么，引导分享的按钮只能在微信网页里有效（或显示） 场景：页面滚动到距离底 阅读全文
posted @ 2017-09-22 10:02 Merrys 阅读(285) 评论(0) 推荐(0)
复制功能 in pc&mb
摘要：在pc端我经常这样： 不支持的情况就弹出input[type=text]，使用.select()选中value，让用户自己复制。 移动端直接用的插件 clipboard-js ，介绍的最后边有说明兼容版本，在苹果5及以上亲测可用，华为自带uc浏览器（测试华为荣耀7，荣耀8，荣耀9）皆不可用，其他常用 阅读全文
posted @ 2017-09-14 21:10 Merrys 阅读(141) 评论(0) 推荐(0)
前端起一个本地php服务器
摘要：软件： xampp Navicat Premium（自己找破解） SVN（安装注意事项详见） 步骤： 在浏览器里输入http://127.0.0.1/查看是否成功，具体项目文件访问路径，看技术的配置了。 以上亲测可用，用问题可以问我。 阅读全文
posted @ 2017-07-16 17:37 Merrys 阅读(315) 评论(0) 推荐(0)
npm模块包
摘要：http-server 描述：http-server是一个简单的、零配置的命令行HTTP服务器。 安装：需要全局安装 在vue-cli打包出的dist目录下运行hs,出现以下 。。。vue-cli打包后需要放在服务器上运行，网上的各种教程都好麻烦（我知识面不够），只能先凑合着用了 学无止境（不是我想 阅读全文
posted @ 2017-07-13 15:39 Merrys 阅读(127) 评论(0) 推荐(0)