alary2012-CSDN博客

转载前端面经

1、vuex 和 localstorage 有何区别？vuex存的是状态，表示view对应的数据，保存在内存中localstorage是浏览器提供的接口存的是文件，保存在电脑的磁盘vuex管理的是应用处于当前运行状态下的一些数据，而localstorage是应用告诉浏览器需要保存的数据，区别在于，网页一刷新，vuex数据就没啦，而localstorage不受影响转载...

2018-11-17 22:57:00 140

转载 js 仿朋友圈的时间显示刚刚几天前

function getDateDiff(dateStr) { var publishTime = getDateTimeStamp(dateStr) / 1000, d_seconds, d_minutes, d_hours, d_days, time...

2018-11-06 18:05:00 316

转载外部div宽度不是100%时,css设置图片宽高相等

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content="rubine">...

2018-11-05 16:48:00 229

转载 js 正则提取后台传输的img src

2018-10-26 16:46:00 216

转载 Vue项目图片剪切上传——vue-cropper的使用(二)

疑似作者GitHubvue-cropper例子真实例子<template> <div class="cutimg"> <vueCropper ref="cropper" :img="option.img" :outputSize="option.size" :o...

2018-10-25 17:35:00 343

转载 Vue项目图片剪切上传——vue-cropper的使用

吐血研究一天上网搜发现大家都在用一个叫vue-cropper的插件1、安装vue-croppernpm install vue-cropper --save-dev2、新建一个test.vue文件<template> <div style="display:flex;"> <div class="info-it...

2018-10-25 13:53:00 155

转载 vuex

前人栽树后人乘凉系列vuex学习总结转载于:https://www.cnblogs.com/yourself/p/9782721.html

2018-10-13 13:58:00 82

转载 sass/scss 和 less的区别

感谢https://www.cnblogs.com/wangpenghui522/p/5467560.html一. Sass/Scss、Less是什么?Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅...

2018-10-13 11:54:00 68

转载小程序------动画回到原始状态

https://www.jb51.net/article/102263.htm就是你做了什么动画再到回去,倒回去还不能让人发现,所以......animation1.rotate(180).step() this.setData({ animationData: animation1.export() }) v...

2018-10-10 17:07:00 1310

转载深入理解css3中的flex-grow、flex-shrink、flex-basis （转）

转自：https://www.cnblogs.com/ghfjj/p/6529733.html 感谢他的整理flex为css的布局带来了新的时代，作为一个重构工程师，我们再也不用局限于float和position，特别是在移动端，我们可以利用flex轻松实现以往float和psition很难实现甚至是无法实现的布局。本文主要讲解flex的三个子属性：flex-grow、f...

2018-10-09 09:35:00 95

转载小程序动画wx.createAnimation

首先上官网将动画封装到一个函数,在需要的时候调用,也可以在满足一定条件时重复调用.<view animation="{{animationData}}" ></view>onLoad: function(){ this.newInfor();}newInfor(){ var animation =...

2018-09-27 11:47:00 194

转载判断对象是否有某个属性

/*下面是一个对比，看看在判断是否包括一个键上面，Object结构和Set结构的写法不同。*/ // 对象的写法 var myObject = { "mm": "m1", "height": 1, "width": 1 }; if(myObject["mm"]){ cons...

2018-09-26 11:06:00 119

转载占位符

Web开发者通常用lorem ipsum text来做占位符，占位符就是占着位置的一些文字，没有实际意义。如果你需要用到填充文本，网上有自动生动器，可供使用。还有一个中文的乱文生成器，也很有意思。转载于:https://www.cnblogs.com/yourself/p/9700109.html...

2018-09-25 16:16:00 169

转载 vue起航——搭建脚手架

搭建vue项目之前你需要安装vue的脚手架，前端小新们一听肯定不乐意了，什么鬼都是，之前随便写几行代码后缀改成HTML就能在浏览器直接运行多方便，现在居然还要安装各种东西。嗯，首先，我告诉你，如果你想接下来一直混前端行业的话，那恐怕让你麻烦的安装还在后头。其次，小可爱们不要害怕，跟着教程一步步走，so easy ~O(∩_∩)O~第一步要先安装node.js从node官网下载并...

2018-09-09 21:52:00 79

转载微信小程序-携带参数转发分享页面

微信小程序点击右上角按钮分享页面/** * 用户点击右上角分享 */ onShareAppMessage: function(res) { if (res.from === 'button') { // 来自页面内转发按钮 } return { title: "这个小程序真棒", pat...

2018-08-24 17:09:00 1179

转载 JS获取地址栏参数

方法一：采用正则表达式获取地址栏参数：function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if...

2018-08-21 14:56:00 59

转载微信小程序wx:if vs hidden

因为wx:if之中的模板也可能包含数据绑定，所以当wx:if的条件值切换时，框架有一个局部渲染的过程，因为它会确保条件块在切换时销毁或重新渲染。同时wx:if也是惰性的，如果在初始渲染条件为false，框架什么也不做，在条件第一次变成真的时候才开始局部渲染。相比之下，hidden就简单的多，组件始终会被渲染，只是简单的控制显示与隐藏。一般来说，wx:if有更...

2018-08-21 14:53:00 128

转载小程序websocket(心跳连接)

websocket连接之后,如果隔一段时间不聊天,运营商会认为你空占网络资源,强行关闭你的websocket连接,如果想要一直保持连接,就需要监听websocket关闭事件,等关闭时重新连接从而让websocket一直保持连接.这个过程称为心跳1、必须要有心跳，如果没有会自动断开连接。2‘、断开后必须取消setTimeout，不然会继续执行一次。3、发送消息只有...

2018-08-16 15:26:00 145

转载微信小程序获取用户信息2018

1.获取用户信息目前只能通过button组件引导用户主动进行授权操作,具体代码如下wxml <button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo" class="sqbtn">...

2018-08-13 15:28:00 72

转载图片充满div

<div style="height:270px;width:400px;border:2px black solid;"> <img src="..."></div>object-fit解决方法：直接给img套用一个object-fit:cover;让img填满盒模型。div img{ width: 1...

2018-08-10 09:54:00 96

转载微信小程序 Input框提交后清空

点击发送按钮之后，拿到输入框的数据去进行操作，而且输入框的内容会被清空（重置）划重点，button一定是要在form里面，并且要有formType属性。下面上代码Page({ data: { sendInfo: '', userMessage: '' },<form bindreset="cleanInpu...

2018-08-09 15:53:00 1900

转载前端简历怎么写

Web前端面试指导(二)：编写简历，吃透简历内容如何写H5/web前端工程简历中的项目经验web前端岗位工作经历怎么写转载于:https://www.cnblogs.com/yourself/p/9240422.html...

2018-06-28 20:00:00 616

转载响应式与自适应的区别

就一张图响应式（RWD） = 所有设备的代码是一样的自适应（AWD）= 不同设备的代码是不一样的就问你服不服哈~哈~哈~哈转载于:https://www.cnblogs.com/yourself/p/9216949.html...

2018-06-23 12:57:00 69

转载 JS点击子元素不触发父元素点击事件

给子元素应用event.stopPropagation(); 方法阻止事件冒泡<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="http://ajax.aspne...

2018-06-15 09:35:00 2086

转载复选框全选实现方法

<html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script> ...

2018-06-14 17:34:00 336

转载 img与div之间有缝隙

解决方法方法一：将img设置为block； display：block；（已验证）方法二：设置img的竖直对齐； v-align:bottom;方法三：设置父级div的font-size:0;方法四：设置外层div的行高； line-height:0px;方法五: 定位父级：position:relative;子级：position:absolute;top:0...

2018-06-13 10:55:00 780

转载 css笔记

textarea元素固定宽高不要拉伸用resize:none;背景图片不变形background-size:cover;CSS中margin-top对父级元素产生作用的问题这是在做布局时的一个经典问题。那这个问题是怎么产生的呢？主要是合并margin的问题，红色层（子层）的margin-top与黄色层（父层）相合并，产生了共同的margin-top。那如何解...

2018-06-11 11:22:00 60

转载前端两三问

HTML是什么，HTML5是什么？ HTML是超文本标记语言　　HTML5 是对 HTML 标准的第五次修订。其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。但论及 HTML5 时，大部分开发者所指的并不仅仅是这个新标准，而是（如 Jeremy Keith 说）doing a...

2018-06-07 09:35:00 62

转载 css换行问题

强制不换行p { white-space:nowrap; }自动换行p { word-wrap:break-word; }强制英文单词断行p { word-break:break-all; }*注意：设置强制将英文单词断行，需要将行内元素设置为块级元素。超出显示省略号p{text-overflow:ellipsis;overflow:hidden;}white...

2018-06-05 15:40:00 362

转载 css3边框阴影属性

在CSS3中，我们可以使用box-shadow属性轻松地为元素添加阴影效果。语法：box-shadow：x-shadow y-shadow blur spread color inset;说明：（1）x-shadow：设置水平阴影的位置（X轴），可以使用负值；（2）y-shadow：设置垂直阴影的位置（y轴），可以使用负值；（3）blur：设置阴影模糊半...

2018-05-26 17:36:00 198

转载 web移动端浮层滚动阻止window窗体滚动JS/CSS处理

web移动端浮层滚动阻止window窗体滚动JS/CSS处理转载于:https://www.cnblogs.com/yourself/p/9093686.html

2018-05-26 17:26:00 85

转载 css3字体尺寸font-size-adjust属性

font-size-adjust属性转载于:https://www.cnblogs.com/yourself/p/9092820.html

2018-05-26 14:24:00 110

转载 css3文本溢出使用省略标记（…）

在CSS3中，文本溢出text-overflow用于设置是否使用一个省略标记（…）标示对象内文本的溢出。语法：　　text-overflow:取值;说明：text-overflow属性取值只有2个：单独使用text-overflow属性是无法得到上面图1效果的。因为text-overflow属性只是说明文字溢出时用什么方式显示，要实现溢出时产生省略号效果，还须定义...

2018-05-26 11:37:00 898

转载 exports 和 module.exports 的区别

require 用来加载代码，而 exports 和 module.exports 则用来导出代码。但很多新手可能会迷惑于 exports 和 module.exports 的区别，为了更好的理解 exports 和 module.exports 的关系，我们先来巩固下 js 的基础。示例：test.jsvar a = {name: 1}; var b = a;con...

2018-05-02 17:29:00 58

转载微信小程序——try {} catch (e) {}

程序开发中，编程人员经常要面对的是如何编写代码来响应错误事件的发生，即例外处理（exception handlers）。如果例外处理代码设计得周全，那么最终呈现给用户的就将是一个友好的界面。否则，就会让访问者对莫名的现象感到真正的“意外”。　　一、什么是例外处理　　当JavaScript程序在运行中发生了诸如数组索引越界、类型不匹配或者语法错误时，JavaScript解释器就会引发例外处...

2018-05-02 16:40:00 428

转载 flex布局

weixinkaifapingtai转载于:https://www.cnblogs.com/yourself/p/8974062.html

2018-04-30 17:16:00 43

转载微信小程序——data-*自定义属性

在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题，而且关于Attribute和Property的区别也让人十分头痛，在HTML5中添加了data-*的方式来自定义属性，所谓data-*实际上上就是data-前缀加上自定义的属性名，使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。读写方式da...

2018-04-30 08:46:00 1005

转载 CSS 隐藏滚动条但可以滚动

https://www.jianshu.com/p/1934eaf3bdb3转载于:https://www.cnblogs.com/yourself/p/8963896.html

2018-04-27 18:33:00 84

转载 event.target 和 event.currentTarget 的区别

冒泡和捕获在页面中点击一个元素，事件是从这个元素的祖先元素中逐层传递下来的，这个阶段为事件的捕获阶段。当事件传递到这个元素之后，又会把事件逐成传递回去，直到根元素为止，这个阶段是事件的冒泡阶段。我们为一个元素绑定一个点击事件的时候，可以指定是要在捕获阶段绑定或者换在冒泡阶段绑定。当addEventListener的第三个参数为true的时候，代表是在捕获阶段绑定，当第三个参...

2018-04-18 11:15:00 194

转载微信小程序——block组件

block与view,text等的区别是渲染页面时，它不实际输出自身，但包含在block块中的组件会被输出。举个例子<block wx:if="{{isShow}}"> <view>...</view> <view>...</view> ...</block>或者你可...

2018-04-18 10:07:00 339

空空如也

空空如也