排序
用rem来做响应式开发
由于这个项目我设置了最大的宽度限制是640px,最小限制是320px,大家可以改变浏览器的分辨率或者通过手机访问看看效果。基本上在不同分辨率下都是差不多的展示效果,而且在手机移动终端下都是100%...
jquery-事件委派
一、定义 事件委派的定义就是,把原来加给子元素身上的事件绑定在父元素身上,就是把事件委派给父元素。 二、版本 从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一...
display:flex
局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 一、Flex布局是什么? Flex是Flexible Box的缩...
常用前端插件
exchart 【曲线图统计图表插件】 layer web 【弹层组件】 datatable 【query表格插件】 moment.js 【JavaScript 日期处理类库】 WdatePicker.js【日期控件】 validform.js 【一行代码搞定整...
echarts 两个x轴
项目需要柱形图和表格同时使用,所以用echarts里graphic添加表格,如图: 因为graphic里type: 'line',那将从x轴0开始画线,但是因为数据有负数,所以样式将会被撑开,然后就用两个x轴并设置onZe...
vue3中关于defineProps笔记
在Vue 3中,defineProps函数用于声明组件的props属性。两个示例代码之间的差异在于type属性的定义。 在第一个示例中,width的type属性被定义为String as PropType<string>。这是Vue 3中的...
【JavaScript】闭包和作用域链
定义函数的方式有两种 1、函数声明(函数声明提升,执行代码之前会先读取函数声明) Function obj1(){ //函数体 } 2、函数表达式 Var obj2 = function(){ //函数体 } 两者之间的区别:函数...
echarts 柱形和表格共存
项目需要柱形图和表格同时使用,所以用echarts里graphic添加表格,如图: 在graphic里type: 'line',shape里面画下划线,然后x轴axisTick里面length代表垂直线的长度,这样表格就实现了, 如要多...
将本地代码提交到gitee上的方法
第一步:创建仓库 在 Gitee 上提交代码前,需要先创建一个仓库。在 Gitee 的主页中,点击右上角的“+”号,选择“新建仓库”,输入仓库名称和仓库描述,并选择仓库的公开或私有权限。 第二步:...
jQuery设置图片等比例缩小的方法
1,jQuery设置图片等比例缩小的方法 网站的内容页面,经常要放图片,如果图片太大会撑出,影响页面美观。如果只是用css限制图片的最大宽度,会引起图片的变形,这里建议还是用js来实现,实现方...
前端UI框架
移动端UI框架 Mint UI(饿了么团队) 中文官网:http://mint-ui.github.io/#!/zh-cn 描述:基于vue的移动端UI框架 基于vue 组件库: GitHub地址:https://github.com/ElemeFE/mint-ui/ star:87...
详细vite创建vue3项目(vue3+ts+vite)
一、工具简介 1.1 nvm nodejs管理工具 node官网: https://nodejs.org/en/ nvm version 查看版本号 nvm install 14.15.3 安装node版本 nvm list 查看安装node列表 nvm use 14.15.3 切换选择已...