- 博客(175)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 关于移动端rem与px换算的计算方式
1.什么是rem来自于鹅厂ISUX团队的解释如下： rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。所以这里总结...
2018-08-12 20:30:40
20380
原创 js易错题记录
1.下面的代码会在 console 输出神马？为什么？var myObject = { foo: "bar", func: function() { var self = this; console.log("outer func: this.foo = " + this.foo); console.log("outer func: self.foo = " + self.foo)...
2018-08-07 21:17:49
610
原创 vue百度地图组件
1.首先在 build.js下面的webpack.base.conf.js文件中添加：externals:{ "BMap":"BMap" },和entry:{}平级，在其后面添加2.在index.html中引入用到的地图js和css<link rel="stylesheet" href="http://api.map.baidu.com/library/Sea...
2018-07-24 16:21:57
8427
3
转载 vue标签切换
<!--这里是html结构--><div id="app"> <ul> <li v-for="(item,index) in tabs" :class="{active:index == num}" @click="tab
2018-07-23 21:33:58
900
转载 vue各种示例展示
注意：以下所有示例基于vue 2.x、Vuex 2.x、vm.$mount()-挂载[html] view plain copy<body> <div id="a"> </div> </body> <script> var A = Vue.extend({ template:...
2018-03-16 14:51:11
3858
1
转载 为什么响应式（自适应）网站是一个坑
什么是自适应网站？其实自适应更专业的说法是响应式网站。在2010年5月，Ethan Marcotte提出的响应式网站的概念，通俗的说，就是一个网站可以兼容不同的终端，不用为每个分辨率设备做一个特定的版本的网站。近年来，各种大屏幕移动设备的普及，响应式网站也受到了更多人的青睐。甚至大多数的人认为，响应式网站是实现友好移动目标，更好、更快、更省的方案。但事实又是否这样呢？对热衷响应式或自适应的人，不难...
2018-02-26 15:57:08
42453
12
转载 组件切换练习(vue练习例子3)
<!DOCTYPE html><html><head> <title>组件切换练习</title> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></scr
2018-02-24 17:21:01
771
原创 键盘(vue练习例子)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">
2018-02-23 18:13:47
837
原创 组件(vue练习例子)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">
2018-02-23 17:51:34
1146
原创 计算属性(vue练习例子)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">
2018-02-23 17:36:36
676
原创 animation(vue练习例子)
vue动画效果：1、动画效果的关键是需要用transition或transition-group给包起来;<br/>2、需要设置name值，然后对应css要设置起来，css样式头部要跟上前面设置的name前缀<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&am
2018-02-23 17:08:14
1262
原创 多选功能(vue练手例子)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多选功能</title> <style type="text/css"> *
2018-02-23 15:00:56
1762
1
转载 javascript实现登录验证码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head> <body onload="createCode();&
2018-02-23 14:42:12
4488
1
转载 移动端界面的适配
阅读目录适配的要求适配的方法，3个步骤适配中背景图片的处理适配的原理解析摘要：在进行移动端界面的书写的时候，如果把宽度高度或者字体大小全部写死的话，那么在所有手机上看到的大小都一样，存在的问题就是同样大小的字体，或者一个盒子模型，在大屏幕手机上看起来会有点偏小。比如iphone6PLUS。如果是做成适配的话，就很好的解决了这个问题，大屏幕显示的内容大一点，小屏幕显示的小一点
2018-02-07 17:28:39
407
转载 目前为止最全的微信小程序项目实例
wx-gesture-lock 微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo：百度小说搜索shitoujiandaobu 小程序：石头剪刀布（附代码说明）audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义
2018-02-04 09:02:50
1059
转载 微信小程序地区日期时间选择器实现
弹幕 发射 {{item.barrage_shootText}} index.wxss.section{ background: #cabbc7; margin:20rpx; padding:20rpx;}
2018-02-02 17:40:31
1189
转载 angularJS学习资源
http://lib.csdn.net/base/angularjs#-fl知识库基础官方： http://docs.angularjs.org angularjs官方网站已被墙，可看 http://www.ngnice.com/；官方zip下载包 https://github.com/dolymood/angular-packages，已增加docs服务，输入地址即可，例如：
2018-01-30 14:45:31
353
转载 Vue开源项目库汇总
最近做了一个Vue开源项目库汇总，里面集合了OpenDigg 上的优质的Vue开源项目库，方便移动开发人员便捷的找到自己需要的项目工具等，感兴趣的可以到GitHub上给个star。 http://www.cnblogs.com/opendigg/p/6513510.html UI组件element ★9305 - 饿了么出品的Vue2的web UI工具套件V
2018-01-30 10:34:55
1015
转载 入门 Vue.js会碰到的常见问题
入门 Vue.js会碰到的常见问题经过了上一篇《使用Vue-cli构建Vue项目后》，已经可以搭建出了一个空白的Vue项目了。我们现在就可以阅读Vue官方的手册，照着他写一些简单的例子。搭建好Vue项目后我做的第一件事情就是先把Vue官网的起步例子都手写一遍下来跑一篇，然后记录下了一些新手会遇到的一些常见问题千万不要复制代码，要自己手写。空格问题，导致编译出错。Vu
2018-01-30 10:25:58
437
转载 jQuery仿微博向下滚动效果
jQuery仿微博向下滚动效果 *{margin:0;padding:0;} .title{text-align: center;} #content{ width:600px; height:363px; margin:30px auto 10px auto; position:relative; border:1px
2018-01-04 17:15:44
365
转载 jQuery+Ajax+PHP无刷新分页
代码需要在后台运行(包括页面index.html,ajax.php,connect.php,还有数据库food.sql)index.html jQuery+Ajax+PHP无刷新分页 *{margin:0;padding:0;} .container{width: 100%;} .title
2018-01-04 15:14:16
1074
转载 jQuery手机端仿美团酒店预订日期选择插件
jQuery手机端仿美团酒店预订日期选择插件 .Date_lr{width:50%;text-align:center;} .span21{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
2018-01-03 11:24:04
4300
2
转载 很好看的css3 Loading
css3 loading *{ margin: 0px; padding: 0px; border:0px; } html,body{ min-height: 100%; } body{ background: radial-gradient(#eee,#444);
2017-12-19 13:43:54
477
转载 多种CSS3动画效果星级评分特效
多种CSS3动画效果星级评分特效 基本样式： Basic star rating: 5 stars 4 stars 3 stars 2 stars 1 star 向上滚动：slot Basic star rating
2017-12-15 11:10:32
1208
转载 比较全的jQuery网页验证码插件
htmljQuery网页验证码插件数字字母验证码确定算数验证码确定滑动验证码拼图验证码点选验证码 $('#mpanel2').codeVerify({ type : 1, width : '200px', height : '50px', fontSize : '30px', codeLength : 6,
2017-12-13 15:37:43
4121
转载 【Vue】详解Vue组件系统
目录Vue渲染的两大基础方式new 一个Vue的实例注册组件并使用注册组件全局注册局部注册通过new创建Vue实例, 全局注册组件，局部注册组件三者的使用频率（场景）Vue中的props数据流props取值的方式props内写的是驼峰命名法，为什么在HTML（模板）中又用了短横线命名法？使用v-bind的必要性：props不绑定的前提下,只能被作为
2017-12-12 14:10:10
337
转载 js面试题
一、JS闭包。f = function() {return true;}; g = function() {return false;}; (function() { if (g() && [] == ![]) { f = function f() {return false;}; function g() {return
2017-12-11 15:58:00
452
1
原创 jQuery随机抽中手机号码抽奖代码
jQuery随机抽中手机号码抽奖代码 *{ padding: 0;margin:0; } html,body{ width: 100%; height: 100%; background: -webkit-radial-gradient(#f50
2017-12-08 17:19:08
6831
1
转载 全国城市三级联动
全国各省市js三级联动body{ background:#EEEEEE;margin:0; padding:0; font-family:"微软雅黑", Arial, Helvetica, sans-serif; }a{ color:#006600; text-decoration:none;}a:hover{color:#990000;}.top{ margin:5px aut
2017-12-07 10:11:05
1576
1
转载 这一次，彻底弄懂 JavaScript 执行机制
本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论：javascript是按照语句出现的顺序执行的看到这里读者要打人了：我难道不知道
2017-12-05 15:07:07
275
转载 vue.js带日期星期数字时钟代码
vue.js带日期星期数字时钟代码html, body { height: 100%;}body { background: #0f3854; background: -webkit-radial-gradient(center ellipse, #0a2e38 0%, #000000 70%); background: radial-gradient(ellipse a
2017-12-04 14:34:12
3085
原创 Aja5 - 请求PHP数据
Ajax 5 - 请求PHP数据 请求所有用户 所有用户 document.getElementById('button2').addEventListener('click',loadUsers); function loadUsers(){ var xhr = new XMLHttpRequest(); xhr.open("GET","users.p
2017-12-01 16:31:10
253
原创 Ajax4 - 请求PHP接口
process.php<?php # echo "Hello World!"; if (isset($_GET['name'])) { echo "GET: 你的名字是". $_GET['name']; } # 连接数据库 $conn = mysqli_connect("localhost","root",'','ajaxtest'); if (isset($_PO
2017-12-01 16:26:42
499
原创 Ajax3 - 请求Github接口
Ajax3-请求Github接口 .user{ display: flex; background: #f4f4f4; padding: 10px; margin-bottom: 10px; } .user ul{ list-style: none; } 请求Github接口 所有Github的用户信息 docu
2017-12-01 16:19:22
740
原创 Ajax2 - 请求JSON数据
Ajax 2 - 请求JSON数据 请求单个用户 请求所有用户 单个用户 所有用户 document.getElementById('button1').addEventListener('click',loadUser); document.getElementById('button2').addEventListener('click',loadUsers
2017-12-01 16:13:08
516
原创 Ajax1 - 请求纯文本
关于js中的ajax的使用总结，代码需要再服务器端运行~ Ajax 1 - 请求纯文本 请求纯文本 document.getElementById('button').addEventListener("click",loadText); function loadText(){ // console.log("Hello World!
2017-12-01 15:49:47
604
原创 漫天的雪花飘~~
*{ margin:0; padding:0;}body{ background-color: #000; overflow: hidden;}/*分析1.雪片产生的时候，距离浏览器的左边（left）是随机的2.每个雪片下降的速度是随机的3.雪片的大小4.雪片下落之后，距离浏览器的左边是随机的5.雪片透明度*/var minSize = 5;
2017-11-30 17:10:12
553
原创 纯js轮播
> 1 2 3 4 5 6 7 css.css*{ padding:0px; margin:0px;}.wrap{ position: relative; width: 500px; height:
2017-11-30 15:25:24
182
原创 会飞的小鸟
网上下载的小鸟gif图不太好看~~重在思路~ 会飞的小鸟 body{overflow: hidden;}#dbird{ position: absolute;}.dir_37{ transform:rotateY(0deg);}.dir_38{ transform:rotate(60deg);}.dir_
2017-11-30 15:23:19
798
转载 简单的图片数字时钟js代码
img{ width: 25px; height: 25px;}时钟function getImg(val) { var len=val.length; var images=""; for (var i = 0; i < len; i++) { var num=val.substr(i,1); switch(num){ case '0' : image
2017-11-27 14:12:18
5522
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人