- 博客(49)
- 收藏
- 关注
RSS订阅原创 node 服务发布后无法访问
方法二 将服务器地址映射出去 两边都是域名形式访问 加上node服务设置允许跨域 ，就能解决这个报错。还有一种情况是 服务器地址是ip+端口 但是页面访问地址是域名形式，存在跨域问题页面会有如下报错。设置为disabled 重启浏览器。解决方法： 看端口是否对外暴露。浏览器设置（治标不治本）
2023-04-11 14:48:44
688
1
原创 npm install报错node-gyp err报错node-sass版本不匹配node-sass@4.0.0
npm install 报错 npm run dev 报错node-sass版本不匹配
2022-12-09 17:50:59
2692
原创 支付宝小程序自定义可切换navbar及处理无法点击bug
支付宝小程序自定义navbar无法点击实现效果实现步骤无法点击bug处理实现效果(ide截图 真机上不会有白色直线)实现步骤获取手机信息-navbar高度// 页面： app.js onLaunch //获取导航栏高度 my.getSystemInfo({ success: (result) => { let statusBarHeight = result.statusBarHeight; let titleBarHeight =
2022-03-01 11:58:37
3065
原创 js 浏览器下载显示进度
项目中下载相关的需求比较多，下载的时候需要更改文件名称。这里有两种方法，一种是通过blob转换，通过a标签下载；另一种是通过插件streamSaver和fetch进行下载。说下优缺点方案一a标签进行下载，如果不用更改文件名称，那就比较方便，并且不需要进行blob转换。但是如果是下载视频录像等，使用a标签就会先打开新的页面，在进行点击下载操作。操作流程比较长。如果使用a标签并且需要更改文件名称，就需要先进行blob转换操作，通过XMLHttpRequest进行转换，如果是视频类或者文件内容比.
2021-09-03 09:41:26
9076
23
转载 JS中的数组空位处理
// 先来看个练习题// Es5let array = [,1,,2,,3];array = array.map((i) => ++i) //结果为 [,2,,3,,4],从这里可以看出 map方法跳过了empty空位定义数组元素可以在元素列表的开头，中间或结尾处省略。每当元素列表中的逗号前面没有AssignmentExpression(即，逗号在另一个逗号的开头或之后)，丢失的数组元素就会增加Array的长度并增加后续元素的引索。未定义省略的数组元素。如果一个元素被省略在数组的.
2021-06-18 10:13:20
966
转载 手写call、bind、apply（手写代码总结）
手写call、apply和bind手写防抖和节流手写call 、apply和 bind转载自博文callFunction.prototype.myCall = function( context ){ // 1. 判断有没有传入要绑定的对象，没有默认为window；如果是基本类型的话通过Object()方法进行转换 var context = Object(context) || window; // 2. 给context添加一个fn属性，值为this，也就是fn(
2021-06-15 17:17:16
589
原创 前端基础知识点整理
前端基础易混知识点articlesectionasidehgroupmarkheaderfooternavtimemenufigurefigcaptioncontextmenuCSS3新增特性
2021-06-07 15:17:56
227
2
原创 前端常见兼容问题总结
前端常见兼容问题总结火狐浏览器不支持css zoom属性火狐浏览器不支持innerText浏览器事件绑定及event对象使用火狐浏览器不支持css zoom属性需求是根据鼠标滚动放大缩小图片一般浏览器可以使用css的zoom属性对图片进行放大缩小。<img class="can-move-img" src="" onmousewheel="return bbimg(this)">function bbimg(o){ var zoom=parseInt(o.style
2021-06-03 16:49:35
423
原创 web端引导图introJs使用教程
官网地址 点我看先上图官方实例图片：项目成果图片：（糊掉了部分信息）一、引入<link rel="stylesheet" href="css/introjs.css"><script src="js/intro.js"></script>// or npm安装 Vue可用npm i vue-introjs intro.js --save // 在main.js 引入 import VueIntro from 'vue-introjs';.
2021-05-31 15:12:15
2394
8
原创 aliplayer阿里云播放器直播及录播前端代码
引入 aliplayer<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css"/><script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-h5-min.js"></scrip
2021-05-28 10:12:58
1238
2
原创 js控制蓝牙笔翻页功能(键盘事件）
使用激光笔控制页面跳转需求：几个本地页面需要投屏并用激光笔控制页面跳转（类似ppt）。注意：激光笔上下翻页的按钮对应的是键盘的pageUp和pageDown，有些键盘会把pageUp和pageDown以及上下箭头按钮合并，因此可能会在使用keyCode的时候用成上下箭头的keyCode。具体实现：document.body.onkeydown = function(evt) { var e = evt || event; if(e.keyCode == 33) { // 33为键盘pageU
2021-05-20 09:49:12
1705
3
原创 rrweb记录用户操作（转为txt文档上传阿里云）前端代码
需求：保险购买页面新需求： 为了避免纠纷，需要记录用户操作。使用rrweb插件记录用户操作的events，并转为txt文档上传阿里云指定文件夹。目录rrweb简单介绍rrweb引入rrweb记录行为保存录制内容，转为txt文档并上传阿里云rrweb回放踩坑的地方 一、rrweb 简单介绍官方介绍：rrweb – record and replay the web，利用现代浏览器所提供的强大 API 录制并回放任意 web 界面中的用户操作。rrweb是前端js，可以将⻚⾯中的.
2021-05-19 11:30:41
1918
6
原创 Vue项目 swiper.slideTo报错
记录vue项目中使用swiper 插件的坑！报错为mySwiper.slideTo is not a function刚开始以为是版本问题，更换了版本发现还是存在这个错误。 <div id="swiper-big-image" style="z-index: 19891025;" v-show="showSwiper"> <div class="photo-wrapper"> <div class="photo-s
2021-04-09 19:57:52
3607
原创 微信小程序构建npm找不到miniprogram文件
在project.config.json文件中 找到setting，增加如下代码 "packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir": "./../你的项目名" }
2021-03-31 14:25:47
10120
11
原创 element-ui 自带图标无法显示（已解决）
使用vue时 ，引用el-menu组件发现自带的el-icon-arrow-down无法显示。更换element-ui版本后依旧无法显示。最后发现没有样式。解决方法：在main.js中引入对应样式：这样就能显示出来啦，并不是因为版本问题或者是引入的路径不对。...
2021-03-19 16:46:05
12188
11
原创 2021Vue面试知识点（重点知识）
总结Vue需要重点掌握的知识Vue响应式原理。Vue组件之间通信的方式。虚拟DOMvue和react异同Vue3.0和2.0的区别diff算法Proxy代理Vuexvue-router 导航守卫vue性能优化 SPA单页面渲染 Vue响应式原理 当页面数据发生变化时，会对页面进行重新渲染，这就是Vue响应式。这个过程中 Vue做了这些步骤：数据劫持 / 数据代理 （侦测数据变化）依赖收集（收集视图依赖的数据）发布订阅模式（数据发生变化时，自动通知需要更新的视图部分
2021-03-11 17:36:47
485
3
原创 去除IE低版本浏览器输入框自带小图标
去除IE低版本浏览器输入框自带小图标ie低版本使用 input输入框，当type为password时，输入会自动显示一个眼睛的图标，当type为text时，会显示一个×图标。但是经常我们在使用时会通过js去控制更改图标，或者会遇到发送验证码，输入验证码的情况，这种情况下，ie自带的输入框图标就显得有点多余。去除方法：::-ms-clear,::-ms-reveal{ display:none; }...
2020-12-10 10:04:35
329
原创 IOS事件代理也无法点击
ios无法点击，事件代理也无法点击？$('body').on('click','....', function(){ console.log('click')})有一次写h5页面，遇到一个dom元素安卓可以点击，web端可以点击，但是就是ios部分系统无法点击。搞了半天，使用事件代理也不行。解决方法：给点击的元素加一个 css样式cursor: pointer;就可以点击了。。。...
2020-12-09 16:25:08
97
原创 前端面试题补充二
Doctype的作用声明位于位于HTML文档中的第一行，处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。标准模式和兼容模式的区别标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素： a span img input select s
2020-09-28 11:48:35
268
原创 PHP基础
定义PHP 全称 Hypertext Preprocessor 超文本预处理器PHP 文件可包含文本、HTML、JavaScript代码和 PHP 代码PHP 代码在服务器上执行，结果以纯 HTML 形式返回给浏览器PHP 文件的默认文件扩展名是 “.php”<?php // php代码片段?>php注释<?php// 这是单行注释# 这也是单行注释/*这是多行注释多行注释多行注释*/php变量变量以 $ 符号开始，后面跟着变量的名称变量名
2020-09-21 17:59:06
125
原创 Three.js入门学习
Three.js入门定义Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。资源结构引入方式相对路径引入<script src="./three.js"></script>绝对路径远程加载<script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/three.js"></scr
2020-09-21 15:45:20
1081
原创 解决scrollTop值总为0
scrollTop值为 0近期作者在项目中遇到了一个问题。 项目内容大致是点击某些元素，进入到另外的页面。这里因为是h5页面，直接用的显示与隐藏的关系来进入其他页面。但是每次设置完display为none后，关闭进入的页面，回到首页后发现首页自动置顶了。于是参考其他博客说可以使用scrollTop设置var windowsTop = document.body.scrollTop// 这里采用的是localstorage缓存，点击元素时储存这个windowsTop，然后在关闭页面时，将这个值赋给bod
2020-08-25 16:15:40
8623
2
原创 mobileSelect 改造 -- 日期间隔选择器
mobileSelect 改造 – 日期间隔选择器话不多说，先看效果图大致就是这么个效果。选择开始时间和结束时间，适用于需要按天计算的场景，例如停车费、请假日期等。代码是用mobileSelect基础上用jquery改的。gitHub地址在这里 点我获取代码...
2020-08-20 10:36:06
1401
6
原创 jquery常用方法总结表
方法说明方法说明click（）点击dblclick（）双击mouseenter（）鼠标指针穿过元素mouseleave（）鼠标指针离开元素mousedown（）鼠标元素移动到元素上方并按下鼠标按键mouseup（）在元素上松开鼠标按钮hover（）鼠标光标悬停focus（）元素获得焦点blur（）元素失去焦点hide（speed，calback）隐藏show（speed，callback）显示toggle（）切换显示隐...
2020-08-03 15:23:49
160
原创 用户浏览页面时，token过期怎么处理？
前端面试的时候被问到这个问题，我的回答是：返回登录页面。。。。。。结果 ： 面试没过 （不只是这个原因，还有经验不充足哈哈哈）回来后搜了一下 ，看到这个博主的回答，感觉写的挺清晰 ，点我去看看token 是什么在开发过程中，我们都会接触到token（令牌），为什么要用token呢？主要的作用就是为了安全，用户登录时，服务器会返回一个有时效性的token，用户的每一次请求都需要携带上token，服务器会验证token的有效性。用户在浏览页面的时候，突然token到期了，应该怎么处理？我的
2020-07-31 10:39:27
6015
原创 了解前端渲染模板 -- jsRender
前端渲染与后端渲染后端渲染：后端渲染HTML的情况下，浏览器会直接接收到经过服务器计算之后的呈现给用户的最终的HTML字符串前端渲染：前端渲染就是指浏览器会从后端得到一些信息，将这些信息组织排列形成最终可读的HTML字符串是由浏览器来完成的，在形成了HTML字符串之后，再进行显示。前后端模板渲染的区别前端模板，主动权在前端，代码逻辑清晰；但会有延迟，主要在于异步请求数据，编译输出后端模板，减少一次http请求，页面渲染快，代码逻辑不清晰，过度耦合，维护成本比较高jsRender是
2020-07-30 17:20:42
678
原创 el-table 定制表头下拉选项
不废话，先上图这里是根据需要，在表头添加下拉选项，下方数据根据选项进行筛选。这里用到的是 slot=“header” 和 el-dropdown的组合。当然也可以使用 :render-header ，不过使用起来没有前者那么方便。 <el-table-column label="自定义显示字段" minWidth="250" :render-header="customFieldColumn" prop="value"> <
2020-06-23 10:18:59
2625
原创 Echarts -- legend部分翻页按钮失效
legend部分翻页按钮失效作者最近又遇到了一个奇葩问题：在使用echarts折线图的过程中，选择多个对象同时展示时，页面出现翻页按钮，但是点击却没有翻页效果。就像这样：测试过程中，发现原来两个点击的左右按钮位置发生了偏移，两个都朝右边偏移了几厘米，因此点击时不能准确的点击到按钮上，才出现了上面说的无法翻页的问题。紧接着，作者尝试了多种方法，在echarts文档中查看关于legend部分的配置项尝试了左右移动，换行等方法，还是没有解决这个问题。百度了一下之后，发现有的答案说更换echarts
2020-06-01 14:24:58
1559
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人