摘要：
https://docs.fundebug.com/notifier/javascript/integration/ 阅读全文
posted @ 2023-11-17 16:50
忙着可爱呀~
阅读(10)
评论(0)
推荐(0)
摘要：
2、ES6特性 1）箭头函数 。简化函数的写法 1）const foo = function foo(arr,num) { console.log('foo：常规函数') } 2）const foo = (arr,num) => { console.log('foo:箭头函数') } 3）const 阅读全文
posted @ 2023-11-17 16:49
忙着可爱呀~
阅读(40)
评论(0)
推荐(0)
摘要：
框架 1）AngularJS 构建和维护复杂的网页应用; Angular 采用 MVC 架构。它提供了 Model 层和 View 层之间双重数据绑定。这种数据绑定方式的好处是不管哪边数据改变，都会自动的更新两边的数据。这有助于你构建可服用的 View 组件。它还提供了一个前后端服务易于交互的服务框 阅读全文
posted @ 2023-11-17 16:48
忙着可爱呀~
阅读(88)
评论(0)
推荐(0)
摘要：
https://toutiao.io/c/fe?f=hot https://toutiao.io/subjects/64109?page=2 阅读全文
posted @ 2023-11-17 16:48
忙着可爱呀~
阅读(14)
评论(0)
推荐(0)
摘要：
1、跑命令时gulp不是内部命令报错 原因：没有安装npm 解决：执行命令npm i 或者cnpm i 阅读全文
posted @ 2023-11-17 16:47
忙着可爱呀~
阅读(23)
评论(0)
推荐(0)
摘要：
1、navigateTo:fail page "pages/demo/demo" is not found 问题：该demo组件路径错误，或者未在app.json中定义 解决：1）在app.json中定义该组件 ；2）在demo.json中定义"component":true（该方法会导致顶部的内容 阅读全文
posted @ 2023-11-17 16:47
忙着可爱呀~
阅读(76)
评论(0)
推荐(0)
摘要：
http://qiyukf.com/docs/guide/web/Web_SDK_Guide.html // 客服事件 $("#kefuShow").find("a").click(function () { if (typeof(PID) != 'undefined') { ysf.on({ 'o 阅读全文
posted @ 2023-11-17 16:47
忙着可爱呀~
阅读(86)
评论(0)
推荐(0)
摘要：
1、前端好文整理 https://segmentfault.com/a/1190000017577802 阅读全文
posted @ 2023-11-17 16:46
忙着可爱呀~
阅读(146)
评论(0)
推荐(0)
摘要：
https://docs.growingio.com/docs/sdk-integration/web-js-sdk/web-js-sdk-api 阅读全文
posted @ 2023-11-17 16:46
忙着可爱呀~
阅读(9)
评论(0)
推荐(0)
摘要：
（webpack中文地址：https://www.webpackjs.com/loaders/） 1、第一步：新建一个空文件夹 （此处以 webpacktwotest文件夹、vscode编辑器为例） 2、第二步：安装 1）在编辑器中打开文件夹（webpacktwotest 打开命令行快捷键Ctrl+ 阅读全文
posted @ 2023-11-17 16:45
忙着可爱呀~
阅读(616)
评论(0)
推荐(0)
摘要：
1、@babel/core错误 原因： babel-core 与 babel-loader 版本之间兼容不一样 解决： 安装如下对应版本 babel-core@7x + babel-loader@8.x 、babel-core@6.x + babel-loader1@7.x 等 2、包4048错误 阅读全文
posted @ 2023-11-17 16:45
忙着可爱呀~
阅读(101)
评论(0)
推荐(0)
摘要：
（注：示例中的 app 文件夹是书写代码文件夹，public 文件夹是书写代码编译后的文件夹） 1、使用 css 1> 创建 index.css 样式文件 2> 入口 JS 文件中引入 index.css 3> 安装 css-loader 、 style-loader 依赖 （安装完成后，再配置相关 阅读全文
posted @ 2023-11-17 16:45
忙着可爱呀~
阅读(97)
评论(0)
推荐(0)
摘要：
1、建立css、images文件 2、安装依赖 npm install -D url-loader （url-loader 含 fail-loader）、配置依赖 作用：处理图片，设置打包文件输出地址、输出地址后静态文件识别地址、输出图片转 base64和输出图片的名称 执行命令： 打包代码 npm 阅读全文
posted @ 2023-11-17 16:45
忙着可爱呀~
阅读(40)
评论(0)
推荐(0)
摘要：
1、多个 js 文件打包成 多个 js 文件 不用安装任何依赖，只需使用 fs 模块和 readdirSync 方法（node.js中读取文件） 1）建立多个文件 2）在 webpack.config.js文件中使用 readdirSync 方法，如下： 3）编译代码 npm run build，结 阅读全文
posted @ 2023-11-17 16:44
忙着可爱呀~
阅读(310)
评论(0)
推荐(0)
摘要：
路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个 阅读全文
posted @ 2023-11-17 16:44
忙着可爱呀~
阅读(48)
评论(0)
推荐(0)
摘要：
1、vue+webpack搭建得项目结构 阅读全文
posted @ 2023-11-17 16:44
忙着可爱呀~
阅读(25)
评论(0)
推荐(0)
摘要：
mixins: [混入变量名称] 说明：不需安装，直接使用， 作用：多用于 提取公共 类似的数据和方法，和组件<script/>中书写一样，data、methods、钩子函数 使用：引入之后，同组件使用 script 中的数据和方法一样使用 功能点：引入之后，相当于mixins下的数据、方法和钩子函 阅读全文
posted @ 2023-11-17 16:44
忙着可爱呀~
阅读(20)
评论(0)
推荐(0)
摘要：
以下均已父组件为例：<my-box></my-box> <slot></slot> （无需安装，直接使用，使用组件时需引入对应组件） 说明：插槽就是内容分发API，将 <slot></slot> 作为承载内容分发的出口；简单的讲就是使用了插槽后就可以将<my-box>文本、HTML</my-box> 阅读全文
posted @ 2023-11-17 16:43
忙着可爱呀~
阅读(61)
评论(0)
推荐(0)
摘要：
动态组件： 动态组件：即组件是否展示需要根据条件判断，该组件即为动态组件 作用：多用于 tap 切换时某个板块展示对应组件内的内容 功能点：点击一级 tap 时，展示一级 tap 对应板块内容（一级组件）；点击二级 tap 时，展示二级tap对应的板块内容（二级组件） 示例图： 创建组件; 最外层包 阅读全文
posted @ 2023-11-17 16:43
忙着可爱呀~
阅读(94)
评论(0)
推荐(0)
摘要：
1、过滤数组重复值 作用：数组去重 方法：Es6 中 Set 方法，Set类似于数组，但是成员的值都是唯一的，结合拓展运算符（...）创建一个新的数组，达到过滤原数组重复值的功能，原数组不变； 示例： 注意：包含 object、function、array下不适用 2、短路求值 作用：简化 if 判 阅读全文
posted @ 2023-11-17 16:43
忙着可爱呀~
阅读(22)
评论(0)
推荐(0)
摘要：
过滤器 filters： 作用：按照设定的代码，返回过滤后的数据，如：取整、保留小数、大写、添加等 注：num 会作为过滤器函数的第一个参数，过滤器函数之后的参数依次作为 第 2个 ...第 n 个 示例： 阅读全文
posted @ 2023-11-17 16:42
忙着可爱呀~
阅读(56)
评论(0)
推荐(0)
摘要：
1、popstate监听浏览器返回上一页 $(window).ready(function () { var state = { title: 'title', url: '#' } window.addEventListener('popstate', function (e) { // 监听浏览 阅读全文
posted @ 2023-11-17 16:42
忙着可爱呀~
阅读(647)
评论(0)
推荐(0)
摘要：
路由：Vue-router（vue路由插件） 先了解下 route、routes、router三者之间的区别 （加$只是为了区别其它变量） router：一般指的是路由实例 ，如：vue的编程式导航 this.$router.push() routes：指创建 vue-router 路由实例的配置项 阅读全文
posted @ 2023-11-17 16:42
忙着可爱呀~
阅读(93)
评论(0)
推荐(0)
摘要：
1、Map 名称：遍历 作用：对数组每一项进行操作，并返回一个新数组，不影响原数组； 示例： val：每次执行的数组项 index：index = val 在原数组中的下标 array：原数组 2、Filter 名称：过滤器 作用：对数组进行筛选，并返回筛选结果新数组，不影响原数组 示例： val： 阅读全文
posted @ 2023-11-17 16:42
忙着可爱呀~
阅读(23)
评论(0)
推荐(0)
摘要：
https://blog.csdn.net/tyc_captain/article/details/83305149（获取地址详细信息） 通过经纬度获取地理信息： AMap.service('AMap.Geocoder',function(){//回调函数 //实例化Geocoder geocode 阅读全文
posted @ 2023-11-17 16:41
忙着可爱呀~
阅读(87)
评论(0)
推荐(0)
摘要：
简介： vuex：多个文件公共状态管理 vuex五个属性： state：数据存储 getters：数据提取，对数据进行提取，不更改原数据，和vue计算属性computed一样，实时监听state值的变化（最新状态），并把最新数据扔进vue.store里；如提取对象数组中id不为0的数据 mutati 阅读全文
posted @ 2023-11-17 16:41
忙着可爱呀~
阅读(58)
评论(0)
推荐(0)
摘要：
@vue/cli安装存在以下两种： npm install -g @vue/cli vue --version or vue -V(注意是大写)查看版本 vue create 项目名称cd 项目名称npm installnpm run serve 1、默认安装 安装上面的步骤，一路回车即可 2、手动 阅读全文
posted @ 2023-11-17 16:41
忙着可爱呀~
阅读(30)
评论(0)
推荐(0)
摘要：
封装代码： <!-- * @Descripttion：图表组件--> <template> <div class='YxkEcharts'> <VEcharts :params="echartsObj"></VEcharts> </div> </template> <script> // 图表 co 阅读全文
posted @ 2023-11-17 16:40
忙着可爱呀~
阅读(71)
评论(0)
推荐(0)
摘要：
const path = require('path'); function resolve (dir) { return path.join(__dirname, dir) } module.exports = { chainWebpack: (config)=>{ config.resolve. 阅读全文
posted @ 2023-11-17 16:40
忙着可爱呀~
阅读(62)
评论(0)
推荐(0)
摘要：
function floatMul(arg1,arg2){ // 浮点 小数相乘 var m=0,s1=arg1.toString(), s2=arg2.toString(); try{ m+=s1.split(".")[1].length }catch(e){} try{ m+=s2.split( 阅读全文
posted @ 2023-11-17 16:40
忙着可爱呀~
阅读(27)
评论(0)
推荐(0)
摘要：
1、下载组件 npm install vue-quill-editor –D 2、在需要的组件内引入富文本 import { quillEditor } from 'vue-quill-editor' import 'quill/dist/quill.core.css' import 'quill/ 阅读全文
posted @ 2023-11-17 16:40
忙着可爱呀~
阅读(92)
评论(0)
推荐(0)
摘要：
打开CMD 1、 ssh-keygen -t rsa 2、 cd C:\Users\user5m/.ssh（输入对应的路径） 3、 ls（查看目录） 4、 cat id_rsa.pub（查看当前公钥） 5、 ssh-keygen -t rsa -C '709609406@qq.com'（输入git邮 阅读全文
posted @ 2023-11-17 16:39
忙着可爱呀~
阅读(147)
评论(0)
推荐(0)
摘要：
var HtmlUtil = { /*1.用浏览器内部转换器实现html编码（转义）*/ htmlEncode:function (html){ //1.首先动态创建一个容器标签元素，如DIV var temp = document.createElement ("div"); //2.然后将要转换 阅读全文
posted @ 2023-11-17 16:39
忙着可爱呀~
阅读(46)
评论(0)
推荐(0)
摘要：
1、swiper设置height：auto 2、设置swiper-itemposition：static <swiper-item v-for="(item, index) in list" :key="index" :style='selected_index==index?{position: 阅读全文
posted @ 2023-11-17 16:38
忙着可爱呀~
阅读(113)
评论(0)
推荐(0)
摘要：
代码： markArea: { silent: true, data: [ [{ name: '', yAxis: 0, itemStyle: { color: 'rgba(233,250,140,0.8)' }, }, { yAxis: 1000 }], [{ name: '', yAxis: 1 阅读全文
posted @ 2023-11-17 16:38
忙着可爱呀~
阅读(181)
评论(0)
推荐(0)
摘要：
1、设置文字渐变 background: linear-gradient(to bottom, #FF9732, #FF4E00); -webkit-background-clip: text; color: transparent; 2、css动效 https://www.17sucai.com/ 阅读全文
posted @ 2023-11-17 16:38
忙着可爱呀~
阅读(16)
评论(0)
推荐(0)
摘要：
1、fontawesome图标使用 地址：http://www.fontawesome.com.cn/get-started/ 1、安装 npm install font-awesome --save 2、引入 import 'font-awesome/css/font-awesome.min.cs 阅读全文
posted @ 2023-11-17 16:38
忙着可爱呀~
阅读(10)
评论(0)
推荐(0)
摘要：
http://zhongguose.com/#jiqing 阅读全文
posted @ 2023-11-17 16:37
忙着可爱呀~
阅读(8)
评论(0)
推荐(0)
摘要：
z组件代码： <!-- 分页组件，使用说明见 README.md --> <template> <div class='YxkPage'> <template v-if="pageObj.total"> <el-pagination v-bind="dataBind(pageObj)" @curre 阅读全文
posted @ 2023-11-17 16:37
忙着可爱呀~
阅读(138)
评论(0)
推荐(0)
摘要：
getTime: function(during,config) { var s = Math.floor(during / 1) % 60; during = Math.floor(during / 60); var m = during % 60; during = Math.floor(dur 阅读全文
posted @ 2023-11-17 16:37
忙着可爱呀~
阅读(103)
评论(0)
推荐(0)
摘要：
组件代码： <el-button v-print="{id: 'print-content'}" icon="el-icon-printer">打印</el-button> // 插件 vue-print-nb 示例： 阅读全文
posted @ 2023-11-17 16:37
忙着可爱呀~
阅读(74)
评论(0)
推荐(0)
摘要：
1、Node下载 https://nodejs.org/zh-cn/download/ 2、Git下载 https://www.git-scm.com/download/ 3、VSCode https://code.visualstudio.com/ 4、PHP https://www.xp.cn/ 阅读全文
posted @ 2023-11-17 16:37
忙着可爱呀~
阅读(43)
评论(0)
推荐(0)
摘要：
1、报错 解决：npm init -y 阅读全文
posted @ 2023-11-17 16:36
忙着可爱呀~
阅读(11)
评论(0)
推荐(0)
摘要：
1、改变数组中元素位置 Es6方法： 解构赋值： [array[index1],array[index2]] = [array[index2],array[index1]] splice方法： array.splice(index2,1,...array.splice(index1, 1 , arr 阅读全文
posted @ 2023-11-17 16:36
忙着可爱呀~
阅读(14)
评论(0)
推荐(0)
摘要：
1、官方地址：https://v-charts.js.org/#/ 2、echarts示例地址：https://gallery.echartsjs.com/explore.html#sort=rank~timeframe=all~author=all 阅读全文
posted @ 2023-11-17 16:36
忙着可爱呀~
阅读(20)
评论(0)
推荐(0)
摘要：
https://v-charts.js.org 1、extend为Echarts中setOption配置项 setOption配置项地址：https://www.echartsjs.com/zh/option.html#series-line https://www.jianshu.com/p/ae 阅读全文
posted @ 2023-11-17 16:36
忙着可爱呀~
阅读(853)
评论(0)
推荐(0)
摘要：
1、el-input只能输入数字 <el-input v-model="form.sort" onkeyup="value=value.replace(/[^\d]/g, '')" :max="30000" placeholder="请输入权重"></el-input>{} 2、正则只能输入数字，一 阅读全文
posted @ 2023-11-17 16:35
忙着可爱呀~
阅读(22)
评论(0)
推荐(0)
摘要：
1、动态绑定class 1、最简单对象 :class="{ 'active': isActive }" 2、数组类型 :class="[isActive,isSort]" 3、三元运算类型 :class="[isActive?'active':'']" 或者 :class="[isActive==1 阅读全文
posted @ 2023-11-17 16:35
忙着可爱呀~
阅读(23)
评论(0)
推荐(0)
摘要：
封装代码： <!-- * @Descripttion：上传组件--> <template> <div class='YxkUpload'> <div :class="[{ 'YxkUpload__slot': dataBind.isSlot}]"> <el-upload :before-upload 阅读全文
posted @ 2023-11-17 16:34
忙着可爱呀~
阅读(354)
评论(0)
推荐(0)
摘要：
1、自定义表头及添加点击事件 示例： 代码 <el-table > <el-table-column :render-header="renderHeader"></el-table-column> </el-table> methodts: { // 自定义表头 renderHeader(h, { 阅读全文
posted @ 2023-11-17 16:33
忙着可爱呀~
阅读(271)
评论(0)
推荐(0)
摘要：
1、合并单元格 示例： code： <el-table :span-method="objectSpanMethod"> </el-table> methods:{ // 单元格合并 objectSpanMethod ({ row, column, rowIndex, columnIndex }) 阅读全文
posted @ 2023-11-17 16:33
忙着可爱呀~
阅读(36)
评论(0)
推荐(0)
摘要：
1、el-form表单验证 <el-form :model="form" :rules="rules" ref="ruleForm"> <el-form-item label="英文标识：" prop="flagEn"> <el-input v-model="form.flagEn" placeho 阅读全文
posted @ 2023-11-17 16:33
忙着可爱呀~
阅读(95)
评论(0)
推荐(0)
摘要：
1、百度分享不支持https问题 1）、下载百度分享static文件（直接搜索百度分享https，随便点进去一篇文章下载static文件） 2）、将下载好的static放到项目根目录下（或者其它路径），这里我放到了根目录的net文件夹下 3）、文件修改 （1）、static\api\js\share 阅读全文
posted @ 2023-11-17 16:33
忙着可爱呀~
阅读(208)
评论(0)
推荐(0)
摘要：
1、下载表格（二进制） exportExcel () { axios.get(url, { headers:{ "Admin_token":token }, responseType: 'blob', //二进制流 }).then(function (res) { // res为后端接口返回二进制流 阅读全文
posted @ 2023-11-17 16:32
忙着可爱呀~
阅读(17)
评论(0)
推荐(0)
摘要：
组件代码： <!-- * @Descripttion：弹窗组件--> <template> <div class='YxkDialog'> <el-dialog :visible.sync="dialogObj.visible" v-bind="dataBind(dialogObj)" v-on=" 阅读全文
posted @ 2023-11-17 16:32
忙着可爱呀~
阅读(142)
评论(0)
推荐(0)
摘要：
封装代码： <!-- * @Descripttion：图表组件 --> <template> <div class='YxkEcharts'> <VEcharts :params="echartsObj"></VEcharts> </div> </template> <script> // 图表 c 阅读全文
posted @ 2023-11-17 16:31
忙着可爱呀~
阅读(38)
评论(0)
推荐(0)
摘要：
<!-- // 注：此为导出Excel表格说明文件，不用引入， 1、使用方式： 引入： import commonJs from "@js/common"; 使用： commonJs.exportExcel(obj) 必传字段： obj: { blob: res // 文档流 } （注：api中需设 阅读全文
posted @ 2023-11-17 16:31
忙着可爱呀~
阅读(150)
评论(0)
推荐(0)
摘要：
<!-- 组件名称 --> <template> <div class=''> <el-table-column prop="level" min-width="100" :render-header="renderHeader"></el-table-column> </div> </templa 阅读全文
posted @ 2023-11-17 16:30
忙着可爱呀~
阅读(85)
评论(0)
推荐(0)
摘要：
<!-- Excel表格导入/上传组件，滑到底部可查看详细说明，--> <template> <div class="ImportExcel"> <el-form> <el-upload action="" :accept="excelObjData.accept" :limit="excelObj 阅读全文
posted @ 2023-11-17 16:30
忙着可爱呀~
阅读(157)
评论(0)
推荐(0)
摘要：
Iframe嵌入页自适应方法 /* iframe自适应 config: { iframeId: '', // iframe id/class iframeBodyId: '', // iframe内 包裹元素 id/class bodyId: '.main-container', // 包裹ifra 阅读全文
posted @ 2023-11-17 16:29
忙着可爱呀~
阅读(208)
评论(0)
推荐(0)
摘要：
封装代码： <!-- * @Descripttion：表格组件--> <template> <div class='YxkTable'> <el-table :data="data" v-bind="tableBind" v-on="this.$listeners"> <ELTableColumn 阅读全文
posted @ 2023-11-17 16:28
忙着可爱呀~
阅读(74)
评论(0)
推荐(0)
摘要：
组件代码： <!-- * @Descripttion：搜索组件--> <template> <div class='YxkSearch'> <el-form :model="form" :ref="$attrs.formRef" v-bind="$attrs"> <!-- 搜索项 --> <temp 阅读全文
posted @ 2023-11-17 16:27
忙着可爱呀~
阅读(137)
评论(0)
推荐(0)
摘要：
1、使用 WECHAT.wxEncrypt('str', 'key', 'appID').toString() 2、aes.js文件 var WECHAT = {}; (function() { WECHAT.wxEncrypt = function(p, f, d) { var c = w.enc 阅读全文
posted @ 2023-11-17 16:26
忙着可爱呀~
阅读(56)
评论(0)
推荐(0)
摘要：
组件代码： <!-- 拖拽组件，使用说明见 README.md，--> <template> <div class='YxkDrag'> <VDraggable v-bind="dragBind(dragObj)" @start="dragStart" @end="dragEnd" v-on="th 阅读全文
posted @ 2023-11-17 16:26
忙着可爱呀~
阅读(502)
评论(0)
推荐(0)
摘要：
// 使用说明查看 README.md let commonJs = {} // 1、深拷贝 commonJs.deepMerge = (target, source) => { // 判断被拷贝对象是Object // 陷阱！！typeof(null) 'object' true if (type 阅读全文
posted @ 2023-11-17 16:25
忙着可爱呀~
阅读(27)
评论(0)
推荐(0)
摘要：
组件代码： <!-- * @Descripttion：表单组件--> <template> <div class='YxkForm'> <el-form :model="form" :ref="$attrs.formRef || 'ruleForm'" v-bind="formBind(formOb 阅读全文
posted @ 2023-11-17 16:23
忙着可爱呀~
阅读(52)
评论(0)
推荐(0)
浙公网安备 33010602011771号