前端
mcxiaochi
http://machi.blog.csdn.net
展开
-
JSONArray.toCollection 引发的日期类型问题--net.sf.json.JSONException: Error while setting property=addTime
场景:因为小程序要给Java后端返回一个数组类型。而要做的就是把此数组类型(json)转为Java集合对象,但是因为传入的日期是字符串,但是Java中日期是LocalDateTime。所以报错net.sf.json.JSONException: Error while setting property=addTime等等一系列问题。但是此项问题的解决最佳解决方案就在 小程序前端后端代码: @PostMapping("/alterGoodsFiles") public Object al原创 2022-04-14 07:57:24 · 593 阅读 · 0 评论 -
引入 echars 5.0 遇到报错 “export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’
引入 echars 5.0 遇到报错 "export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’引入方式改为:import * as echarts from 'echarts';原创 2021-06-07 09:20:35 · 229 阅读 · 0 评论 -
vue项目打包报错---Vue is not defined等
把框的里面都删除如下就好了原创 2021-05-17 15:21:49 · 3390 阅读 · 2 评论 -
Ant Design Pro of Vue 用nginx代理部署Java项目连通
npm run dev 打包或yarn build 打包或如下图均可以打包打包后可以测试npm install http-server -g 全局http-server或者npm install -g serve(全局安装)serve -s dist打包后把打包生成的dist文件复制到nginx html目录nginx相关命令nginx config配置 location / { root html/dist; index原创 2021-05-17 15:16:23 · 677 阅读 · 3 评论 -
Ant Design of Vue -The following entrypoint(s) combined asset size exceeds the recommended limit .
vue.config.jsconfigureWebpack下面增加 performance: { hints:'warning', //入口起点的最大体积 整数类型(以字节为单位) maxEntrypointSize: 50000000, //生成文件的最大体积 整数类型(以字节为单位 300k) maxAssetSize: 30000000, //只给出 js 文件的性能提示 assetFilter: fun.原创 2021-05-17 14:08:00 · 203 阅读 · 0 评论 -
ant dev 打包部署在nginx启动报错,js找不到,路径配置-----Loading chunk {n} failed
vue.config.js里面查询配置路径问题,取消前面的.就可以了,或者加一个相关的路径 publicPath: '/',原创 2021-05-17 14:00:20 · 346 阅读 · 0 评论 -
vue spingboot遇到的问题,请求后端以及设置代理等问题
创建 axios 实例request.jsimport axios from 'axios'import store from '@/store'import storage from 'store'import notification from 'ant-design-vue/es/notification'import { VueAxios } from './axios'import { ACCESS_TOKEN } from '@/store/mutation-types'//原创 2021-04-27 16:28:51 · 318 阅读 · 0 评论 -
input输入框控制只输入数字
oninput = "value=value.replace(/[^\d]/g,'')"原创 2021-02-03 09:37:23 · 226 阅读 · 0 评论 -
Ueditor不显示工具栏,不能输入,不要计数统计
var ue = UE.getEditor('myEditor', { toolbars:[[]],//工具栏 allowDivTransToP: false, autoFloatEnabled:false,//不允许输入 wordCount:false,//计数统计 }); //判断ueditor 编辑器是否创建成功 ue.addListener("ready", function () { ...原创 2020-12-23 15:07:18 · 1045 阅读 · 0 评论 -
input绑定回车事件
$('#bigSearch').bind('keypress', function (event) { if (event.keyCode == "13") { searchDefaultList('0') } });原创 2020-12-11 14:29:18 · 239 阅读 · 0 评论 -
js禁用页面所有输入框以及点击事件
$("input").on('focus', function () { $(this).blur(); }); $("textarea").on('focus', function () { $(this).blur(); }); $("body").find("*").each(function () { $(this).off("click").attr("onclick", ""); $(this)..原创 2020-12-08 10:37:36 · 2378 阅读 · 0 评论 -
i-checks多选,值问题
场景为:项目使用i-checks 点击触发不了事件,之后使用这种方法,才可以赋值,以及多选得时候如何把值拼接到一起以逗号隔开function initchecks() { $(".bookmark").on("ifChecked", function () { var details_bookmark = ""; $(this).parent().parent().find("input[name='bookmark']:checked").each(functio原创 2020-11-11 11:15:18 · 292 阅读 · 0 评论 -
Jquery clone()后iCheck失效
iCheck复制之后选中得取消不了,甚至点击不了,后经多方测试,得到如下方法先销毁 $(".i-checks").iCheck('destroy')然后在复制的哪里,取消这个选中 $(add_html).find(".i-checks").iCheck('uncheck');然后初始化 $('.i-checks').iCheck({ checkboxClass: 'icheckbox_square-green', radioClass: 'iradio_sq原创 2020-11-10 17:11:55 · 453 阅读 · 0 评论 -
WdatePicker怎么显示时分秒
时分秒显示WdatePicker({ dateFmt: 'yyyy-MM-dd HH:mm:ss' })无时分秒显示WdatePicker()原创 2020-10-28 17:11:41 · 1061 阅读 · 0 评论 -
from强制不换行
style="margin:0px;display:inline;"原创 2020-10-12 10:46:17 · 347 阅读 · 0 评论 -
jquery选择器--选择孩子问题
$(tr).find("td:first>span:nth-child(2)").hide()tr 里面的第一个td孩子的子类 第二个span孩子nth-child(2)-------数字依据需要修改原创 2020-08-22 09:37:57 · 546 阅读 · 0 评论 -
前端点击实现大图
<div id="outerdiv" style="position:fixed;top:10%;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;"> <div id="innerdiv" style="position:absolute;"> ...原创 2020-07-25 14:54:42 · 447 阅读 · 0 评论 -
jQuery选择select时获取显示的内容,非value值
每次select改变就可以触发 $(document).ready( function () { $("#currencyprdName").change(function () { // alert($("#currencyprdName").text());//.find('input:checked'); // alert($("#currencyprdName").find('select:原创 2020-05-30 21:53:54 · 506 阅读 · 0 评论 -
select居中对齐
select { width: auto; /*height: XXpx;*/ /*line-height: XXpx;*/ text-align: center; text-align-last: center; }原创 2020-05-13 15:29:57 · 439 阅读 · 0 评论 -
vue使用 element-ui
安装npm i element-ui -Ssrc–main.js 添加import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)原创 2020-04-13 17:48:21 · 132 阅读 · 0 评论 -
vue初学,配置代理,发送请求
配置页面config—index.jsdev: { proxyTable: { '/xiaohua': { target: 'http://127.0.0.1:50066', // 后台接口域名 changeOrigin: true, //是否跨域 pathRewrite: { '^/xiaoh...原创 2020-04-08 20:53:39 · 454 阅读 · 0 评论 -
取消js单选框的小圆圈
input[type=checkbox], input[type=radio] {opacity: 0;}原创 2020-03-19 17:57:36 · 1137 阅读 · 0 评论 -
获取js里面 单选 redio的值
主要是$(‘input[name=“type”]:checked’).val() ,下面是例子,也可以根据单选框的id修改背景色,如下,参考 function redioinit() { if ($('input[name="type"]:checked').val() == 0) { $("#ling").show(); ...原创 2020-03-19 17:56:44 · 258 阅读 · 0 评论 -
Vue前戏
安装node.js 和npm 安装完之后查看版本cmd node -vnpm -v 全局安装 npm install live-server -g项目中打开 live-server初始化项目 npm init安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org...原创 2019-08-19 18:32:47 · 84 阅读 · 0 评论 -
Vue指令(一)
v-if:是vue 的一个内部指令,指令用在我们的html中。v-if用来判断是否加载html的DOM,比如我们模拟一个用户登录状态,在用户登录后现实用户名称。v-show : 调整css中display属性,DOM已经加载,只是CSS控制没有显示出来。v-if 和v-show的区别:v-if: 判断是否加载,可以减轻服务器的压力,在需要时加载。v-show:调整css dispal...原创 2019-08-19 18:41:35 · 91 阅读 · 0 评论 -
vue项目新建
vue init webpack 项目名原创 2019-08-16 10:32:05 · 135 阅读 · 0 评论 -
Vue(二)
index.js文件就是导包和写路由的地方import allUntreated from ‘@/components/allUntreated’ 类似这样就是导包看好路径代码里面有牵扯的父子路由,和一般路由 children 里面就是写子路由的子路由跳转的页面会显示在 里面记得要给父页面上写这个import Vue from 'vue'import ...原创 2019-08-21 18:23:04 · 109 阅读 · 0 评论 -
前端基础知识(一)
模块化是指将一个复杂的系统分解为多个模块以方便编码。CommonJS是一种被广泛使用的javascript模块化规范,其核心思想是通过require方法来同步加载依赖的其他模块,通过module.exports导出需要暴露的接口。AMD也是一种JavaScript模块化规范,与Common最大的不同在于,它采用了异步的方式来加载依赖的模块,AMD的规范主要用于解决针对浏览器的环境的模块化问题。...原创 2019-08-26 09:35:27 · 113 阅读 · 0 评论 -
Webpack入门
先新建一个 Web 项目新建一个目录,再进入项目根目录执行 npm init 来初始化最简单的采用了模块化 开发的项目:用脚手架工具 Yeoman直接、快速地生成一个最符合自己的需求 的项目 。安装 Webpack 到本项目安装 Webpack 到本项目时,可根据自己的需求选择以下任意命令运行:# npm i -D 是 npm install --save-dev 的简写,是指安装模块并...原创 2019-08-26 09:52:21 · 126 阅读 · 0 评论 -
Webpack配置
配置 Webpack 的方式有如下两种:( 1 )通过一个 JavaScript 文件描述配置,例如使用 webpack.config扣 文件里的配置;( 2 )执行 Webpack 可执行文件时通过命令行参数传入,例如 webpack–devtool so山ce-map.这两种方式可以相互搭配,例如执行 Webpack 时通过命令 webpack–config webpackdev.con...原创 2019-08-26 10:11:34 · 114 阅读 · 0 评论 -
Vue的生命周期
beforeCreate ->在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。created ->在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。befor...原创 2019-08-26 11:06:38 · 275 阅读 · 0 评论 -
Vue性能优化
减少http请求,合理设置 HTTP缓存使用浏览器缓存启用压缩CSS SpritesLazyLoad ImagesCSS放在页面最上部,javascript放在页面最下面尽量避免使用 eval和 Function...原创 2019-08-26 11:11:12 · 184 阅读 · 0 评论 -
nodejs,npm,cnpm ,vue等命令
npm安装淘宝镜像npm install cnpm -g --registry=https://registry.npm.taobao.org安装完成之后npm换成cnpmnodejs可以更换原有目录和环境变量path:里面添加 D:\nodejs\node_modules\npm 本人在D盘安装仅供参考环境变量:添加 NODE_PATH 目录为 D:\nodejs 以D...原创 2019-08-02 12:07:10 · 214 阅读 · 0 评论