<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <link rel="icon" href="/pic.png" /> <link rel="apple-touch-icon" sizes="57x57 72x72 114x114 144x144" href="pic.png" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CaiyyHomeMusic - Vue</title> <link rel="stylesheet" hre
VSCode的ftp-sync是一个通过sftp/ftp自动同步本地文件到远程机器的插件，配置之后，远程调试会方便很多，本地修改文件保存后会自动同步到远程机器。安装插件后，shift+ctrl+p, 打开VSCode的命令搜索界面，输入ftp，会出现ftp-sync支持的所有命令。Init： 新项目建立，使用此命令新建一份ftp配置，配置文件位于项目根目录下的.vscode/ftp-sync.json，其中主要需要配置以下参数:remotePath: 远程目录，默认是 ./ ,表示home目录，此目录对应于本地项目的目录，比如本地项目位于D:/work/myproject , 远程项目目录为$HOME/work/myproject, 就填写./work/myproject.username: 用户名，sftp、ftp的用户名password: 密码protocol: 可以填写ftp和sftp，默认是ftp。port： 默认是21，ftp/sftp的端口，一般ftp的默认端口是21，sftp默认端口是22.ignore： 忽略同步的目录和文件。debug： 默认是false，如果设置为
1. 记住几个地址：面版SSL证书地址/www/server/panel/ssl2. 因为用域名访问面版，所以先在网站上增加一个相同域名网站。并设置成HTTPS访问。3. 打开网站配置，切换到如图片上面的选项卡。复制下来，备用。4. 进入宝塔文件管理，切换到面版SSL证书地址，修改里面的2个文件，“certificate.pem”对应“证书”，“privateKey.pem”对应“秘钥”，保存。5. 重启面版，红色锁头变绿色锁头。原理其实很简单，SSL证书只绑定域名，但不绑定端口。所以相同域名下，默认端口能访问，8888也能访问。
日期:2018.12.06任务计划:暂定使用www.caiyy.vip作为开发域名学习并使用ThinkPHP 5.0学习并使用lazysizes懒加载实现图片的懒加载功能,减少因图片过多而导致的加载时间学习并使用instantclick预加载来实现页面的预加载功能,减少页面加载时间学习并使用Vue.js构建前端页面 thinkphp做后端的话,好像没有什么必要用Vue.js啊.
引用了jquery.min.js文件，但是每次加载页面时间都过长，F12看到错误提示“jquery.min.map 404”解决办法如下：//# sourceMappingURL=jquery.min.map代码 删除就不会提示了以下是对于source map的解释一、从源码转换讲起JavaScript脚本正变得越来越复杂。大部分源码（尤其是各种函数库和框架）都要经过转换，才能投入生产环境。常见的源码转换，主要是以下三种情况：(1)压缩，减小体积。比如jQuery 1.9的源码，压缩前是252KB，压缩后是32KB。(2)多个文件合并，减少HTTP请求数。(3)其他语言编译成JavaScript。最常见的例子就是CoffeeScript。这三种情况，都使得实际运行的代码不同于开发代码，除错（debug）变得困难重重。通常，JavaScript的解释器会告诉你，第几行第几列代码出错。但是，这对于转换后的代码毫无用处。举例来说，jQuery 1.9压缩后只有3行，每行3万个字符，所有内部变量都改了名字。你看着报错信息，感到毫无头绪，根本不知道它所对应的原始位置。这就是Source map想
instantclick 中文文档文档官网：http://instantclick.io/documentation文档基于：instantclick 3.1.0版本翻译感谢；有道云翻译/谷歌翻译细节说明；部分基于自己理解有所改动，其中部分我没有接触过的位置，并没有进行翻译，以免误导特殊声明；文章允许转载，但是必须保留原文超链接出处，放置文章底部或者顶部方便查看位置！入门指南1，开始下载InstantClick，公布的最新稳定版本是3.1.0 2014/12/25版本（日志）下载压缩的版本2.7kb 或者 下载未压缩的版本21kb其他下载选项最新的开发板在github上面Bower: bower install instantclick初始化 InstantClick包括InstantClick和初始化它的页面:<script src="instantclick.min.js" data-no-instant></script> <script data-no-instant>InstantClick.init();</sc
一般写法var caiyy function(){ //code }var caiyy = () => { //code }带参数写法var caiyy function(a,b){ //code }var caiyy = (a,b) => { //code }
地址https://github.com/aFarkas/lazysizes简直是最强懒加载插件了，我发现的优点如下:不依赖JQury，仅6.62 KB的文件不需要手写Js配置，引入下面代码即可。<script src="lazysizes.min.js" async=""></script>性能很高，并且支持响应式图片.多样且便捷的加载样式:http://afarkas.github.io/lazysizes/#examplesSEO友好，搜索引擎可以正常读取图片
CodingSorcery
