- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue3引入pwa
pwa 全称 Progressive Web App，是一种理念，使用多种技术来增强web app的功能，可以让网站的体验变得更好，能够模拟一些原生功能，比如通知推送。在vue3中使用pwa非常简单，在使用 vue create projectName 时，选择pwa如下图（其它功能根据自己需要进行选择，本篇只讲在vue-cli3中使用pwa）。好了，等待依赖下载结束。依赖下载完成后，项目结...
2020-02-18 23:38:30
4057
4
原创 用wamp通过https访问踩过的坑
很久之前试过用wamp开启https的访问，但之前试了很久都没搞定，各种百度，各种坑，哎，慢慢的心酸。今天调休，玩玩游戏，看看电影后，感觉没事做了，就突然想着来继续调调https。咱从头开始说：1、我用的是腾讯云的DV证书，免费的，首先，咱先去申请，找到SSL证书管理，进去之后，点击申请证书，然后弹出这个界面，免费一年的DV证书。 通用名称写自己的域名，邮箱写个自己常用的，备注名...
2018-08-15 20:46:56
5350
1
原创 简单瀑布流小插件(宽度一定)
瀑布流这个东西，学过很久了，现在把它记录一下。简单说一下原理：定义一个数组保存第一行中的所有div的高度（如果有间隙，加上间隙），找出第一行中的最小高度，然后下一行第一个div的top值就等于这个最小高度，然后更新保存的最小高度，继续重复执行。如果我们要将它做成小插件的话，需要考虑： 1. 我们要将它放到什么地方去？ 2. 当前显示的是第几页 3. 每页显示多少数量 4. jsonp返回的数
2017-11-25 21:24:25
628
原创 使用jsonp获取天气预报
学完了jsonp后，总有种想用一下的冲动，于是上网找了一下天气api的接口，找了很久，终于找到了免费的，而且数据会实时更新。我找到的这个就是心知天气，它提供免费的天气接口，可以让我来练一下手。在练习的过程中，也碰到了许多坑。比如，心知提供的秘钥还得经过HMAC-SHA1加密（谁叫咱是免费使用的），这个坑我进去了好久才爬出来，大家可以去我的网盘（密码：cpu3）进行下载，下载好了先引入jQ文件，然后再
2017-11-08 13:44:30
2265
原创 初识ajax
以前在学校总是会听到阿贾克斯的大名，但是作为一只小白，我根本不知到这是啥，近期，学到了ajax，发现它真是太强大了。现在，来梳理一下。ajax的工作流程： 1.创建ajax对象，对于IE5、6，IE提供ActiveXObject来创建ajax对象，IE7及以上和其它浏览器则使用XMLHttpRequest来创建ajax对象。具体使用方法：var xhr = null;if(window.XMLH
2017-11-06 13:52:03
386
原创 关于js根据类名获取元素
最近在仿照阴阳师官网首页来做练习（使用原生js），碰到了一些问题，如js中根据类名来获取元素。因为document.getElementsByClassName有兼容性的问题，所以根据类名来获取元素一般都是自己写一个方法，以前一直用的方法是这样的：/** * * 作用：根据指定的类名查找元素 * * 参数： * @param oParent：需要查找的元素的父级（对象），可以是do
2017-10-25 20:16:07
20532
原创 块级元素的一些小问题
之前在学css时就碰到过这些问题，现在来整理一下（本文所指盒子若无特殊说明，均为块级标签）一：当两个盒子为父子关系时，子盒子设置margin-top时，会发生一件奇怪的事情我们来看看是什么奇怪的事情，代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>
2017-10-24 16:16:53
262
原创 简述inline-block的边距问题及解决方法
当我们讲一个元素的display设置为inline-block时，设置好各元素的宽高及颜色后，这个边距就会诡异的出现了，即使你使用（margin:0;padding:0;）也是无法消除的。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style typ
2017-09-13 13:12:03
6309
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人