- 博客(28)
- 收藏
- 关注
RSS订阅原创 滑块解锁封装js方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>滑块解锁封装js方法</title> <!--注：这里首次用到了iconfont的语法，即矢量图标--> <link rel="stylesheet" href="font/iconfont.css"> <style> .
2021-03-10 16:26:56
270
原创 js 实现防抖和节流
1. 防抖<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>debou
2021-03-05 16:37:35
151
原创 js 实现 ajax，Promise + js 实现 ajax
// JS 实现ajaxfunction ajax(url){ const xhr =new XMLHttpRequest() xhr.open("GET",url,false) xhr.onreadystatechange=function(){ if(xhr.readyState===4){ if(xhr.status===200){ console.log(JSON.parse(xhr.respons.
2021-03-04 11:53:59
318
1
原创 js 下班倒计时
<!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-UA-Compatible" content="ie=edge"> <title>倒计.
2021-03-04 10:12:41
609
1
原创 js 实现深拷贝
let obj1 = { name:"kevin", age:"26", frineds:{ address:"通州", number:1553086 }, a:[1,2,3] } let obj2 = deepClone(obj1) obj1.name="jack" console.log(obj2.name)//深拷贝函数 function deepClone(obj){ i...
2021-03-01 18:26:42
91
原创 Promise 简单应用
// Promise 解决 callback hell 问题// load imgfunction loadImage(src){ return new Promise((resolve,reject)=>{ const img = document.createElement("img") img.onload=()=>{ resolve(img) } img.onerror=()=>{ const err = new..
2021-03-01 16:39:41
101
原创 手写 jQuery
1. html 部分<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>
2021-02-26 16:40:57
245
1
原创 vue.js实现日历功能
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-HK" lang="zh-HK" prefix="og: http://ogp.me/ns#"><head><title></title><meta name="viewport" content=.
2020-07-03 14:51:28
631
原创 vue封装axios请求
1、下载axios 并引入 cnpm iaxios --simport axios from 'axios';import router from '../../router';// 创建axios实例const service = axios.create({ timeout: 30000 // 请求超时时间 ...
2019-12-04 10:31:08
172
原创 一分钟学会，js获取url的参数！！！
let url=http://localhost:8080/login.html?a=b&b=c&c=d&d=e&e=cf function getRequest(name){ let query=location.search.substring(1) let vars...
2019-12-04 10:16:47
181
1
原创 操作数组的几种方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html&g
2018-10-24 17:58:42
1584
转载 看完此文再不懂区块链算我输（区块链是什么）
导读：如果你还没有听说过 3 点钟区块链群，说明你还不是链圈的人；如果你还没有加入 3 点钟区块链群，说明你还不是链圈的大佬；如果你还没有被 3 点钟区块链群刷屏，说明你还体会不到什么是“币圈一天，人间一年”。“三点钟区块链”无疑成为了大家春节期间焦虑的根源，而“区块链”注定是 2018 年被持续讨论、关注的行业性热点话题。 3 月 1 日，朱啸虎对正翻涌不断的区块链热潮再次开炮，...
2018-10-24 11:33:50
520
转载 前端面试题
一、理论知识1.1、讲讲输入完网址按下回车，到看到网页这个过程中发生了什么a. 域名解析b. 发起TCP的3次握手c. 建立TCP连接后发起http请求d. 服务器端响应http请求，浏览器得到html代码e. 浏览器解析html代码，并请求html代码中的资源f. 浏览器对页面进行渲染呈现给用户参考《一次完整的HTTP事务是怎样一个过程》1.2、谈谈你对前端性...
2018-10-23 11:58:32
635
原创 更换视频播放按钮
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>{$Think.config.sitename}</title> <meta content="width=dev
2018-07-24 14:47:35
647
原创 video在安卓播放后视频跳到最上方 怎么解决
<video class="Movies" controls preload="auto" width="100%" poster="{$Think.HTML_STATIC}/images/screenshot1.jpg" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
2018-07-05 15:25:55
4256
转载 生成随机数
最近有个需求，是需要生成3-32位长度的字母数字组合的随机字符串，另一个是生成43位随机字符串。方法一奇妙的写法1Math.random().toString(36).substr(2); 输出结果解释很有意思，研究了一下，基本上toString后的参数规定可以是2-36之间的任意整数，不写的话默认是10（也就是十进制），此时返回的值就是那个随机数。若是偶数，返回的数值字符串都是短的，若是奇数，则...
2018-06-23 14:41:05
291
原创 安卓手机用原生video标签视频不会弹出来而且有缩略图加上这几个属性
<div class="m" style="width:100%;"> <video controls preload="auto" width="100%" poster="{$voo.caser.video_pic}" webkit-playsinline="true" x-we
2018-05-17 16:01:28
2536
7
原创 前端写浏览量通过localstorage
<!DOCTYPE HTML><html><body><script type="text/javascript">if (localStorage.pagecount) { localStorage.pagecount=Number(localStorage.pagecount) +1; }else { localStora...
2018-03-28 12:38:11
501
原创 改变输入光标的颜色
CSS代码：input { color: #333; caret-color: red;}HTML代码：<input value="文字内容">
2018-03-16 15:56:14
2442
原创 p元素里面的内容如果是英文不自动换行怎么办
加一个word-wrap：break-wordword-wrap : normal | break-word参数： normal : 允许内容顶开指定的容器边界break-word : 内容将在边界内换行。如果需要，词内换行（word-break）也行发生...
2018-03-16 14:54:32
2842
原创 只能显示两行文字多余用...表示
p { border: 1px solid #ccc; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
2018-03-13 13:52:05
2519
原创 html页面在不同手机系统显示会不同
安卓手机判定if(/(Andorid)/i.test(navigator,userAngent)){//内容}//ios手机判定if(/(iPhone)/i.test(navigator,userAngent)){//内容}
2018-03-03 13:19:41
1615
转载 px转rem 直接100 复制粘贴就行
<script> //px转换rem js控制 (function (win) { var doc = win.document; var docEl = doc.documentElement; var tid; function refreshRem() { var widt...
2018-01-23 18:59:39
341
原创 上传照片
js代码 //上传照片 $("#file").change(function(){ drawTempPhoto(); }); //绘制照片 function drawTempPhoto() { //检验是否为图像文件 var file = document.getElementById("file").files[0]; if(!/image\/\w+/.test...
2017-10-26 14:22:41
323
转载 localStorage用法小总结
记得前端大神winter说过：要建立起自己的知识体系，第一步：寻找线索(找准确、全面的)；第二步，建立联系；第三步，是分类(用思维导图)，第四步，是追本溯源(找到最初的那个它～)今天，怀着崇拜大神的心情，来学习下 localStorage的基本用法。用到的学习机是chrome浏览器，毕竟大厂权威性还是可以的。我首先在开发者工具的Console中，输入了localStorage.然后就弹出了一
2017-10-25 09:28:22
953
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人