前端
关注
分享
扫一扫
前端、前端框架介绍
Zero .
待到山花烂漫时
展开
-
vue-cli中理不清的assetsSubDirectory 和 assetsPublicPath
背景一般情况下，我们借用 vue-cli之力安装好所有依赖后，我们就可以愉快的板砖了。但是也经常会遇到一写问题，比如assetsSubDirectory和assetsPublicPath两个兄弟有时候把我搞得死去活来的，下午刚好有点空，我就去好好修理了他俩一会儿（其实是被修理）。经过无数次的，config/index.js里面的build配置，然后无数次的npm run build，鄙人得出了以下之见，如有异议，还请多多指教。基本的意义index: path.resolv...转载 2020-09-28 12:02:13 · 1128 阅读 · 0 评论 -
vue element 表格错位问题
//在入口文件加入下面样式body .el-table th.gutter { display: table-cell !important; } body .el-table colgroup.gutter { display: table-cell !important; }感谢作者：小猴子原文链接：https://www.cnblogs.com/houBlogs/p/11686384.html...原创 2020-08-21 15:08:59 · 996 阅读 · 1 评论 -
Vue 下拉框model里面明明有值，但是不显示
可以看到，市区的下拉框明明选中了沈阳市，但是就是不显示沈阳市，原因是什么呢？问题：下拉选择能打印到数据，但是选中后框里不显示值；原因：出现这个问题 是因为下拉框数据是v-for接口请求来的数据，因为数据层次太多，render函数没有自动更新解决方法:在chenge事件里手动强制刷新值onChange(){ this.$forceUpdate()//强制更新 }非常感谢作者：JRJ || 575 原文链接：https://blog.csdn...转载 2020-08-21 11:08:30 · 5034 阅读 · 4 评论 -
html中给select下拉框赋值
var cycles2= document.getElementById('addcycle2'); select的名称 cycles2.options[cycles2.selectedIndex].innerHTML =node.cycle;要赋得值非常感谢原作者 rideau 原作者链接：https://www.xuebuyuan.com/482510.html转载 2020-08-19 16:47:34 · 4809 阅读 · 0 评论 -
select默认选中
本文主要介绍select下拉框的相关方法。如果使用的是vue,和elementUI,那么select下拉框直接使用 v-model属性. 这样的话下拉框会自动选中那个v-model绑定的值。v-model绑定的值是可以自己定义或者是从后端查询出来传入前台form表单中的某个属性的值。像这样： <el-select slot="filter-column" ...原创 2019-02-15 20:46:47 · 17323 阅读 · 0 评论 -
js 获取今天以及前一周/前20天时间
js 获取今天以及前一周/前20天时间 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 varend =newDate(); varstart =newDa...转载 2020-07-27 17:44:56 · 1295 阅读 · 0 评论 -
VSCode 设置代码格式化
文件->首选项->设置 然后右上角 打开设置（json）整个复制进去{ "git.autofetch": true, "editor.quickSuggestions": { "strings": true }, "files.autoSave": "afterDelay", // vetur configuration "vetur.format.defaultFormatter.html": "js-beaut...原创 2020-07-13 16:07:03 · 8454 阅读 · 2 评论 -
SpringBoot使用Thymeleaf引入公共资源
首先看一下资源目录：我想把dashboard.html里面的资源作为公共资源让emp下的list.html引用。怎么做？比如我想把dashboard.html里面的头部拿来共用：在dashboard.html里找到头部资源，加上 th:fragment="topbar" 作为公共头部 <nav class="navbar navbar-dark stick...原创 2019-08-01 22:24:54 · 1573 阅读 · 0 评论 -
SpringBoot2.x引入Thymeleaf后CSS、JS失效解决办法
1.在页面上方加上xmlns:th="http://www.thymeleaf.org"变成这样：<html lang="en" xmlns:th="http://www.thymeleaf.org">之后，CSS和JS这样引入<link th:href="@{/static/asserts/css/dashboard.css}" rel="s...原创 2019-08-01 22:08:22 · 1223 阅读 · 0 评论 -
if(a)是什么意思
if(a)和if(a!=0)等价。if(!a)和if(a==0)等价。转载 2019-06-09 12:13:43 · 52127 阅读 · 0 评论 -
jQuery页面加载后执行的事件(3种方式)
1 $(function () { });2 $(document).ready(function () { });3 window.onload = function () { }原创 2019-04-17 14:58:29 · 11687 阅读 · 4 评论 -
angular循环ng-repeat次数限制
<tr ng-repeat="(x, y) in (program | limitTo : 100) track by $index"</tr>(program | limitTo : 100)是限制循环次数。program 是要循环的数组或是集合可自己更改track by $index的作用是让数组含有相同元素的时候正常遍历。...原创 2019-04-17 14:41:25 · 1178 阅读 · 0 评论 -
angularjs data-ng-app 和ng-app的区别
没有区别，只是写法标准不标准的问题，两种写法HTML和angularjs都能识别。ng-app、ng-repeat等都不是Html标签的自带属性，属于用户自定义属性，HTML5规范要求所有的用户自定义属性以"data-"开头，所以data-ng-app是符合HTML5规范的写法。...原创 2019-03-14 10:36:56 · 567 阅读 · 0 评论 -
给div添加滚动条
最简单的方法： <div style="height:300px;width:100px;overflow:auto"><div/>（height和width根据需求设定） 注意:如果只写height就只有垂直滚动条，只写width就只有水平滚动条,都不写没有效果。还有这里overflow设置为auto,也就说是如果你的页面高度大于300px就会出现滚...原创 2019-06-04 09:56:51 · 6908 阅读 · 0 评论 -
在页面上动态显示当前时间
<html> <head> <title>网页中动态的显示系统日期时间</title> <script language="JavaScript"> function startTime() { var to...原创 2019-04-18 14:17:51 · 5359 阅读 · 0 评论 -
Vue中的export default 和带返回值的data()以及@符号的作用
一直以来很费解为什么vue组件有的写成export default，有什么用？声明一个vue，相当于 new Vue({}) 达到可复用的目的，也就是说，export default 相当于导出当前vue组件，在其它引入当前组件时可以使用当前组件中的方法和变量。那data（）是什么意思？起到局部变量的作用。也就是说，这个data（）中return的变量和方法只限于当前声明此data...原创 2019-11-18 10:18:50 · 18994 阅读 · 9 评论 -
IDEA安装Vue插件后为什么创建.vue文件不显示vue图标
我的IDEA安装Vue插件后，按道理来说，新建一个.vue文件，文件前面应该会有一个"V"一样的图标，然而事实并不是。百度了一圈，大部分人都是说这样的：试了一下，并没用。于是乎，我找到了正确答案来帮刚入门Vue的小白填坑：打开 File--->settings--->Editor--->File Types:如此，Vue的图标就会显示了~...原创 2019-09-04 11:29:51 · 10309 阅读 · 4 评论 -
Vue里的data声明方式：data{},data(){}
在简单的vue实例中看到的Vue实例中data属性是如下方式展示的：let app= newVue({ el:"#app", data:{ msg:'' }, methods:{ }})在使用组件化的项目中使用的是如下形式：export default{ data(){ retur...转载 2019-09-04 11:19:47 · 44913 阅读 · 5 评论