Mike_chen2stockings的博客

向上的路就像地铁旁的扶梯和楼梯,其实并不拥挤;只是看你如何选择!!!...

七种实现左侧固定,右侧自适应两栏布局的方法

总结一下左边固定,右边自适应的两栏布局的七种方法。其中有老生常谈的float方法,BFC方法,也有CSS3的flex布局与grid布局。并非所有的布局都会在开发中使用,但是其中也会涉及一些知识点。关于最终的效果,可以查看这里 常用的宽度自适应的方法通常是利用了block水平的元素宽度能随父容器调...

2019-05-06 10:26:41

阅读数 7

评论数 0

JavaScript 数组操作方法 和 ES5数组拓展

JavaScript中数组有各种操作方法,以下通过举例来说明各种方法的使用: 数组操作方法 push 在数组最后添加一个元素 var arr=[3,4,5,6] console.log(arr) //[3, 4, 5, 6] arr.push("evenyao"...

2019-04-23 11:35:55

阅读数 18

评论数 0

vue iview icon不能点击&JS取出两个数组的不同或相同元素&js一次性删除数组中多个元素&如何使用router-link对象方式传递参数

解决1:我的解决方法是外边包了一层span标签。将点击事件加到span标签上。 解决2::原生事件要加修饰符。<Icon @click.native="handleClickFunction"> 1、取出两个数组的不同元素 getArrD...

2019-04-23 11:33:01

阅读数 28

评论数 0

自己动手实现一个MVVM库

自己动手实现一个MVVM库 我们知道的,常见的数据绑定的实现方法 1、数据劫持(vue):通过Object.defineProperty()去劫持数据每个属性对应的getter和setter 2、脏值检测(angular):通过特定事件比如input,change,xhr请求等进行脏值检测。 ...

2019-03-06 14:02:38

阅读数 38

评论数 0

小程序生成海报的方法和注意事项

这两天开发了一个生成海报的功能,总结一下! 坑--------------------------------------------------------------- 生成海报的图片路径必须是小程序本地的图片'../../imgs/Quiet.png',或者线上的HTTPS的图片,不然在...

2019-01-21 15:27:25

阅读数 70

评论数 0

小程序canvas内容实现不同尺寸屏幕自适应(实用,适配不错)

注:本文转载自https://blog.csdn.net/zSY_snake/article/details/81188128     小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位,在绘制内容时所应用的单位仍然是 px,那么如何实现不同尺寸屏幕的自适应呢?...

2019-01-21 10:10:30

阅读数 191

评论数 0

微信小程序绘图实现图片拉伸,裁剪与压缩的方法,亲测使用实用

注意:本文转载自https://blog.csdn.net/vivian_jay/article/details/68933161 一、canvas绘图API 工欲善其事;必先利其器。  隆重请出主角:canvas绘图函数drawImage(),酱酱酱~ 它能做什么:  1. 绘制图像:...

2019-01-21 10:08:13

阅读数 78

评论数 0

css垂直居中的几种方法

<div class="app app1"><span>垂直居中的元素</span></div&am...

2019-01-21 10:04:41

阅读数 28

评论数 0

近期开发小程序总结(判断滚动方向,图片自适应,缓存,吸顶,h5和小程序之间的参数互传,正计时/倒计时)

近期开发总结: 一:小程序中scroll-view组件:判断是向上拉,还是向下拉     scroll: function (e) {       var that = this;       var value = e.detail.scrollTop;       var array=that...

2018-06-25 20:09:46

阅读数 775

评论数 0

在window把自己的项目上传到github

首先根据下图的操作创建一个仓库,这是干什么的?可以简单粗暴的理解为一个项目一个仓库就行了。创建成功后看到到下图,这图的那个地址先记住了,一会可是要用的呢,这是这个仓库的地址,我们项目要传到这里来。然后就去下载一个git,可以网上搜索git下载,会有很多教程,这里贴出官方的下载地址:https://...

2018-06-25 16:24:44

阅读数 96

评论数 0

angular 创建开发环境构建项目

一.安装Node.js官方网址:https://nodejs.org/en/download/ 12在命令行中输入:node -v 和 npm -v 验证版本二.全局安装Angular CLI 脚手架工具使用npm命令安装 npm install -g @angular/cli 1安装cnpm国内...

2018-03-29 17:14:43

阅读数 149

评论数 0

vue开发环境的搭建具体步骤

搭建vue开发环境的步骤相信很多人在刚开始学习vue这个框架的时候,在最开始搭建开发环境的时候,都会遇到一些大大小小的坑,我之前在学习angular的时候搭建过一次,过了一个月后在搭建第二次的时候,竟然有一些混乱,所以今天想整理出来;vue现在在前端,相对于算是现在前端工程师都比较常用的框架之一,...

2018-03-29 11:16:42

阅读数 312

评论数 0

图片预加载和懒加载demo

预加载<!DOCTYPE html> <html> <head> <title>图片无序预加载-优化&am...

2018-03-28 17:24:06

阅读数 570

评论数 0

图片懒加载

在实际的项目开发中,我们通常会遇见这样的场景:一个页面有很多图片,而首屏出现的图片大概就一两张,那么我们还要一次性把所有图片都加载出来吗?显然这是愚蠢的,不仅影响页面渲染速度,还浪费带宽。这也就是们通常所说的首屏加载,技术上现实其中要用的技术就是图片懒加载--到可视区域再加载。 思路:将页面里所有...

2018-03-27 20:09:23

阅读数 160

评论数 0

cookie、localStorage、sessionStorage的有效期和作用域问题(容易忽略的前端面试题)

cookie,localStorage,sessionStorage都可以实现客户端存储,三者的区别有哪些了?cookie作为最早期的被设计web浏览器存储少量数据,从底层看,它是作为http协议的一种扩展实现。cookie数据会自动在web浏览器和web服务器之间传输数据。cookie有效期:c...

2018-03-27 20:07:38

阅读数 3796

评论数 0

小程序分享到群

onShareAppMessage: function () { wx.showShareMenu({ withShareTicket: true }) var that = this; var voucher = wx.getStorageSync(&q...

2018-03-27 16:44:16

阅读数 605

评论数 0

使用Vue写一个图片轮播组件

在制作这个组件之前,笔者google了不少关于轮播的文章,发现实现一个轮播的思路虽然各有不同,但是大的逻辑其实差不多,本文主要依据慕课网上焦点轮播图特效这节课,不过慕课网主要用原生JS写,而笔者则用Vue进行了重构,并且进行了一点修改。完成后的组件效果图如下: 一、理清思路,理解需求...

2018-03-23 15:53:05

阅读数 13101

评论数 6

前端面试渲染页面类

DOM 说起共 7384 字,读完需 10 分钟。本文为《破解前端面试(80% 应聘者不及格系列)》文章的第二篇,包含 DOM、Event、浏览器端优化、数据结构和算法功底的考察。可能有同学会问 DOM 有什么好聊的,不就是节点的各种操作么?DOM 是网页构建的基石,熟练掌握各种操作、知晓可能的问...

2018-03-23 13:58:08

阅读数 122

评论数 0

柔滑流畅的JavaScript动画的秘密!

requestAnimationFrame柔滑流畅的JavaScript动画的秘密!用JavaScript创建动画是你可以做的最简单的事情之一。如果你曾经尝试过这样做,那么你很可能已经使用过setTimeout或者setInterval功能。这是一个典型的例子:函数 draw () { ...

2018-03-23 13:51:52

阅读数 91

评论数 0

this指向

this、apply、call、bind这又是一个面试经典问题~/(ㄒoㄒ)/~~也是 ES5中众多坑中的一个,在 ES6 中可能会极大避免 this 产生的错误,但是为了一些老代码的维护,最好还是了解一下 this 的指向和 call、apply、bind 三者的区别。this 的指向在 ES5...

2018-03-23 11:05:34

阅读数 78

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭