文本省略 p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。 -webkit-box-orient:vertical; //从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式） -webkit-line-clamp:2; //这个属性不是css的规范属性，需要组合上...
封装axios连接 import axios from "axios";import qs from "qs"import loading from "../lib/loading/index.js"let vm = loading()const server = axios.create({ // baseURL:"", timeout:5000, withCredentia...
JS实现拖拽 不出浏览器 距边50px吸附 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽</title> <style> html,body{ margin: 0; pa...
Vue.config常用配置项 只需要在项目的根目录下新建 vue.config.js 文件（是根目录，不是src目录）const path = require('path')module.exports = { publicPath: './', // 基本路径 outputDir: 'dist', // 输出文件目录 lintOnSave: false, // eslint-loader 是...
封装 $on $emit $off const eventList = {}const $on = (eventName,callback)=>{ if(!eventList[eventName]){ eventList[eventName] = []; } eventList[eventName].push(callback)}const $emit = (eventNam...
寄生式组合继承 function Box(_f){ this.f=_f; } // 这样直接将原型指向一个对象,会将原有的constructor覆盖 Box.prototype={ a:1, b:function(){ this.a++; ...
JQuery 五星评价 //星级图片为雪碧图，上为满星，下为空星，每个星高14px<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...
JS node通信 // 获取http模块var http=require("http");// 获取queryString模块var queryString=require("querystring");// 使用http中createServer创建服务,并且返回这个服务对象var server=http.createServer(function(req,res){ // req是指请求数据...
JS Promise实现红绿灯显示 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
JS 可切换图片的商品放大镜 //Utils.jsvar Utils=(function () { return { //SSS loadImg:function (srcList,callBack) { var img=new Image(); img.num=0; img.imgList=[]; ...
JS 商品放大镜 //Utils1.jsvar Utils=(function () { return { //SSS loadImg:function (srcList,callBack) { var img=new Image(); img.num=0; img.imgList=[]; ...
JS 懒加载 瀑布流 //Util1.jsvar Utils=(function () { return { //SSS loadImg:function (srcList,callBack) { var img=new Image(); img.num=0; img.imgList=[]; ...
JS无缝轮播图 //Utils.js//封装 预加载图片var Utils=(function () { return { //SSS loadImg:function (srcList,callBack) {//图片地址 回调函数 var img=new Image(); img.num=0;//初始化num为0 ...
JS 弹跳球2.0 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style type="text/css"> body { overflow...
JS 弹跳球体 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script> class Ball{// ...
JS 判断输入数字是否为1-31之间的数 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .redFont { color: red; ...
JS div键盘控制移动 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 50px; ...
JS input输入节流 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> input { color: #999999; ...
JS 窗口图片滑动 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 557px; ...
JS 拖拽 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 50px; ...
关注
