前端
果真zZ
这个作者很懒,什么都没留下…
展开
-
webpack 按需打包vue项目,根据不同业务模块打包成不同包
需求开发的项目需要每个页面打包成一个项目,给第三方平台上线实现原理把router.js分成好几个不同的路由。问题:入口main.js引用了router.js 也要每次都切换router.js来打包,这样main.js的代码并不好维护。解决方案1.我们可以同样把main.js 拆成 main_page1.js 和 main_page2.js,注意不同的main.js里面引用不同的router.js,然后使用webpack的特性mode来读取不同的main.js2.首先在package.json原创 2022-05-19 09:56:51 · 5993 阅读 · 9 评论 -
package.json依赖版本号的含义
在package.json的一些依赖的版本号中,我们还会看到^、~或者>=这样的标识符,或者不带标识符的,这都代表什么含义呢?没有任何符号:完全百分百匹配,必须使用当前版本号对比符号类的:>(大于) >=(大于等于) <(小于) <=(小于等于)波浪符号~:固定主版本号和次版本号,修订号可以随意更改,例如~2.0.0,可以使用 2.0.0、2.0.1 、2.0.6的版本。插入符号^:固定主版本号,次版本号和修订号可以随意更改,例如 ^2.0.0,可以使用 2.0.1原创 2022-04-26 15:22:44 · 976 阅读 · 0 评论 -
element-ui table浏览器打印宽度没办法自适应,太短问题
问题如图没有办法正常撑开宽度解决办法加入如下css<style lang="scss">@media print { .el-table{ .el-table__body{ width:100%!important; } th{ display: table-cell !important; } .cell{ width:100%!important; } }}</style原创 2021-07-23 11:13:55 · 1223 阅读 · 1 评论 -
Element UI 表单resetFields(),form表单没办重置的原因及解决方法
场景1、用dialog【新增】、【修改】数据2、先点击了【修改】,弹出弹窗,此时弹窗的form表单已经赋值3、再点击新增按钮,此时调用resetFields()方法是没有办法使form清空的原因:resetFields是将form表单重置到初始值,而这个初始值是form表单mounted后的值,也就是点击了【修改】时赋的值。解决方法:dialog的form表单清空,this.formData = this.$options.data().call(this).formData //弹窗表原创 2021-04-23 16:56:05 · 1150 阅读 · 0 评论 -
将canvas生成图片或者签名背景透明变为白色背景
将canvas生成图片或者签名背景透明变为白色背景toWhite () { var imageData = this.context.getImageData(0, 0, w, h) for (var i = 0; i < imageData.data.length; i += 4) { // 当该像素是透明的,则设置成白色 if (imageData.data[i + 3] === 0) { imageData.data[原创 2020-12-28 18:08:38 · 3473 阅读 · 0 评论 -
ios与android移动端input输入框disabled样式不一致问题
ios与android移动端input输入框disabled样式不一致问题主要原因:ios会在input框为disabled时做透明度的设置解决方法如下input.disabled { -webkit-text-fill-color: #909399;//填充字体颜色 这个生效的时候 设置的color就不生效 opacity: 1 ;//设置透明度 background-color: transparent ;//去掉安卓背景色}...原创 2020-11-17 11:00:24 · 462 阅读 · 1 评论 -
cookies过期时间无效
cookies过期时间无效如下图写入cookie 但是没办法失效在cookie中看并没有异常,但是没办法失效,主要原因是这个过期时间是本地时区,所以没办法失效,用toGMTString()转换为 GMT 时区。就可以正常失效清除cookie了正确使用cookie过期时间如下var date= new Date(new Date().getTime() + 30000)document.cookie = 'test_cookies111=7777777777;expires=' + date.原创 2020-11-05 14:54:45 · 1347 阅读 · 0 评论 -
设置localStorage过期时长
设置localStorage过期时长设置缓存 var nowTime = new Date().getTime(); var data = { value: val, expirse: nowTime + 30000 }//设置30秒过期 window.localStorage.setItem(key, JSON.stringify(data))获取缓存 var data = JSON.parse(window.localStorage.getItem(key)原创 2020-11-05 11:22:57 · 689 阅读 · 0 评论 -
友盟统计 隐藏站长统计的文本或者图标
隐藏站长统计的文本或者图标 <!-- 友盟统计 --><div style="display:none"> <script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=XXXXXXX&web_id=XXXXXXX"></script> </script></div>...原创 2020-10-19 14:50:54 · 1021 阅读 · 0 评论 -
@antv/f2n 可滑动的折线图
html<canvas id="canvas-chart" class="canvas-chart" ref="chart" width="100%"></canvas>引入组件import F2 from '@antv/f2/lib/index'// require('@antv/f2/lib/interaction/')require('@antv/f2/lib/interaction/pan') // 引入图表平移交互// 第一步:加载插件 ScrollBarc原创 2020-10-10 14:59:44 · 1453 阅读 · 0 评论 -
keep-alive组件,是实现从B页面进A页面不刷新,其他页面进A页面都刷新
keep-alive组件,是实现从B页面进A页面不刷新,其他页面进A页面都刷新首先,在A路由元信息meta中添加一个isBack字段,用来解决beforeRouterEnter不能直接访问vue实例。...{ path: '/A',//A页面 name: 'A', component: List1, meta: { keepAlive: true, //此组件需要被缓存 isBack: false }},{ path:原创 2020-07-19 20:48:40 · 437 阅读 · 0 评论 -
微信小程序,定位位附近门店
微信小程序,定位位附近门店首先看下效果图在uni-app插件市场有发布插件,详情代码可以去下载链接: https://ext.dcloud.net.cn/plugin?id=615使用方法1、在manifest.json中授权 permissionwx.getLocation的方法需要在 manifest.json 微信小程序中授权 微信接口描述 传统的在pages.json 配置一下信息不生效。"permission": { "scope.userLocation": {原创 2020-07-19 19:10:13 · 3272 阅读 · 0 评论 -
tinymce 富文本编辑器 每次查看详情内容不更新问题
解决方法:当tinymce 富文本编辑器放弹窗时 只有第一次打开弹窗的时候有初始化tinymce.init();后面再次查看列表详情的时候打开痰喘没有初始化数据,所以 ,富文本编辑器的组件要让它v-if销毁与重建 就可以每次都重新初始化 赋予新的数据!!!...原创 2019-11-21 16:37:43 · 4103 阅读 · 12 评论