js
关注
分享
扫一扫
shidouyu
这个作者很懒，什么都没留下…
展开
-
entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit
if (process.env.NODE_ENV === 'production') {// 为生产环境修改配置...productionSourceMap: false, // 生产环境是否生成 sourceMap 文件。assetsDir: "static", //放置生成的静态文件目录（js css img）config["performance"] = {//打包文件大小配置。outputDir: 'dist', // 输出文件目录。publicPath: './', // 基本路径。原创 2022-10-28 09:00:07 · 7350 阅读 · 0 评论 -
vue展示.md文件
将md文件作为组件导入，注意：class的值必须包含 markdown-body ，否则样式无法生效！链接：https://www.jianshu.com/p/a84f8ddf0b04。需求：在vue项目中导入并展示markdown文件（使用的vue-cli3）安装 vue-loader 、vue-template-compiler。安装 github-markdown-css、highlight.js。在vue.config.js中配置webpack。安装 vue-markdown-loader。转载 2022-10-08 10:43:11 · 1024 阅读 · 0 评论 -
vue针对循环中slot的传参数
vue针对循环中slot的传参数原创 2022-06-20 11:14:17 · 1184 阅读 · 0 评论 -
vue兼容谷歌48(含qiankun兼容)
控制台定位到相应插件的js，找到插件：1,在vue.config.js中配置：'transpileDependencies': ['@jiaminghi/*',],transpileDependencies为特别需要将es6代码翻译成es5的插件说明；2,css3的var兼容：npm install css-vars-ponyfill mutationobserver-shim —saveimport 'mutationobserver-shim'import cssVar原创 2022-04-26 09:17:51 · 2689 阅读 · 0 评论 -
html转成base64/blob/file
import html2canvas from 'html2canvas'async saveImage(divText, _this) { let canvasID = _this.$refs[divText]; let a = document.createElement('a'); return new Promise((resolve, reject) => { html2canvas原创 2022-04-20 14:38:34 · 1339 阅读 · 0 评论 -
单文件vue.js组件化
<body style="background-color: #E7F1FF;height:100vh;"> <div id="loginhtmlshow"></div> <div id="loginhtml" class="height100 lglr flexbox"> <userdifine /> </div> <script type="text/javascript"&.原创 2022-03-17 19:54:08 · 273 阅读 · 0 评论 -
require图片相对路径时，有些图片能显示，有些不能
let img = require(`../assets/images/index/icon_ku.png`) let img2 = require(`../assets/images/index/icon_DB2.png`) console.log(img) // 结果：/img/icon_ku.b259504f.png console.log(img2) // 结果：data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAtCAYAAAD7na..原创 2022-01-06 10:38:10 · 1799 阅读 · 0 评论 -
用js实现圆弧布局
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style> #circle{ width: 300px; height: 300px;..原创 2021-11-25 08:36:34 · 1025 阅读 · 0 评论 -
vue 刷新当前路由
<router-view v-if="isRouterAlive" />isRouterAlive:truereload() { this.isRouterAlive = false this.$nextTick(() => { this.isRouterAlive = true })}原创 2021-11-22 17:03:47 · 729 阅读 · 0 评论 -
JS向下向上取整等数字处理
只保留整数部分（丢弃小数部分）parseInt(5.1234); // 5向下取整（<= 该数值的最大整数，和parseInt()一样)Math.floor(5.1234); // 5 向上取整（有小数，整数部分就+1）Math.ceil(5.1234); // 6四舍五入（小数部分）Math.round(5.1234); // 5Math.round(5.6789); // 6取绝对值Math.abs(-原创 2021-10-19 10:16:51 · 576 阅读 · 0 评论 -
前端组件库大合集-必备收藏
前端组件库 搭建web app常用的样式/组件等收集列表(移动优先) 0. 前端自动化(Workflow) 前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build system grunt – the JavaScript Task Runner F.I.S – 前端集成解决方案 前端模块管理器 Bower – A p..转载 2021-09-18 17:53:49 · 14602 阅读 · 0 评论 -
vue之$emit返回值
vue之$emit返回值应用场景：子组件调用父组件的方法并获取到父组件方法的返回值// 父组件getdata(){ return data}// 子组件let data = this.$emit("getdata", bounds)return data这种写法是错误的，拿到的data是指向方法的this，无法获取到data正确写法：// 父组件getdata(bounds, callback){ callback(data)}// 子组件let d转载 2021-08-27 17:35:58 · 6882 阅读 · 1 评论 -
同一浏览器下多用户登录问题解决
问题：在如果在同一个浏览器下只有一个用户登录的情况，在服务端可以使用 Session 存储用户登录信息。但是在项目中如果需要在同一个浏览器下允许多个不同的用户登录，这样做会存在问题，因为服务端区分不同用户是通过 Cookie 中存储的 JSESSIONID 区分的，如果 JSESSIONID 相同，那么他们在服务端将会使用同一个 Session 对象。而同一浏览器使用的 Cookie 是相同的， 从而 JSESSIONID 也是相同的，无法区分不同的用户。当浏览器登录第一个用户后，用户信息写入到 Ses..转载 2021-08-05 09:57:25 · 7107 阅读 · 0 评论 -
Promise.all和Promise.race方法区别
Promise.all:1，有一个失败的请求，其他都失败；若需弥补这个缺陷，在每个Promise中增加Catch错误捕捉，且return出来；2，返回结果的顺序按照参数的顺序进行；Promise.race:1，根据第一个请求来返回结果，若第一个成功，全局都成功，第一个失败，全局都失败；2，返回结果的顺序，按请求时间顺序来，时间快的先返回；...原创 2021-07-19 11:00:28 · 1307 阅读 · 0 评论 -
Promise.all同时处理多个请求
需求：多个请求，不管成功或失败，都希望拿到这些请求的结果，比如，第一个请求失败了，后面的请求还是继续，请问怎么实现？初版将所有的异步请求的结果放入一个数组 使用 Promise.all 来处理 代码如下：// Vue.prototype.$http = axios data() { return { data: {}, ids:['https://cnodejs.org/api/v1/topics','https://cnodej转载 2021-07-19 10:46:15 · 1479 阅读 · 0 评论 -
vue中将元素加入body中
// 将弹框加入Body中 addRemoveDateWinToBody(type) { this.$nextTick(() => { const body = document.querySelector('body') if (type) { // 显示 let zDateWin = this.$refs.zDateWin let pTabName = zDateWin.paren...原创 2021-07-07 13:44:59 · 6622 阅读 · 0 评论 -
vue自定义组件库，49浏览器上报token...的错
由于业务需求，所以必须兼容49等IE老浏览器；然而，es6语法无法被兼容，所以需在打包时转成es5；通常用的都是babel插件，但是npm上对于babel的种类繁多，而且所引入方式也有所不同。1，本人最开始尝试的是babel-polyfill，但，并没有什么用，原因是babel-polyfill插件包中包含了core-js版本2，有提示说core-js3.3版本以下，已经不被官方所维护，所以在很多高版本的项目中，babel-polyfill已经无效；2，尝试使用"@vue/cli-plu原创 2021-07-02 14:46:34 · 840 阅读 · 2 评论 -
Vue】自定义loadmore指令实现下拉加载更多
使用自定义指令loadmore，实现下拉加载更多。首先是loadmore.js, el 为绑定的元素，通过el.scrollHeight - el.offsetHeight === el.scrollTop判断滚动条到达底部，这里引入了loadsash实现节流，以免每一次滚动到底部都加载数据（手抖或故意滚动），加入flag字段，控制首次触底后直接执行，后续的触底至少间隔一秒，不介意第一次会慢一点的可以直接在if语句内，调用fun()。// loadmore.jsconst _ = requir.转载 2021-06-30 10:00:14 · 1263 阅读 · 0 评论 -
vue 滑到底部，加载更多
html部分：<divref="biReportLayout"@scroll="scroll($event,item)"></div>js部分：// 滚动事件 scroll(ev, item) { const _this = this if (item.isPage && item.pageSize) { // 是否分页 let scrollTop ..原创 2021-06-30 09:43:26 · 346 阅读 · 0 评论 -
npm 401 BASIC realm=“Sonatype Nexus Repository Manager“
今天在做vue项目,切换私服nexus,npm login时,遇到了下面的问题error Unable to authenticate, need: BASIC realm="Sonatype Nexus Repository Manager"我在网上搜索了一下,好像在登录和注册,还有发布的时候,都可能遇见这个问题.问题原因也很明确,就是权限验证 没通过.下面是我把网上的解决办法整合了一下.第一种:就是信息输入不正确.仔细比对你输入的用户,密码,邮箱是否正确（不要使用网页记住的密码登录,因为很可能已经转载 2021-06-15 17:51:38 · 3933 阅读 · 2 评论