HTML5等前端
HTML JS Bootstrap Vue类前端知识
墨着染霜华
无论从事什么行业,只要做好两件事就够了,一个是你的专业、一个是你的人品,专业决定了你的存在,人品决定了你的人脉,剩下的就是坚持,用善良专业和真诚赢取更多的信任。
展开
-
iview datapicker type=year 使用
【代码】iview datapicker type=year 使用。原创 2023-02-07 14:40:27 · 234 阅读 · 0 评论 -
Vue项目区分手机端访问还是电脑端访问
项目中可以在App.vue 判断访问端,然后转向不同的页面。原创 2022-12-23 16:42:50 · 690 阅读 · 0 评论 -
NodeJs安装教程
记录一个已实践过的比较全的教程。原创 2022-11-21 10:12:01 · 101 阅读 · 0 评论 -
ivew button 使用自定义图标
Tooltip content="停用" transfer v-if="row.qy ==1" >原创 2022-09-29 14:28:24 · 1143 阅读 · 0 评论 -
IVIEW Table/Div 自适应高度
【代码】IVIEW Table/Div 自适应高度。原创 2022-08-22 16:02:30 · 468 阅读 · 0 评论 -
IFRAME 嵌套报Refused to display ‘http://...‘ in a frame because it set ‘X-Frame-Options‘ to ‘deny‘.解决方式
vue 使用 ifame 嵌套网页的时候报 Refused to display 'http://192.168.179.62:8781/' in a frame because it set 'X-Frame-Options' to 'deny'. 错误这是被后端拒绝了,然后我百度了一下更改了 spring security 的配置 结果又报下面的错误 这样设置应该是相同域名才可以访问。然后 我用 http.headers().frameOptions().disable(); //禁用 这原创 2022-07-04 11:53:12 · 12491 阅读 · 3 评论 -
解决URL传参中文乱码
1、首先在前端 使用encodeURI()方法处理2、在Java后端使用String spdm = URLDecoder.decode(request.getParameter("spdm"), "UTF-8");这些解,之后就正常了原创 2022-02-09 15:35:01 · 1511 阅读 · 0 评论 -
JS splice 向/从数组添加/删除项目
先来看看W3CSHOOL的定义和用法splice()方法向/从数组添加/删除项目,并返回删除的项目。注释:splice()方法会改变原始数组。语法array.splice(index, howmany, item1, ....., itemX)参数值参数 描述 index 必需。整数,指定在什么位置添加/删除项目,使用负值指定从数组末尾开始的位置。 howmany 可选。要删除的项目数。如果设置为 0,则不会删除任何项目。 item1, .....原创 2021-12-16 08:58:42 · 1033 阅读 · 0 评论 -
图片不拉伸变形
CSS3 针对图片显示增加了 两样属性1、object-fit:控制图片展示状态fill: “填充”。默认值。使图片拉伸填满整个容器, 不保证保持原有的比例。 contain: “包含”。保持原有尺寸比例缩放。保证整个图片都可以出现在容器中。因此,此参数可能会在容器内留下空白。 cover: “覆盖”。保持原有尺寸比例缩放。宽度和高度至少有一个和容器一致(尺寸小的一致)。因此,此参数可能会让图片部分区域不可见。none: “无”。保持原有尺寸比例。同时保持图片原始尺寸大小。多出的部...原创 2021-11-02 14:32:01 · 372 阅读 · 0 评论 -
Vue 页面单独设置Meta
1、安装组件 npm install vue-meta --save2、main.js中引入组件import Meta from 'vue-meta'Vue.use(Meta)3、具体的页面metaInfo: { title: 'This is the test', meta: [ // { charset: 'utf-8' }, // { name: 'viewport', content: 'width=device-width,initial-sca..原创 2021-10-29 16:37:38 · 2414 阅读 · 0 评论 -
JS遍历页面所有对象属性及实现方法
1、 let footer=res.data.footers[0]; for (let field in footer ){ console.log(field) console.log(footer[field]) } 2、 Object.keys(footer).forEach((key)=>{ console.log(key) .原创 2021-10-12 13:45:52 · 255 阅读 · 0 评论 -
Vue transfer
<FormItem label="工程师"> <Select v-model="engineerId" placeholder="请选择工程师" transfer> <Option v-for="item in serEngineerOptions" :key="item.userId" :value="item.userId">{{ item.userName }}</Option> ...原创 2021-10-12 13:38:01 · 637 阅读 · 0 评论 -
Vue 普通URL 传参给页面
<template> <div style="height: 100%;text-align: center"> <h2 >对账单</h2> <p>账套ID:{{aid}}</p> <p>客户代码:{{khdm}}</p> </div></template><script> import { mapActions } fro...原创 2021-09-01 11:07:55 · 173 阅读 · 0 评论 -
uinapp scss 设置v-html里面的样式
scss 使用 /deep/ 来定义V-HTML 中内容的样式摘取部分代码 <text class="html-text-box" v-html="noticeList.noticeContent" ></text> /deep/.ql-size-large { font-size: 1.5em; } /deep/.ql-align-center{ text-align: center; } /deep/.ql-align-justify {原创 2021-06-17 09:30:23 · 757 阅读 · 0 评论 -
vue iview 复制文本到剪贴板
1、安装插件 npm install vue-clipboard2 --save2、main.js 全局引入import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)3.<Button type="info" icon="md-copy" size='small' shape="circle" ghost @click="handlerCopy(row)" ></Butt...原创 2021-05-27 14:21:50 · 782 阅读 · 0 评论 -
NPM 替代产品Yarn的安装和使用
Yarn是facebook发布的一款代替npm的包管理工具。Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快。在执行代码之前,Yarn 会通过算法校验每个安装包的完整性。使用详细、简洁的锁文件格式和明确的安装算法,Yarn 能够保证在不同系统上无差异的工作。yarn的安装:下载node.js,使用npm安装 npm install -g yarn 查看版本:yarn --versionyarn config set regis.原创 2020-07-22 20:52:55 · 425 阅读 · 0 评论 -
搭建一个Vue项目
前置条件:安装nodejs,并进行配置使用脚手架搭建项目架子 搭建手脚架 cnpm install vue-cli -g 初始化项目vue init webpack icrm-ui-new 进入项目 cd icrm-ui-new 安装iviewnpm install view-design --save 安装eleme...原创 2020-05-06 13:50:48 · 158 阅读 · 0 评论 -
Node-sass 安装失败报错的原因及解决办法
node-sass 安装失败的原因npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。这是使用 sass 的同学可能都会遇到的郁闷的问题。解决方案就是使用其他源,或者使用工具下载,然后将安装源指定到本地。解决方法一:使用淘宝镜像源(推荐)设置变量 sass_binary...原创 2020-05-06 11:46:13 · 1416 阅读 · 0 评论 -
Webstorm忽略node_modules目录
node_mouldes目录在SVN提交的时候经常会进行文件检查导致长时间无响应,用下叙方法可以忽略其目录,提高SVN提交效率。settings->Editor->File Types->ActionScript->*.as->Ignore file and folders 增加node_modules;点击应用生效。从上图可以看到node_mouldes...原创 2020-05-06 10:22:04 · 3689 阅读 · 2 评论 -
LODOP JS 获取电脑打印机,并指定打印机打印(转备用)
//获取本地电脑可选的打印机(驱动),并默认选择cookie中存储的打印机function printerList() { //读cookie中存储已经选择的打印机: var arrStr = document.cookie.split("; "); var strPName; for (var i = 0; i < arrStr.length; i++)...原创 2020-04-30 10:47:45 · 3487 阅读 · 2 评论