![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
高振05
学习箴言:得之不难,失之必易。
展开
-
element ui下拉选项层级过高遮挡面包屑与head头问题解决
element ui下拉选项层级过高遮挡面包屑与head头问题解决 问题: vue+element项目,下拉选择组件页面滚动时层级过高遮挡面包屑与head头 解决: 曲线救国,当页面滚动时,将所有下拉框关闭,就不会遮到顶部了~~ 在utils文件夹定义...转载 2022-01-13 10:45:19 · 1309 阅读 · 0 评论 -
npm run dev 报错Windows 64-bit with Node.js 6.x解决经验
报错信息:Module build failed: Error: Missing binding D:\project\vueproject\appstore\SG-eIoT-Vue-AppStore\node_modules\node-sass\vendor\win32-x64-48\binding.nodeNode Sass could not find a binding for your current environment: Windows 64-bit with Node.js 6.x原创 2022-01-11 11:28:09 · 500 阅读 · 0 评论 -
windows空白环境启动一个VUE项目
1、先安装nodejs,目的是搭建npm环境,安装包大家自行从网上下载即可。这样表示安装成功2、安装vue脚手架,vue-cli执行命令:npm install -g vue-cli如果没有报错即安装成功(当时安装忘记截图了),如果有报错说明缺少比较的插件,可根据报错信息搜索对应的插件。2、进入vue项目的目录,执行npm install初始化命令npm install一般这里会报错(截图缺失了),一般会缺少对应的windows组件执行windows组件安装命..原创 2022-01-10 10:50:54 · 1092 阅读 · 0 评论 -
nginx部署vue前端项目的dist包
以nginx作为容器部署vue的前端项目首先几条必备的linux命令:1、进入nginx目录:cd/usr/local/nginx/2、启动nginx:shsbin/nginx3、停止nginx:sbin/nginx-s stop4、重启nginx:sbin/nginx-s reload5、解压dist.zip: unzip dist.zip6、删除dist文件...原创 2020-05-07 16:12:19 · 5697 阅读 · 0 评论 -
vue-router 基本使用
vue-router 基本使用 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是...转载 2019-06-03 16:31:54 · 172 阅读 · 0 评论 -
微信小程序学习笔记(一)——css小技巧
微信小程序——css小技巧1、子类元素的横排与竖排 .父类{ display: flex; flex-direction: row; //横排 flex-direction: column; //竖排 }2、margin-right:20px有可能会失效 解决办法:外围包裹一层使用padding-right原创 2017-08-04 14:31:54 · 437 阅读 · 0 评论 -
微信小程序--wx:openLocation的坑
微信小程序--wx:openLocation的坑微信小程序api中没有详细介绍wx:openLocation的坑错误写法:仅支持android,不支持iso gotothere:function(e){ wx.openLocation({ latitude: e.currentTarget.dataset.yaxis, lo原创 2017-08-04 14:29:13 · 8889 阅读 · 4 评论 -
Echarts插件使用
Echarts插件使用1、插件引用 2、html代码 近七日马鞍山景点订单门票数概览 近七日马鞍山线路订单数概览 昨日销售总金额(元)原创 2017-09-04 16:19:48 · 673 阅读 · 0 评论 -
cropper配合ajaxupload实现图片截图与上传并上传至远程服务器地址
cropper配合ajaxupload实现图片截图与上传并上传至远程服务器地址1、插件引用 2、html代码 × 点击添加或者原创 2017-09-04 15:34:00 · 2264 阅读 · 0 评论 -
CSS实现嵌套滚动条(父元素横向滚动,子元素纵向滚动)
CSS实现嵌套滚动条(父元素横向滚动,子元素纵向滚动)关键属性:overflow-x和position注意点:子元素设置overflow时会自动继承父元素的overflow属性,造成子元素显示的大小没有撑满解决方法:子元素增加绝对定位,父元素增加相对定位,使子元素脱离文档流不再继承父元素的overflow属性示例代码如下:<!DOCTYPE html><html...原创 2019-03-28 15:37:48 · 5318 阅读 · 1 评论 -
HTML5移动端通用css
HTML5移动端通用css下面是common.css内容/*css初始化*//*清除内外边距*/body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ margin: 0; padding: 0; borde原创 2017-12-04 16:53:35 · 1648 阅读 · 1 评论 -
超出部分隐藏并显示...
超出部分隐藏并显示...div{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}cursor: pointer;//显示小手可点击状态原创 2017-09-29 16:14:08 · 6470 阅读 · 0 评论 -
select、input等默认样式的改变,包含下拉三角
select、input等默认样式的改变,包含下拉三角select{ /*去除外边框*/ border: none; /*适应safari浏览器内容不跑偏*/ line-height: 1; width: 100%; /*将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none;...原创 2017-09-29 16:11:47 · 5819 阅读 · 0 评论 -
div的hover放大css,实现小图变大图
div的hover放大css,实现小图变大图原创 2017-09-29 16:10:17 · 13062 阅读 · 0 评论 -
css翻转元素
css翻转元素 pc端 /*水平翻转*/ .flipx { -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); /*IE*/ filter:FlipH; } /*垂直翻转*/ .flipy { -moz-transform:scaleY(-1); -webkit-transform:s原创 2017-09-29 16:08:06 · 659 阅读 · 0 评论 -
修改readonly和disabled的样式
#endDate:read-only{ cursor:pointer;}#endDate:disabled{ cursor:not-allowed;}原创 2017-09-22 15:53:48 · 4146 阅读 · 0 评论 -
移动端flex布局
flex布局.box{ display: -webkit-flex; //Safari display: flex; flex-direction: row/column; //设置主轴方向 flex-wrap: wrap//换行; nowrap //不换行原创 2017-08-01 09:21:09 · 576 阅读 · 0 评论 -
屏幕大小适配,rem与em的区别适用
em:一般都是以的“font-size”为基准。相对于父元素的属性而计算的.进行任何元素设置,都有可能需要知道他父元素的大小。 rem:相对于根元素设置字体大小,只需要在根元素确定一个参考值。 @media screen and (max-width: 320px) { html,body { font-size: 12px;原创 2017-07-06 09:02:44 · 1816 阅读 · 0 评论 -
实现border内边距与图片半透明
css学习笔记整理(三)1、设置div border内边距 box-sizing:border-box;原创 2017-06-30 11:41:48 · 968 阅读 · 0 评论 -
三角形、圆形、菱形
圆形: .roundness{ width: 38px; height: 38px; border-radius: 38px; background-color: blue; border: 1px solid #333333; }三角形: .little-title{ width: 0; height: 0; border-width: 15px;原创 2017-06-26 21:17:00 · 904 阅读 · 0 评论 -
Swiper
Swiper学习总结:swiper是用来实现图文滚动插件一、支持移动端swiper3 1、引用插件 2、HTML内容 Slide 1 Slide 2 Slide 3原创 2017-06-26 21:12:15 · 1150 阅读 · 0 评论 -
bootstrap学习笔记(增加网格应用)
bootstrap笔记:文件引用: 自动布局 基本排版: .lead 使段落突出显示 .small 设定小文本 (设置为父文本的 85% 大小) .text-left 设定文本左对齐 .text-center 设定文本居中对齐原创 2017-05-31 11:25:38 · 586 阅读 · 0 评论 -
table实现头部固定,内容滚动效果
设置tbody滚动,并固定头部,最需要解决问题是对齐问题,实现在两个方面:1、thead和tbody自动化对齐。2、把滚轮的宽度预留出来。具体代码如下:<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>&l...原创 2019-04-02 09:18:37 · 5942 阅读 · 2 评论 -
HTML中Input输入框的只能输入数字,限制长度,默认显示文字等
HTML中Input输入框的只能输入数字,限制长度,默认显示文字等排序:原创 2018-01-05 11:39:28 · 36337 阅读 · 3 评论 -
移动端自定义日历
移动端自定义日历1、html代码 出游日期: 2017-08-19 选择日期原创 2017-12-05 11:01:09 · 1253 阅读 · 0 评论 -
html5常用头部、无数据尾部
html5常用头部、无数据尾部 景点 注册 登录 抱歉没有找到您想要的内容 jQuery(document).ready(function() { s原创 2017-12-04 17:05:06 · 962 阅读 · 0 评论 -
实现三级菜单联动综合代码
实现三级菜单联动综合代码实现点击一级菜单弹出二级菜单,选择二级菜单弹出三级菜单的功能1、html代码您当前选择的商品类别是: 2、css代码 /*选择商品分类标题*/ .selectedSort { padding: 5px 15px; border: 1px solid #DDDDDD; background-c原创 2017-09-22 09:16:21 · 3358 阅读 · 0 评论 -
bootstrap日历插件的使用
bootstrap日历插件的使用1、插件引用 2、html代码 开始日期: 结束日期: 3、js代码 /** * 初始化日期插件 */ datePicker:function(){ // 初始开始时间 $('#startDate').date原创 2017-09-04 14:29:48 · 2745 阅读 · 0 评论 -
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。setItem存储value用途:将value存储到key字段用法:.setItem( key, value)代码示例:sessionStorage.setItem("key", "value"); localStorage.setItem("si转载 2017-07-06 16:49:10 · 2330 阅读 · 0 评论 -
移动端两端对齐支持iPhone6
移动端两端对齐支持iPhone6 ul { list-style: none; } li { overflow: hidden;/*关键点*/ } li .text { width: 205px; height: 40px; float: left; text-al原创 2017-07-05 14:51:42 · 1444 阅读 · 0 评论 -
高德地图应用
高德地图应用1、js引用 2、js代码 /*初始化地图——路线图*/ var routeMap = new AMap.Map('route-map'); routeMap.setZoom(12); routeMap.setCenter([118.506567, 31.668839]); //查询马鞍山海外皇冠大酒店点 A原创 2017-06-30 14:26:56 · 465 阅读 · 0 评论 -
小图点击弹出大图插件引用
小图点击弹出大图插件引用插件引用: zoom.css zoom.min.js图片三张:arrows、close、loadinghtml:原创 2017-06-30 13:04:14 · 486 阅读 · 0 评论 -
日历插件引用
日历插件引用插件导入 html代码: 入住 退房 共 1晚 js代码:/*日历初始化与应用*/ laydate({ elem: '#calendar1', }); laydate({ elem: '#calendar2',原创 2017-06-30 11:39:47 · 461 阅读 · 0 评论 -
JAVA高级工程师课程笔记整理——(六)网页三剑客
(六)网页三剑客html css js(脚本语言,重点)一、html标签 超链接调用js代码 锚链接 列表标签: 无序列表 有序列表原创 2017-05-23 13:30:36 · 425 阅读 · 0 评论 -
Google浏览器的Cookie位置
一、用浏览器查看cookie打开chrome-->设置-->高级设置-->隐私设置中的内容设置-->所有cookie和网站数据二、本地文件C:\Users\gaozhen(这部分根据用户选择文件夹)\AppData\Local\Google\Chrome\User Data\Default原创 2017-04-05 18:49:06 · 2938 阅读 · 0 评论 -
Uri,Url,Urn,src,href的解释和区别,个人查资料理解,不严谨,只供参考
URI:Uniform Resource Identifier 统一资源标识符url:uniform resoure locator 统一资源地址urn:Uniform Resource name 统一资源名称href:hypertext reference 超级文本引用src:source 来源通过英文名称翻译即可得知,uri是url和urn的统称url就是我们常见的地原创 2017-04-02 09:28:02 · 859 阅读 · 0 评论 -
学习Html、css和Javascript中的常用标签英文缩写笔记(可供同学们参考)
常用HTML标签:hr:Horizontal Route em:emphasisp:paragraphbr:breakh1:headlinea:anchorol:ordered listul:unordered listli:list itemdl:definition listdt:definition termdd:definition des原创 2017-04-01 10:57:35 · 1027 阅读 · 0 评论 -
搭建vscode+vue环境(转载)
一、安装vue.js1.简介Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另...转载 2019-05-23 17:43:06 · 325 阅读 · 0 评论 -
iframe父调子方法,子调父方法,同级互调方法
iframe父调子方法,子调父方法,同级互调方法父调子方法:main.window.toQuery();子调父方法:parent.toMenuUrl();同级互调方法:window.parent.document.getElementById('left').contentWindow.toMenuUrl();...原创 2019-05-27 17:10:03 · 2467 阅读 · 0 评论