- 博客(60)
- 收藏
- 关注
RSS订阅原创 audio播放不生效
**h5 audio**（ios内，安卓暂未发现此问题）如果 audio.play 放在了一个异步里面 则 如果异步时间大于2000ms 则被认为是非用户行为，即audio.play()失效
2021-12-24 09:54:05
772
原创 jquery.validate.js
jquery.validate.js 使用 $.ajax({ type: "POST", url: url, //请求地址 dataType: "json", cache: true, xhrFields: { withCredentials: true }, data: { phone_number: phone, sms_code: code }, success: function (msg) { if(
2021-11-19 14:16:33
866
原创 微信自定义分享
使用的jssdk的1.0.0版本 <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>created() { this.getWXShare()}, methods: { getWXShare() { ajax.get('xxx', MD5({ url: location.href }), function (data) { if (da
2021-05-24 20:12:01
187
原创 video.js 播放当前视频，关掉其他正在播放的视频
$(function() { var videoObj = []; // 存放所有vidoe的实例 for(var i = 0; i < $(".video").length; i++) { (function(n) { videoObj.push( videojs('video' + (n + 1), { "controls": "true" }, function() { this.on('play', function(
2021-05-14 16:25:05
2286
原创 微信授权 后台带参数到url上（中文），解码问题
getQueryString(name) { var reg= new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = location.search.substr(1).match(reg); if (r != null) { return decodeURI(r[2]); } return null; },使用// username为url上的参数thi.
2021-04-28 14:41:26
647
原创 密码正则
// 密码正则 // 密码需包含字母，符号或者数字中至少两项且长度超过6位数，最多不超过16位数const regPwd = str => { let zmReg = /[A-Za-z]/; // 大小写字母 let numReg = /[0-9]/; // 数字 let zfReg = /[^A-Za-z0-9\s]/; // 特殊字符不包含空格 let empty = /\s/g; let chinese = /[\u4e00-\u9fa5]/g; let comple
2021-03-18 10:55:03
7984
原创 js正则匹配以 .html 或者 .m3u8结尾
var reg = /^[^\s\>\<\(\)]+(?:\.html|\.m3u8)$/var reg = /^((?!(\(|\)|<|>))\S)*?(\.html|\.m3u8)$/js正则匹配以 .html 或者 .mu8结尾, 且 . 前面至少包含一个字符（非空格字符），且字符不能是 <、>、 (、)
2020-10-21 16:55:27
2479
原创 vue vuecli3.0 使用 scss-loader,设置全局scss变量
首先上代码，使用loaderOptionsconst outputDir = process.env.NODE_ENV == "development" ? "dist-test" : "dist";module.exports = { css: { loaderOptions: { sass: { prependData: `@import "@/scss/default.scss";` } } }, configureWebpack
2020-09-21 10:43:56
2748
原创 Elementui日期组件 限制时间范围
需求：仅仅能选择的时间范围为30天pickerOptionsStart: { disabledDate: time => { // time 当前日期 // let curDate = Date.now(); let endDate = new Date(this.form.endTime).getTime(); let halfMonth = 30 * 24 * 3600 * 1000; // 30天
2020-09-18 16:03:48
1831
原创 ie中使用$.ajax 总是走到error回调
例如我在ie9中遇到了上图的情况，(在其他浏览器没有发现)一直都是走error方法，困扰了两天后，一直百度才明白原来ie9 ie8 不支持cors跨域（我们的接口和代码不在一个服务器上，所以存在跨域了，运维那里用的cors解决的跨域）,百度到一个可行的方法，就是使用jquery.xdomainrequest.min.js插件，在github上搜索就可以。猜测：如果数据是jsonp的,应该就不会有此问题，或者你的接口和代码在一个服务器上也不会出现...
2020-07-13 15:27:23
426
原创 在vue中使用flex,上中下结构（中间高度自适应）遇到的坑
项目中的页面需要 上中下结构（中间高度自适应）因此决定用flex布局实现中间布局需要使用elementui table组件在电脑火狐浏览器上遇到了表格不自适应的问题找了半天最终解决方法是把表格使用absolute表格的父元素加一个relative就可以了...
2019-12-31 13:00:22
2091
原创 vue 修改 elementui 默认样式
<style lang="scss" scoped >.table-con { /deep/ .el-table { position: absolute; width: 100%; border: 1px solid #ebeef5; border-bottom: none; }}</style>
2019-12-31 12:55:22
809
原创 eslint-plugin-vue 对于vue文件没有起格式检查作用
背景：自己用webpack 搭建了 一个类似 vue-cli 的脚手架，就在配置 …eslintrc文件时 使用了 eslint-plugin-vue，module.exports = { root: true, env: { browser: true, es6: true }, // extends: [ "plugin:@vue/essential","p...
2019-12-27 14:28:25
5734
1
原创 eslint + prettier
背景：如图，自己尝试用webpack搭建一个类似vue-cli功能的脚手架但是搭建过程中，在配置 eslint + prettier 时，遇到了问题同样是对代码格式的校验，都是在文件末尾多加了空行。图片右侧时vue-cli搭建的项目，很显然是以警告的方式提示的而图片左侧是自己用webpack搭建的，但是是以ERROR的方式提示的目标：仅仅是代码格式的问题，我都希望是以警告的方式...
2019-12-20 13:27:18
552
原创 webpack 热更新
当代码加上了热更新后，webpack打包就报错了热更新相关代码1： 如果是开发环境，将配置文件中的chunkhash 替换为hash2：如果是生产环境，不要开启HMR...
2019-12-19 15:08:44
235
原创 url-loader
在升级了 **“url-loader”: “^3.0.0”,**后webpack打包后 html 中的 img标签 的 src属性成了后来查资料翻译：默认情况下，文件加载器生成使用ES modules语法的JS模块。在某些情况下，使用ES模块是有益的，例如在 module concatenation 和t ree-shaking 的情况下。可以使用以下方法启用CommonJS模块语法...
2019-12-19 09:24:52
1773
原创 webpack 打包后 图片名称不一致导致页面上图片404问题
webpack 打包后 图片名称不一致导致页面上图片404问题webpack 中使用 html-loader (| html-withimg-loader) 和 html-webpack-plugin时，打包后，image文件夹中图片的名字被转化，但是index.html img src使用的图片名字名字仍然是打包前图片的名字打包后图片的名字：打包后html 中引入的名字：导致页面...
2019-12-18 16:34:26
1572
原创 refusing to merge unrelated histories
git pull origin master的时候 出错refusing to merge unrelated histories： 拒绝合并无关历史解决：git pull origin master --allow-unrelated-histories弹出vim对话框vim基本使用...
2019-12-11 13:28:08
138
原创 vscode 格式化文档问题
背景：vue-cli 集成的 eslint + prettier,但是如果在template中，一个元素的class、事件很长的话，格式化文档后，终端就会出现警告解决：在vscode setting.json中 把"vetur.format.defaultFormatter.html": "js-beautify-html"更改为："vetur.format.defaultFormat...
2019-12-10 10:09:06
2522
原创 chimee hls m3u8
使用chimee 视频插件mp4格式的视频 在ie8及一下不能使用m3u8格式的视频 仅仅在ie11下可用似乎 ie 不支持m3u8 hls (疑问)
2019-12-04 15:47:38
544
原创 rollup 中使用 @babel/polyfill
背景：使用rollup打包器，在入口文件中使用了es6 new Set(), 结果在ie11一下版本 报错但是 rollup 中 我现在已经使用了 rollup-plugin-node插件，在ie中仍然报错。后来查到Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、...
2019-12-04 11:00:27
4447
原创 chimee 播放器 在rollup打包器中使用后的各种报错汇总
目录结构：rollup.config.js代码export default [{ input: './src/js/video.js', output: { file: './dist/index.js', format: 'umd' }}];问题一：执行rollup -c 打包 出现警告解决： npm install -D rollup-plugin-...
2019-12-03 14:16:00
865
原创 babel命令行 报错不是内部或外部命令，也不是可运行的程序或批处理文件。
使用npx npx babel src/main.js写进 package.json的scripts对象scripts: { "runDIR": "babel src/main.js"}在终端执行 npm run runDir 就可以了
2019-11-26 09:58:44
2556
原创 typescript 提示 Object is possibly null
Object is possibly null： 对象可能是null分析：localStorage.getItem(“SET_HISTORY_KEY”) 这个值有可能为空，所以再执行getItem就会报错此刻对象可能为空。解决：联合类型 把null的情况写入类型断言成any类型，any类型上访问任何属性和方法都是被允许的。...
2019-11-21 16:14:12
29921
原创 javascript new Date() 使用
/** * 计算指定月份共多少天 * @param {number} year 年份 * @param {number} month 月份 */ getThisMonthDays(year, month) { return new Date(year, month, 0).getDate(); }, /** * 计算指定月份第一天星期几 *...
2019-10-30 09:36:39
646
1
原创 action 表单提交
<form action="xx" id="loginform" method="POST" > <div>用户名：<input type="text" name="user_name" id="user_name" /></div> <input type="submit" onclick="return doSubmitForm(...
2019-10-18 13:20:05
478
原创 js 三元运算符
var a= 5;a? '1': ((a=== 0) ? '2': '3')"1"var a= 0;a? '1': ((a=== 0) ? '2': '3')"2"var a= undefined;a? '1': ((a=== 0) ? '2': '3')"3"
2019-10-16 15:40:39
323
原创 es6 参数的一些处理
使用的es6 对象的解构赋值和扩展运算符function wrapperFunction({x, y, ...restConfig}) { console.log (restConfig)}wrapperFunction({x:"x", y:"y", a: 1, b: 2})// {a: 1, b: 2}使用了 es6 函数 的 rest参数function wr...
2019-10-16 14:51:25
155
原创 读es6 语法记录相关知识点--let 和 const 命令
let 和 const 命令1. let 命令ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外...
2019-09-29 10:07:18
125
原创 读es6 语法记录相关知识点--Promise对象
Promise对象基本用法Promise 新建后就会立即执行let promise = new Promise(function(resolve, reject) { console.log('Promise'); resolve();});promise.then(function() { console.log('resolved.');});consol...
2019-09-27 16:05:20
161
原创 shell 命令 cmd命令
shell命令ls 或者 dir 子目录清单cls 清空当前窗口md a 或者 mkdir a 新建一个文件夹(a)rd a 或者 rmdir a 删除一个空文件夹(a),如果这个文件夹是非空的，那么会有提示cd f: 或者 f: 切换盘符cd … 返回上级目录New-Item a.html 新建文件Remove-Item a.html ......
2019-09-25 10:29:28
5792
原创 读es6 语法记录相关知识点--变量的解构赋值
变量的解构赋值数组的解构赋值以前，为变量赋值，只能直接指定值。let a = 1;let b = 2;let c = 3;ES6 允许写成下面这样。let [a, b, c] = [1, 2, 3];如果等号的右边不是数组（或者严格地说，不是可遍历的结构，参见《Iterator》一章），那么将会报错。// 报错let [foo] = 1;let [foo] = fal...
2019-09-24 16:31:41
189
原创 读es6 语法记录相关知识点--数组的扩展
数组的扩展扩展运算符扩展运算符（spread）是三个点（…）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div')]// [<di...
2019-09-24 15:26:24
296
原创 读es6 语法记录相关知识点--对象新增的方法
对象新增的方法Object.is()ES5 比较两个值是否相等，只有两个运算符：相等运算符（）和严格相等运算符（=）。它们都有缺点，前者会自动转换数据类型，后者的NaN不等于自身，以及+0等于-0。JavaScript缺乏一种运算，在所有环境中，只要两个值是一样的，它们就应该相等。Object.is用来比较两个值是否严格相等，与严格比较运算符（===）的行为基本一致。不同之处只有...
2019-09-23 17:09:47
214
原创 读es6 语法记录相关知识点--对象的扩展
对象的扩展对象属性的可枚举性目前，有四个操作会忽略enumerable为false的属性（仅仅得到enumerable为true的属性）。for…in循环：只遍历对象自身的和继承的可枚举的属性。Object.keys()：返回对象自身的所有可枚举的属性的键名。JSON.stringify()：只串行化对象自身的可枚举的属性。Object.assign()： 忽略enumerable为...
2019-09-23 16:04:35
154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人