- 博客(24)
- 收藏
- 关注
转载 touch 反弹
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><
2019-01-22 17:12:25 127
转载 判断ios和android
function getPlatform() { var ua = navigator.userAgent.toLowerCase(); if (/iphone|ipad|ipod/.test(ua)) { platform = "ios"; WD_CLIENT_TYPE = "03"; } else if (/android/.test(u...
2018-07-26 09:51:17 877
原创 滚动加载
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><
2018-07-24 16:16:31 125
原创 上拉加载和下拉加载
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><
2018-07-24 16:14:43 839
原创 reset.css
/* http://meyerweb.com/eric/tools/css/reset/ *//* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, ...
2018-07-24 16:07:58 307
原创 rem布局
<!--rem是适配的,rem2和rem3都是1rem=50;rem1是1rem=32;rem是1rem=16;这都是在320分辨率下-->rem是适配的,rem2和rem3都是1rem=50;rem1是1rem=16;1,2,3都是在320分辨率第一种 ;(function(win, lib) {var doc = win.document;var ...
2018-07-24 16:07:47 163
原创 less两种转换方式
一.浏览器端转换link导入.less文件<link rel='stylesheet/less' href='.../index.less'></link>还要导入less解析文件<script src = 'less.min.js'></script>二.服务器端转换命令行输入npm install -g less ...
2018-07-24 16:07:37 1295
原创 node 创建服务器
不用express和koa创建1.先创建空文件夹2.在文件夹里面执行npm init初始化(会创建package.json文件)3.npm install (如果有依赖项会创建package-lock.json和node_modules文件夹,否则只会创建package-lock.json文件夹,node_modeules文件夹会在下次下载依赖项时创建)4.执行node s...
2018-07-24 16:07:20 144
原创 vue项目搭建配置sass、element-ui、vux、axios、服务器代理
一、项目搭建1.npm install vue-cli -g2.vue init webpack xxx3.cd xxx4.npm install二、配置sass1.下载sass-loader和node-sass2.在build文件下的webpack.base.conf.js中的rules中加入{ test:/\.scss$/, loaders[...
2018-07-24 16:07:08 987
原创 react配置antd组件库
1.npm install --save antd2.在组件中引入import React,{Component} from 'react'import './com1.css'import {Button} from "antd";import 'antd/dist/antd.css'import { Carousel } from 'antd';3.组件中使用 ...
2018-07-24 16:06:56 1073
翻译 0.5px
1.直接设置0.5px2.利用缩放transform:scaleY(0.5) height:1px3.渐变height:1px background:linear-gradiend(0deg,#fff,#000)从上到下,从白到黑,缩减一半4.box-shodow盒子阴影盒子不设背景,box-shodow:0 0.5px 0 #000;5.svg6.vi...
2018-07-24 16:06:44 221
原创 webpack使用 vue项目打包
1.依赖于nodejs2.npm install webpack -g3.npm install webpack-cli -g(版本4之前不用)4.webpack ./index.js --output ./www/w.js(如果没有www文件夹,会自动创建,多个打包,./index.js ./index2.js ) 打包csswebpack打包要下载css-load...
2018-07-24 16:06:21 1326
原创 es6 class 继承
class Animal{constructor(name,color){this.name=name;this.color=color}eat(){return this.name+'吃饭 '}}// 原型方法继承Animal.prototype.run=(x)=>{return x+'跑的快'}let dog=new Animal("h...
2018-07-24 16:06:10 101
转载 深入理解ES6箭头函数的this以及各类this面试题总结
原作者文章:点击打开链接ES6中新增了箭头函数这种语法,箭头函数以其简洁性和方便获取this的特性,俘获了大批粉丝儿它也可能是面试中的宠儿, 我们关键要搞清楚 箭头函数和普通函数中的this一针见血式总结:普通函数中的this:1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj2.在默认情况(非...
2018-07-24 16:05:47 1276
转载 2018最新Web前端经典面试试题及答案
原作者:点击打开链接javascript: JavaScript中如何检测一个变量是一个String类型?请写出函数实现typeof(obj) === "string"typeof obj === "string"obj.constructor === String请用js去除字符串空格?方法一:使用replace正则匹配的方法去除所有空格: str = str.re...
2018-07-24 16:05:29 701
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人