- 博客(32)
- 收藏
- 关注
原创 uni-app中如何让图片不带高度的自适应
uni-app中如何让图片不带高度的自适应很明显的图片压缩变形了,一般在uni-app中图片需要给出高度,但是现在因为图片的大小高度不一致,所以怎么才能让图片自适应本身的高度呢?其实很简单,只需要在image加上mode="widthFix"就可以啦如图:代码:<view> <image src="../static/img/index/banner1.png" mode="widthFix"></image></vi..
2022-01-14 16:14:01
1704
2
原创 事件委托 (提高页面性能之一)
举例:一个公司的前台帮员工收快递? 还是一个一个员工自己出来收快递?哪个效率比较高呢? 答案:前台帮员工收快递 运用到我们页面上 <body> <ul id="ul"> <li>1111</li> <li>2222</li> &am
2018-12-20 15:05:54
258
原创 图片旋转后保存base64
图片旋转后保存base64——canvas描述图片旋转的如果不用保存的话,用css3就很简单了,至于用那些css3的属性和方法,自行在网上查。这里介绍用canvas 介绍图片旋转后保存base64。思路在canvas里进行图片旋转操作,然后用toDataURL保存base64字符串解决绕中心旋转的问题rotate()方法用于旋转当前绘制图。但是,你会发现它以绘制图的左上角为中...
2018-12-05 11:31:56
3553
1
原创 bootstrap栅格系统布局原理
简介栅格系统用于通过一系列的行(row)与列(col)组合来创建页面布局,你的内容就可以放入这些创建好的布局中。下面介绍一下栅格bootstrap栅格系统的工作原理:行(row)必须放在.container(固定宽度)或.container-fluid(100%宽度)内,以便为其赋予合适的排列(aligment)和内补(padding); 通过“行(row)”在水平方向创建一组“列(co...
2018-11-23 15:41:41
7037
转载 移动端web开发之像素和DPR
前面的话像素在web开发中几乎天天用到,但到底什么是像素,移动端和桌面的像素有区别吗?缩放对像素有影响吗?视网膜屏幕和像素有什么关系?关于这些问题,可能就不清楚了 ,本文将介绍关于像素的相关知识定义像素,又称为画素,是图像显示的基本单位,译自英文“pixel”,pix是英文单词picture的常用简写,加上英语单词“元素”element,就得到pixel,故“像素”表示“图像元素”之意...
2018-11-19 19:21:49
389
原创 css3 动画效果
css3 动画效果的好处就是:减少代码量,简洁代码坏处:不能事件回调,兼容性差,不同的浏览器还要写不同的前缀鼠标经过放大效果: div{ width:200px; height:200px; background:red; transition: all .3s;}div:hover{ transform: scale(1.1);} ...
2018-11-09 11:57:03
114
转载 Webpack、Browserify、seajs 、require的不同
seajs / require : 是一种在线"编译" 模块的方案,相当于在页面上加载一个 CMD/AMD 解释器。这样浏览器就认识了 define、exports、module 这些东西。也就实现了模块化。browserify / webpack : 是一个预编译模块的方案,相比于上面 ,这个方案更加智能。没用过browserify,这里以webpack为例。首先,它是预编译的,不需要在浏览...
2018-11-08 11:13:15
369
原创 element-ui Tree节点拖曳相关
树状拖曳设置只能在同一级拖动,不能越级在Tree元素上添加allow-drop<el-tree draggable :data="classify" node-key="100" ref="treeSort" highlight-current :allow-drop="allowDrop" >然后在methods方法上加methods: { ...
2018-10-18 10:27:46
8414
3
原创 elementui——表格的相同内容单元格合拼
如何实现相同内容的单元格合并?:span-method="objectSpanMethod"定义一个空数组:[]定义一个变量:0遍历数据如果有相同数据 在空数组添加一个0(相同数据的起始位加1),不相同在数据push 一个1(变量改成当前索引)<html><el-table :data="tableData" :span-metho...
2018-09-26 21:03:55
9399
4
原创 解决SVN不显示绿色图标问题
修改注册表Windows Explorer Shell支持Overlay Icon最多15个,Windows自身已经使用了4个,所以就只剩下了11个供我们使用。如果你之前安装了例如Groove这样的软件,那么可能我们可利用的就更少了,轮不到Tortoise了。像这样的情况,我们可以调整Tortoise图标名称的字母顺序,来提高Tortoise的优先位,因为Windows内部就是安装名称的字母顺序来...
2018-07-05 12:03:03
1246
转载 vue引入插件Cannot assign to read only property 'exports' of object
webpack可以使用require和export ,但是不能混合使用import 和module.exports ,不然会报错Cannot assign to read only property 'exports' of object '#<Object>'举个例子:我在用vue使用swiper插件时,一直报错这个错这个完全没问题啊,一直报着个错,有种砸电脑的触动然后再github...
2018-05-14 17:39:43
5582
转载 npm 如何查看一个包的版本信息?
有了npm 我们能够简单的一段代码就下载我们需要的包,但是包是不断更新的,所以我们要关注包的版本信息;现在,假设我们需要 jquery ,但是jquery现在有很多版本,我们如何通过npm查看呢?要知道,现在的jquery包在npm服务器的上,我们使用下面的命令查看:第一种方式:使用npm view jquery versions 这种方式可以查看npm服务...
2018-04-10 20:57:22
6856
原创 jQ 参数符号
JQ:add(expr | ele | html | obj[,con])参数里所表达的意思 []:表示可选的|:表示或,:表示或吧
2017-09-02 11:44:44
463
原创 js 比typeof 更准判断数据类型 更好用的判断语句
平时我们大多数人都用 typeOf 操作符来检测数据类型 如:typeof "John" // stringtypeof 123 // numbertypeof false// boolean但 typeof [2]// objecttypeof {name:"xu"}// objecttypeof [2] 和 typeof {nam
2017-08-10 11:54:49
424
原创 setInterval() 第一个参数的用法
setInterval(cod,time) 定时器(每隔一段时间执行代码);要求第一个参数必须是含Javascript命令的字符串或函数对象// 正常使用setInterval(function(){alert("10")},1000);setInterval(move,1000); // 第一参数为 函数对象,可以使用一直调用setInterval(
2017-07-05 16:49:41
3825
转载 Sublime text 2/3 中 Package Control 的安装与使用方法
Package Control 插件是一个方便 Sublime text 管理插件的插件,但因为 Sublime Text 3 更新了 Python 的函数,API不同了,导致基于 Python 开发的插件很多都不能工作,Package Control 原来的安装方法都失效了。网上有2种使用 Git 的安装方法,感觉太麻烦了。此处将 wbond 网站的 ST3 Package Contro
2017-03-07 15:10:50
186
原创 删除sublime
在软件菜单里preferences->browse packages,打开的那个目录,把Sublime Text 3那层目录全删了就可以了。这里存着用户数据,卸载或者升级时是不会动这里的数据的
2017-03-07 14:51:07
613
原创 javascript中return、return false、return true三者的区别
一、返回控制与函数结果语法为:return 表达式;语句结束函数执行,返回调用函数,而且把表达式的值作为函数结果;二、返回控制无函数结果,语法为:return;在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个元素,页面会跳转到该元素href属性指定的页. 总之:return false 只
2017-02-16 14:07:38
648
转载 转一篇sublime必备的一些插件
转一篇sublime必备的一些插件Package Control功能:安装包管理简介:sublime插件控制台,提供添加、删除、禁用、查找插件等功能使用:https://sublime.wbond.net/installation安装方法:CTRL+` ,出现控制台粘贴以下代码至控制台 ST2:1import urllib2,os; pf='Pa
2017-02-15 11:59:55
981
转载 使用sublimeText3编译less后css被压缩解决办法
使用sublimeText3编译less后css被压缩解决办法好不容易安装好nodejs sublimeText 中的各种插件之后 当我们在sublimeText中编写less 按下ctrl+s 保存后再去看我们的css 会发现它被压缩成了一行,像这个样子:这是因为在插件里,自动默认设置成把编译后的css压缩了 如果我们不想它压缩怎么办呢,很简单,修改一下l
2017-02-11 14:04:58
2880
原创 css3中的rem值与px之间的换算
em 以父元素为参照rem 和 em 一样,也是一个相对大小的值,它是相对于根元素 html>,比如假设,我们设置 html 的字体大小的值为 html{font-size: 87.5%;}(也就是 14px,这是 twentytwelve 默认主题里的设置)如果你没有在根元素指定参照值,那浏览器默认就是 1rem 为 16px,如果你指定了值假设为 20px,那 1r
2017-02-04 11:01:57
2741
原创 dist、src 、inc
dist是指distribution——分配,分发——发布完成的文件夹一般命名distsrc 就是source code装一些源文件,代码inc 就是include 装一些头文件
2017-01-20 16:13:52
1126
转载 sublime less自动变成css
最近迷恋上sublime用于前端开发,性能高,灵活,是非常值得推荐的一款开发利器。下面介绍下sublime中使用less遇到的问题及解决办法:1. less文件无法高亮显示;2. 在编辑完less文件后,保存时,自动编译为对应的css文件;需要安装的插件有:1.Less高亮显示插件https://github.com/wbond/sublime_packag
2017-01-18 15:29:00
1588
转载 HTML5Web储存
HTML5Web储存HTML5 web 储存,一个比cookie更好本地储存方式。什么是HTML5 Web存储?早些时候,本地储存使用的是cookie。但是Web需要更加安全与快速,这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上。它也可以储存大量的数据,而不影响网站的性能。数据以 键/值对存在,web网页的数据只允许网页访问使用。浏览器支持
2016-12-06 16:54:58
335
转载 seaJs学习笔记之怎么调用模块
用require对外提供接口的javascript代码?1234567891011121314/* 用require对外提供接口的javascript代码*/define(function(requ
2016-11-03 22:21:26
1148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人