u013809856的博客

原创 uni-app中如何让图片不带高度的自适应

uni-app中如何让图片不带高度的自适应很明显的图片压缩变形了，一般在uni-app中图片需要给出高度，但是现在因为图片的大小高度不一致，所以怎么才能让图片自适应本身的高度呢？其实很简单，只需要在image加上mode="widthFix"就可以啦如图：代码：<view>　　<image src="../static/img/index/banner1.png" mode="widthFix"></image></vi..

原创 事件委托 （提高页面性能之一）

举例：一个公司的前台帮员工收快递？ 还是一个一个员工自己出来收快递？哪个效率比较高呢？          答案：前台帮员工收快递 运用到我们页面上 &lt;body&gt; &lt;ul id="ul"&gt; &lt;li&gt;1111&lt;/li&gt; &lt;li&gt;2222&lt;/li&gt; &am

原创 图片旋转后保存base64

图片旋转后保存base64——canvas描述图片旋转的如果不用保存的话，用css3就很简单了，至于用那些css3的属性和方法，自行在网上查。这里介绍用canvas 介绍图片旋转后保存base64。思路在canvas里进行图片旋转操作，然后用toDataURL保存base64字符串解决绕中心旋转的问题rotate()方法用于旋转当前绘制图。但是，你会发现它以绘制图的左上角为中...

原创 bootstrap栅格系统布局原理

简介栅格系统用于通过一系列的行（row）与列（col）组合来创建页面布局，你的内容就可以放入这些创建好的布局中。下面介绍一下栅格bootstrap栅格系统的工作原理：行（row）必须放在.container（固定宽度）或.container-fluid（100%宽度）内，以便为其赋予合适的排列（aligment）和内补（padding）; 通过“行（row）”在水平方向创建一组“列（co...

转载 移动端web开发之像素和DPR

前面的话像素在web开发中几乎天天用到，但到底什么是像素，移动端和桌面的像素有区别吗？缩放对像素有影响吗？视网膜屏幕和像素有什么关系？关于这些问题，可能就不清楚了 ，本文将介绍关于像素的相关知识定义像素，又称为画素，是图像显示的基本单位，译自英文“pixel”，pix是英文单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“图像元素”之意...

原创 css3 动画效果

css3 动画效果的好处就是：减少代码量，简洁代码坏处：不能事件回调，兼容性差，不同的浏览器还要写不同的前缀鼠标经过放大效果： div{ width:200px; height:200px; background:red; transition: all .3s;}div：hover{ transform: scale(1.1);} ...

转载 Webpack、Browserify、seajs 、require的不同

seajs / require : 是一种在线"编译" 模块的方案，相当于在页面上加载一个 CMD/AMD 解释器。这样浏览器就认识了 define、exports、module 这些东西。也就实现了模块化。browserify / webpack : 是一个预编译模块的方案，相比于上面 ，这个方案更加智能。没用过browserify，这里以webpack为例。首先，它是预编译的，不需要在浏览...

原创 element-ui Tree节点拖曳相关

树状拖曳设置只能在同一级拖动，不能越级在Tree元素上添加allow-drop&lt;el-tree draggable :data="classify" node-key="100" ref="treeSort" highlight-current :allow-drop="allowDrop" &gt;然后在methods方法上加methods: { ...

原创 elementui——表格的相同内容单元格合拼

如何实现相同内容的单元格合并？:span-method="objectSpanMethod"定义一个空数组：[]定义一个变量：0遍历数据如果有相同数据 在空数组添加一个0(相同数据的起始位加1)，不相同在数据push 一个1（变量改成当前索引）&lt;html&gt;&lt;el-table :data="tableData" :span-metho...

原创 解决SVN不显示绿色图标问题

修改注册表Windows Explorer Shell支持Overlay Icon最多15个，Windows自身已经使用了4个，所以就只剩下了11个供我们使用。如果你之前安装了例如Groove这样的软件，那么可能我们可利用的就更少了，轮不到Tortoise了。像这样的情况，我们可以调整Tortoise图标名称的字母顺序，来提高Tortoise的优先位,因为Windows内部就是安装名称的字母顺序来...

转载 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 '#&lt;Object&gt;'举个例子：我在用vue使用swiper插件时，一直报错这个错这个完全没问题啊，一直报着个错，有种砸电脑的触动然后再github...

转载 npm 如何查看一个包的版本信息？

有了npm 我们能够简单的一段代码就下载我们需要的包，但是包是不断更新的，所以我们要关注包的版本信息；现在，假设我们需要  jquery ，但是jquery现在有很多版本，我们如何通过npm查看呢？要知道，现在的jquery包在npm服务器的上，我们使用下面的命令查看：第一种方式：使用npm view jquery versions                    这种方式可以查看npm服务...

原创 jQ 参数符号

JQ：add(expr | ele | html | obj[,con])参数里所表达的意思 []：表示可选的|：表示或,：表示或吧

原创 js 比typeof 更准判断数据类型 更好用的判断语句

平时我们大多数人都用 typeOf 操作符来检测数据类型 如：typeof  "John"     // stringtypeof 123 // numbertypeof  false// boolean但 typeof  [2]// objecttypeof {name:"xu"}// objecttypeof  [2] 和 typeof {nam

原创 setInterval() 第一个参数的用法

setInterval(cod,time) 定时器(每隔一段时间执行代码);要求第一个参数必须是含Javascript命令的字符串或函数对象// 正常使用setInterval(function(){alert("10")},1000);setInterval(move,1000);  // 第一参数为 函数对象,可以使用一直调用setInterval(

转载 Sublime text 2/3 中 Package Control 的安装与使用方法

Package Control 插件是一个方便 Sublime text 管理插件的插件，但因为 Sublime Text 3 更新了 Python 的函数，API不同了，导致基于 Python 开发的插件很多都不能工作，Package Control 原来的安装方法都失效了。网上有2种使用 Git 的安装方法，感觉太麻烦了。此处将 wbond 网站的 ST3 Package Contro

原创 删除sublime

在软件菜单里preferences->browse packages，打开的那个目录，把Sublime Text 3那层目录全删了就可以了。这里存着用户数据，卸载或者升级时是不会动这里的数据的

原创 javascript中return、return false、return true三者的区别

一、返回控制与函数结果语法为：return 表达式；语句结束函数执行，返回调用函数，而且把表达式的值作为函数结果；二、返回控制无函数结果，语法为：return;在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个元素,页面会跳转到该元素href属性指定的页.   总之：return false 只

转载 转一篇sublime必备的一些插件

转一篇sublime必备的一些插件Package Control功能：安装包管理简介：sublime插件控制台，提供添加、删除、禁用、查找插件等功能使用：https://sublime.wbond.net/installation安装方法：CTRL+` ，出现控制台粘贴以下代码至控制台 ST2：1import urllib2,os; pf='Pa

转载 使用sublimeText3编译less后css被压缩解决办法

使用sublimeText3编译less后css被压缩解决办法好不容易安装好nodejs sublimeText 中的各种插件之后 当我们在sublimeText中编写less 按下ctrl+s 保存后再去看我们的css 会发现它被压缩成了一行，像这个样子：这是因为在插件里，自动默认设置成把编译后的css压缩了 如果我们不想它压缩怎么办呢，很简单，修改一下l

原创 Frameword7 点击事件

原创 iscroll基本使用

原创 css3中的rem值与px之间的换算

em 以父元素为参照rem 和 em 一样，也是一个相对大小的值，它是相对于根元素 html>，比如假设，我们设置 html 的字体大小的值为 html｛font-size: 87.5%;｝（也就是 14px，这是 twentytwelve 默认主题里的设置）如果你没有在根元素指定参照值，那浏览器默认就是 1rem 为 16px,如果你指定了值假设为 20px，那 1r

原创 dist、src 、inc

dist是指distribution——分配,分发——发布完成的文件夹一般命名distsrc 就是source code装一些源文件，代码inc 就是include 装一些头文件

原创 SVN

想要获取SVN的文件夹是“检出”

转载 sublime less自动变成css

最近迷恋上sublime用于前端开发，性能高，灵活，是非常值得推荐的一款开发利器。下面介绍下sublime中使用less遇到的问题及解决办法：1. less文件无法高亮显示；2. 在编辑完less文件后，保存时，自动编译为对应的css文件；需要安装的插件有：1.Less高亮显示插件https://github.com/wbond/sublime_packag

原创 js数字字符串的计算

原创 JS正则使用符号

原创 ajax是浏览器与服务器的交换数据过程

原创 $.ajax请求数据时，请求文件内容不能用单引号

ajax 请求数据：数据文件内容用的一定是双引号（“”），不能单引号  不然会请求失败

转载 HTML5Web储存

HTML5Web储存HTML5 web 储存，一个比cookie更好本地储存方式。什么是HTML5 Web存储？早些时候，本地储存使用的是cookie。但是Web需要更加安全与快速，这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上。它也可以储存大量的数据，而不影响网站的性能。数据以 键/值对存在，web网页的数据只允许网页访问使用。浏览器支持

转载 seaJs学习笔记之怎么调用模块

用require对外提供接口的javascript代码?1234567891011121314/*    用require对外提供接口的javascript代码*/define(function(requ