Tangsze-CSDN博客

原创 IOS浏览器不支持对element ui table的宽度设置百分比

IOS浏览器会把百分号识别成px，所以我们可以根据屏幕宽度将百分比转换成px。

2023-11-06 14:24:04 237

原创 vue 在组件上加key的作用

2.还有一个就是避免组件’原地复用’带来的副作用,加上key,可以让组件在数据变化时强制更新组件’1.key就是给每一个vnode的唯一id,可以依靠key更准确地拿到Vnode中对应的节点。

2022-12-26 10:25:48 676 2

原创 WebSocket 移动端锁屏以及退到后台重连机制

手机锁屏以及退出后台webscoket会断开：js在手机熄屏后会中断，在唤醒之后js会继续执行。所以设置在js中的定时发送心跳包的功能在手机熄屏后就没法执行了。熄屏时间过长，这个时候链接就会被服务端强制断开，并且大部分手机在熄屏时，websocket连接就已经断开了。解决办法：使用H5提供的页面隐藏/显示API。...

2022-08-12 10:28:00 4181 2

原创 git撤销上次push

git reset --hard HEAD^注意本地代码会被回退到上次修改前，如果本地已有修改注意备份。之后，使用 –force 或 -f 参数强制pushgit push origin master --force再看git log就没有上次的提交了。

2021-09-10 12:16:02 3376 1

最近写了一个项目，是给PC端和app端添加第三方广告，用的是百青藤的广告代码，在写的时候遇到的问题在这里总结一下。1. 第一个问题是个很严重的问题，广告放到app上可以正常显示，但是点击后没有反应，尝试了各种办法，也都无济于事，只能改需求辗转微信公众号上2. 第二个问题是点击广告后需要调接口，但是点击广告就直接跳转页面了，无法触发点击事件，原因是广告生成的代码内部是iframe标签，需要给iframe添加点击事件如何给广告添加点击事件呢？在网上找到了两个方法，我选择用第二个方法。第一种方法:a

2021-08-30 15:08:37 13116

原创前端UI组件库搭建指南

https://zhuanlan.zhihu.com/p/94920464?from_voters_page=true

2021-05-26 11:40:17 390

原创手写一个promise

function Promise (excutor) { let that = this that.status = 'pending' that.value = null that.reason = null function resolve (value) { if (that.status === 'pending') { that.value = value that.status = 'fulfilled' } } functio

2021-05-24 15:03:56 116

原创 js实现弹窗在点击每个按钮后出现在屏幕不同位置的方法

<div class="add_alert" style="display:none"> <div class="add_alert_main"> <div class="triangle"></div> <div class="add_option"></div> <div class="add_button"> <button class="btn_

2021-04-06 15:29:10 883

原创 Vue+Ts项目中根目录.文件配置详解

1 .editorconfig1.EditorConfig和Prettier一样，都是用来配置格式化你的代码的，这个格式化代码，要和你lint配置相符！否则会出现你格式化代码以后，却不能通过你的代码校验工具的检验。2.让使用不同编辑器的开发者在共同开发一个项目时“无痛”地遵循编码规范(编码风格)，就可以使用EditorConfig插件，会在项目根目录寻找.editorconfig文件并使用其中定义的编码风格。默认配置root = true[*]charset = utf-8indent_sty

2021-03-15 17:08:08 1535

原创 git push 出现 The current branch dev has no upstream branch.的问题

git push 出现 The current branch dev has no upstream branch.的问题说明本地没有与远程分支建立连接。解决方法：git push origin dev -u这个意思是把本地dev push到origin的dev -u表示同时建立关联，以后再推送到远程只需git push origin...

2021-03-12 13:50:07 259

原创 git 本地切换远程仓库地址

1.git remote -v 查看本地远程仓库地址2.git remote rm origin 删除本地仓库地址git remote rm origin3.执行git remote -v查看本地仓库地址是否删除4.添加新的远程仓库地址 git remote add origin + 远程仓库地址git remote add origin '远程仓库地址'5.查看本地更新的仓库地址git remote -v...

2021-03-10 17:21:47 184

转载 js监听移动端键盘弹出和收起事件

//这里区分不同系统const ua = typeof window === 'object' ? window.navigator.userAgent : '';let _isIOS = -1;let _isAndroid = -1;export function isIOS() { if (_isIOS === -1) { _isIOS = /iPhone|iPod|iPad/i.test(ua) ? 1 : 0; } return _isIOS === 1;}

2021-03-02 14:18:13 4164

原创预览图片插件 viewer.js在pc端使用

先看下效果引入viewer.css和viewer.js文件<link rel="stylesheet" href='//cdn.jsdelivr.net/npm/viewerjs@1.9.0/dist/viewer.min.css'></link><script src='//cdn.jsdelivr.net/npm/viewerjs@1.9.0/dist/viewer.min.js'></script><div class="review

2020-12-30 10:16:24 552

原创对object.keys的理解

1、对象---------返回属性名var obj = {'aaa':'123','bbb':'345'};console.log(Object.keys(obj)); //['aaa','bbb']var obj1 = { 50: "a", 22: "b", 30: "c"};console.log(Object.keys(obj1)); // console: ["22", "30", "50"]var obj2 = Object.create({}, { getFoo : { valu

2020-12-23 16:52:25 123

原创 js上传文件到服务器 formdata格式参数

好长时间没有更新文章了，今天写点关于js上传文件的问题上传文件用input type=file，通过onchange事件获取到上传文件的信息，这个大家都知道。那么通过ajax上传到服务器传formdata格式该怎么写呢？首先，new一个FormDatavar sD = new FormData()然后，把获取到的文件信息append进去// file就是获取到的文件信息sD.append('type', 'bidfile')sD.append('bidfile', file)通过ajax

2020-12-08 09:27:58 1481 2

原创快速有效的理解闭包

http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html

2020-10-22 16:52:32 122

原创前端性能优化35条

1、尽量减少HTTP请求个数——须权衡合并图片（如css sprites，内置图片使用数据）、合并CSS、JS，这一点很重要，但是要考虑合并后的文件体积。2、使用CDN（内容分发网络）这里可以关注CDN的三类实现：镜像、高速缓存、专线，以及智能路由器和负载均衡；3、为文件头指定Expires或Cache-Control，使内容具有缓存性。区分静态内容和动态内容，避免以后页面访问中不必要的HTTP请求。4、避免空的src和href留意具有这两个属性的标签如link，script，i

2020-10-22 14:36:55 165 1

原创 vue中使用节流，实现一个按钮在3s内不能重复触发点击事件

vue中使用防抖，实现一个按钮在3s内不能重复触发点击事件1.先在data中定义上次点击的时间：lastTime:0。2.触发点击事件：userText (e) { let that = this // 设置定时器 let timer // 设置现在的时间 let now = +new Date() // 当现在的时间减去上次点击的时间小于3s时,给出提示，并结束执行函数 if (that.lastTime &

2020-10-22 11:41:20 1035 2

原创 vue中读取txt文件内容，并根据内容进行筛选过滤

vue中读取txt文件内容，并根据内容进行筛选过滤1.通过请求后端接口获取到文件的路径。2.比如 res.data.data.filePath是获取到的文件路径，则可以通过axios.get方式读取文件内容let Words = []// 通过请求接口获取文件路径filterSensitive().then(res => { console.log(res) // 读取文件内容赋值给Words axios.get('/api' + res.data.data.filePath)

2020-10-22 10:37:23 2206

原创 js常用方法函数封装

/**utils.js v0.0.1各类js工具函数*//*时间格式化函数(将时间格式化为，2019年08月12日，2019-08-12，2019/08/12的形式)pattern参数（想要什么格式的数据就传入什么格式的数据）· 'yyyy-MM-dd' ---> 输出如2019-09-20· 'yyyy-MM-dd hh:mm' ---> 输出如2019-09-20 08:20· 'yyyy-MM-dd HH:mm:ss' ---> 输

2020-10-15 16:49:39 522

原创 flutter配置底部导航

https://www.jianshu.com/p/287fde954375

2020-07-14 11:15:29 202

原创解决git push报错 fatal: HttpRequestException encountered.

今天提交本地代码到github上时，出现这样的错误fatal: HttpRequestException encountered.在网上查了下原因：出现该提示信息的主要原因是Github禁用了TLS v1.0 and v1.1这种弱加密标准，此时需要手动更新Windows的git凭证管理器，更新方式很简单，在网站下载Git在Window上的凭证管理器并默认安装即可https://github.com/Microsoft/Git-Credential-Manager-for-Windows/releas

2020-06-30 14:49:07 338

原创移动端ios/Android兼容性总结

1.移动端 HTML5 audio autoplay 失效问题这个不是 BUG，由于自动播放网页中的音频或视频，会给用户带来一些困扰或者不必要的流量消耗，所以苹果系统和安卓系统通常都会禁止自动播放和使用 JS 的触发播放，必须由用户来触发才可以播放。解决方法思路：先通过用户 touchstart 触碰，触发播放并暂停（音频开始加载，后面用 JS 再操作就没问题了）。document.addEventListener('touchstart',function() { document.getEle

2020-06-29 11:15:57 951

原创前端面试题----vue

1.常用的vue指令有哪些: v-if v-else v-on v-bind v-show v-model2.浏览器页面之前如何传参queryurl?a=xxx&b=yyyquery+pathquery+nameparams注册:url/:id请求:url/123params+nameprops布尔值对象函数meta路由元信息3.父子组件互相调用方法父组件主动获取子组件的数据和方法：1.调用子组件的时候定义一个ref,其中children为

2020-06-22 13:37:24 973

原创 APP中H5页面实现拨打电话功能

<a href="tel:400-0000-000">400-0000-000</a> //如失效，就在head标签里加上 <meta name="format-detection" content="telephone=yes"/>如果浏览器上能用，但是app中ios提示：链接失效android提示：net::ERR_UNKNOWN_URL_SCHEME错误就表示原生缺少以下代码，// 处理拨打电话以及Url跳转 -(void)webView:(W.

2020-06-18 17:11:02 1824

转载 git命令

https://www.cnblogs.com/zndxall/archive/2018/09/04/9586088.html

2020-06-10 10:52:01 133

原创从输入网址到页面加载完成中间发生了什么

当我们在浏览器的地址栏输入网址（譬如： www.linux178.com），然后回车，回车这一瞬间到看到页面到底发生了什么呢？域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求，浏览器得到html代码 --> 浏览器解析html代码，并请求html代码中的资源（如js、css、图片等） --> 浏览器对页面进行渲染呈现给用户域名解析是页面加载的第一步，那么域名是如何解析的呢？以Chrome为例：Chro

2020-06-08 14:09:27 453

转载百度统计代码

百度统计代码介绍跟踪原理使用百度统计跟踪网站的流量，您需要在网站的每一个网页中加入百度统计的JavaScript代码。统计代码在创建站点时获取，一个站点对应一个代码跟踪ID。当用户浏览您网站的某一个页面时，这段JavaScript代码会被执行，将所收集到的访问参数发送到百度统计的服务器，百度统计根据跟踪ID对数据进行归类处理，然后展示到相应ID的站点统计报告里。正确安装统计代码后，一般20分钟左右后，即可以查看到统计数据。因此要想统计到完整的访问流量，必须在网站的每一个页面中都安装正确ID的百度统计代

2020-06-04 15:46:00 1280

空空如也

空空如也