- 博客(20)
- 收藏
- 关注
RSS订阅原创 Vue3.0安装步骤
Vue3.0安装3.0 新加入了 TypeScript 以及 PWA 的支持部分命令发生了变化：下载安装 npm install -g vue@cli删除了vue list创建项目 vue create启动项目 npm run serve默认项目目录结构也发生了变化：移除了配置文件目录，config 和 build 文件夹移除了 static 文件夹，新增 public...
2019-10-24 15:06:23
1366
原创 点击判断是安卓还是苹果用户
这个东西刚开始我也是百度的，但是老是出不来不判断最后自己修修改改了终于出来，废话不多说直接上代码。function select(argument) {//判断用户手机类型 var u = navigator.userAgent; if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机 ...
2019-10-22 17:31:53
479
原创 兼容性问题吧一些
今天写一个页面遇到了一个小问题困扰了我一会，就是移动端页面整个背景图如何适配安卓和ios手机。刚开始用Sublime写的，因为也就写一个下载页面就随便了，直接在谷歌看的因为F12能调整么，但是也只能看苹果手机型号，最后写完了以为适应了都，结果安卓机不适配，底下有一小段高度空白刚开始直接在bodybackground-image: url("./image/bj@2x.png"); backgro...
2019-10-22 17:24:29
249
原创 有用过AVUE的大神么？？？
有用过AVUE的大神么？？？ 最近写公司的一个后台管理系统，用的avue，起初感觉还是蛮好用的。但是发现自带样式和内容很难修改，就比如一个左侧固定栏，就两行代码 <div class="avue-left"> <!-- 左侧导航栏 --> <sidebar/> </div> 这应该是框架自带封装好的。就感觉无从下手...
2019-10-17 14:44:35
5453
9
原创 初步了解面向对象
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>面向对象</title></head><body> </body><script type="text/javascript">...
2019-06-06 17:55:59
228
原创 太极图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>太极图</title></head><body> <canvas id="box" width="1000px" height...
2019-05-07 16:43:33
473
原创 瀑布流~
Documentwindow.onscroll = function(){var windowH = document.documentElement.clientHeight;var scrollH = document.documentElement.scrollTop || document.body.scrollTop;var documentH...
2019-04-28 12:17:45
155
原创 jq放大镜
<!doctype html><html><head><meta charset="utf-8"><title>jQuery放大镜/title><script type="text/javascript" src="jquery-1.12.4.js"></script><style>...
2019-04-25 12:18:33
688
原创 用js写放大镜
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> body { margin: 0; pad...
2019-04-25 10:20:51
397
原创 懒加载和预加载
懒加载1.什么是懒加载？懒加载也就是延迟加载。 当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。2.为什么要使用懒加载？很多页面，内容很丰富，页面很长，图片较多。比如说各种商城页面。这些页面图片数量多，而...
2019-04-24 20:43:34
318
原创 仿京东右侧固定栏
<script type="text/javascript" src="jquery-1.12.4.js"></script> <script type="text/javascript"> $(".ss").hover(function(){ //dfs是当前元素的下标 var dfs = $(".ss").index(this) //...
2019-04-23 19:26:54
2684
转载 随机图片瀑布流无限加载
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>jquery随机图片瀑布流无限加载</title><style type="text/css">*{margin:0;padding:0;list-style-type:none;}a,img{border:0;}b...
2019-04-23 19:24:11
329
原创 jq随机图
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>jq随即图</title></head><body> <h1 id="test"></h1> <button id="btn">点击获取...
2019-04-23 19:23:08
421
原创 原声js写对话框
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} .container{ width: 280px; margin: 2...
2019-04-18 21:22:27
465
原创 用jQuery模仿写qq对话框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin:0px; padding: 0px; } ...
2019-04-18 19:18:12
569
原创 用js写拖拽案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #box{ width: 300px; height: 300px; ...
2019-04-15 21:07:04
242
原创 用js写轮播图
<script type="text/javascript"> //获取当前图片的下标 var num = 0; //获得图片的一串数组元素 var Img = document.getElementsByClassName("bannerImg")[0].getElementsByTagName("a"); //获取li的数组元素 var li ...
2019-04-15 21:06:04
1123
原创 用js写选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选项卡</title> <style type="text/css"> *{ margin: 0px; padding: 0px; /*清除无序列表黑点*...
2019-04-15 21:04:04
230
原创 用js写五一倒计时
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js倒计时</title> </head> <body> <div>距离五一倒计时: <span id="text"></span...
2019-04-15 21:03:20
952
原创 用js写留言板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin:0px; padding: 0px; font...
2019-04-15 21:01:03
2629
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人