javascript
关注
分享
扫一扫
kaiking_g
永远不要把钱看作财富，真正的财富是占据生存资料实现永久不劳而获，不要把赚钱看成了最终目标，你嘲笑按揭买房的人是房奴，事实却是富人都在负债买资产，穷人越存钱越穷!
展开
-
echarts的双X轴，父级居中的相关配置
echarts设置双X轴的一些配置原创 2024-12-02 15:47:30 · 895 阅读 · 0 评论 -
合并两个未知数据类型的变量
合并两个未知数据类型的变量(对象只能是一级，内嵌多层则为true)原创 2023-01-11 14:00:17 · 206 阅读 · 0 评论 -
js 正则 获取文件名
js 正则 获取文件名。原创 2022-11-09 11:50:33 · 1840 阅读 · 0 评论 -
js数据类型获取
js数据类型获取。原创 2022-07-15 11:34:36 · 465 阅读 · 0 评论 -
js正则表达式，匹配括号中的内容（不包含括号）
js正则表达式，匹配括号中的内容（不包含括号）原创 2022-07-11 11:07:35 · 15398 阅读 · 0 评论 -
js的【可选链(.?)】，【空值合并运算符(??)】，【空值赋值运算符(??=)】用法和含义
js中可选链，空值合并运算符，空值赋值运算符，用法和含义原创 2022-07-11 10:23:44 · 372 阅读 · 0 评论 -
js 正则匹配\\n\\r，替换成＜br/＞无效？？已解决！！
js正则匹配\n\r无效的解决方法，改成 \\n\\r即可！原创 2022-06-15 16:37:32 · 1712 阅读 · 0 评论 -
UEditor百度富文本编辑器-源代码，行号错位问题处理
富文本编辑器，源代码行号错位问题处理原创 2022-06-07 10:44:58 · 426 阅读 · 1 评论 -
案例-html2canvas
效果图：源码：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>html2canvas</title> <script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> <style> <原创 2022-04-20 16:02:41 · 713 阅读 · 0 评论 -
解决 Error: Cannot find module ‘webpack-cli/bin/config-yargs问题，实际上webpack和webpack-dev-server的版本问题导致
ps:因为某个依赖，然后更新了webpack版本，后来遇到了一些列的问题：1.Error: Cannot find module 'webpack-cli/bin/config-yargs'...2.Cannot find module 'webpack/lib/RuleSet'...折腾了好久，最后发现是webpack版本与webpack-cli, webpack-dev-server的版本兼容问题导致。webpack 3.x 要使用 webpack-dev-server 2.xwebpack原创 2021-12-23 11:29:09 · 601 阅读 · 0 评论 -
scrollIntoView 和 scrollIntoViewIfNeeded 详解
文章目录前言scrollIntoView 支持两种参数：scrollIntoViewIfNeeded 仅支持一种参数：两者区别案例源码参考前言scrollIntoViewIfNeeded 是 scrollIntoView 的变体，scrollIntoViewIfNeeded 不是标准的写法。scrollIntoView 支持两种参数：1.Object:block: 可选 | start(默认值), center, end, nearest, 定义垂直方向的对齐.inline: 可选 | sta原创 2021-11-19 11:47:45 · 4721 阅读 · 0 评论 -
Jquery empty() remove() detach() 方法的区别
引言：最近项目中用到了这几个方法，感觉很大程度上有些相似，查了Jquery的api，同时也找了很多博客文章，发现还是理解不到区别。最后在很多材料和自己的事例验证中，终于找到了区别，不敢独占特拿出来分享。 方法简介： empty()This method removes not only child (and other descendant) elements,转载 2018-03-19 10:36:09 · 422 阅读 · 0 评论 -
jq-append和appendTo 的区别
在jQuery的文档操作方法中，append()和appentto()方法执行的任务相同，但是两者也有区别。1、append()方法：在被选元素的结尾（但仍在元素内部）插入指定的内容。语法：a.$(selector).append(content); //参数content是必需的，指定要附加的内容。//例： $("p").append(" Hello jQuery!"原创 2017-11-01 10:03:55 · 3559 阅读 · 0 评论 -
easyUI使用技巧收集
1.动态修改 tab 标题： var tab = $('.buttonTabs').tabs('getTab',0); // 取得第一个tab $('.buttonTabs').tabs('update', { tab: tab, options: { title:原创 2017-05-11 13:55:35 · 370 阅读 · 0 评论 -
MUI-不常用组件复习
mui.init(); hello 面板1 面板1子内容 Range Range原创 2017-09-07 21:27:53 · 345 阅读 · 0 评论 -
offsetTop，offsetLeft，offsetWidth，offsetHeight，scrollWidth，scrollLeft的研究
效果图：源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原创 2021-08-17 17:03:09 · 215 阅读 · 0 评论 -
vue细节复习
watchexport defautl{ data(){ return { testA:0, testB:0, } }, watch:{ testA(){ this.testB = this.testA } }, mounted(){ this.testA = 1 console.log(this.testA, this.testB) // 输出 1，0 }}computedexport defautl{ data(){ return {原创 2021-04-10 17:28:53 · 94 阅读 · 0 评论 -
js--嵌套的数组扁平化(多维数组变成一维数组)
// 嵌套的数据const dataArr = [ { id: '1', child: [ { id: '11', child: [ [ { id: '1111' }, { id: '1112' }, { id: '1113' }, { id: '1114' } ], [原创 2021-02-26 16:28:00 · 739 阅读 · 0 评论 -
driver.js – 页面分步引导(新手引导)
Driver.js 是一个轻量级原生 JavaScript库（~ 4kb gzip），无需任何依赖，。兼容所有主流浏览器，可突出显示页面某个元素，起到新手引导作用。安装yarn add driver.js// 或者npm install driver.js// 或者<link rel="stylesheet" href="/dist/driver.min.css"><script src="/dist/driver.min.js"></script>使用原创 2021-02-04 14:24:07 · 1697 阅读 · 0 评论 -
vue，下载方法，兼容ie,edage,谷歌等等
这里使用axios前端http库；/** * 小文件下载方法 * @param url * @param params * @param fileName 下载文件的名称，包括后缀 * @returns {*|Promise<any>} */ function download (url, methods, data, params, config) { params = params || {} const URL = url.ind原创 2020-09-30 15:11:18 · 588 阅读 · 0 评论 -
vue2+element-ui项目打包, element-icons.woff 和element-icons.ttf 字体文件路径错误，解决方法
先修改 config/index.js文件，将 assetsPublicPath 的 ‘/’ 改为 ‘./’卸载现有的element-ui，重新安装npm uninstall element-uinpm install element-ui若不行，则继续往下看由下图可知，通过url-loader将 woff2?|eot|ttf|otf 相关文件打包到 fonts/ 目录下；代码{ test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,原创 2020-06-03 14:45:31 · 5640 阅读 · 4 评论 -
element项目实战所遇到问题汇总
el-select 的change，在初始化页面时候，触发很多次？查看change是否写成了 :change，若是，改成 @change即可。原创 2020-03-09 09:31:49 · 898 阅读 · 0 评论 -
echarts饼状图，不显示值为0的数据
echart饼图上，有的数据为0，不希望显示出来，该如何实现呢？看下面案例原创 2020-02-22 00:50:15 · 6262 阅读 · 0 评论 -
前端跨域方法汇总
一、跨域的类型== 特别注意两点： ==第一，如果是协议和端口造成的跨域问题“前台”是无能为力的，第二：在跨域问题上，域仅仅是通过“URL的首部”来识别而不会去尝试判断相同的ip地址对应着两个域或两个域是否在同一个ip上。“URL的首部”指window.location.protocol + window.location.host，也可以理解为“Domains, protocols a......原创 2020-01-13 18:06:20 · 1397 阅读 · 0 评论 -
vue，打印案例 window.print() 的完美实现
网页效果图：调用window.print()打印的效果：案例git地址原创 2019-12-25 18:47:55 · 8431 阅读 · 9 评论 -
vue 实现video动态播放本地视频
案例地址：https://gitee.com/kaiking_g/vueStudy.git案例效果图：原创 2019-12-19 21:50:52 · 10493 阅读 · 1 评论 -
encodeURI()和encodeURIComponent() 区别
前言：统一资源标识符，或叫做 URI，是用来标识互联网上的资源（例如，网页或文件）和怎样访问这些资源的传输协议（例如，HTTP 或 FTP）的字符串。关于编码和解码，目前js常用的就两套：1.encodeURI 和 decodeURI2.encodeURIComponent 和decodeURIComponent主要区别：encodeURI 不会对本身属于URI的特殊字符进行编码...原创 2019-12-02 22:46:47 · 766 阅读 · 0 评论 -
crypto-js 加密 和 解密
1.html的引进和使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...原创 2019-10-23 10:46:01 · 2621 阅读 · 0 评论 -
获取元素宽高兼容性方法，getComputedStyle 和 currentStyle
getStyle(el, attr) { if (el.currentStyle) { // IE,OPER return el.currentStyle[attr] } else { // chrome、safari、FireFox return window.getComputedStyle(el)[att...原创 2019-06-19 16:43:54 · 1172 阅读 · 0 评论 -
vue 使用 assign 巧妙重置data数据
由于Object.assign()有上述特性，所以我们在Vue中可以这样使用：Vue组件可能会有这样的需求：在某种情况下，需要重置Vue组件的data数据。此时，我们可以通过this.$data获取当前状态下的data，通过this.$options.data()获取该组件初始状态下的data。然后只要使用Object.assign(this.$data, this.$options.data...原创 2019-05-23 18:43:17 · 6823 阅读 · 2 评论 -
js 正则表达式
match, test,exec区别区别一，从属：正则表达式方法：test,exec；字符串方法：match区别二，返回结果：match和exec返回的结果是一样的，都是数组// 非全局匹配：var s = "aaa bbb ccc";var reg = /\b\w+\b/;reg.test(s); // truereg.exec(s); // ["aaa"...原创 2019-05-13 17:20:16 · 222 阅读 · 0 评论 -
vue中快速使用svg方法（自动导入）
1.安装插件：npm install svg-sprite-loader --save-dev2.配置svg-sprite-loader：，在目录build 中找到webpack.base.conf// 注释默认配置// {// test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,// loader: 'url-loader',// o...原创 2019-04-30 15:20:13 · 1984 阅读 · 0 评论 -
js难点
将函数的实际参数转换成数组的方法方法一：var args = Array.prototype.slice.call(arguments);方法二：var args = [].slice.call(arguments, 0);方法三：var args = []; for (var i = 1; i < arguments.length; i++) { args.p...转载 2019-05-05 20:20:43 · 1041 阅读 · 0 评论 -
HBuilderX无法启动微信小程序？请看步骤
1.复制微信开发者工具启动路径 ：不要后面的 “微信web开发者工具.exe”；2.在HBuilderX中，工具-》设置，打开下图3.微信开发者工具的配置：4.回到HBuilderX上，点击工具栏的运...原创 2019-03-04 21:06:37 · 38691 阅读 · 29 评论 -
关于VSCode scss的配置（待完善）
原创 2019-02-25 22:51:30 · 2655 阅读 · 0 评论 -
jquery-scrollTop() 兼容性问题-如何解决
需求：检测滚动条位置，当到达一定的高度，就设置有些div浮动。window.pageYOffset 支持360，火狐，谷歌document.documentElement.scrollTop 支持火狐和360（谷歌一直返回0）document.body.scrolltop 支持谷歌（360和火狐一直返回0）源码：// 设置tab置顶 $(window).sc原创 2017-08-22 17:06:25 · 3669 阅读 · 0 评论 -
webpack 文件指纹的配置
执行前，先保证webpack项目能正常运行关于hash值：Hash： 和整个项⽬的构建相关，只要项⽬⽂件有修改，整个项⽬构建的 hash 值就会更改。Chunkhash： 和 webpack 打包的 chunk 有关，不同的 entry 会⽣成不同的 chunkhash 值。Contenthash： 根据文件内容来定义 hash ，⽂件内容不变，则 contenthash 不变。重命名 ...原创 2019-07-02 23:40:49 · 1076 阅读 · 0 评论 -
webpack压缩文件配置（html,css,js）
JS 文件的压缩，webpack内置了 uglifyjs-webpack-plugin，打包都是默认压缩了的当然也可以手动安装npm i -D uglifyjs-webpack-pluginCSS 文件的压缩，使用 optimize-css-assets-webpack-plugin，同时使用 cssnano 预处理器（cssnano需要另外安装）需要先安装这两个插件npm i -D ...原创 2019-07-03 00:32:58 · 1615 阅读 · 0 评论 -
js 绑定事件，冒泡事件，默认事件
addEventListener定义：addEventListener() 方法用于向指定元素添加事件句柄。element.addEventListener(event, function, useCapture)/** useCapture: 1.可选。布尔值，指定事件是否在捕获或冒泡阶段执行。 2.true - 事件句柄在捕获阶段执行 3.false- 默认。事件句柄在冒泡...原创 2019-06-28 11:55:24 · 570 阅读 · 0 评论 -
webpack 自动清除上一次打包构建目录文件--clean-webpack-plugin
安装插件 clean-webpack-plugincnpm i -D clean-webpack-plugin配置在 webpack.prod.js 中引入，并配置插件+ const CleanWebpackPlugin = require('clean-webpack-plugin')module.exports = { // ... plugins:[ + new ...原创 2019-07-03 23:42:55 · 2846 阅读 · 0 评论