strongbuger-CSDN博客

原创前端图片文字复制粘贴功能

自定义右键下拉菜单复制图片到剪贴板的功能input框选中ctrl+v或者右键粘贴功能//右键复制图片的方法 handleRepeatText() { //图片文字消息复制 var _this=this; writeDataToClipboard(); async function askWritePermission() { try { const { state } = await navigator.permissions.query({ name: "cli

2021-11-09 14:43:59 1906

原创 word文档设置不同的页眉页脚

最新在整理一个word文档,然后给不同页面设置不同的页眉页脚给难住了,好在最后终于成功了,分享如下:不同页脚页眉一定要显示出来不同的第一节/第二节/第三节这样.一定要先分节,才可以实现.在每页的末尾处点击一下图一操作图二操作图三操作显示如下确认每一页都不一样如下图所示把这里给点掉不然会和上一节保持一致点击关闭按钮设置完成.删除分节符(下一页)的话选中可以复制也可以删除. delete键删除即可....

2021-09-15 11:23:32 529

原创 vue项目.env文件配置全局环境变量

.env 文件主要的作用是存储环境变量，也就是会随着环境变化的东西，比如数据库的用户名、密码、缓存驱动、时区，还有静态文件的存储路径之类的。因为这些信息应该是和环境绑定的，不应该随代码的更新而变化，所以一般不会把 .env 文件放到版本控制中。.env 全局默认配置文件.env.development 开发环境下的配置文件.env.production 生产环境下的配置文件文件内容：属性名必须以VUE_APP_开头，比如VUE_APP_XXX例如开发环境.env.developmentN

2021-09-14 10:54:33 948 1

原创前端本地启动服务器的简单方式

第一步全局安装 http-servernpm install http-server -g第二步进入目标文件夹启动 http-server 或者指定端口号 http-server -p 8081cd dist http-servercd dist http-server -p 8081第三步访问 localhost:8080 或者 localhost:8081...

2021-08-24 10:58:53 651

原创模块机制API记录

大多数模块依赖加载器/管理器本质上都是将这种模块定义封装进一个友好的API。var MyModules=(function Manager(){ var modules={}; function define(name,deps,impl) { for(var i=0;i<deps.length;i++){ deps[i]=modules[deps[i]]; }

2021-06-23 13:36:08 83

原创 vue项目基础webpack配置

// 页面引入css// import ‘@/assets/css/a.css’// 引入img// // var a=require("@/assets/img/b.png")const path = require(‘path’)module.exports = {mode:‘production’,entry:{index:path.join(__dirname,"/src/index.js")},output:{publicPath: ‘’,//设置公共路径path:pat

2021-06-09 15:52:17 105

原创 watch监听及深度监听

之前写一个npm包的时候,别的组引用的时候,需要给我传一个值,他的值是在monted之后获取,然后点击一个按钮之后让我的组件显示出来,但是发现我的组件没有监听到.这是因为我的watch没有监听到组件的变化,就是初始值没有触发watch监听.<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"><

2021-06-09 14:29:03 372

原创发布一个NPM包的流程

第一步:npm网站地址：https://www.npmjs.com/npm官网创建账号第二步:更改下npm的源,一般源是淘宝的源更改为npm源npm config set registry http://registry.npmjs.org第三步:npm 登陆验证登录是否成功npm who am i第四步:创建npm库npm init->输入对应内容第五步:新建index.js 建npm包的内容exports.sayHello=function(){return

2021-05-19 15:52:55 112

原创 vue项目图片列表预览及图片增加水印

有一个列表详情页面,里面有图片,之前是点击图片进行预览现在实现点击图片进行预览并加上水印效果图片预览用的是vue的v-viewer插件添加水印用的canvas添加水印思路:一个列表详情可能有多张图片,列表返回的图片是服务器地址图片利用canvas添加水印,第一步是把服务器地址图片转为base64图片,第二步是把base64图片进行canvas水印处理第三步是把处理完的水印图片放到要预览的数组中错误思路:第一次想的是点击预览的时候,拿到所有图片,然后把所有图片转为base64处理一下,在做水

2021-04-25 11:17:02 1682

原创前端服务器图片地址转换为base64,转为文件类型

//获取图片的服务器url地址方法调用 if(this.fileUrlList.length>0){ for(var i=0; i<this.fileUrlList.length;i++){ this.getBase64Image(this.fileUrlList[i].url); } } //url转base64 ...

2021-04-23 10:31:21 739

原创 vue中input标签缓存每个input对应的值

有一个卡片列表页面,点击卡片,右侧会弹出一个input框,要求切换卡片或者切换页面的时候缓存下每个卡片对应的值刚开始想的是用keep-alive来实现,但是研究了下keepAlive好像是针对组件的,整体一个组件进行缓存,而我的input框只是一个部分框,所以感觉实现起来不太好.原理 input框失去焦点的时候存储下值,页面跳转的走的时候存到session中,跳转回来的时候从session中获取下基本就满足需求了 data(){ return{ sen

2021-03-03 10:47:54 1746

原创前端常用的公共方法(慢慢补充)

前端常用的公共方法(慢慢补充)获取url连接问号后面的参数 queryValue: (query) { var url = window.location.href.split("?")[1]; var arr = url.split('&'); if(arr && arr.length>0){ for (var i = 0; i < arr.length; i++) {

2021-02-26 11:07:10 298

原创 vue项目安卓机键盘弹出遮挡下面的input框问题修复

安卓机键盘弹出遮挡下面的input框问题修复代码块created(){ this.apply();}methods:{ apply(){ var clientHeight=document.documentElement.clientHeight || document.body.clientHeight windiw.onresize=function(){ var nowClientHeight=document.documentElement.clientH

2021-02-25 15:20:36 1291 4

原创 vue项目解决原生input标签上传图片安卓机图片翻转问题

原生input标签安卓机上传图片图片翻转问题最近在做一个移动端项目,其中有上传九张图片的一个模块,然后发现在安卓手机上上传图片或者拍照会出现图片翻转的问题.苹果手机正常.解决原理:利用exif-js来实现链接: [link]http://code.ciaoca.com/javascript/exif-js/.这个链接中有demo示例可以尝试大概原理通过引入这个js获取上传图片的角度信息,然后根据角度值在通过canvas来实现翻转图片以达到图片角度正常代码片上传 <input type

2021-02-25 11:37:38 509

strongbuger的博客