- 博客(28)
- 收藏
- 关注
原创 滑块解锁封装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 292
原创 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 169
原创 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 406 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 658 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 107
原创 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 135
原创 手写 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 279 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 668
原创 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 198
原创 一分钟学会,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 213 1
原创 操作数组的几种方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html&g
2018-10-24 17:58:42 1605
转载 看完此文再不懂区块链算我输(区块链是什么)
导读:如果你还没有听说过 3 点钟区块链群,说明你还不是链圈的人;如果你还没有加入 3 点钟区块链群,说明你还不是链圈的大佬;如果你还没有被 3 点钟区块链群刷屏,说明你还体会不到什么是“币圈一天,人间一年”。“三点钟区块链”无疑成为了大家春节期间焦虑的根源,而“区块链”注定是 2018 年被持续讨论、关注的行业性热点话题。 3 月 1 日,朱啸虎对正翻涌不断的区块链热潮再次开炮,...
2018-10-24 11:33:50 545
转载 前端面试题
一、理论知识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 667
原创 更换视频播放按钮
<!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 682
原创 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 4312
转载 生成随机数
最近有个需求,是需要生成3-32位长度的字母数字组合的随机字符串,另一个是生成43位随机字符串。方法一奇妙的写法1Math.random().toString(36).substr(2); 输出结果解释很有意思,研究了一下,基本上toString后的参数规定可以是2-36之间的任意整数,不写的话默认是10(也就是十进制),此时返回的值就是那个随机数。若是偶数,返回的数值字符串都是短的,若是奇数,则...
2018-06-23 14:41:05 334
原创 安卓手机用原生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 2573 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 527
原创 改变输入光标的颜色
CSS代码:input { color: #333; caret-color: red;}HTML代码:<input value="文字内容">
2018-03-16 15:56:14 2482
原创 p元素里面的内容如果是英文不自动换行怎么办
加一个word-wrap:break-wordword-wrap : normal | break-word参数: normal : 允许内容顶开指定的容器边界break-word : 内容将在边界内换行。如果需要,词内换行(word-break)也行发生...
2018-03-16 14:54:32 2892
原创 只能显示两行文字多余用...表示
p { border: 1px solid #ccc; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
2018-03-13 13:52:05 2546
原创 html页面在不同手机系统显示会不同
安卓手机判定if(/(Andorid)/i.test(navigator,userAngent)){//内容}//ios手机判定if(/(iPhone)/i.test(navigator,userAngent)){//内容}
2018-03-03 13:19:41 1649
转载 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 365
原创 上传照片
js代码 //上传照片 $("#file").change(function(){ drawTempPhoto(); }); //绘制照片 function drawTempPhoto() { //检验是否为图像文件 var file = document.getElementById("file").files[0]; if(!/image\/\w+/.test...
2017-10-26 14:22:41 341
转载 localStorage用法小总结
记得前端大神winter说过:要建立起自己的知识体系,第一步:寻找线索(找准确、全面的);第二步,建立联系;第三步,是分类(用思维导图),第四步,是追本溯源(找到最初的那个它~)今天,怀着崇拜大神的心情,来学习下 localStorage的基本用法。用到的学习机是chrome浏览器,毕竟大厂权威性还是可以的。我首先在开发者工具的Console中,输入了localStorage.然后就弹出了一
2017-10-25 09:28:22 981
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人