chenlinlin22-CSDN博客

转载浅谈Object.assign

Object.assign是ES6新添加的接口，主要的用途是用来合并多个JavaScript的对象。Object.assign()接口可以接收多个参数，第一个参数是目标对象，后面的都是源对象，assign方法将多个原对象的属性和方法都合并到了目标对象上面，如果在这个过程中出现同名的属性（方法），后合并的属性（方法）会覆盖之前的同名属性（方法）。assign的基本用法如下：[javascript] ...

2018-06-26 17:54:04 410

转载正则表达式入门

js中的正则表达式入门什么是正则表达式呢？正则表达式(regular expression)描述了一种字符串匹配的模式，可以用来检查一个字符串是否含有某种子串、将匹配的子串做替换或者从某个字符串中取出符合某个条件的子串等。说白了正则表达式就是处理字符串的,我们可以用它来处理一些复杂的字符串。为什么要学习正则表达式我们直接用一个例子来说明//找出这个字符串中的所有数字var str = 'abc1...

2018-06-26 16:30:30 198

转载 js监听html页面的上下滚动事件

最近在一个项目中，在写前端页面的时候，想像以前做Android时在页面时刻监听上下滚动的事件，查找资料发现由鼠标或类似用户动作触发的事件有以下图示：不多说了，直接上代码了，经过测试可以使用：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <ti...

2018-06-19 10:57:57 2537

转载 Mac环境下安装Sass

步骤一：安装ruby（1）安装 RVM 命令行窗口依次运行以下命令　　　　①安装: $curl -L https://get.rvm.io | bash -s stable　　　　②载入rvm环境: $source ~/.rvm/scripts/rvm　　　 ③检查是否已经安装rvm: $rvm --version（2）用 RVM 安装 Ruby 环境 ①列出已知的ru...

2018-06-18 20:59:46 742

原创常用网站，后续继续补充

Vue2 后台管理系统解决方案https://www.imooc.com/article/16809element 官网http://element-cn.eleme.io/#/zh-CNMINT-UIhttp://www.ui.cn/detail/205257.html配色表http://tool.c7sky.com/webcolor/#hue_3echarts官...

2018-06-07 16:38:50 310

转载 js实现f11的全屏效果

最近项目中需要浏览器全屏的效果、我查了很多资料、终于、找到了一段代码、说是能兼容google chrome 15 +, safri5.1+,firfox10+,IE11支持、我只试验了火狐可以、360、以及IE8是没有成功滴、下面给大家发下代码、复制到HTML的页面就可以实现啦！[html] view plain copy<input id="Button1" typ...

2018-05-21 16:04:54 5148 7

原创滑动，实现tab动态切换

html<div class="headmm" id="head2">js//获取head2元素的高度head2hei:function () { return document.getElementById('head2').offsetHeight; }//点击导航后控制滚动条移动的位置 changeFirstNav: function (data) { ...

2018-05-14 09:45:42 2539

转载 webstorm 设置ES6语法支持以及添加vuejs开发配置

webstorm中ES6语法配置当我们用webstorm打开我们所构建的elma项目中的main.js文件的时候，发现有标红的红线，原因是webstorm不支持es6语法，需要配置一下。配置方法：打开file–>setting,做如下操作如果想实现es6直接转化为es5，那么babel是个好选择。Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在浏览器或其...

2018-04-03 13:47:00 519

转载 vue 插件集合

UI组件element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式 UI 库vuet...

2018-04-03 09:57:18 684

转载 vue轮播图插件vue-awesome-swiper的使用

最近写vue2.0项目中用到了轮播图的一个插件，也就是vue-awesome-swiper，个人感觉还是比较强大的，swiper官网中的API及配置均可使用(支持3.0)，以下说下使用该插件的一些步骤：第一步安装npm install vue-awesome-swiper --save第二部在main.js中引入import Vue from 'vue'import VueAwesom...

2018-03-26 15:39:39 592

chenlinlin22的博客