Daisy-lv-CSDN博客

原创 open-data调取的头像做圆角显示处理

open-data引入的头像本身不能做圆角处理，但是可以用其他方式，例如在外层加个view标签，给标签设置样式。 wxml代码 <view class="userimg"> <open-data type="userAvatarUrl" ></open-data> </view> ...

2019-09-11 21:04:30 2021

原创 js隐藏不需要显示的字符

1.限制字符长度先贴上html代码，现在要求限制显示h4和h5标签里面的内容长度 <div class="row"> <div class="col-xs-12 col-sm-6 col-md-2"> <div class="thumbnail"> ...

2019-08-19 16:54:24 1266

最近工作中遇到一个问题，需求是一个表单提交页面实现响应式，但是发现一个问题，本来pc端是两列布局，为了适应手机端需要做成单列的，但是实现之后发现顺序变了，当初没想太多，就直接ctrl+c ctrl+v复制了一遍ul，对两个ul分别取不同类名当作pc端和手机端的布局，效果实现了然后提交，问题出现了，测试发现点击提交按钮无法提交内容，并且很多输入框的验证逻辑也都发生了不同程度的错误，找到原因是因为有两...

2019-06-14 16:19:23 574

原创 CSS垂直居中的三种方式

在说垂直居中之前先看一下水平居中，相对于垂直居中来说水平居中就简单多了：如果是一个行内元素，就对它的父级直接使用text-align: center; 如果是一个块级元素，就对它自身使用margin: auto; 说完水平居中再来看垂直居中，这里讲述三种常见的方法： 1.基于绝对定位（要求元素具有固定的宽度和高度）借助calc()函数，可以简化以上代码...

2019-01-03 15:10:07 2202

原创 transition实现过渡动画

transition:property duration timing-function delay; transition-property：规定设置过渡效果的CSS属性的名称（有数值的属性才可以进行过渡）； transition-duration：规定完成过渡效果需要的时间； transition-timing-function：规定速度效果的速度曲线； timing-delay：定义...

2018-12-21 10:38:04 6811

原创 js中的栈内存和堆内存

1.简介栈和堆栈：栈会自动分配内存空间，物理内存是连续的，存放基本类型，简单的数据段，占据固定大小的空间。基本类型：String，Number，Boolean，Null，Undefined 堆：动态分配的内存，物理地址不连续，大小不定也不会自动释放，存放引用类型，指那些可能由多个值构成的对象，保存在堆内存中，包含引用类型的变量，实际上保存的不是变量本...

2018-12-11 17:16:37 1789

原创 js的阻塞加载、延迟加载和异步加载

1.阻塞加载：平常默认使用的都是阻塞加载。例如：　　阻塞加载会阻止浏览器的后续处理，停止了后续的文件的解析，执行，如图像的渲染。为了这样可以让页面先显示出来，我们通常会把要加载的js放到body结束标签之前，使得js可在页面最后加载，尽量减少阻塞页面的渲染。 2.延迟加载：延迟...

2018-12-11 17:13:39 4195

原创 js中的arguments

Javascrip中每个函数都会有一个Arguments对象实例arguments，它引用着函数的实参，可以用数组下标的方式"[]"引用arguments的元素。arguments.length为函数实参个数，arguments.callee引用函数自身。使用方法虽然arguments对象并不是一个数组，但是访问单个参数的方式与访问数组元素的方式相同例如： ...

2018-12-11 17:12:24 224

原创 js中的this指针

this关键字只与函数的执行环境有关，而与声明环境没有关系。 this关键字虽然会根据环境变化，但是它始终指向的是调用当前函数的那个对象。在JS中调用函数可以分为4种：方法调用、函数调用、构造器调用、apply调用。这些调用在如何初始化关键参数this上存在差异。一、方法调用当函数被保存为一个对象的属性时，它就可称为这个对象的方法。当一个方法被调用时，this被绑定到这个对象...

2018-12-11 17:10:18 219

原创 vue常用的指令

1.v-text指令：用于更新标签包含的文本，它的作用跟双大括号效果是一样的。 2.v-html指令：绑定一些包含html代码的数据在视图上，例如<strong>Daisy</strong>,这个字符包含了<strong>标签，要想<strong>不被当做普通的字符串渲染出来，发挥<strong>应有的效果，我们就得使用v-html...

2018-12-04 11:52:48 5693

原创 Iconfont图标的使用方法

目前阿里巴巴图标库的图标已经非常多了，可以满足我们日常的开发需求，一种图标有多个不同的样式可以随意选择，使用起来也特别方便。下面说一下使用方法： 1.打开阿里巴巴图标库官网网站（直接点击链接即可） 2.点击图标库，进入到图标库界面，可以看到很多种的图标，可以直接选择所需图标，也可以在搜索框搜索，如下图所示 3.例如我搜索“放大镜”图标，选择一个，加入购入车（就像淘宝购物一样操作及其...

2018-12-03 14:43:41 6411

原创 CSS3属性transform（旋转:rotate,缩放:scale,倾斜:skew,移动:translate）

在CSS3中，可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理。注意：都是以中心点为原点进行移动旋转缩放倾斜的。 skew的默认原点是transform-origin是这个物件的中心点。 transform-origin:设置元素原点位置； transform-origin:50% 50% 0；默认值 X轴方向：left | center | ...

2018-11-27 22:28:22 3834

原创 CSS3设置边框、背景、文本属性

1.边框属性 border-radius属性作用：允许为元素添加圆角边框语法：border-radius:lt-x rt-x lb-x rb-x/lt-y rt-y lb-y rb-y;//分别为左上角、右上角、左下角、右下角的半径，如果只有两个参数则第一个参数代表左上和右下，第二次参数代表右上和左下。例如： border-radi...

2018-11-27 21:42:04 1037

原创 CSS3新增选择器

1.CSS3属性选择器 E[att]属性 E[att='value']属性att的值为“value”的元素 E[att~='value']属性att有多个值，“value”为其中一个 E[att^=“value”]：属性att的值以“value”开头的元素。 E[att$=“value”]：属性att的值以“value”结尾的元素。 E[att*=“value”]：属性att的值包含“...

2018-11-27 20:33:11 145

转载图形的变换、组合和切割

1.图形的变换移动坐标空间：使用translate()方法可以将绘图原点横向和纵向的移动到指定距离(x,y)，结果表现为整张图像的移动。旋转坐标空间：使用rotate()方法，此方法接受一个以弧度为单位的旋转参数，整个canvas将以坐标原点（由translate()所确定的原点）为圆心进行旋转缩放图形：使用scale()方法进行操作，参数x,y分别代表横向与纵向的缩放比例，两个...

2018-11-26 22:41:48 666

转载 HTML5之绘制图像和文本

1.绘制图像的方法 context.drawImage(imageObj,x,y); 此方法需要一个图像对象和一个起始点作为参数，其中起始点坐标是相对于canvas的左上角的位置 context.drawImage(imageObj,x,y,width,height);width,height是用来指定显示图像的尺寸 context.drawImage...

2018-11-26 21:32:26 569

原创 canvas绘图（下）

1.线条连接样式主要有三种连接样式，分别为miter、round、bevel，设定连接样式用属性lineJoin属性设定，缺省情况下默认miter样式 <html> <head> <script type="text/javascript"> window.onload=function(){ var canvas=document...

2018-11-26 18:02:22 777

原创 HTML5Canvas绘图（上）

1.Canvas绘制步骤在html5页面中添加canvas元素，定义id属性值以便后面调用 <canvas id="myCanvas" width="500" height="200"></canvas> 使用id寻找页面中的canvas元素 var c=document.getElementById("myCanvas");

2018-11-26 15:35:11 10549

原创 HTML新增的常用元素

1.新增的常用语义性元素 make：突出显示文本 progress：显示进程 time：表示时间日期值 details：定义用户可见或者需要隐藏的补充细节说明 datalist：定义选项列表 2.新增的input输入类型 email：输入email地址的字段 url：输入URL的字段 number：输入数字的字段 range：用于精确值不重要的输入数字...

2018-11-22 13:19:41 787

原创 DOM对HTML元素的增删改操作

1.DOM创建节点的方法： document.createElement(Tag)，tag是HTML元素 2.DOM复制节点的方法节点.cloneNode(boolean,deep)，当deep=true时，表示复制当前节点以及节点呈现的内容，当deep=false时表示只复制节点 3.DOM添加、删除节点的方法 appendChild(abb)：将abb...

2018-11-21 22:25:20 685

原创 DOM对HTML元素的访问操作（二）

上篇文章介绍了DOM访问HTML元素的两种主要方式，这篇文章继续介绍DOM对HTML的访问，主要是DOM访问表单控件、列表框、下拉菜单以及表格元素的方法与属性。 1.DOM访问表单控件主要有以下属性和方法： action:返回该表单的提交地址 element:返回表单内全部表单控件所组成的数组 length:返回表单内表单域的个数 method:返回表单内method属性，主...

2018-11-21 20:52:07 259

原创 DOM对HTML元素的两种访问操作

1.通过ID访问，即document.getElementById(); id具有唯一性例如如下代码： <!DOCTYPE html> <html> <head> <title>使用getElementById方法查找元素</title> <script type="text/javascript"> f

2018-11-21 19:52:48 725

最好的一天