- 博客(27)
- 收藏
- 关注
RSS订阅原创 简单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
814
原创 原生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
990
原创 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
886
原创 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
3614
原创 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
2633
原创 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
137
原创 element-ui引入遇到的一个问题
关于在main.js引入样式需要在webpack里配置{ test: /\.(eot|svg|ttf|woff|woff2)$/, loader: 'file-loader'},
2018-05-22 22:10:36
2543
原创 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
4016
原创 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
808
原创 验证码输入前有横线，输入数字或字母后消失的小demo
示意图<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> .box{
2018-05-20 12:42:05
2449
原创 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
197
原创 VUE 简单父子组件，兄弟组件弹窗通信练习
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>component</title> <script src="https://cdn
2018-05-10 13:06:34
1023
原创 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
457
原创 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
305
原创 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
858
原创 商品抢购倒计时的简单实现
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <body> <p></p> &a
2018-05-04 22:48:03
3509
原创 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
239
原创 jQuery的基本操作
使用a) $(document).ready(function(){ })b) 简写 $(function(){ })c）安全使用jQuery 匿名函数 (function($){…})(jQuery) 常用 jQuery(function( $ ){...})
2018-04-29 22:26:52
260
原创 Rem布局设置
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" id="vp"/> <script> var wd = document.documentElem...
2018-04-29 00:29:11
199
原创 CSS3动画animation八大属性
CSS3 动画Animation的8大属性animation复合属性。检索或设置对象所应用的动画特效。 如果有多个属性值时以”，”隔开，适用于所有元素，包含伪对象:after和:before1.animation-name 检索或设置对象所应用的动画名称必须与规则@keyframes配合使用，eg:@keyframes animations animation-name:animations;2....
2018-04-28 20:37:48
1553
原创 扁平化多维数组（递归实现）
<!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
744
原创 简单媒体查询的实现
<!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
805
原创 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
265
原创 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
137
原创 cmd基本 操作
win+R 打开命令窗口explore ---打开资源管理器services.msc --- 本地服务设置notepad --打开记事本ipconfig ---查看本机ip路径命令：c: 进入c盘 d: 进入d盘在cmd输入dir 即可当前路径所有文件夹cd + 具体路径 =》 进入该文件夹cd.. =>返回上一层目录...
2018-04-07 10:56:19
185
原创 简单导航栏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
949
原创 经典左右布局的样式
---------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
984
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人