- 博客(43)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 nuxt脚手架创建项目
重新运行了一下，再后头看看报错，原来说是swiper中的package.json 没有export，导出swiper.css，如下图。1. C盘全局安装： npm i -g create-nuxt-app 安装后可create-nuxt-app -v查看。选择项中没有serve，但是查看旧项目，根目录下都有 /server/index.js 运行页报错，于是代码切到swiper依赖下， 看到目录下是含有swiper.css的，咦。报错swiper依赖中没有找到 ./swiper.css。
2023-08-07 20:15:50
1187
原创 Vue 编译错误 warning Delete `␍` prettier/prettier
解决 Vue 编译错误 warning Delete `␍` prettier/prettier
2022-07-08 11:09:57
2374
原创 解决Chrome禁止发送不安全的内网网络请求(ERR_FAILED)(How to fix Chrome block your insecure private network requests)
禁止浏览器安全策略， 谷歌禁止内网新策略修改
2022-02-09 10:34:26
8855
2
原创 mac 端口转发
mac下小于1024的端口用不了，所以web项目部署的时候，如果对外只能提供小于1024端口（比如微信公众号是80端口），那么可以做个端口转发。不用改端口，mac下执行端口转发命令就行，如下所示外面访问80端口的请求都会转发到8080端口Mac 版idea 调试的时候，8080端口转发功能脚本echo "rdr pass inet proto tcp from any to any port 80 -> 127.0.0.1 port 8080" | sudo pfctl -ef -
2022-01-14 11:29:00
3073
原创 前端基础知识点整理（html+css+js基础）、不包含框架
知识点（基础 css盒子模型 盒模型都是由四个部分组成的，分别是margin、border、padding和content。标准盒模型和IE盒模型的区别在于设置width和height时，所对应的范围不同。标准盒模型的width和height属性的范围只包含了content，而IE盒模型的width和height属性的范围包含了border、padding和content。一般来说，我们可以通过修改元素的box-sizing属性来改变元素的盒模型。 块级元素，行内元.
2021-06-15 09:42:31
557
原创 JS中 奇奇怪怪的小知识点 总结
1. 下面代码输出的结果是什么？var name = 'xiaohong';(function () { if(typeof name === 'undefined') { var name = 'xiaozhu' console.log('hello' + name) } else { console.log('bye' + name) }})()
2021-06-10 15:33:59
158
转载 axios 返回体 status 和statusText 属性对照表
status statusText 说明 0** - 未被始化 1** - 请求收到，继续处理 100 Continue 客户必须继续发出请求 101 Switching protocols 客户要求服务器根据请求转换HTTP协议版本 2** - 操作成功收到，分析、接受 200 OK 交易成功 201 Created 提示知道新文件的URL 202 Accepted
2020-09-23 00:12:17
2051
原创 yarn 命令大全，以及vue/cli安装与卸载
安装yarnsudo -Snpm install -g yarn卸载yarnnpm uninstall yarn -g查看yarn配置yarn config list查看当前yarn源修改yarn源查看yarn 版本
2020-08-28 15:21:40
18330
原创 git命令大全
1. git branch相关git branch// 不带参数：列出本地所有的分支，当前分支的前面用"*"标记git branch -r// 查看远程所有的分支git branch -a// 查看所有分支列表，包括本地和远程git branch dev// 创建名为dev的本地分支，创建分支时需要是最新的环境，创建分支但依然停留在当前分支git branch -d dev// 删除本地名为dev的分支，如果在分支中有一些未merge的提交，会删除失败，可以
2020-06-28 11:12:46
318
转载 键盘中对应的键盘码的码值（值得收藏哦！）
分享一些键盘码值哦~~keyCode 8 = BackSpace BackSpacekeyCode 9 = Tab TabkeyCode 12 = ClearkeyCode 13 = EnterkeyCode 16 = Shift_LkeyCode 17 = Control_LkeyCode 18 = Alt_LkeyCode 19 = PausekeyCode 20 = Ca...
2020-03-10 15:08:35
1824
转载 css配合label实现checkbox及radio样式自定义
input实现的单选或复选，默认样式是很丑的，UI设计通常会设计出各种花样，来满足视觉要求，在这里就说下怎么借助css来修改单选/复选框样式，首先我们来看下效果图片来自他人博客（https://www.cnblogs.com/fozero/p/8902116.html）1. 设置input 属性hidden对该input进行隐藏，或者通过display:none也可以<...
2019-12-09 14:32:44
1025
原创 数据类型精准判断
我们用到的最基础的数据类型判断就是typeof了，但是它无法判断数组类型，执行过程中数组及对象，都会判断为object。以下判断（为判断数据是否为布尔类型）Object.prototype.toString.call(bool)==='[objectBoolean]'精准判断对象类型JavaScript 中一切都是对象，任何都不例外，对所有值类型应用 Object.p...
2019-11-14 16:17:32
340
原创 js时间过滤器
/** * * @param {Date} time * @return String */ diffTime (time) { var endDate = new Date().getTime(); var startDate = new Date(time).getTime(); var...
2019-09-12 16:10:57
1424
原创 let和var的区别
1. 在以往的js中只存在函数作用域而不存在块级作用域。var声明的在整个fn中都有效2.使用let 将会存在暂时性死区 =》解释：使用let 声明的变量，在其声明前不可使用fn(){ console.log(name); //直接报错 这叫暂时性死区 let name = 'lisi';}fn(){ console.log(age); //un...
2019-06-18 16:00:46
121
原创 JS冒泡排序
let arr = [4, 31, 6, 9, 80];for (var i = 0; i < arr.length; i++) { for (var j = i; j < arr.length; j++) { console.log('前：', i, j, JSON.parse(JSON.stringify(arr))); if (arr[...
2019-06-12 18:26:26
100
翻译 html5 video播放/暂停开关
<!DOCTYPE html><html> <meta http-equiv="Content-Type" content="text/html;charset=utf8"><head> <title>html5 video播放/暂停开关</title></head><body>...
2019-05-28 11:36:06
13231
1
原创 循环里，设置执行间隔
在循环内控制，多长时间执行一次循环体，js没有提供这种方法，就只能自己写个判断时间的函数function sleep(n){ var start=new Date().getTime();//定义起始时间的毫秒数 while(true){ var time=new Date().getTime();//每次执行循环取得一次当前时间的毫秒数 ...
2018-08-20 18:31:05
8184
3
原创 隐藏video下载按钮
现在网页中涉及到视频时我们一般会选择用h5新增的video标签，神烦的是系统会自动给video标签加上一些我们不需要的按钮，比如下载按钮。在很多情况下，点击下载按钮网页会直接崩溃掉，所以提供下隐藏下载按钮的方法 1. css方式这种方式有个弊端，视频宽度不同时控制器加减的尺寸也不同，要具体调节，还有就是播放图标会向右偏移。页面不美观 video{ width:...
2018-07-16 18:16:49
2382
原创 less中 使用css3的calc
less中对于calc的解析会有冲突，less中写法：.div{ width: calc(100% - 50px)}less编译后：.div{ width: 50%;}解决办法.div{ width: calc(~"100% - 50px");}编译为.div{ width: calc(100% - 50px);}//如果进行数值和变量之间的运算可以这...
2018-06-27 14:50:55
360
原创 vue圆环进度条
此组件是从iview能陪你过过来修改的，不需要安装依赖，可直接用，自己用的时候最好也封装成组件，不然需要多个圆环的时候实现特别不容易。上组件<template> <div class="circle_container"> <div :style="circleSize" :class="wrapClasses"> ..
2018-06-12 11:56:12
7149
5
原创 解决IOS底部fixed定位失效问题
html<body> <!-- fixed定位的头部 --> <div class="header"> </div> <!-- 可以滚动的区域 --> <div class="main"> <div class="cont
2018-06-11 17:17:57
8987
原创 微信浏览器判断
先引入个判断函数function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); console.log(ua); if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else ...
2018-06-11 10:54:35
857
原创 如何隐藏video的下载按钮
如何隐藏video的下载按钮1. 使用 video 元素的 ControlList API <video controls controlsList="nodownload"></video>通过 ControList API，不仅可以通过设置 nodownload 来隐藏下载按钮，还可以设置 nofullscreen 隐藏全屏按钮, 以及noremoteplayback ...
2018-05-15 15:00:48
9469
4
原创 base64编码及解码
encode(input) { var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, ...
2018-05-14 15:42:35
862
原创 页面导入样式时，使用link和@import有什么区别？
用法import的写法<style type=”text/css”> @import url（“a.css”）；</style>link的写法<link rel="stylesheet" href="index.csss">区别1. 来源：link属于XHTML标签，import是CSS提供的方式。link方式除了CSS，还可以定义RSS，定义rel连...
2018-05-04 16:52:12
2169
原创 判断浏览器，判断安卓，ios
这里分判断浏览器在什么环境下分两种，一种是在正常的浏览器里，一种是在微信浏览器里，众所周知，微信浏览器是腾讯内部自己封装的一个浏览器，它改变了很多浏览器原有的属性，也禁用了一些浏览器原有属性所以在微信里区分安卓还是ios需要另一种方法1. 正常浏览器里后续补齐2. 微信浏览器里 var userAgent = navigator.userAgent; var isAndroid = ...
2018-05-03 16:50:15
790
1
原创 vue中多个倒计时实现
下面给出一个效果图，我今天要说的就是实现下图这种多个倒计时很多时候我们做只有一个倒计时的情况比较多，比较简单只需要一个定时器setInterval，算出来赋赋值就好，但是需要多个倒计时的时候我们就要考虑把倒计时封装成通用的方法了拿我自己的vue项目举个例 <!-- template --> <div v-for="(item,index) in list" :key...
2018-05-03 10:11:25
17211
13
原创 Vue图片加载错误、图片加载失败的处理
比如后台返回的一个图片字段pic，我们通常在代码里，会做一个检验图片，通常会像下面这样写<img :src="pic?pic:'../../assets/img/load.png'" alt="">这个判断只能判断pic是否存在，只有pic=''的情况下，才回显示设置的默认图片，但是如果pic这个字段是有值的呢，并且是一个错误的值，或者一个找不到的404的图片呢？这个时候就要...
2018-04-27 11:38:35
9876
原创 input选择视频或图片本地预览问题
图片目前可以用两个方法，示例是vue代码，原生用的话需要小改下预览图片 1 <input id="filepicker" @change="chooseImgInput" type="file" class="upload_icon"> <img :src="imgUrl" src=""> choo
2018-04-17 14:55:52
8763
1
原创 input选择并上传视频、在不同手机的兼容问题
目前我个人遇到的手机，（小米）/（中兴）小米小米手机在选择视频的input标签里不能设置accept="value"<input type="file" id="input" accept="video/mp4" @change="chooseVideoInput" class="uploadVideo_input">我的代码中限制了accept="video...
2018-04-17 14:39:02
3024
vue-devtools（vue调试插件）
2023-05-04
微信小程序初学者示例Demo
2020-06-29
vue项目实现动态的高亮简历（resume）
2020-06-28
node搭建的一个网上商城系统。包含论坛，安装依赖可运行
2017-09-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人