前端
关注
分享
扫一扫
文章平均质量分 68
qq_37996815
这个作者很懒，什么都没留下…
展开
-
前端复习
1，行内元素和块元素 从排列方式上：块元素是从上往下，行内元素是从左到右； 行内元素没有宽高,脱离文档流;块元素有宽高;块元素和行内元素能够通过display互相转换 2，盒子模型： 1）盒子模型概念理解 他是由 content padding margin border 组成的 2) 外边距合并 3)box-sizi...原创 2017-11-24 15:40:03 · 295 阅读 · 0 评论 -
vue swiper
自己用的轮播图、：踩了好多坑<template> <div> <swiper :options="swiperOption" ref="mySwiper" class="my-swiper"> <!-- 这部分放你要渲染的那些内容 --> <swiper-slide v-for=&quo原创 2018-05-28 10:23:01 · 899 阅读 · 0 评论 -
getClientRects 和 getBoundingClientRect 的用法和区别
getClientRects获取元素占据页面的所有矩形区域 描述获取元素占据页面的所有矩形区域。语法 var rectCollection = object.getClientRects();值getClientRects 返回一个TextRectangle集合，就是TextRectangleList对象。TextRectangle对象包含了, top left bottom right w...转载 2018-04-06 10:28:43 · 323 阅读 · 0 评论 -
JS正则表达式与字符串的应用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>reg</title></head><body> <input原创 2018-04-12 14:37:25 · 283 阅读 · 0 评论 -
js图片实时预览
FileReader 获取图片的base64 代码 并预览<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>原创 2018-04-11 19:25:29 · 512 阅读 · 0 评论 -
js数组去重的4种方式
方式1 ：通过声明一个新数组结合indexof（）判断，原数组中的值有没有在新数组当中，如果没有则加入新数组 function clearRepeat1(arr) { if(arr.length<=1){ return -1 } //通过indexof判断是否有该元素 ...原创 2018-04-11 18:24:41 · 254 阅读 · 0 评论 -
CSS中可以和不可以继承的属性
一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、margin 、margin-top、margin-right、mar...转载 2018-03-29 08:30:28 · 338 阅读 · 0 评论 -
省市区镇四级联动
早上花了好久的时间啊做了这个，都是我自己做的，本来想用一个方法就解决，无奈json数据文件限制了我在这里我设置了四个select个，然后在每个select 选中的时候获取省市区数据，再通过forEach()加载到对应的select里面，我已经上传了的省市区县的json文件<!DOCTYPE html><html lang="en"><head> &l...原创 2018-04-11 15:26:27 · 4017 阅读 · 0 评论 -
关于flex的list-style 问题
前面在使用li设为flex发现，设置这个属性之后我的li的list-style属性失效了，发现是list-style这个属性的问题；首先这个list-style作用的基础是元素的display属性值基于display:list-item的基础上的display:list-item会让元素以列表块元素的形式存在，之后我们蔡可以设置list-style,现在我们将display:flex设为这个，所以...原创 2018-04-10 22:08:40 · 1227 阅读 · 0 评论 -
伪类:after清除浮动的原理和方法
浮动元素容器的clearing问题1. 问题的由来有这样一种情形：在一个容器（container）中，有两个浮动的子元素。<div> <div style="float:left;width:45%;"></div> <div style="float:right;width:45%;"></div>转载 2018-03-28 12:54:38 · 3674 阅读 · 1 评论 -
offsetWidth和width的区别
1.offsetWidth属性可以返回对象的padding+border+width属性值之和，style.width返回值就是定义的width属性值。2.offsetWidth属性仅是可读属性，而style.width是可读写的。3.offsetWidth属性返回值是整数，而style.width的返回值是字符串，并且带有单位。4.style.width仅能返回以style方式定义的内部样式表的...转载 2018-04-10 15:30:31 · 162 阅读 · 0 评论 -
小米下拉导航栏，36kr 下拉导航栏解决方法
最近在仿写36kr的官网，发现如何实现导航栏的下拉功能在这里贴上代码记录<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>36kr-让你提前看见</title> <link r原创 2018-04-02 19:56:29 · 1182 阅读 · 0 评论 -
如何用伪类做出一个铅笔的效果
引言:今天讲解伪类提到伪类可以制作一些特殊的效果，也可以用于清除浮动所以今天讲以下如何用伪类做个铅笔的效果：如图：这是我们的一只铅笔，那么我们要怎么做？在这里我们只用一个标签就可实现这种效果 <div class="parent"> <div class="pencil"></div> </div>通过css我们现在形成一只笔的主体部...原创 2018-04-09 16:52:09 · 490 阅读 · 0 评论 -
transform对p标签有问题
问题描述：我有一个div，然后对它设置宽高，最后给他分别设置transform：translate(100px,200px);transform:scale(1.5,0.5),他展示的效果是两个transform都起效了，而我对p标签也使用这两句代码，发现他支队scale()起效果，为什么？------------------------------------------------------...原创 2018-03-30 12:56:22 · 425 阅读 · 0 评论 -
PHP tp5 ajax 返回的是整个html页面
问题代码 $.ajax({ type:'POST', url:'index/Comment/add', data:{'id':3,'user':user}, dataType: "json", success:function (res) { co原创 2018-01-15 16:30:45 · 8497 阅读 · 6 评论 -
react native es6写法下子组件向父组件传值
父组件/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, {Component} from 'react';import { Text, View, StyleSheet, Image, Animated, Toucha...原创 2018-06-26 20:13:35 · 1096 阅读 · 0 评论