- 博客(26)
- 收藏
- 关注
RSS订阅原创 web开发小技巧
1.IOS 手机容器滚动条滑动不流畅overflow: auto;-webkit-overflow-scrolling: touch;2.修改滚动条样式div::-webkit-scrollbar { display: none;}div::-webkit-scrollbar 滚动条整体部分div::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条div::-webkit-scrollbar-tra
2020-12-29 14:59:23
145
原创 css单行省略号和多行省略号
1.单行.single { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}2.多行.more { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; work-break: break-all; -webkit-box-orient: vertical; -webkit-line-c
2020-12-28 15:34:23
179
原创 aixos请求里catch的详细信息
.catch(function (error) { if (error.response) { console.log("data", error.response.data); console.log("status", error.response.status); console.log("headers", error.response.headers); } else if (error
2020-12-15 15:52:18
266
原创 不卡页面进行大数据渲染
setTimeout(() => { // 插入XX条数据 const total = XX; // 一次插入XX条数据 const once = XX; // 插入数据需要的次数 const loopCount = Math.ceil(total / once); let countOfRender = 0; const ul = document.querySelector('ul'); // 添加数据的方法 function add() { con
2020-10-23 14:14:32
225
原创 滚动加载
window.addEventListener('scroll', function() { const clientHeight = document.documentElement.clientHeight; const scrollTop = document.documentElement.scrollTop; const scrollHeight = document.documentElement.scrollHeight; if (clientHeight + scrollTo
2020-10-23 14:12:18
383
原创 AJAX
const getJSON = function(url) { return new Promise((resolve, reject) => { const xhr = XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Mscrosoft.XMLHttp'); xhr.open('GET', url, false); xhr.setRequestHeader('Accept', 'application/
2020-10-23 14:10:42
174
原创 JSONP
const jsonp = ({ url, params, callbackName }) => { const generateUrl = () => { let dataSrc = ''; for (let key in params) { if (Object.prototype.hasOwnProperty.call(params, key)) { dataSrc += `${key}=${params[key]}&`;
2020-10-23 14:09:55
154
原创 图片懒加载
function lazyload() { const imgs = document.getElementsByTagName('img'); const len = imgs.length; // 视口的高度 const viewHeight = document.documentElement.clientHeight; // 滚动条高度 const scrollHeight = document.documentElement.scrollTop || document.bo
2020-10-23 14:01:35
98
原创 扇形统计
1.html<div class="box"> <div class="pie1"></div> <div class="pie2"></div> <div class="pie3"></div></div>2.css * { margin: 0; padding: 0; }
2020-05-14 16:05:17
164
原创 vue日历组件
<template> <div class="calendar"> <div class="top"> <p> <span @click="reduceYear"><<</span> <span @click="reduceMonth"><&...
2019-08-26 17:35:02
351
原创 js公历日期转为农历日期
方法：toLunar(solarYear, solarMonth, solarDay) { //定义全局变量 var CalendarData = new Array(100); var madd = new Array(12); var tgString = "甲乙丙丁戊己庚辛壬癸"; var dzString = "子丑寅卯辰巳午未...
2019-08-26 17:32:59
1756
1
原创 js实现手机拨号功能
1.通过window.location.href示例：window.location.href=tel://123456789；2.通过a标签示例：<a href="tel:4123456789"></a>
2019-06-20 16:51:24
5526
原创 js阻止冒泡兼容写法
function stopPropagation(e){ var evt=e||window.event; if(evt.stopPropagation){ evt.stopPropagation(); } else{ evt.cancelBubble=true; } }
2019-06-13 15:29:27
538
转载 移动端拖拽
调用示例：darg("phone", "right");参数item：dom的id参数dir：滑动后松开手指移动的方向const darg = function (item, dir) { (function (global, factory) { if (typeof define === "function" && (define.amd || define....
2019-06-10 15:47:10
494
转载 微信支付
wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: appId, // 必填，公众号的唯一标识（appId--调后台返的参数） timestamp: timestamp, // 必填，生成签名的时间戳 ...
2019-06-05 15:53:29
219
原创 pc端js实现重力弹跳效果
function gravity_Move(dom, start, end) { var speedY = 0; clearInterval(dom.timer); dom.timer = setInterval(function () { speedY += 3; var toBottom = start - speedY; ...
2019-06-05 10:25:09
759
原创 移动端rem
1.通过css3 media查询做响应式布局html { font-size: 625%;}@media(max-width:540px) { html { font-size: 450%; }}@media(max-width:414px) { html { font-size: 345%; }}@med...
2019-06-05 10:20:01
256
原创 原生js实现拖拽（pc端）
1.带框拖拽function dragWithBox(dom) { dom.onmousedown = function (e) { // 鼠标按下的时候，记录鼠标点击的位置相对于div块的坐标 var evt = e || window.event; var l = evt.offsetX; var t = evt.off...
2019-06-05 10:11:15
1941
1
原创 基于vue-cli项目开发的相关内容
一、脚手架下载及运行1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖在cmd里直接输入：npm install -g cnpm –-registry=https://registry.npm.taobao.org，回车，等待安装…3.安装全局vue-c...
2019-06-03 14:54:47
166
原创 js判断游览器终端
function(){ var u = navigator.userAgent, p = navigator.platform; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.in...
2019-06-03 14:36:11
325
原创 git及git bash常规命令
一、gitgit clone + “gitlab上项目的http地址（建议使用http）” 到本地2.本地做了一些修改后，休要先保存在本地暂存区 git add . (保存所有更改)保存到本地仓库 git commit -m “引号内写提交注释”提交前 查看当前分支 ， 只有master（权限）可以提交至master分支git branch（查看当前分支）git branch...
2019-06-03 14:24:49
4217
原创 cookie的增删改查
1.cookie的增、改function setCookie(name, value, expiresDays) { var now = new Date(); now.setDate(now.getDate() + expiresDays); var strGmt = now.toGMTString(); document.cookie = name + "="...
2019-06-03 14:02:53
402
原创 前端自动化部署
1.jenkins配置pipeline部分pipeline { agent any parameters { string(name: 'gitAdress', defaultValue: 'git@00.00.00.00:front/front.git', description: '') string(name: 'branch', def...
2019-06-03 11:01:39
1519
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人