- 博客(78)
- 资源 (12)
- 收藏
- 关注
原创 vue3中使用echart,彻底解决宽度100%变成100px
vue3+echart的使用,遇到的尺寸显示问题,100%显示为100px的解决办法
2023-03-26 09:07:53 1645
原创 前端开发视角 入门springboot
文章目标:对比springboot项目结构和vue-cli项目结构【大致类比,不用深究】,不论会不会java基础,按照前端开发项目的思维,一步一步也可把功能 实现基本的接口
2023-01-08 21:18:54 2020 1
原创 mybatis报错org.apache.ibatis.binding.BindingException: Invalid bound statement (not found): com.**
排除mybatis报错: Invalid bound statement (not found):
2022-11-27 21:38:36 226
原创 docker-compose实现容器任务编排
项目开发中,往往都需要启动多个容器,容器之间又相互依赖,存在着启动的顺序。docker-compose就是可以通过命令控制依次启动容器。容器编排工具可以帮助我们批量地创建、调度和管理容器,帮助我们解决规模化容器的部署问题。Docker 三种常用的编排工具:Docker Compose、Docker Swarm 和 Kubernetes。
2022-11-14 09:58:16 685
原创 读《vue3设计与实现》2- vue的diff算法核心
vue的diff算法,从最基本的算法分析开始,到vue2的双端diff,到vue3的最长递增子序列算法。
2022-06-23 22:47:28 391
原创 ElementUI 树形控件el-tree懒加载并设置默认展开和选中的效果
使用elementui树组件,通过懒加载加载数据,并设置默认展开和全部选中的效果。<el-tree :load="loadNode" node-key="org_id" is-connection-line show-checkbox lazy :default-checked-keys="defaultSelectCids" :default-expanded-keys="defaultExpandedCids
2022-02-22 18:49:37 9912 2
原创 javascript函数的防抖和节流
js函数的防抖和节流的是什么函数的防抖 (debounce) : 多次触发事件,在某段固定的时长只执行最后一次函数,如果这个事件一直触发,那么相应的函数要一直等待。比如生活中坐地铁或者做电梯,假如一直有上客的情况,那么车门就一直要等待,直到最后一名乘客上车后等待10s(一个设定的时间)车门关闭。函数的节流 (throttle) : 多次触发事件,执行期间每隔一段时间执行相应的函数。比如生活中在公交始发站,公交车有一定的发车时间间隔,要过一段时间(比如20分钟)才发一辆车。来了一个乘客对司机说,发车吧(
2020-05-15 09:59:12 205
原创 前段不定宽高的div垂直居中
div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
2016-09-16 21:23:30 437
原创 css3改变元素基点transform-origin
今天使用css3制作旋转动画,突然碰到了奇怪的现象,元素不是绕着自己的中心旋转。后来调试发现使用了margin-top,转移了元素的位置,但是中心点没有移动。那么这样是不是多了一种改变元素基点的方法。这种还是挺好用。当然标准更多的是调整transform-origintransform-origin(X,Y):用来设置元素的运动的基点(参照点)。默认点是元素的中心点。其中X和Y
2015-07-31 22:02:32 4512 1
原创 metinfo笔记
引入或者调用外部文件时:要在own.js中设置require('tem/js/amaze/amazeui.css'); require.async('tem/js/dahua/jquery.SuperSlide.2.1.1',function(){ jQuery(".slideTxtBox").slide({}); jQuery(".slideBox").slide({m
2015-07-28 23:21:35 765
原创 淘宝店铺装修(首页和宝贝详情页显示不一致)
做淘宝C店铺装修的时候,很多会使用到footer-more-trigger属性中的position:absolute;绝对定位。但是该属性在宝贝详情页中是没有的,制作店招或者页尾时的共用模块就可能会显示异常。所以制作这里首页,搜索页,宝贝详情页共用模块是,不要使用定位来排版。最好使用浮动float;天猫店铺除外,天猫店铺的sn-simple-logo属性在宝贝详情页里显示也是正常的,可以使用定
2015-06-17 11:16:13 8145 2
原创 阿里云 linux下部署web环境
最近购买了阿里云服务,服务器上是完全纯净的,所有使用的环境都要自己安装配置。对我等小白还是有点恐惧,今天装下来,也没有太复杂,感觉还是比较好用的。()购买服务器之后,第一步先Linux一键安装web环境下载文件后,里面有一个pdf安装说明,另一个是安装包。把安装包上传到服务器的home文件夹下。就可以按照pdf 的说明进行按照。我安装了Apache。安装
2015-03-25 10:53:50 1148
转载 css3中的变形和动画(3)
rotate 旋转,通过rotate()函数指定旋转的角度,元素相对原点进行旋转,如果是正值,顺时针旋转,负值,元素相对原点逆时针旋转。skew(),扭曲倾斜,它可以将一个对象以其中心为之围绕着X轴和Y轴按照一定角度倾斜,会改变元素的形状。使用时,分为三种情况:1、skew(x,y)是元素在水平和垂直方向同时扭曲。2、skewX(x)仅使元素在水平方向扭曲变形3、ske
2014-12-10 08:57:36 588
原创 css3选择器
6-1.css3选择器css3增加的属性选择器(通配符) Element[attribute^="value"] 选择匹配元素Element,并且E元素定义了以value值开头的任意字符串的属性attribute值。 Element[attribute$="value"] 选择匹配元素Element,并且E元素定义了以value值结尾的任意字符串的属性attribute值。 E
2014-11-27 11:58:08 668
转载 jQuery实现小骑车的移动
html代码部分 停车动画 css样式布局*{ padding:0px; margin:0px; }body{ background:#D5DEE7; }.car{ position:absolute; top:0px; left:0px;
2014-11-26 14:26:43 632
转载 css3学习笔记1
css3介绍1.首先处理各版本浏览器兼容性----------------------------| 前缀 | 浏览器| -webkit |chrome和safari| --------------------------| -moz |firefox| --------------------------| -ms |IE| --
2014-11-26 11:45:49 510
原创 css3中关于伪类的使用
目标:css中after伪类,last-child伪类的使用。以及部分css3的属性。过程:在制作导航时,经常会遇到在每一个li后面添加一个分割符号,到最后一个元素的时候,分割符就会去掉的一种效果。如图那么制作这样的一个效果,怎么用纯css很简单的完成了。这里用到了css的伪类。html部分 Home About Me Portfoli
2014-11-20 22:16:03 1384
原创 html5标签
可以进行省略的标签1、不允许写结束符的标签:area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr2、可以省略结束符的标签:li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th3、可以完全省略的标签:htm
2014-11-13 11:55:10 648
原创 php查询数据的4个fetch用法和区别
mysql_fetch_row;mysql_fetch_array;mysql_fetch_assoc;mysql_fetch_object;
2014-10-02 12:10:00 5536 1
原创 关于display的block、inline、inline-block的联系和区别
display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素. inline元素的特点是: 和其他元素都在一行上;
2014-05-21 11:49:24 592
原创 心流状态---人们做事时内心的一种状态
最近读一本书《设计师要懂心理学》,看到了第四章的38节。《-----人可以进入心流状态---》 ---心流状态(维基百科的解释):心流(英语:flow),又译作“神驰”,定义是一种将个人精神力完全投注在某种活动上的感觉;心流产生时同时会有高度的兴奋及充实感。米哈里·齐克森认为,使心流发生的活动有以下特征:我们倾向去从事的活动我们会专注一致的活动有清楚目标的活动
2013-11-19 22:37:42 3514
原创 ie6关于css的不兼容
1:clip定义和用法clip 属性剪裁绝对定位元素。当一幅图像的尺寸大于包含它的元素时会发生什么呢?"clip" 属性允许您规定一个元素的可见尺寸,这样此元素就会被修剪并显示为这个形状。说明这个属性用于定义一个剪裁矩形。对于一个绝对定义元素,在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能比元素的内容区大,也可能比内容
2013-11-06 17:26:38 672
转载 css hack
css中的width和padding 在IE7和FF中width宽度不包括padding,在Ie6中包括padding. 根据不同浏览器对CSS样式的支持程度,解析结果和识别CSS的优先级不同,设计师们就可以根据这些不同浏览器 的特点来书写不同的CSS样式代码。 IE6能识别下划线_和星号*,IE7能识别星号*,不能识别下划线_, 而firefox两个都不能识别,如此,就
2013-10-28 22:14:33 561
原创 jQuery实现的一个tab切换效果,(内部还有切换)。
大致效果如图下面是代码:自己导入jQuery包。样式: body,ul,li,div,a{margin:0px;padding:0px;} body{margin-top:10px;margin-left:15px;} #all{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px s
2013-10-27 00:05:55 1205
转载 解决IE6不兼容position:fixed
众所周知IE6不支持position:fixed,这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天我做自己的博客模板的时候,遇到了这个问题。当时就简单的无视了IE6——尽管有几个使用IE6的朋友,一起BS我……但是对于大项目或商业网站,如果有用到这个属性的时候,是不可能直接无视的。你是如何让position:fixed在IE6中工作的?本文所使用的技巧
2013-10-26 13:03:38 781
转载 pre标签里面内容自动换行
pre{ white-space:pre-wrap;/*css-3*/ white-space:-moz-pre-wrap;/*Mozilla,since1999*/ white-space:-pre-wrap;/*Opera4-6*/ white-space:-o-pre-wrap;/*Opera7*/ word-wrap:break-word;/*Internet
2013-10-21 19:28:33 1072
原创 mySql基础操作
mySql基本操作 每条语句输入完毕后要在末尾填加分号';',或者填加'\g'也可以; 查询时间:select now(); 查询当前用户:select user(); 查询数据库版本:select version(); 查询当前使用的数据库:select database();一:系统操作net start mysql //启动mysql服务
2013-10-06 23:03:49 610
java开发的各种包
2013-09-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人