- 博客(34)
- 收藏
- 关注
原创 7种web前端页面css(css3)布局方式,不知道最后两种方式的就亏大了
前端页面常见的布局方式有以下几种1、文档流 --内联元素从左往右排列,块级元素从上往下排列。2、float(浮动)布局3、position (定位)布局4、display inline-block (行向)布局5、margin 布局6、display:flex 弹性布局7、display:grid 栅格布局
2023-08-17 18:03:00 2685
原创 vue history 和hash路由模式共存处理
如 :http://127.0.0.1:8020/admin/static/copyright/index,如:http://127.0.0.1:8020/#/admin/static/copyright/index,
2023-07-05 17:17:52 961 1
原创 一个入门的button轱辘
一个入门的button轱辘git clone 远程仓库地址 报错unable to access 'https://github.com/hlr423/gulu.git/': LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443取消git全局代理,mac终端执行如下两条语句:git config...
2023-01-18 16:26:00 182
原创 element ui 级联选择器-多选下只选择叶子结点
element 级联选择器-多选下只选择叶子结点最近在vue项目上有个功能涉及到级联选择器的使用,溜达了一圈没有找到满足条件的......要求:溜达了一圈没有找到满足条件的,那就自己动手吧完成最近在vue项目上有个功能涉及到级联选择器的使用,溜达了一圈没有找到满足条件的…要求:标签选择必须时级联多选根结点不能选,若根下有且只有一个叶子结点,则根可选相同父级下只能存在一个叶子结点父级多个兄弟是叶子结点时只能存在一个溜达了一圈没有找到满足条件的,那就自己动手吧解决思路:从ui组建入手从
2021-11-04 11:32:46 4742 5
原创 vue 项目npm run build 报错ERROR in .js from UglifyJs Unexpected token: punc ())
最近用cnpm 下载项目依赖插件是,多个依赖提示 “deprecated”npm install 因为有多个依赖提示 “deprecated”,不知道是怎么回事?项目npm run build失败,报错。。。。ERROR in .js from UglifyJs Unexpected token: punc ()) [10.2d7028889bc63f1c3a27.chunk.1612515204492.js:150,203] Child extract-text-webpack-plugin:有
2021-02-05 18:41:11 569
原创 线上部署项目vue webpack 使用build打包突然报webpack错
BUG 线上部署项目vue webpack 使用build打包突然报错 `webpack --progress --hide-modules --config webpack.prod.config.js`问题 1UglifyJs ERROR 报错通过错误信息大概可以了解到,报错来自UglifyJs这个插件引起的,出现上面的问题,首先会想到的webpack的压缩代...
2021-02-04 10:55:00 225
原创 线上部署项目vue webpack 使用build打包突然webpack报错
线上部署项目vue webpack 使用build打包突然报错 `webpack --progress --hide-modules --config webpack.prod.config.js#问题 1 UglifyJs ERROR 报错通过错误信息大概可以了解到,报错来自 UglifyJs 这个插件引起的,出现上面的问题,首先会想到的webpack的压缩代码插件出问题了,项目中使用uglifyjs-webpack-plugin来压缩代码。#问题 2 存在的问题依赖插件版
2021-02-04 10:45:47 618
原创 vue iview DatePicker rule校验时所趟的坑
vue iview DatePicker rule校验时所趟的坑组件: <DatePicker type="date" v-model="editForm.date" :value="editForm.date" format="yyyy-MM-dd" @on-change="setDate" placeholder="请选择发布日期" style="width: 295px;ma...
2019-07-09 13:43:41 2521 3
原创 vue element ui table load 懒加载页面不渲染问题的别样解决方案
vue elementUI table 懒加载 删除最后一个子数据页面数据还在?解决方案:vue 中使用element ui组件的table组件,根据需求逐级通过事件加载它的子数据,用load函数的回调,可以删除大于1条数据的其他数据,当只有一条子数据,再执行删除,就没有效果了,我用this.$forceUpdate并没有什么用?,.<el-table:data="userData"...
2019-07-09 10:00:20 8493 3
原创 利用canvas将网页元素生成图片并保存在本地
##利用canvas将网页元素生成图片并保存在本地 首先引入三个文件: 1、&lt;script type="text/javascript" src="js/html2canvas.js"&gt;&lt;/script&gt; 2、&lt;script type="text/javascrip
2018-12-11 15:57:18 2554
原创 EJS在html中的使用之---在用node.js搭建的服务器的基本使用方法
在用node.js搭建的服务器的基本使用方法首先,通过控制台下载EJS的依赖插件 ejs的下载命令:npm install ejs –save 在当前目录下进行下载1、在主文件中进行配置(我的主文件名为app.js)中引入const ejs=require("ejs");//ejs 的引入app.set("views",path.join(__dirname+"/v...
2018-08-27 17:32:50 1088
原创 EJS在html中的基本使用方法
EJS的基本概念1、输出:在页面中输出变量值,你可以这么用: &amp;lt;div&amp;gt;&amp;lt;%= var01 %&amp;gt;&amp;lt;/div&amp;gt;如果不希望变量值的内容被转义,那就这么用:&amp;lt;div&amp;gt;&amp;lt;%- var02 %&amp;gt;&
2018-08-27 17:14:39 13260
原创 echart 中调整图表和容器的位置关系
echart 中调整图表和容器的位置关系 在vue中一个组件需要通过点击事件来切换不同的图表样式和数据,在写的过程中发现上一个图表的位置和下一个图表的位置大小差之甚远,但是图表容器的大小是一样的,后发现是图表和容器的位置问题,解决如下:方式1:手动调整图表的位置 在grid中有四个属性:left right top botton ,可以用百分比和像素 grid:...
2018-08-27 16:39:40 15410
原创 获取vue路由跳转路径
平时BUG: 在vue中使用element ui 中的导航组件时,使用index作为跳转的路径,单击跳转没有问题,但是当刷新页面是,选项卡的激活 状态就变成初始化的了,起起初想到用获取window.location.search方法,效果是可以达到,但是后来发现这操作有的牵强,就换成了vue中自己的获取路由路径的方式,如下:1 let cur_path = this.$route.pa...
2018-08-13 10:59:00 147
原创 table(表格)中的标签和属性
1、表格由 <table> 标签来定义。行( <tr> ),单元格(<td> ) 字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段 落、表单、水平线、表格,<table border="1">:显示表格边框,表格的表头使用 <th> 定义,有加粗的作用。2、<tab...
2017-12-04 21:53:00 151
原创 opacity(透明度)属性设置
1、opacity:是属性,整个元素包含子元素全部都会透明,取值范围0-1;2、background-color:rgba(0,0,0,.5)rgba是值,用于背景,取值范围0-1。补充:a-alpha=透明度通道实例:1 div{2 width: 200px;3 height: 200px;4 border: 1px solid red;5 background-color...
2017-12-04 21:45:00 124
原创 Iframe 定义内联的子窗口(框架)
1、Iframe 定义内联的子窗口(框架),用于在网页内显示网页语法:<iframe src="URL"></iframe>URL 指向隔离页面的位置,height 和 width 属性用于规定iframe 的高度和宽度。frameborder 属性规定是否显示 iframe 周围的边框。设置属性值为 "0" 就可以移除边框。<iframe src="...
2017-12-04 21:42:00 98
原创 float(浮动)的属性和使用方法
1float浮动的属性值 left:向左浮动 right:向右浮动2、当父元素未浮动,子元素浮动时,就会造成浮动塌陷实例:父元素:1 #mainDiv{2 border: 5px solid red;3 width: 1349px;4 height: 800px;5 6 }子元素:1 div {2 width: 300px;3 height: 40...
2017-12-04 21:34:00 185
原创 伪类选择器a的属性
在使用a中的四个属性时必须按照顺序来,不管用那两个都是要依照这个顺序来 1、a:link未访问过的状态 a:link{ color:red; } 2、a:visited已访问的 a:visited{ color:blue; } 3、a:hover鼠标移入 a:hover{ col...
2017-12-04 21:27:00 54
原创 background-image大小和位置的设置
1、background-position: 当背景图很大时,可以让其固定显示在不同的位置。剩下的会隐藏。 引入背景图片:background-image: url("img/banner.jpg");background-position参数: 水平起始位置(left center right %)可以用这四种形式的任意一种 垂直起始位置(top center bottom ...
2017-12-04 21:25:00 688
原创 transition(过渡)
transition:过渡 渡过渡原理:原始状态a状态-向-最终结束状态b状态 格式:transition: all 1s linear; 过渡的四个参数: 1、参与过渡的属性(属性(width)/all) 值 描述 linear 动画从头到尾的速度是相同的,linear慢慢开始过渡并成线性方式显示 ease 默...
2017-12-04 21:20:00 104
原创 filter 图片滤镜的各种设置
filter 图片滤镜 给当前元素加滤镜_改变它的明亮度 定义:filter 属性定义了元素(通常是<img>)的可视效果(例如:模糊与饱和度)。作用在图片上或元素上。div{ },或 div img{ }结果是一样的。1、 brightness()明亮度-->0-1 1为自己本身的两度1 div{ 2 -webkit-filter:brightness...
2017-11-20 22:21:00 96
原创 background-image 背景图片的设置
background-image 背景图片的设置属性:background-image: url(img/banner.jpg); 1、设置背景图的宽度background-size: 400px; 2、设置背景图的宽度百分比,以父元素的百分比来设置背景图的宽度和高度,第一个值为宽度,第二值为高度,一般不设置高度,会变形 background-size: 50%;只显示50%...
2017-11-20 22:08:00 547
原创 animation(动画)设置
1、animation 动画 概念:当您在 @keyframes 中创建动画时,请把它捆绑到某个选择器,否则不会产生动画效果。 通过规定至少以下两项 CSS3 动画属性,即可将动画绑定到选择器:规定动画的名称规定动画的时长把 "myMove" 动画捆绑到 div 元素,时长:5 秒;动画调用调用动画的规则名称动画持续的时间(可选)动画的过渡类...
2017-11-20 22:01:00 89
原创 display属性
1、显示内容 display: block; 用在内联元素中设置时,是把内联元素转换成具有块级元素的属性,可设置宽高2、内容消失,不会占据文档流空间 display: none; display: block;让消失的内容在显示,可以把内联转为块级,会独占一行。3、变成带“块级内联元素” display: inline-block; 即有宽高,不会自动换行...
2017-11-20 21:47:00 26
原创 font(字体)所使用的属性
1、font-weight:normal blod bolder lighter 100-900之间 400=normal1 p:first-child{2 padding-top: 50px;3 position: relative;4 color: black;5 font-size: 40px;6 font-weight: 800;...
2017-11-20 21:47:00 91
原创 margin中的bug解决方法
margin bug问题 : 当做子元素中使用margin-top: 50px;父子元素都会跑出50px,解决方法: 在父元素中使用下面三种任意一种都可以。 方法一:给父元素加边框 border: 1px solid #0086b3 方法二:溢出隐藏 overflow: hidden; 方法三:加一...
2017-11-20 21:47:00 52
原创 对布局定位设置-position
使用position属性,会激活5个属性leftrightbottomtopz-index(-1至999)注:z-index:会改变内容的层级关系,1、绝对定位 position: absolute 影响:元素会脱离文档流==元素原本占据空间释放原点计算:最近一个有定位的父元素作为原点参考,如果没有,跟页面(0,0)作为参考绝对定位是内嵌元素...
2017-11-20 21:47:00 56
原创 border-radius__边框圆角
1、四个参数: border-radius: 值1 值2 值3 值4;顺序:从左开始,顺时针顺1 div{2 width: 200px;3 height: 100px;4 background-color: blue;5 margin: 50px;6 border-radius: 10px 20px 30p...
2017-11-20 21:46:00 32
原创 css中三种隐藏方式
1、overflow 溢出隐藏overflow:hidden2、display 隐藏不占据原来的文档,即会让出空间display:black 显示display:none 隐藏3、visibility 隐藏占据原来的文档,不会让出原来所占的空间。visibility:hidden 隐藏visibility:visible 显示...
2017-11-20 21:46:00 40
原创 图片与文本的对齐方式
1、对图片进行宽高设置 对图片进行宽高设置时,只设置其中一个就可以,另一个会按照相应比例进行改变大小2、设置图片,可使文本图片垂直居中 vertical-align: middle; 注:默认图片与文字底部对齐3、设置图片,可使文本与图片是顶部居中 float: left; 1 //文字与图片中部居中 2 h1 img{ 3 width:...
2017-11-20 21:46:00 111
原创 WEB中需求分析应该考虑的问题
一.针对用户群体要考虑因素 1.用户年龄 2.选择素材 3.网站布局 4.颜色搭配 5. 用户体验及动效 6.功能便捷用户需求、用户兴趣爱好、性格、职业、教育水平高低、消费观念、PC端和移动端哪一种多、哪一个时间段使用产品(对用户群体全面的分析精准定位)二.竞品分析考虑因素1.主要业务功能是否同样满足用户 (抢购、反馈、反馈奖励等)...
2017-07-30 18:38:00 81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人