jsDelivr | 易学教程

3行代码为你的网站博客添加萌萌哒可爱二次元女动漫玩偶人物（看板娘）

阅读更多关于 3行代码为你的网站博客添加萌萌哒可爱二次元女动漫玩偶人物（看板娘）

看板娘一词源自日语“看板娘(かんばんむすめ)”。其中的“看板”指的是店面招牌，或者是为了宣传、打广告而制作的宣传牌。“看板娘”也就是店面的招牌姑娘，亦即能够提升店面人气和顾客流量的女服务生、女店员等。也就是说，看板娘本身就是一块“活看板”，其本身的魅力就能够起到宣传、拉人气的作用。英语又称之为“Poster Girl”。　　默认只在PC端才会显示 (手机屏幕太小, 放上看板娘容易遮挡内容, 体验不好)；效果如图所示: 可以玩射击游戏, 被射击到的网页元素会消失里面的子弹可以穿越屏幕边缘的哦(空格键发射子弹, 左右键旋转飞机🛬) 更换看板娘更换看板娘的记录,会被存储到浏览器的Local Storage里面, 下一次进入网页, 依然会是你喜欢的看板娘给看板娘换装看板娘换装的记录,也会被存储到浏览器的Local Storage里面, 下一次进入网页, 依然会是你喜欢的看板娘和她的衣服换了好看的衣服, 拍张照片吧! 看博客的时候, 看板娘会给出贴心小提示如何安装看板娘只需在网页中引入这三行代码即可！ <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm

博客园主题——atum1.15升级发布啦

阅读更多关于博客园主题——atum1.15升级发布啦

atum主题部署文档自周三发布的博客园主题1.0版本赢得得广大博友的好评，但同时该主题也存在一些小瑕疵，这个版本主要是根据atum1.0版本以及各博友的建议做了一些升级改动，改动后重新打包发布atum1.1版本。博主在接下来的版本迭代中也会不断加入更多符合博友方便使用的各种新特性。好了，接下是atum1.1主题的部署详情。介绍一款由VUE打造的简约型博客主题，兼容各大主流浏览器，响应式设计，PC、平板、手机等均可正常浏览。特性响应式设计，兼容手机端浏览器。提供多种配置信息，方便各类用户进行个人定制化。部署文档十分详细且部署快捷。主题整体偏向简约、无太多不必要的特效画面、偏向于阅读型博客。请求局部HTML刷新，实现全站无刷新式加载。该版本主要改进相对于atum1.0需要的blogAcc、blogId等参数的必须配置，该版本采用自动配置特性，即做到了所有属性无必须配置，做到了按需配置的特性。中央面板新增滚动条辅助，改进了能够快速进入页底或页顶的阅读体验。修改博客文章标题右侧眼睛图标为放大图标，点击可进行全屏沉浸式阅读文章，加强阅读体验。调整分页显示，修改为分页页数在下，分页内容在上。调整各处内容过长导致内容溢出或换行问题。急速部署前提：已经开通 js 权限，没开通的可以向博客园官方申请开通。前提：对于随笔发布请不要设置EntryName属性。

spring 常用注解原理逻辑代码演示

阅读更多关于 spring 常用注解原理逻辑代码演示

01 spring 常用注解原理逻辑代码演示这是自己观看视频的笔记文章目录 01 spring 常用注解原理逻辑代码演示一、组件注册 1.1-spring注解驱动开发 1.2-组件注册 @Configuration 1.3-组件注册 Configuration、Bean、ComponentScan(s)、TypeFilter 1.4-组件注册 @Scope 1.5-组件注册@Lazy-bean懒加载 1.6-组件注册 @Conditional 按照条件给容器注入Bean 1.7-组件注册 @Import快速导入 1.7.1-组件注册 @ImportSelector 1.7.2-组件注册 @ImportBeanDefinationRegister 1.8-组件注册 @FactoryBean 二、生命周期 2.1-生命周期 @Bean指定初始化和销毁方法 2.2-生命周期 InitializingBean和DisposableBean 2.3-生命周期 @PostConstruct和@PreDestroy 2.4-生命周期 BeanPostProcessor（后置处理器） 2.4.1-生命周期 BeanPostProcessor原理 2.4.2-生命周期 spring底层对BeanPostProcessor的使用三、属性赋值 3.1-属性赋值 @Value 3.2

[javascript] elementui下login登录页界面和js验证逻辑

阅读更多关于 [javascript] elementui下login登录页界面和js验证逻辑

主要是使用了form组件 <html lang= " cn " > <head> <meta charset= " utf-8 " > <meta name= " viewport " content= " width=device-width, initial-scale=1, shrink-to-fit=no " > <meta name= " description " content= "" > <meta name= " author " content= " 陶士涵 " > <title>GO-IMAP网页版邮箱imap工具登录页</title> <link rel= " stylesheet " href= " https://cdn.jsdelivr.net/npm/element-ui@2.13.1/lib/theme-chalk/index.css " > <script src= " https://cdn.jsdelivr.net/npm/vue/dist/vue.js " ></script> <script src= " https://cdn.jsdelivr.net/npm/element-ui@2.13.1/lib/index.js " ></script> <script src= " https://cdn.jsdelivr.net/npm

博客园主题——atum1.16升级发布啦

阅读更多关于博客园主题——atum1.16升级发布啦

使用GitHub+Hexo+live2d搭建个人博客

阅读更多关于使用GitHub+Hexo+live2d搭建个人博客

使用GitHub+Hexo+live2d搭建个人博客博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！安装hexo sudo npm install hexo-cli -g 创建博客目录 hexo init username.github.io cd username.github.io npm install 运行 hexo clean #清理文件 hexo g #生成文件 hexo s #运行打开浏览器，输入地址 localhost:4000 即可看到博客页面安装主题主题官网可以查看 https://hexo.io/themes/ 我使用的是volantis，文档地址 https://volantis.js.org/v2/getting-started/ 下载主题 git clone https://github.com/xaoxuu/hexo-theme-volantis themes/volantis 修改配置文件项目根目录下_config.yml文件 theme: volantis 安装依赖 npm i -S hexo-generator-search hexo-generator-json-content npm i -S hexo-renderer-stylus 配置文件一般在 /

Vue-Mustache语法

阅读更多关于 Vue-Mustache语法

Mustache语法: {{data中的变量}} <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>first vue page</title>  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> {{message}} </div> <script> var app= new Vue({ el:'#app', // id选择器 data:{ message:"Hello vue !" } }) </script> </body> </html> 来源： oschina 链接： https://my.oschina.net/u/4517769/blog/4332165

Django学习笔记（20）——BBS+Blog项目开发（4）Django如何使用Bootstrap

阅读更多关于 Django学习笔记（20）——BBS+Blog项目开发（4）Django如何使用Bootstrap

　　本文学习如何通过Django使用Bootstrap。其实在之前好几个Django项目中已经尝试使用过了Bootstrap，而且都留有学习记录，我已经大概有了一个大的框架，那么本文就从头再走一遍流程，其实主要细节还是Bootstrap的常用的语法使用。除了基本流程，本文基于BBS+Blog项目进行学习，主要是完成其项目的模板的功能，顺带学习一下Bootstrap的内容。　　我使用的Python版本为3.X，Bootstrap版本为3.3.31，Django版本为2.0。　　模板语法不懂的可以参考博客： Django学习笔记（3）——表单，路由控制和模板语法的学习 1，下载及配置Bootstrap相关文件　　点击： Bootstrap官网下载链接　　我们选择第一个，或者第二个都可以：两者的区别就是源码内容更加完善，而用于生产的比较轻便。　　我们可以看看两者的目录结构。 1.1，Bootstrap预编译版的基本文件结构：　　预编译文件可以直接使用到任何web项目中。官方提供了编译好的CSS和JS（bootstrap.*）文件，还有经过压缩的CSS和JS（bootstrap.*）文件。同时还提供了CSS源码映射表（bootstrap.*.map），可以在某些浏览器的开发工具中使用。 1.2，Bootstrap源码的基本文件结构：　　当然，有时候我们做测试的时候

ftp上传工具下载，ftp上传工具下载使用教程，文件如何定时备份至ftp服务器？

阅读更多关于 ftp上传工具下载，ftp上传工具下载使用教程，文件如何定时备份至ftp服务器？

ftp传输工具简介 iis7服务管理工具是一款功能强大的FTP软件，具备极好的交互界面和强大的功能。它支持ftp的定时上传下载、定时备份、自动更新、批量上传下载、ftp多站点管理，在线编辑等功能。同时它还支持支持windows和linux系统服务器的批量操作和管理 ,并且它还可以作为VNC客户端和vps连接的工具，同样支持批量操作。软件体积小、免安装、功能多，非常推荐大家使用。 1. ftp传输工具使用教程 **下载地址： IIS7服务器管理工具添加ftp服务器信息操作步骤第一步：点击主程序图中“上传下载”键；第二步：点击“ Ftp”；第三步：点击“添加”；第四步：在弹出服务器信息框中填写Ftp信息，注意：FIP ip端口、账号、密码为必填项；第五步：选择需要打开的FTP服务器；第六步：点击打开，即刻见FTP效果图。上传文件操作步骤第一步：选择需要上传的多个文件（按ctrl键多选），右键点击上传。第二步：等待文件上传完成。第三步：上传完成后，右侧窗口就可以查看上传成功后的文件或文件夹。 2.定时上传文件至ftp服务器教程 1.先在电脑上安装Python，勾选Add Python 3.7 to PATH，软件安装后会自动添加环境变量。根据需要修改python代码。 # -*- coding:utf-8 -*- """ FTP常用操作 """

[javascript] elementui下login登录页界面和js验证逻辑

阅读更多关于 [javascript] elementui下login登录页界面和js验证逻辑

订阅 jsDelivr