- 博客(17)
- 收藏
- 关注
RSS订阅原创 ssh: connect to host github.com port 22: Connection timed out fatal: Could not read from remote repo
gitssh: connect to host abc.com: Connection timed out fatal: Could not read from remote repository
2022-06-07 10:15:23
3006
原创 如何理解dpr
首先如何在设备上实现1px边框：物理像素: 在视网膜屏下面, 显示的实际的像素颗粒，iphone6分辨率7501334px逻辑像素: 可以认为成就是设备的宽度,css设置的像素，iphone6逻辑像素7501334pxdpr = 物理像素(设备像素) /逻辑像素(设备独立像素)所以iphone的dpr为2解决方式,第一种:通过媒体查询方式:.border { border: 1px solid #999 }@media screen and (-webkit-min-device-p
2021-02-25 17:40:53
3866
原创 h5页面获取当前用户连接wifi的ip地址_tcp/ip协议
let RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection; let _this = this; if (RTCPeerConnection) (function () { let rtc = new RTCPeerConnection
2020-12-08 14:20:38
2579
原创 vue.extend，mixins和vue.component的区别
1.vue.extendVue.extend就是传入一下组件options，然后返回了一个Vue的子类，也可以看做是一个组件构造函数。例子：可以通过vue.component将这个vue子类注册到全局<!doctype html><html><head><meta charset="utf-8"><title>在Vue中注册组件</title></head><body><div id="
2020-10-23 16:48:28
697
转载 reduce的用法
1.语法arr.reduce(callback,[initialValue])reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。callback （执行数组中每个值的函数，包含四个参数） 1、previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue）） 2、currentValue （数组中当前被处
2020-08-18 09:46:32
220
原创 vue移动端学生课表将二维数组自动合并行
由于项目的vant组件库没有表格，所以在此采用了原生的table将二维数组进行自动合并行，代码不太简洁，大牛请绕路，嘻嘻嘻formatData(data){//处理返回数据 let arr = data.slice(0,data.length-2) for(let i=0;i<arr.length;i++){ let num =0 for(let j=0;j<arr[i].length;j++){ .
2020-07-10 15:49:10
612
1
原创 按周切换的vue移动端学生课表日期
showCourse() {//初始化判断当前日期所在的周次 var dateArray = []; //开始查询日期 var date =JSON.parse(JSON.stringify(new Date(2020,2,2)));//设置初始开学日期，注意：这里第二个参数2表示3月，即开学日期为2019年3月2日 date = new Date(date) var dateTemp; //第一周天数不确定.
2020-07-10 15:37:02
839
原创 优化项目通过引入webpack的externals加载外部cdn资源
为什么通过引入webpack的externals加载外部cdn资源？因为通常引入资源是根据important语法导入第三方依赖包最终会打包到同一个文件中，从而导致单文件打包文件体积过大因此有了以下方案最后可以把main.js中把引入的第三方依赖包去掉...
2020-06-12 11:09:59
867
原创 解决eslint语法和vscode格式化工具的冲突问题
1.在项目根目录下新建一个.prettierrc文件{ "semi":false, //代码结束不加分号 "singleQuote":true,//使用单引号 "printWidth":200 //超过两百个字符再换行}
2020-06-12 10:34:32
772
原创 项目发布阶段移除console
1.首先安装依赖插件npm install babel-plugin-transform-remove-console --save-dev2.在根目录新建一个babel.config.js代码如下：//这是项目发布时用到的插件const prodPlugins = []if(process.env.NODE_ENV === 'production'){ prodPlugins .push('transform-remove-console')}modules.exports = {
2020-06-12 10:14:13
137
原创 斐波拉契数列递归和不使用递归
1.递归function fib(n){if( n1 || n == 2){return 1;}else{return fib(n-1)+fib(n-2);}}2.优化使用for循环实现function fib2(n){var res = [1,1];if( n1 || n == 2){return 1;}for(var i=2; i<n; i++){res.push(res[i-1]+res[i-2]);}return res[n-1];}...
2020-06-10 18:03:50
166
原创 正确姿势的verticle-align
1.先看后面一句“在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。”这很容易理解，如果给一个表格的td加一个vertical-align:middle的样式，表格里面的内容会垂直居中，同样的如果给一个vertical-align:bottom就会底部对齐，如果给一个vertical-align:top就会顶部对齐。 2.看前页一句“该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。”专业的语言我不会说的，可以打个比喻：假设有两个行内元素a和b，a和b都是img，当a加了一个...
2020-05-29 10:03:25
328
转载 js判断手指的上滑，下滑，左滑，右滑，事件监听
原理：1：当开始一个touchstart事件的时候，获取此刻手指的横坐标startX和staerY；2：当触发touchmove事件的时候，再获取此时手指的横坐标moveEndX和纵坐标moveEndY；最后，通过两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。代码：$(“body”).on(“touchstart”, function(e) {e.preventDefault();...
2020-05-08 09:25:46
928
转载 vue项目上传文件以及进度条
1.首先声明一个formData对象。2.把需要上传的参数利用append追加进去。append(‘参数名’,‘值’)第一个this.refs.upload.files[0],其实就是input标签加上ref唯一关键字就是upload。varfd=newFormData();fd.append(′image′,that.refs.upload.files[0],其实就是input标签加上re...
2020-04-17 17:56:31
1952
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人