分类：编程语言

2020
10-10

Vue axios获取token临时令牌封装案例

前言为什么非要写这个博客呢？因为这件事让我有一种蛋蛋的优疼。剩下的都别问，反正问我也不会说。因为流程图我都不想（懒得）画。开发架构前端页面：Vue网络请求：Axios;方式：vueaddaxios缓存方案全局变量：Vuex本地缓存：LocalStorage技术依赖你猜？背景公司开发一个嵌入App的Web页面，安全方面使用老套路：App通过URL传参给前端（包含签名），前端把参数透传给H5后端验签，完事儿之后前端再决定用户是否合法。另外定义了N个J... 继续阅读 >
2020
10-10

Vue-cli4 配置 element-ui 按需引入操作

在按照element-ui文档和网上各个文章的描述方式都未能正确配置出按需加载的功能。经小编一番摸索之后，终于搞定了，本篇文章记录实现的全过程#1node与vue的版本情况#2未按需加载打包后的文件情况由上图看出，只是引入了element-ui框架后，js文件急剧的上升到了783KB，这显然是不能接受的。element-ui按需加载文档：https://element.eleme.cn/#/zh-CN/component/quickstart#3添加babel-plugin-component依赖#4正确配置按... 继续阅读 >
2020
10-10

深入浅析jni中的java接口使用

JNI中的java接口使用项目需求，需要在c++函数中监听相应的状态，并在java端进行一些列的处理。这个需要在JNI中写一个subscriber，注册后在需要的地方进行引入使用。目录结构初始化是AS上的c++工程文件，这边先暂时实现简单的demo，CdemoActivity是NativeActivity的实现，我们暂时别管，因为实现是c++层控制的，有兴趣可以去百度下主要涉及jnicallback等c文件和JNIUtil这java文件JNIUtilpublicclassJNIUtil{static{System... 继续阅读 >
2020
10-10

jQuery实现朋友圈查看图片

jQuery实现朋友圈查看图片效果，供大家参考，具体内容如下效果：图片点击显示大图，多张图可以滑动，左右按钮点击可切换查看图片（左右点击切换效果不需要删除样式即可）index.html文件<!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,user-scalable=... 继续阅读 >
2020
10-10

详解webpack的文件监听实现(热更新)

前言文件监听是在源码发生变化时，自动重新构建出新的输出文件。webpack开启监听模式，有两种方式：1.启动webpack命令时，带上--watch参数。 唯一缺点：需要手动刷新才能看到变化；2.在配置webpack.config.js中设置watch:true。 优点：(1)WDS不刷新浏览器(2)WDS不输出文件，⽽是放在内存中(3)使⽤用HotModuleReplacementPlugin插件1第一种方式，--watch1.1配置package.json{//..... 继续阅读 >
2020
10-10

shell 里 awk print 的用法详解

首先，你需要先了解awk的工作原理:1。AWK读取输入文件一次一行。2。对于每一行，它匹配在给定的顺序模式，如果匹配，执行相应的动作。3。如果没有模式匹配，将执行任何行动。4。在上面的语法，无论是搜索模式，或行动是可选的，但不能同时。5。如果没有给出搜索模式，然后awk要执行每一行输入给定的行动。6。如果没有给出动作，打印，这是默认的操作与模式相匹配的所有行。7。空出的任何行动括号什么都不做。它不会执行默认的打... 继续阅读 >
2020
10-10

js代码编写无缝轮播图

本文实例为大家分享了js编写无缝轮播图的具体代码，供大家参考，具体内容如下前言这个是一个轮播图提示：请让最后一个img和第一个img是一张图片相同且li数目为img数目-1；一、无缝轮播图让第一张和最后一张相同type:第一张和最后一张相同；在最后一张向下一张切换时，立刻跳到第一张然后向第二张正常切换二、使用步骤1.html代码代码如下（示例）：<divclass="banner"><divclass="qh"><div></div><div></div><div></div... 继续阅读 >
2020
10-10

vue-cli脚手架的.babelrc文件用法说明

虽然es6还没被浏览器全部支持，但是使用es6是大势所趋，所以babel应运而生将es6代码转换成浏览器能够识别的代码什么是.babelrc文件呢？熟悉linux的同学一定知道，rc结尾的文件通常代表运行时自动加载的文件，配置等等，类似bashrc,zshrc这个文件是用来设置转码的规则和插件vue-cli脚手架的.babelrc文件{//此项指明，转码的规则"presets":[//env项是借助插件babel-preset-env，下面这个配置说的是babel对es6,es7,es8进行转码... 继续阅读 >
2020
10-10

解决vue与node模版引擎的渲染标记{{}}(双花括号)冲突问题

由于之前练习koa2，直接渲染的jquery写的传统页面。这次想偷懒，直接script引入vue，发现渲染不出data值。渲染引擎用得是xtpl,找了半天没有发现可以修改xtpl渲染分隔符的配置vue有！varmyVue=newVue({el:'#msgBoard',delimiters:['$$','$$'],data(){return{msg:{num:10}}},mounted(){console.dir(this)},})补充知识：前端——vue和nunjucks的模板渲染符{{}}冲突解决办法由于在thinkjs上使... 继续阅读 >
2020
10-10

element-ui和vue表单(对话框)验证提示语(残留)清除操作

问题是这样的：如果一个页面有多个按钮打开相同的element-ui的Dialog对话框，那么如果第一个点击"顺序"按钮出现红色验证提示语后，再点击“取消”，或者点击页面空白处此对话框消失，而后再点击同一个“顺序”按钮亦或别的“顺序”按钮，那么此红色提示依然存在，显然是无法忍受的，那么怎么去除呢，这里也用到一个vue的一个语法watch，从字面意思上理解就是起到监控的作用，监控这个diaLog对话框的打开和关闭。在“代码一”... 继续阅读 >
2020
10-10

基于element-ui对话框el-dialog初始化的校验问题解决

不刷新页面重新打开el-dialog时，如果我们绑定了rules或者某个值需要required，它总会自动校验。查看了多个博文，发现常用的有两种解决方法(下列方法都可以在其他博文查看，不再细写，如有需要请自行查询)：1.给dialog套上v-if；2.在关闭dialog时,监听关闭回调,清除校验。我在自己的项目里使用了上述两种方法，都不太好用，自己琢磨出了另一种方法：<el-dialog@open="openDialog()"></el-dialog>调用dialog打开的回调methods:op... 继续阅读 >
2020
10-10

解决Android调用系统分享给微信,出现分享失败,分享多文件必须为图片格式的问题

解决Android调用系统分享图片给微信，出现分享失败，分享多文件必须为图片格式近期应公司需求，分享多图片到微信的功能，之前一直是用微信自己家SDK实现分享，但是查看微信的原生SDK是不具备多图分享的。在网上查找解决办法，直接调用手机系统进行分享，进行系统分享时分享给QQ，微博等都可以，但分享微信时就会出现分享失败，分享多文件必须为图片格式，看网上各路大神都各显神通都没解决具体问题，于是自己就总结出此篇文章为后... 继续阅读 >
2020
10-10

Android实现触摸移动的悬浮窗口功能

代码比较简单。不会有详细的讲解，这个功能我之前是用来做实时音视频小窗口悬浮的，所以说最外层是FrameLayout，可以根据自己的需求变成图片，或者功能界面，都可以的。准备工作：AndroidManifest添加权限<uses-permissionandroid:name="android.permission.SYSTEM_OVERLAY_WINDOW"/><uses-permissionandroid:name="android.permission.SYSTEM_ALERT_WINDOW"/><--!说明一下，第一个权限是8.0之后悬浮窗窗口类型设置需要，第二... 继续阅读 >
2020
10-10

在vue中配置不同的代理同时访问不同的后台操作

如果和不同的后台调接口，如果后台接口没有合到一起，前端可以配不同的代理来共同访问他们的接口在config文件夹下的index.js中设置如下：proxyTable:{'/api/login':{//第一个代理：此处的路径是所有接口前面相同的部分，用来匹配带有这部分路径的target:"http://192.168.100.209:8910",changeOrigin:true,secure:false},'/api/supplier':{//设置第二个代理target:"http://192.168.101.26:8910",... 继续阅读 >
2020
10-10

vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339）

问题描述：今天早上一开机，打开项目，发现项目一片醒目的红色，查看报错原因提示：Property‘xxxx'doesnotexistontype'CombinedVueInstance<{readyOnly:unknown;businessPrice:unknown;travelStaffInfo:any;}&Record<never,any>&Vue,object,object,object,Record<never,any>>.Vetur（2339）解决过程：疯狂百度，只查明该报错与typescript相关，但是我这里是一个纯正的vue项目，也没有开启tslint，为啥会... 继续阅读 >
2020
10-10

Linux deb包解压、修改等操作方法代码示例

出于多种原因，有的时候需要直接对deb包中的各种文件内容进行修改主要有三个问题需要解决：0、如何将deb包文件进行解包呢？1、修改要修改的文件？2、对修改后的内容进行生成deb包？解包命令为#解压出包中的文件到extract目录下lin@lin-host:~/Desktop/100次重启工具$lsLongTestTools.shloong-test-s2s3_1.0.0-2_all.debreadme.txtlin@lin-host:~/Desktop/100次重启工具$dpkg-Xloong-test-s2s3_1.0.0-2_all.debextract/././u... 继续阅读 >
2020
10-10

Vue proxyTable配置多个接口地址,解决跨域的问题

最开始的时候，因为请求后台出现跨域问题。查找资料配置proxyTable，解决跨域问题。如下图所示：axios请求页面：this.$axios.post('/api/weblogin/login',data).then(res=>{console.log(res)})后面遇到需要连接不同的接口域名，我在proxyTable里增加了一个apiGas。axios请求存在获取得到api但是不能获取apiGas（提示请求资源不存在）。proxyTable:{'/api':{target:'http://',//接口域名changeOrigin:true,/... 继续阅读 >
2020
10-10

python 利用zmail库发送邮件

一：Zmail的优势：1：自动填充大多数导致服务端拒信的头信息（FromToLocalHost之类的)2：将一个字典映射为email，构造信件就像构造字典一样简单3：自动寻找邮件服务商端口号地址，自动选择合适的协议（经过认证的）4：只依赖于python3，嵌入其他项目时无需烦恼二：安装zmailpipinstallzmail三：使用zmail1：发送邮件importzmailmail_content={'subject':'Success',#主题'content':'Thisisacontent',#邮件内容}#使用... 继续阅读 >
2020
10-10

Android 超简易Zxing框架 生成二维码+扫码功能

zxing是一个二维码的框架。配置1、implementation'com.journeyapps:zxing-android-embedded:4.1.0'如果报错在这个文件的android下加上如下配置，让其支持Java1.8，不然只有1.7、1.6（可在'app'右键---->openmodulesettings------>Module看到）compileOptions{sourceCompatibilityJavaVersion.VERSION_1_8targetCompatibilityJavaVersion.VERSION_1_8}2、<uses-sdktools:overrideLibrary="com.google.zxing.client... 继续阅读 >
2020
10-10

关于ES6尾调用优化的使用

ES6包含了一个性能领域的特殊要求。这与一个涉及函数调用的特定优化形式相关：即尾调用优化（TailCallOptimization，TCO）。简单地说，尾调用就是一个出现在另一个函数“结尾”处的函数调用。这个调用结束之后就没有其余事情要做了（除了可能要返回结果值）什么尾调用举个例子，下面是一个非递归的尾调用：functionfoo(x){returnx}//尾调用functionbar(y){returnfoo(y+1)}//非尾调用functionbaz(){return1+bar... 继续阅读 >