- 博客(40)
- 收藏
- 关注
原创 uni-app h5调用微信支付方法
uni-app h5调用微信支付方法首先微信支付的形式要好多种如需可查看https://pay.weixin.qq.com/wiki/doc/api/index.html,这里主要用的是JSAPI的支付形式。想要公众号、h5页面直接调起微信支付窗口实现支付形式,首先必须是微信浏览器或微信环境下才可以直接调起。也就是我们的链接要是https的,下面是我支付的整个流程:思路:1.首先我们要先获取openid,如何获取openid,可通过从url中获取code,再返回给后台处理来获取openid2.获取o
2020-10-30 16:04:55 20642 1
原创 大数据量实现滚动分页-vue3+element-plus实现方式
1.背景:分页是处理大数据量的一种常见方式,一般有页码分页、滚动分页的实现方式,表格页面分页非常常见,下面是一个列表或者表格的滚动分页。(无限滚动),在滚动时请求分页接口来获取数据;其次,每次请求后的数据都要拼接起来,最后,处理。(1)解题思路:首先,我采用了 element plus 上的。(提高性能,减少不必要的计算和渲染,确保DOM更新完成后执行)
2024-08-20 14:32:27 357
原创 video踩过的坑
video移动端浏览器中的video元素是比较特别的,早期无论是在iOS还是Android的浏览器中,它都位于页面的最顶层,无法被遮盖。后来这个问题在iOS下得到了解决,但是Android的浏览器则问题依旧。X5是腾讯基于Webkit开发的渲染引擎,它提供了一种名叫「同层播放器」的特殊video元素以解决遮盖问题。只要给普通的video元素加上X5的自定义属性 x5-video-player-type,就可以调用同层播放器。...
2021-04-22 20:12:09 136
原创 JS/VUE数组去重方法
有些文章数组去重方法有的说10种,有的说12种,其实吧,我觉得主要也就是四大解决思路方案1.indexOf/includes思路:拿当前项和后面的内容进行比较,包含了就删掉let ary=[12,23,12,15,25,23,25,14,16];for(let i=0;i<ary.length-1;i++){ let item=ary[i], args=arr.slice(i+1){ args=ary.slice(i+1);if(args.indexOf(item)>-1){
2020-08-24 23:28:08 396
原创 rem适配,按需引入,proxy代理,api封装,组件封装
#rem适配1.安装插件$ npm install postcss-pxtorem --save-dev2.配置 package.json "postcss": { "plugins": { "autoprefixer": {}, "postcss-pxtorem": { "rootValue": 75, "propList": [ "*" ] } } }#按需引入1.
2020-08-05 13:22:51 273
原创 css实现多行文本溢出显示省略号
.text{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:inline-block;}
2020-05-05 14:18:58 163
原创 Vue中相同逻辑实现抽离
vue.mixin 用法 给组件每个生命周期,函数等都混入一些公共逻辑原理源码Vue.mixin = function (mixin: Object) { this.options = mergeOptions(this.options, mixin); // 将当前定义的属性合并到每个 组件中return this }核心export function mergeOptions ...
2020-04-24 12:21:23 1252 1
原创 vue模板实现原理
理解:将模板转化为ast语法树,语法树再通过generate(代码键)转化为render函数,通过watcher监测,当属性发生变化时会调用render函数生成VNode对象,vnode通过createElement方法生成虚拟dom,再通过path方法,DOM Diff算法渲染成真实的dom.function baseCompile ( template: string, options:...
2020-04-24 11:34:34 1628
原创 GitHub知识点大全
知识点:$git clone “远程仓库地址” 把远程仓库克隆到本地(本地自动和远程建立连接,自动把远程中的信息同步到本地,本地也是一个单独的仓库:见一远程仓库不要时空的,至少有一个master分支)$git pull origin master :把远程仓库MASTER中的信息同步到本地仓库MASTER中$git push origin master :把本地仓库MA...
2020-04-12 18:32:18 245
原创 GitHub指令大全及操作教程
一、简述SVN与GIT区别SVN:集中式 GIT:分布式1.SVN:(1)特点:所有的历史版本都是在中央服务器端上建立的,本地客户端只是一个开发的环境,开发完需要推到服务器上生成历史版本,需要回退到某个版本,也需要从中央服务器上拉取(2)缺点:必须连接上中央服务器才可以(必须连网)(3)工作示意图2.GIT(1)概念:所谓分布式,就是每个开发者的本地客户端都是一个完整的仓库,都...
2020-04-12 18:29:51 1632 1
原创 关于sockjs.js?9be2:1606 GET http://****/sockjs-node/info?t=1581148413474 net::ERR_CONNECTI 错误解决方案
关于sockjs.js?9be2:1606 GET http://192.168.1.1:8080/sockjs-node/info?t=1581148413474 net::ERR_CONNECTI错误解决方案概述:创建好项目后,用npm run serve运行项目时,运行后console控制台总报sockjs.js?9be2:1606 GET http://192.168.1.110:80...
2020-02-08 16:16:53 9372 5
原创 Couldn't find preset "es2015" relative to directory问题解决
Couldn’t find preset “es2015” relative to directory问题解决npm install babel-preset-es2015 --save-dev
2019-12-05 15:01:36 176
原创 vue 设置Header验证token登录
1、cookies.js文件//设置cookie// export function setCookie ((_keyname, _value, _live) {export function setCookie (_keyname, _value) { // let d = new Date(); // d.setDate(d.getDate()+_live); ...
2019-10-31 16:03:03 3673
原创 vue 设置cookie,记住用户名、密码
一般如果登录频繁,想要记住用户名密码的话,可设置cookie,以下是登录方法与设置cookie,认真阅读哦,希望对你有帮助。1、先献上一个简单的页面<form class="form-signin" role="form" method="post" action=""> <div class="input-group" style="display: inline-...
2019-10-31 15:11:02 477
原创 vue api接口请求设置全局地址变量
1、创建全局文件Global.vue<script> //const serverSrc='http://200.200.0.1:8001'; //如果是本地调试运行状态请用这个地址 const serverSrc = '..'; //如果是打包时请用这个 export default { serverSrc }</script>2、全局...
2019-10-31 14:22:56 2325
原创 js中MD5如何加密
首先先引入md5.js1、md5.js文件var hexcase = 0; /* hex output format. 0 - lowercase; 1 - uppercase */var b64pad = ""; /* base-64 pad character. "=" for strict RFC compliance */var chrsz = 8; /* b...
2019-10-31 12:01:48 246
原创 vue 前端MD5加密
md5加密MD5加密有多种方式,有后台加密也有前端加密,今天就来说一下关于vue前端页面的加密方法,其实vue前端加密方法很简单,如下:1.安装依赖npm install --save js-md52.在main.js引入import md5 from 'js-md5' //引入Vue.prototype.$md5 = md5; //定义全局变量3.页面或登录页面的使用 语...
2019-10-31 10:32:15 2061
原创 vue 时间日期的升降序
话不多说直接上图第一步:表头字段加升降序图标<thead> <tr> <th> <div> <span>预警时间 <i class="fa fa-angle-down" v-show="isShowA==false" @click="ShowA"></i&g...
2019-10-08 18:48:32 1948
原创 Vue webpace es6转es5 --解决白屏,ie8兼容性
vue项目在ie8下可能会出现白屏情况,原因:Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。可查看官网详情:https://cn.vuejs.org/v2/guide/installation.html#Vue-Devtools常见如图:解决方案:1.npm安装npm ...
2019-10-08 18:03:36 924 1
原创 input 属性为 number,设置maxlength长度
一般情况下,标签内直接加maxlength=“具体数值”属性即可,当type=“number”时maxlength则不生效。以下为例子解说<input type="text" maxlength="11" /> 此时能达到限定效果,当<input type="number" maxlength="11" />时 maxlength失效,长度可以无限输入。解决方案...
2019-10-08 17:34:41 1455
原创 css实现input文本框与图片行内水平居中对齐
css实现input文本框与图片行内水平居中对齐如图输入框与图片不对齐css样式添加input,img {vertical-align:middle;}
2019-10-08 17:20:19 1832
转载 vue创建项目(npm安装→初始化项目)
vue创建项目(npm安装→初始化项目)第一步npm安装首先:先从nodejs.org中下载nodejs官方下载地址:https://nodejs.org/en/图1下载完成后,双击安装,在安装界面一直Next直到Finish完成安装。打开控制命令行程序(CMD),检查是否正常依次执行命令,结果如下图node -vnpm -v使用淘宝NPM 镜像大家都知道国内直接...
2019-09-20 11:54:54 1287
原创 .woff2/svg/woff文件报404错误
找不到woff、woff2字体或图标的错误原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可。IIS7 解决办法: http://www.cnblogs.com/hanwen/p/4212622.htmlIIS6解决办法:http://blog.brain1981.com/682.html详细如下:1、打开服务器IIS管理器...
2019-08-17 12:43:27 1388
原创 vue中判断table 里面type=checkbox的是否选中属性及使用方法
vue中判断table 里面type=checkbox的是否选中属性及使用方法 1、<thead> <tr class="data-order" data-order="id" data-sort="1"> <th class="order" data-order="&q
2019-08-04 18:15:18 5287
原创 关于vue-cli运行报错(npm ERR! code ELIFECYCLE)
之前由于项目报了这个错误,也去网上找了好多方法,原以为只是因为有改动了webpack的原因,后来弄了好关于webpack的解决方法都没有用,后来经过研究原来是因为项目过大,内存溢出了。说实话有点坑 哈哈 话不多说直接来解决方案出现该情况的原因可能是一、npm的版本过低解决方案:卸载已安装的新版本webpack,装老版本就好。如果没有安装webpack,跳过第一条命令安装一下就好了(1)...
2019-08-04 18:07:49 4280
原创 关于HTML的那些小事
关于html1.设置模糊背景:filter:blur(0.5px) ,括号的参数越大越模糊2.设置文本框或按钮,图片阴影:box-show:1px 1px 3px 0px #8792c03.文本框椭圆或半圆:border-radius:3px...
2019-08-04 17:28:05 77
原创 vue 前端处理时间转换问题
vue 前端处理json格式的时间显示Date问题如json返回数据为:/Date(1373333344)/转换成正常的时间日期格式:2019-06-01 00:00:00主要解决方法步骤:一、项目下安装依赖(使用时间转换的插件moment):npm install moment --save二、在项目下找到main.js文件,写入:import moment from ‘moment...
2019-05-30 20:42:31 5495 2
原创 windows环境下搭建vue环境
什么是npm、cnpm、bower?简单地说,就是帮你下载好你需要的css或者js库,而且三者功能也都是一样的。那为什么要下载这3个不同的呢?据说npm容易被墙……而cnpm是淘宝的镜像,所以通常用cnpm代替npm。至于bower,是因为bower更多地用于前端开发。但是因为它也是依赖于npm的,所以没有npm,就没法载bower……不知道说了那么多你懂了没,但是这不重要~你所需要做的就是分别...
2018-12-15 20:32:33 180
原创 vue中自动生成表头再根据表头与内容对应填充动态生成表格的两个方法
1、 &amp;amp;amp;lt;thead&amp;amp;amp;gt; &amp;amp;amp;lt;tr&amp;amp;amp;gt; &amp;amp;amp;
2018-12-15 19:45:36 5231
原创 vue开发环境搭建
1.安装node.js(1)(下载:https://nodejs.org/en/download/,安装步骤:http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖在cmd里直接输入:npm install -g cnpm --registry=https://registry.np...
2018-12-15 17:52:25 147
原创 vue-cli或vue项目利用HBuilder打包成移动端app
一、测试项目是否可以正确运行 指令:npm run dev1、首先我们先建立一个vue的项目,本人用的是vue-cli随便建立的,然后运行项目二、修改路径 (assetsPublicPath: ‘./’)1、 打开我们config中的js文件,修改assetsPublicPath的路径为"./"(下图的右下角位置)2、 检查下assetsRoot: path.resolve(__di...
2018-12-15 17:29:36 6176 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人