前端
小麦魔法
这个作者很懒,什么都没留下…
展开
-
用HBuilderX把vue项目打包成apk
下载https://www.dcloud.io/hbuilderx.html官网安装说明https://hx.dcloud.net.cn/Tutorial/install/windows3.在vscode中打包vue项目在打包vue项目之前,修改以下几处:(1)config\index.js把build下面的assetsPublicPath的值,从’/‘改为’./’:(2)src/router/index.jsmode如果是history,注释掉。根目录直接指向想要的画面。(3).原创 2021-10-04 22:29:43 · 6030 阅读 · 0 评论 -
vscode下html快捷编程
目录索引1. 生成html模板:【!】或者【html:5】2.单个标签的快速生成2.1 打完标签名,按下回车键或者Tab键:【div】2.2 【#】id,【.】class,【[]】属性 ,【{}】标签内容3.生成多个相同的同级标签:【table*3】4.生成多个不同的同级标签:【div+input+table】5.生成嵌套标签:【>】5.1 指定标签:【el-container>div>table】5.2 指定class:【.class1>.class2>.class3】5.3原创 2021-09-30 14:36:56 · 1226 阅读 · 0 评论 -
如何让页面中的两个元素同步滚动
注:我的例子中,两个table中的行数相同(即,滚动条长度相同)。 mounted() { const tables = document.querySelectorAll('table') // 得到左边的table元素 const tableLeft = tables[0] // 得到右边的table元素 const tableRight = tables[1] let focus = 'left' // 左边的table:mouseov原创 2021-09-24 10:18:45 · 893 阅读 · 0 评论 -
关于html的滚动条设置踩的坑(width,height)
目录索引1. calc2. height:100%;1. calcheight: calc(100% - 50px); 运算符"+或-"两边必须要有空格。2. height:100%;想让元素设置的100%高度奏效,必须确保它上层的所有父亲和祖父全部有height:100%的设置。可以在Element界面,确认所有上层父亲有没有这个设置。...原创 2021-09-23 13:44:28 · 182 阅读 · 0 评论 -
滚动条显示
横向滚动条的显示,由min-width和overflow两个属性来控制:#app{ height: 100%; min-width: 800px; overflow: auto;}当窗口宽度小于min-width时,会出现横向滚动条。可能会有这样的情况:某些内容已经看不见了,但是仍然没有出现横向滚动条。这是因为:内容的显示与否,还要受各个组件的宽度影响。当min-width < 窗口当前宽度 < 全部组件的固定最小宽度 时,不会出现滚动条,而有些内容已经看不见了。所以原创 2021-01-27 15:54:59 · 749 阅读 · 0 评论 -
jointjs link的几种不同路由的效果
normal:直线连接metro:会自动避开路上的障碍orthogonal:折线,不会自动避开路上的障碍manhattan:折线,会自动避开路上的障碍oneSide:单向wobble:抖动线条原创 2021-02-25 15:06:45 · 324 阅读 · 0 评论 -
前端MD5加密
package.json: "dependencies": { "js-md5": "^0.7.3", },xxx.vue<script>import Md5 from 'js-md5'中略 login() { // password: 加密前字符串 // passwordEncrypt: 加密后字符串 // 'SALT001':盐(自定义字符串) const passwordEncrypt =原创 2021-02-05 16:01:56 · 310 阅读 · 0 评论 -
nginx发布版下,页面打不开的问题
在开发版下,没有问题。在nginx发布版下,出现以下问题:用【http://localhost:8088/】可以打开登录画面、用【http://localhost:8088/AA0001】打不开登录画面。点击菜单栏的menu,不能正常迁移,只显示空白画面。解决方案:在nginx的配置文件「nginx.conf」中、追加以下「try_files」的相关设定:location / { root web-client; index index.html index.htm;原创 2021-02-05 10:46:40 · 569 阅读 · 0 评论 -
设置vue-video-player的显示语言
vue-video-player默认显示的是英文,我需要把显示改成日文。找到这位说的,终于改对了:https://blog.csdn.net/weixin_41643133/article/details/104828367我的修改:main.js:import VideoPlayer from 'vue-video-player'window.videojs = VideoPlayer.videojsrequire('video.js/dist/lang/ja.js') // 必须引入r原创 2021-02-03 09:21:57 · 1644 阅读 · 0 评论 -
去除npm build的performance性能警告
npm build完以后,出现以下警告:WARNING Compiled with 2 warnings 17:51:33warning asse原创 2021-02-01 18:00:51 · 1145 阅读 · 0 评论 -
发布版,浏览器端隐藏代码
在vue.config.js中,追加以下设定:module.exports = { productionSourceMap: false}原创 2021-01-29 13:55:06 · 177 阅读 · 0 评论 -
把echarts做成通用component
新建一个组件的vue,例:@\components\graph\BarGraph.vue内容:<template> <div> <div ref="barGraph" class="graph" /> </div></template><script>import * as echarts from 'echarts'export default { name: 'BarGraph', props原创 2021-01-28 18:23:10 · 595 阅读 · 0 评论 -
window.onresize被覆盖的问题
多个子组件中都存在window.onresize时,后一个会把前一个覆盖,导致之前的onresize都失效。 const _this = this window.onresize = function() { if (_this.chart) { _this.chart.resize() } }解决案:使用addEventListener方法添加监听 const _this = this window.addEventLis原创 2021-01-28 17:36:28 · 742 阅读 · 0 评论