- 博客(42)
- 收藏
- 关注
RSS订阅原创 electron关闭窗口
关闭子窗口的方法大体流程如下：1、在渲染进程（子窗口）中通过点击“关闭”按钮事件，通知主进程ipcRenderer.send("close");2、主进程收到通知后执行close方法ipcMain.on('close', () => { win && win.close();});3、在创建窗口的时候，可以给他添加close的回调监听；调用close的方法后就会进入这里的回调const win = new BrowserWindow()win.on('clos
2022-05-19 11:46:44
10664
1
原创 js函数多层嵌套时执行指定函数方法
<div id="div1" onclick="firstClick()">1 <div id="div2" onclick="secondClick()">2 <div id="div3" onclick="thirdClick()">3</div> </div></div> function firstClick() { console.log("firstClick"); } funct
2022-04-19 10:50:53
678
原创 vue实现下滑刷新
懒加载是目前工作中遇到很多的方式，实现方式如下1、<div style="overflow-y:scroll" @scroll=onScroll></div> onScroll(e) { const { scrollHeight, scrollTop, offsetHeight } = e.target; console.log(scrollHeight, scrollTop, offsetHeight); if (scrollHei
2021-03-09 00:21:59
453
原创 异步加载js方法
我们想异步加载一些js，如果请求接口判断后选择加载不同的sdk这类的需求，实现起来也很简单。/* eslint-disable //*异步加载脚本@param url 脚本地址@param onloaded 加载完成的回调*/export const loadScript = (url) => {return new Promise((resolve) => {let script = document.createElement(‘script’)script.src =
2021-02-28 23:17:34
404
原创 vscode pretty代码规范
首先下载插件并使用下面有一段代码，可以自动匹配pretty模式把这段复制到vscode中的setting.json中然后写的代码如果不规范，只要一个ctrl+s就可以自动匹配啦
2021-02-19 17:52:17
967
1
原创 vscode或cmd:无法将“git”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确
如果在vscode中输入git命令报了这个错：无法将“git”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确解决方法：情况一、先去win+R，去cmd看看输入git是不是也是无法识别如果也无法识别，则原因是：之前在安装git的时候，选的是下面的第一个，所以windows命令行就识别不了git。那么怎么解决：1.找到你电脑上的git安装中bin的路径，如：C:\Users\XXX\Git\Git\bin；同时，找到git安装路径中git
2020-10-22 13:11:51
80524
22
原创 防抖和节流
面试题里经常见到这两个词语：防抖和节流，主要是和性能优化有关系，今天终于用了一次实例：应用情景：要做一个美颜的功能，当滑动滚动条的时候，可以直接请求接口，实现效果但是滑动条每次滑动都会触发出很多值变化，可以理解为每次滑动他都请求了好多次接口，这样就会影响性能。除此之外，还有scroll、mousemove等，也是会频繁触发，和这种情况类似。稍微复杂一点的情况如搜索框input事件，支持实时搜索功能可使用节流方案，每隔一段时间就查询一下搜索内容；页面需要适配用到resize，可使用防抖方案。解决方
2020-07-30 11:05:41
457
原创 vue根据链接自动生成二维码QRCode
1、安装npm install qrcodejs22、引入页面import QRCode from 'qrcodejs2'3、代码使用template：<div class="code" id="qrcode" ref="qrcode"></div>script： this.qrcode = new QRCode('qrcode', { text:需要引入的url, width:150, h
2020-07-21 17:40:15
2498
原创 如何获取元素在屏幕中的坐标getBoundingClientRect（缩放时动态获取坐标）
我做的是在TRTC electron里面，有一个屏幕分享的功能，就只分享一个canvas画板出去，这就需要拿到整个屏幕中这个画板的起始坐标和宽高，从而获取到这个画板，如下图坐标（x,y）就是这个画板在整个窗口的起始位置，然后知道画板的宽和高，就能拿到这个画板了，详情可参考canvas里的rect()方法，rect()详解rect(x,y,w,h) ：x，y就是起始坐标，w，h就是宽和高。并且rect（）可以动态设置坐标参数。如果你也恰巧是要用TRTC electron，他的selectScreen
2020-07-03 17:52:40
2080
原创 charles的安装及使用
首先了解charles是什么：Charles其实是一款代理服务器，当程序链接charles的代理访问互联网那个时，他可以监控这个程序发送和接受的所有数据，然后截取请求和请求结果达到分析抓包的目的。简称用来抓包。再安装之前一定先配好java的环境，不然会报错：the bundled java installation is broken总结下来安装的步骤：1、配好java环境：可参考Win10下 Java环境变量配置在cmd命令中输入java，有内容出现就是代表配好了。2、安装charles和破解
2020-06-17 15:50:57
616
原创 样式穿透::v-deep
在用到很多vue的组件库如vant，elementUI，vuetify等虽然配好了样式但是神奇的产品还是会让你改一下样式可以用::v-deep或者/deep/来解决，后者在vue 3.0会报错使用方法如下::v-deep .v-text-field.v-text-field--enclosed .v-text-field__details { margin-bottom: 8px; padding: 0px !important; }在想要修改的样式前面加上v-deep就可了..
2020-05-28 11:48:13
9094
原创 Git Flow :规范提交git
详情参考添加链接描述自己理解：git commit xxx提交代码的时候，xxx的编写需要规范结构范例type(修改文件夹名称): add final-report folder（添加了什么功能）type代表添加类别：1 build: 主要目的是修改项目构建系统(例如glup，webpack，rollup的配置等)的提交2 ci:主要目的是修改项目继续完成集成流程(例如Travis，Jenkins，GitLab CI,Circle)的提交3 doc：对应的文档更新3 feat：项目中的新增
2020-05-13 15:16:42
589
转载 Nginx是干什么的（小白篇）
可参考这位大神写的添加链接描述加上一点自己的理解都知道nginx是反向代理，代理了什么？怎么代理的？可以先理解正向代理，比如访问外网我们是访问不到的，如外网A，这个时候可以找别的 可以访问到的服务器比如服务器B，B可以访问到A，把访问到的数据返回给我们，这样就可以看到A了，B就相当于一个正向代理，这里我们必须要知道B的明确地址才可以访问到，A是不知道我们访问他的，我们是通过B这个正向代理访问...
2020-05-08 11:03:56
819
原创 jquery滚动屏幕的时候改变导航栏样式+出现回到顶部
公司是要求做一个屏幕一滚动，导航栏高度变小，和滚动400px的时候出现回到顶部的图片并且回到顶部。先了解一些屏幕高度<script> $(document).scroll(function() { var scroH = $(document).scrollTop(); //滚动高度 var viewH = $(window).height(); /...
2019-12-31 13:48:54
736
原创 用原生代码制作公司官网+jQuery.i18n中英文如何切换+垂直下拉框
制作公司官网首先要看看SEO(搜索引擎优化)，说白就是在用百度搜索的时候能排名靠前一点，推荐看一下这个就差不多了添加链接描述。分享一下踩得坑：1、公司要做的有中英文的，上一个版本的官网也是中英文，做了两套，一套中文一套英文，然后可以从一个html跳到英文页面去过去，这样的目录结构：我也照做了…后来发现有更简单的方法，可以用基于jQuery.i18n.properties 实现前端页面的资源...
2019-12-27 18:12:27
689
原创 后端传过来的时间戳快速转换成标准时间格式
var a = res.data[i].chatInfList[0].chatDate var date = new Date(a); //时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth() + 1...
2019-12-09 15:47:03
1325
1
原创 vue使用微信表情
在main.js中写function toEmotion(text, isNoGif){ var list = ['微笑', '撇嘴', '色', '发呆', '得意', '流泪', '害羞', '闭嘴', '睡', '大哭', '尴尬', '发怒', '调皮', '呲牙', '惊讶', '难过', '酷', '冷汗', '抓狂', '吐', '偷笑', '愉快', '白眼', '傲慢',...
2019-12-03 10:33:38
3096
3
原创 vue绑定银行卡
输入卡号的地方是一个隐藏的input，要对银行卡号进行判断和查询银行类型，调用BIN.getBankBin的接口。使用方法：npm install bankcardinfo调用：<script>var BIN = require('bankcardinfo');export default { data() { return { ...
2019-11-21 19:53:31
1751
原创 vue已知商家位置调用高德、百度和腾讯地图显示商家位置和导航（a标签href在url后拼接参数）
需求和效果图如下，点击图片，根据坐标显示出商家的位置和名字，上面还有一排路线规划点击图片后选择地图高德地图效果图百度地图腾讯地图：最开始看的高德，有vueamap文档，去高德官网配了key查了半天，弄出来了个路线规划，但是发现并没有实用，只要一个路线规划（就是两个点它能自动规划路线）没有方向。于是就换了种形式，发现特别简单，就是通过url跳过去调用第三方就行可以看看腾讯的就大概...
2019-11-20 10:32:04
1447
原创 vue前后端分离唤起微信/支付宝支付+15分钟付款倒计时
点击付款的时候带过去订单编号和价钱，有微信和支付宝两种支付方式，都需要这两个参数（我们的是需要这两个参数，也可以有别的参数）《插图》倒计时十五分钟的代码：这个就是普通的倒计时，后台定时也是十五分钟，到了十五分钟后台自动删除订单。<div class="a">{{minute}}:{{second}}</div>data() { return { ...
2019-11-16 09:47:26
1668
原创 vue+barcode实现扫一扫功能
附上barcode参考文档添加链接描述使用它很大一个优点：能快速方便调用设备的摄像头进行条码扫描识别，而不需要安装额外的扫描插件。主要弄明白他两个方法和成功回调差不多功能技能实现了回调里面的type是码的类型，result是扫出来的地址拿到result我们一般是希望他可以通过跳转链接，如果直接用plus.runtime.openURL(urlStr);的话跳不过去，给他赋给一个变量就好...
2019-11-13 11:24:56
13264
21
原创 vue项目用hbuilderX打包成app运行过程（包括解决真机调试检测不到苹果手机）
我是windows系统，不知道其他系统咋弄1、下itunes，然后手机上跳出来是否对着个电脑信任，点信任之后，看连没连上手机，下图就代表连上了连上之后还是检测不到手机，试了网上各种方法最后，2、在电脑上下一个iTools，然后按照他的提示一顿操作，有更新卸载什么的，最后告诉我失败了…但是重新打开hbuilderX，发现能检测到了…然后运行到手机上，手机上有一个app，点开说：未受信任的...
2019-11-11 17:33:23
2827
1
原创 vue+element怎么插入图片/在跳转路由到其他页面携带数据并接受
1、怎么在element table插入图片地址<el-table-column prop="imgPath" label="图片路径" sortable width="180"> <!--插入图片链接的代码--> <template slot-scope="scope"> <img :s...
2019-10-20 15:05:39
931
原创 SVN使用
公司项目要求用SVN，学了一下怎么使用和安装SVN是一个开源的版本控制系統，有一个主机是存放所有的，和git有一个区别就是这个，git是分布式的SVN一般使用到的repository（源代码库）:源代码统一存放的地方Checkout（提取）:当你手上没有源代码的时候，你需要从repository checkout一份Commit（提交）:当你已经修改了代码，你就需要Commit到rep...
2019-09-09 21:52:04
72
原创 vue+饿了么做分页和表格查询并且实现交互
先说分页，一页显示十条数据，和后台商量了的是在地址后面拼一个字符串，拼1后台就返回第一页的数据展示在页面上。如 http://xxx/attendance/record/1 后台直接返回第一页的 /2就是返回第二页的数据handleCurrentChange (currentPage) { //点击页码，展示当前页码的数据 this.tableData.splice(0,10...
2019-08-27 17:36:02
1543
原创 vue项目引用echarts
安装环境： npm install echarts --save在main.js中引用：import echarts from 'echarts'Vue.prototype.$echarts = echarts在想要显示echart的地方来一个div，必须写宽高 <div id="container" style="width:70%;height:376px;float: le...
2019-08-12 15:47:57
242
原创 vue页面加全屏背景
<div id="building"></div><style>#building{background:url("");width:100%;height:100%;position:fixed;background-size:100% 100%;全屏 平铺
2019-08-11 16:58:51
16272
9
转载 element table模糊查询
先了解一下computed和watch：computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上**进行双向数据绑定**展示出结果或者用作其他处理； computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化，举例：购物车里面的商品列表和总金额之间的关系...
2019-08-07 20:09:10
2942
原创 vue axios请求出错No 'Access-Control-Allow-Origin' header is present on the requested resource
在向服务器请求数据的时候，经常报这个错No ‘Access-Control-Allow-Origin’ header is present on the requested resource解决方法：在config/index.js中proxyTable添加proxyTable: { '/api': { // 要代理...
2019-07-30 10:34:36
15156
原创 创建并运行vue-cli项目（小白篇）
菜鸟上的代码 自己敲了一遍<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="https://cdn.staticfile.org/react/16.4.0/umd/r...
2019-05-31 20:22:24
133
转载 react1
首先安装node，然后配置一个开发环境，创建项目npm creat-react-app my-appcd my-appnpm start配置JSX环境npm init -ynpm install babel-cli@6 babel-preset-react-app@3Create React App 不会处理后端逻辑或操纵数据库；它只是创建一个前端构建流水线（build pipe...
2019-05-31 20:07:57
116
转载 react入学
今天开始打卡学习react先看了一下箭头函数，感觉出现频率有点高附网址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或 new.target。引入箭头函数有两个...
2019-05-29 19:27:00
122
转载 js写一个route路由
路由的用途：做H5的时候，可以把所有页面写在一张页面里面，通过路由，来显示你点击过后需要出现的页面。路由实现的原理：window绑定了监听函数，当url的hash值发生变化的时候会触发hashchange回调，在回调中进行不同的操作，马上刷新页面，从而显示不同的页面。js代码如下// 创建一个 newRouter 类 class newRouter { // 初始化路由信息...
2019-05-28 20:01:19
2866
原创 JavaScript输入一个时间然后计算与今天相差多少天
今天朋友让我帮忙敲一个作业，随便输入一个时间然后计算与今天相差多少天，当做回顾一下Datehtml：<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>日期计算</title> <script src="./js/main....
2019-05-26 17:19:48
3345
2
原创 H5调用接口实现滑动条控制设备
目前做的项目是需要调用京东的接口，对于小白的我来说，接口花了我好长的时间去理解：好比说我们做的是窗帘的项目，滑动条的数值就是窗帘的开合度，你的H5真正是用来控制窗帘的，也就是你滑动条的数值要给到窗帘里面去，才可以控制窗帘开合度，而怎么把数据给窗帘呢，接口就是定义了这些方法，也就是你不用弄懂他是怎么给到窗帘的，直接用就可以了；接口里面有很多数据，关于窗帘的，比如说窗帘的Curpercentage(...
2019-05-25 11:10:24
482
原创 左右滑块控件
任务是要做一个左右滑块控件，以为很难所以憋了一下午，主要原因是不知道该怎么搜这个问题！怪我没好好搜一下，以为是先来一条直线再来一个圆圈…真正的奥秘原来是！HTML5 <input type=“range>”直接就出来了这个，当然了还是要调一下样式然后就是滑完滑块直接更新百分比用range.function就可以了…<span id="rang">80<...
2019-05-08 17:57:08
786
原创 简单的进度条儿
今晚学了ajax 学到了一个进度条<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><style> #progress{ width:200px; ...
2019-05-06 20:47:36
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人