荷兰豆叶子上的水熊-CSDN博客

原创简单rem.js自适应

/* rem 适应*//*让文字和标签的大小随着屏幕的尺寸做变话等比缩放*/var html = document.getElementsByTagName('html')[0];/*取到屏幕的宽度*/var width = window.innerWidth;/* 640 100 320 50 */if (width > 1080) { width = 1080;...

2018-09-20 09:23:13 761

原创原生jscopy兼容ios和安卓

//author limenghui created in 2018.7.26const JsCopy={ //原生js复制内容到复制板 makeCopy(txt){ const input = document.createElement('input'); //防止ios点击复制时屏幕下方会出现白屏抖动，仔细看是拉起键盘又瞬间收起 ...

2018-08-03 09:32:29 946

原创 js原生进度条

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>进度条</title> <style text="text/css"> #frame .borde

2018-08-01 17:29:06 837

原创 base64转为byte,blob等方法

dataURLtoBlob (dataurl) { var arr = dataurl.split(',') // var mime = arr[0].match(/:(.*?);/)[1] var bstr = atob(arr[1]) var n = bstr.length var u8arr = new Uint8Array(n)...

2018-07-13 17:47:47 3511

原创 VScode关于Eslint的配置

1） vd的配置{ "git.autofetch": true, "editor.tabSize": 2, "extensions.ignoreRecommendations": true, "emmet.includeLanguages": { "javascript": "javascriptreact" }, "emmet.triggerEx

2018-06-25 11:20:36 2558

原创 git操作整理

git add . 添加所有 git add -A 添加所有同时删除远程分支没有的git commit -m '备注' 提交到工作区git push 查看历史 git log查看分支 git branch 查看远程所有分支 git branch -a切换分支 git checkout 分支名...

2018-06-14 10:01:25 109

原创 element-ui引入遇到的一个问题

关于在main.js引入样式需要在webpack里配置{ test: /\.(eot|svg|ttf|woff|woff2)$/, loader: 'file-loader'},

2018-05-22 22:10:36 2505

原创 h5使用swiper插件实现滑动组件和切换标签的同步

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, ma

2018-05-21 21:10:54 3948

原创 vue2.0简单路由写法

import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)import Home from '../components/home/home.vue'import Mine from '../components/mine/mine.vue'import Idx from '../component...

2018-05-21 11:56:50 758

原创验证码输入前有横线，输入数字或字母后消失的小demo

示意图<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> .box{

2018-05-20 12:42:05 2287

原创 IE8的一些兼容问题

1）对部分css3的支持 =》方法使用插件 css3pie.htc<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> .b

2018-05-10 19:01:31 150

原创 VUE 简单父子组件，兄弟组件弹窗通信练习

<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>component</title> <script src="https://cdn

2018-05-10 13:06:34 968

原创 vue+betterscroll做的一个下拉加载的小demo

<template> <div class="girlBox"> <header> <a href="javascript:void(0)"><i class="iconfont icon-fanhui"></i></a&

2018-05-09 19:33:53 414

原创 VUE图片懒加载 lazyload 插件的简单使用

1.安装插件npm install vue-lazyload --save-dev2.在main.js或 app.js 引入import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload, { preLoad: 1.3, error: 'dist/error.png', loading: 'https://ss0.bdstatic.c...

2018-05-06 22:01:18 253

原创 vue简单拖拽指令

<template> <div> <div class="box1 active" v-drag></div> </div></template><script> import Vue from 'vue' Vue.directive('drag

2018-05-05 23:16:09 820

原创商品抢购倒计时的简单实现

<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <body> <p></p> &a

2018-05-04 22:48:03 3460

原创 Object.defineProperty实现简单的双向绑定

<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> .box{ width: 200px;ba

2018-05-01 18:38:29 201

原创 jQuery的基本操作

使用a) $(document).ready(function(){ })b) 简写 $(function(){ })c）安全使用jQuery 匿名函数 (function($){…})(jQuery) 常用 jQuery(function( $ ){...})

2018-04-29 22:26:52 215

原创 Rem布局设置

2018-04-29 00:29:11 162

CSS3 动画Animation的8大属性animation复合属性。检索或设置对象所应用的动画特效。如果有多个属性值时以”，”隔开，适用于所有元素，包含伪对象:after和:before1.animation-name 检索或设置对象所应用的动画名称必须与规则@keyframes配合使用，eg:@keyframes animations animation-name:animations;2....

2018-04-28 20:37:48 1432

原创扁平化多维数组（递归实现）

<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <script type="text/javascript"> var arr = [1,23,[3,4,[44,5],66],[454

2018-04-26 22:04:19 707

原创简单媒体查询的实现

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m

2018-04-26 22:03:01 770

原创 vue简单分页组件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l

2018-04-20 10:57:41 224

原创 mysql基本操作

cmd 连接mysql数据库格式：mysql -h主机地址 -u用户名 -p用户密码默认主机地址localhost 用户名 root 密码为空用wamp服务管理直接进入mysql console 即可用Navcat工具管理数据库直接创建表如创建表students 字段包括 id name time id int型设为主键（唯一），自动递增，无符号name varc...

2018-04-07 11:43:26 112

原创 cmd基本操作

win+R 打开命令窗口explore ---打开资源管理器services.msc --- 本地服务设置notepad --打开记事本ipconfig ---查看本机ip路径命令：c: 进入c盘 d: 进入d盘在cmd输入dir 即可当前路径所有文件夹cd + 具体路径 =》进入该文件夹cd.. =>返回上一层目录...

2018-04-07 10:56:19 137

原创简单导航栏hover时候下拉菜单边框覆盖border

<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> *{margin: 0;padding: 0;} .nav{

2018-04-03 17:41:00 908

原创经典左右布局的样式

---------X轴可带滚动条三段身布局------------------------------*{margin: 0; padding: 0;}html,body{width: 100%;height: 100%;}.header{width: 100%; height: 80px; border: solid 1px #ccc;margin:0;}.body>.nav{width:...

2018-03-31 12:18:48 955

u010200033的博客