坚持努力才最重要-CSDN博客

<template> <a-table :columns="columns" :data-source="data" :pagination="false" bordered :scroll="{ x: 2000, y: 300 }" > <template #summary> <a-table-summary-row> <a-table-summary-cell&gt

2022-05-14 17:12:36 1967

/** * @function * @description 获取日期 * @param {object} * @param {int} addYear当前时间加或减的年数 * @param {int} addMonth当前时间加或减的月数 * @param {int} addDay 当前时间加或减的天数 * @returns YYYY-MM-DD */ export const getCurrDate = (objParams = {})

2022-05-13 10:53:37 105

原创 js笔记：获取url中的参数并返回一个对象

//方法一function getUrlParams(url){ const Params = {} if(url.indexOf('?')>0){//判断是否有qurey let parmas = url.slice(url.indexOf('?')+1)//截取出query const paramlists = parmas.split('&')//分割键值对 for (const param of paramlists) { let a = param.spl

2022-05-12 16:15:16 946

原创 antdv 表格table 默认选择之getCheckboxProps使用

需求概要：实现默认勾选列表某些选项，如图在这里插入代码片<template> <a-table :row-selection="rowSelection" :columns="columns" :data-source="data" > </a-table></template><script>import { defineComponent, ref, rea

2022-04-16 17:49:34 5477 1

原创 vue3 随记 --- props属性值类型为Object默认返回值类型为function

props属性值类型为Object默认返回值类型为functionexport default ({ props:{ testA: { type: Boolean, default: false }, testB: { type:Object, default: function(){ return {}

2022-03-08 10:31:05 3792

原创腾讯云滑动图片验证码实现

<button @click="varify"> 验证 </button> <script src="https://ssl.captcha.qq.com/TCaptcha.js"></script> <script> export default { name:'test', data(){ return{ } }, methods:{ //获取图片滑动验证码 varify() .

2022-02-10 15:56:02 1177

原创手机屏幕适配之rem处理

(function flexible(window, document) { var docEl = document.documentElement; // 375屏幕的font-size是100，也就是说，iphone6的font-size是100，设计稿按照750px设计，0.01rem = 1px function setRemUnit() { var rem = docEl.clientWidth / 37.5; ...

2022-01-28 17:14:43 1015

原创 vue3笔记-----引用组件

import DatePicker from ‘ant-design-vue/es/date-picker/moment’;import TestCom from ‘@/utils/test’;Vue.use() ： Vue使用第三方组件Vue.component（）：注册全局组件createApp(App).use(Testrmission, {Testmissions }) .use(DatePicker).component(‘TestCom’, TestCom).mount(’#app’

2022-01-12 14:37:28 604

原创 Vue Cli4+antdv项目搭建问题记录： warning in ./node_modules/_ant-design-vue@1.5.6@ant-design-vue/es/config-pr

执行启动项目命令npm run serve，出现警告warning in ./node_modules/_ant-design-vue@1.5.6@ant-design-vue/es/config-provider/index.js"export ‘default’ (imported as ‘Vue’) was not found in ‘vue’修改babel.config.js文件，配置 babel-plugin-import重新执行项目启动命令npm run server，警告信息不见

2021-10-31 11:30:36 2376

原创实现图片水平垂直居中

弹性布局flex<style type="text/css">.image{ margin: 0; padding: 0; height: 50vh; display: flex; justify-content: center; align-items: center;}img {width: 50px;height: 50px;}</style><body> <div class="image"> &l

2021-10-16 15:40:00 62

原创动态加载js文件

//方法一$(document).ready(function(){ var quoteJsInfo = ['jquery-1.7.2.min.js','test.js','test2.js']; quoteJsInfo.forEach(element => { console.log(element) var script=document.createElement("script"); script.type="text/javascript"; scr

2021-10-11 10:46:36 292

原创 Vue项目编译生成文件app.xxx.js、manifest.xxx.js、vendor.xxx.js说明

1、执行npm run build；2、将项目中的dist目录下的打包文件丢到后台服务器的根目录【htdocs】下然后在浏览器输入localhost回车执行即可

2021-09-20 21:05:39 4721 2

原创 vue项目在真机调试出现的问题记录

1、上下拖动界面滚动区域手机顶部或者底部出现白条在相应的触发地方增加事件修饰符.prevent即可

2021-09-20 20:45:24 243

原创 vue前端添加埋点事件

新建一个track .js 文件，并写入以下内容import Vue from 'vue'// 埋点指令let track = Vue.directive('track', { bind: (el, binding, vnode) => { console.log(el) console.log(binding) console.log(vnode) if (binding.value && binding.value.act) {

2021-09-13 21:33:40 2139

原创 npm run build 命令添加参数来打包不同接口域名

npm run build 命令添加参数来打包不同域名步骤一：config\dev.env.js加上HOST: ‘“dev”’步骤二：config\prod.env.js加上HOST: ‘"’+HOST+’"’步骤三：在配置域名的文件进行如下逻辑处理执行命令： npm run build – testnpm run build 打包后，如何运行在本地查看效果将config\index.js文件中build对象下的assetsPublicPath中的“/”，改为“./”即可，就在前面加个点

2021-09-11 17:30:03 6413

原创 WeixinJSBridgeReady：返回微信公众号对话框界面

document.addEventListener(“WeixinJSBridgeReady”,function() {WeixinJSBridge.call(“closeWindow”);},false);//这个可以关闭ios系统的手机WeixinJSBridge.call(“closeWindow”);

2021-09-08 15:19:54 739

原创 sessionStorage使用整理

1.sessionstorage存储数组存储：var testInfo= { 'testCname' : 'tes', 'testValue' : 'jajajajajaj', } sessionStorage.setItem("loginInfo",JSON.stringify(testInfo)); 取出数据：var testInfo = JSON.parse(sessionStorage.getItem("testInfo"));var testCname = tes

2021-09-07 17:25:47 146

原创 webpack 降级

首先卸载现有的版本 cnpm uninstall webpack -g安装需要的版本 cnpm install webpack@3.11.0 -g

2021-09-05 14:42:45 2397 1

原创基于mpvue创建微信小程序项目报错日志问题解决

1、集成scss执行cnpm i -D sass-loader node-sass警告执行以下命令：cnpm i sass@^1.3.0cnpm i webpack@^5.0.0

2021-09-05 10:11:14 284

原创 vue脚手架环境搭建

vue+webpack+npm搭建初始项目*https://www.cnblogs.com/luminccs-5308/p/9415713.html安装步骤：1、安装node.js 【https://www.cnblogs.com/liuqiyun/p/8133904.html】2、安装cnpm（2-1）如果是 Window 系统使用以下命令即可npm install cnpm -g（2-2）使用淘宝镜像的命令：npm install -g cnpm --registry=https://

2021-08-28 11:55:01 290

原创基于mpvue创建微信小程序项目

开发工具：visual studio code,简称“VS Code”1.创建项目执行命令：vue init mpvue/mpvue-quickstart my-project;2.进入创建项目的目录下，cd my-project；3.安装依赖包，npm install；4.npm run dev;5.编译项目，npm run build6.打开微信开发者工具，选择小程序，将编译好的文件导入到微信开发者工具显示以下界面说明微信小程序创建成功，备注：开发的时候在开发工具中进行开发，开发效

2021-08-28 11:52:11 6006 1

vue2+webpack搭建h5框架

空空如也