图片轮播(淡入淡出)--js原生和jquery实现 图片轮播有很多种方式,这里采用其中的 淡入淡出形式 js原生和jQuery都可以实现,jquery因为封装了很多用法,所以用起来就简单许多,转换成js使用,其实也就是用js原生模拟出这些用法。 但不管怎样,构造一个最基本的表现层是必须的
首先在hexo官网主题里面搜索Matery主题点击进入作者大大的github,然后下载 master 分支的最新稳定版的代码,解压缩后将 hexo-theme-matery 的文件夹重命名为matery,复制到Hexo 的 themes 文件夹中
左右切换的做法基本步骤跟 上一篇文章 淡入淡出 类似,只不过修改了一些特定的部分
新建文件 /docs/.vuepress/styles/variable.less:
前前后后大概花了一周多的时间,目前个人博客已经完善的差不多了,现在写个文章做个阶段总结,后续如果有更新的地方,会及时补充。本博客基于Hexo框架,采用hexo-theme-matery主题,在这里非常感谢作者洪卫的hexo-blog-fly博客开源,极大简化了构建博客的工作量和复杂度。在此开源博客的基础上做了改进,修复了一些bug,顺利搭建完成了我的个人博客。大家对此主题有兴趣的可以下载源代码,搭建属于自己的个性化博客。
一直想着用bootstrap搭建网站,它的自适应、元素封装完善、现成的Glyphicons字体图标,省去很多的css、js、ui的工作,可以快速搭建一个客户需要的站点。ytkah自己有一些div+css的基础知识,所以上手bootstrap相对会比较快一些,从入手到完成项目只用了两周“学会”bootstrap搭建一个企业站,中间还有其他的一些事需要处理。当然做得比较粗糙,效果图在文章尾部。 国内的企业站一般都喜欢这样的版式:头部导航、幻灯片banner、次导航、文章列表、tag标签、转化引导、主业分
Jekyll 是一款采用 Ruby 语言编写的、非常方便简单又功能强大的静态站点生成器,适合于搭建个人博客、静态网站等。我们知道,Github Page 默认支持的也是 Jekyll,而非 Hexo、Hugo等静态站点生成器。Hexo 是用 NodeJS 语言编写的,Hugo 是用 Go 语言编写的,它们三者背后其实都有非常丰富的插件来增强它们自身,从而为用户提供一个可插拔式的个人定制功能。由于本站目前是采用 Jekyll 来搭建的,所以为了提供给读者更加高效的阅读条件,笔者在廖柯杰大佬开发的 H2O 主题的基础上做了一些功能上的增加和优化,接下来就来详细介绍一下。
Omost 是一个创新的项目,它利用大型语言模型(LLM)的编码能力来生成图像,特别是通过图像合成技术。项目的名称“Omost”发音类似于“almost”,寓意着使用该项目后,用户的图像生成工作几乎可以完成。同时,“O”代表“omni”(多模态),而“most”则表示项目旨在最大化模型的潜力。
Linux & Mac 1.下载tree lib //mac brew install tree //centos yum install tree //ubuntu apt-get install tree 用法 //显示所有文件 tree //显示深度2层 tree -L 2 2. 命令find组合 find . -print | sed -e 's;[^/]*/;|____;g;s;____|; |;g' > structure.txt 移除node_module find . -print | gr
当你看到这里的时候,应该已经有一个自己的 Hexo 博客了。如果还没有的话,不妨使用 Hexo 和 Markdown 来写博客和文章。
id在JS是唯一的,不能多次使用,而使用class类选择器却可以重复使用,另外id的优先级优先与class,所以id应该按需使用,而不能滥用。
wordpress是一款很流行的开源博客程序,全世界有很多网站都在使用wordpress,程序员们也喜欢拿来做自己的技术博客,对于自己不满意的地方,那肯定也需要自己动手来修改了,下面就介绍从开发到发布一个wordpress插件的完整流程。
1、执行命令新建标签页面hexo new page tags 执行后会在博客的source目录下生成对应的文件夹
点击上方“LiveVideoStack”关注我们 ▲扫描图中二维码或点击阅读原文▲ 了解音视频技术大会更多信息 ---- 翻译、编辑:Alex 技术审校:刘歧 本文来自OTTVerse,作者为Krishna Rao Vijayanagar。 ffprobe Easy-Tech #038# 在我的视频处理工具箱里,ffprobe有着非常重要的地位!在FFmpeg库中,ffprobe堪称视频信息提取或视频检测的“瑞士军刀”。下面是FFmpeg文档对ffprobe的简单描述: ffprobe从多媒体流中
本文来自设计达人网站,Jeff 看到该文感觉非常有必要学习分享,so,转载在这里,感谢原作者——写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前端用户来说是值得学习的。 CSS书写顺序 位置属性(position, top, right, z-index, display, float等) 大小(width, heig
之前开过WordPress插件开发教程的坑,写了两篇文章之后就没空写了,最近搞了一个评论内容审核过滤的插件,提交到了WordPress官方插件库
你了解Hexo吗? Hexo是一个静态博客框架,基于Node.js,将Markdown文章通过渲染引擎,生成一个静态网页,再结合Git命令(ssh),Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
这是一个采用 Material Design 和响应式设计的 Hexo 博客主题。
0x000 使用Hexo配合Github Pages搭建了新的博客,后续博客内容均使用Markdown记录以便于保存发布,原有内容根据实际情况调整逐步筛选补全。 Mark部分内容 Hexo常用操作 hexo clean 清理缓存 hexo g 生成 hexo c 本地调试 hexo d 发布到github page 其他指令在使用后补全 Markdown常用格式 外部链接-简书 直接查看已经整理好的内容,不再复述 Mark当前主题Vexo的发布格式 需要在md头部加入 --- titl
tags: static-site generator, blog generator, docusaurus-v2
4.3.轮播图布局和样式 templates/news/index.html <im05Hexo 入门指南(四) - 页面、导航、边栏、底栏会在source/about中生成index.html。这个就叫做页面,不在文章列表显示,可以通过http://localhost/about浏览。04Fluid -2- 随机视频背景切换https://101.43.39.125/HexoFiles/win11-mt/20210813154909.gif02Django打造大型企业官网(六)4.9.根据轮播图个数修改小圆点数量 src/js/index.js function Banner() { this.bannerWidth = 798; } Banner.prototype.initBanner = function () { var self = this; this.bannerUL.css({ "width":self.bannerWidth*self.bannerCount }) }; Banner.prototype.ini03极致追求,让小程序代码包立减 10% 的插件weapp-css-modules 是小程序的简化版 css-modules,比标准 css-modules[1] 代码量更少的优化方案02在 React 中使用 Storybook,构建强大的自定义 UI 组件虽然像React这样的基于组件的UI库简化了web开发,但它们也引入了测试和调试等新的复杂性。01Fluid -20- 使用 Fluid 注入功能实现背景视频Hexo 本身支持注入功能,可以实现无侵入式调整博客布局。Fluid 支持更优化的注入功能,本文记录 Fluid 代码注入的使用方法,并将背景视频功能转为注入实现。 简介 什么是代码注入 在项目之外将需要修改的代码动态插入到项目中的技术手段 为什么需要代码注入 是的,直接修改源码是完全可以达到目的的,但是源码修改会破坏仓库的代码完整性,问题主要出现在需要对仓库进行更新的时候 修改过的仓库很容易在更新时引入冲突,那时候很可能需要面对自己都不记得为什么改的代码和完全不懂的项目代码做出取舍,实在是很01Django打造大型企业官网(五)4.6.切换轮播图的箭头样式以及显示和隐藏 templates/news/index.html ‹ › src/css/index.scss .arrow{ font-family: Helvetica Neue,Helvetica,Arial,sans-serif;04MongoDB 常用3. 集群管理角色:clusterAdmin、clusterManager、clusterMonitor、hostManager;01【小程序项目开发-- 京东商城】uni-app之分类导航区域具体的改造步骤如下: 在main.js 项目入口文件中,为uni挂载一个showMsg() 方法,表示自定义挂载函数02博客说明如以上都有还有问题请参考 使用jekyll搭建个人博客 jekyll-theme-H2O_README01推荐的CSS书写顺序、规范写了这么一些时间的CSS,有时候觉得有些混乱,尤其是做样式修改的时候。后来觉得遵循一些书写规范和顺序来的话,一来会让自己的思路很清晰,二来修改的时候很明确,不容易被冗余的样式影响。01企鹅FM点歌台总结企鹅 fm 点歌台是 2.5 将会新出的功能,其中有两个点觉得值得分享,一个是老生常谈轮子都不知道造了多少个的 banner 轮播,还有一个就是企鹅 FM 移动端对齐的弹幕。04reactjs最近在学习react js,ReactJS是Facebook开发的用于构建用户界面的JAVASCRIPT库,利用其可以实现组件式开发。00使用 Mongoose 操作 MongoDBMongoose是在node.js环境下对mongodb进行便捷操作的对象模型工具。02Hexo建站教程Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。01BBS论坛(二十)20.1.cms添加轮播图后台逻辑代码完成 (1)apps/models.py from exts import db from datetime import datetime class BannerModel(db.Model): __tablename__ = 'banner' id = db.Column(db.Integer, primary_key=True, autoincrement=True) name = db.Column(db.String(255), n01css书写规范在前端领域,CSS(层叠样式表:Cascading Style Sheets)是绕不过的话题。025.栅格系统[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yx7xPxw0-1594451881727)(D:\bootstrap\Bootstrap入门.assets\image-20200711135751305.png)]03Web指纹识别技术研究与优化实现本文通过分析web指纹的检测对象、检测方法、检测原理及常用工具,设计了一个简易的指纹搜集脚本来协助发现新指纹,并提取了多个开源指纹识别工具的规则库并进行了规则重组,开发了一个简单快捷的指纹识别小工具TideFinger,希望能为大家带来方便。05原生js实现简单移动端轮播图最近项目不是很忙,自己就用原生js写了一个简单的移动端轮播图的小demo,可实现自动轮播和手势滑动轮播,然后就把它记录到个人博客里。还有很多不足的地方,希望多多指出,以便改进。 1、代码部分 分为四个文件: slideshow.html slideshow.css base.js slideshow.js 1.1、slideshow.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <me06Fluid -11- 封面视频背景顺滑加载在Fluid -2- 随机视频背景切换 中记录了 Fluid 主题背景随机切换的实现方法,但存在加载视频覆盖原始图像背景的情况,本文记录顺滑加载解决方案 。 当前问题 当前问题为背景图像加载较快,视频稍慢 导致背景加载时会有先出现图像,再覆盖另一个视频的尴尬场景 解决思路 放弃图像加载 放弃图像加载是一种解决方案,这样就只会加载视频,没有图像的闪动 但手机端需要加载图像,不能放弃图像背景 更重要的原因是图像加载快,用户可以更早地感受到网页在加载 因此不能放弃加载图像 加载更小的视频第一帧图像 又需要图02重磅!H5游戏接入App已经解决了,民间SDK将会崛起!《各种红包 App 最后都会整合游戏!App+游戏的变现模式分析》一文让晓衡有幸结识到了一位技术大佬「梦近在咫尺」,有时候真的是心想事成!大佬在第2天就写下了这篇文章手把手教大家开发 SDK,将会有更多的民间 SDK 崛起!02jquery动画效果实例_动画js版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。03git进行版本控制管理1、获取远程最新代码后,则需要从本地master分支切换到开发分支。(此处我们以每个新功能为一个新的开发分支)01Vue 2.0的源码构建Vue.js 源码是基于 Rollup 构建的,它的构建相关配置都在 scripts 目录下。05Vue源码探秘(一)Vue作为当前前端开发中比较重要的框架,在企业级开发中应用十分广泛。目前也是我的主要技术栈之一。在接下来的系列文章中,我将带大家一起探秘Vue.js底层源码。04微信小程序电商实战—首页篇(上)在index.wxml我们使用bindtap进行点击事件监听,设置事件名称为navbarTap并且在index.js里设置这个事件对应的逻辑处理。我们在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item,想要了解wx:for可以参考该资料:https://www.w3cschool.cn/weixinapp/weixinapp-list.html02Nuxt项目中使用VueAwesomeSwiper一定要看好swiper的版本和你的vue版本是否对应,不然铁定踩坑,本人就是这么过来的03移动端minimvvm框架qvm实现gitHub地址 1,移动端minimvvm框架qvm实现 qvm概念,一个适用于移动端的mini mvvm(什么是mvvm?没了解的同学自己去了解)框架。参考了angular和vuejs的设计实现思010
会在source/about中生成index.html。这个就叫做页面,不在文章列表显示,可以通过http://localhost/about浏览。
https://101.43.39.125/HexoFiles/win11-mt/20210813154909.gif
4.9.根据轮播图个数修改小圆点数量 src/js/index.js function Banner() { this.bannerWidth = 798; } Banner.prototype.initBanner = function () { var self = this; this.bannerUL.css({ "width":self.bannerWidth*self.bannerCount }) }; Banner.prototype.ini
weapp-css-modules 是小程序的简化版 css-modules,比标准 css-modules[1] 代码量更少的优化方案
虽然像React这样的基于组件的UI库简化了web开发,但它们也引入了测试和调试等新的复杂性。
Hexo 本身支持注入功能,可以实现无侵入式调整博客布局。Fluid 支持更优化的注入功能,本文记录 Fluid 代码注入的使用方法,并将背景视频功能转为注入实现。 简介 什么是代码注入 在项目之外将需要修改的代码动态插入到项目中的技术手段 为什么需要代码注入 是的,直接修改源码是完全可以达到目的的,但是源码修改会破坏仓库的代码完整性,问题主要出现在需要对仓库进行更新的时候 修改过的仓库很容易在更新时引入冲突,那时候很可能需要面对自己都不记得为什么改的代码和完全不懂的项目代码做出取舍,实在是很
4.6.切换轮播图的箭头样式以及显示和隐藏 templates/news/index.html ‹ › src/css/index.scss .arrow{ font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
3. 集群管理角色:clusterAdmin、clusterManager、clusterMonitor、hostManager;
具体的改造步骤如下: 在main.js 项目入口文件中,为uni挂载一个showMsg() 方法,表示自定义挂载函数
如以上都有还有问题请参考 使用jekyll搭建个人博客 jekyll-theme-H2O_README
写了这么一些时间的CSS,有时候觉得有些混乱,尤其是做样式修改的时候。后来觉得遵循一些书写规范和顺序来的话,一来会让自己的思路很清晰,二来修改的时候很明确,不容易被冗余的样式影响。
企鹅 fm 点歌台是 2.5 将会新出的功能,其中有两个点觉得值得分享,一个是老生常谈轮子都不知道造了多少个的 banner 轮播,还有一个就是企鹅 FM 移动端对齐的弹幕。
最近在学习react js,ReactJS是Facebook开发的用于构建用户界面的JAVASCRIPT库,利用其可以实现组件式开发。
Mongoose是在node.js环境下对mongodb进行便捷操作的对象模型工具。
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
20.1.cms添加轮播图后台逻辑代码完成 (1)apps/models.py from exts import db from datetime import datetime class BannerModel(db.Model): __tablename__ = 'banner' id = db.Column(db.Integer, primary_key=True, autoincrement=True) name = db.Column(db.String(255), n
在前端领域,CSS(层叠样式表:Cascading Style Sheets)是绕不过的话题。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yx7xPxw0-1594451881727)(D:\bootstrap\Bootstrap入门.assets\image-20200711135751305.png)]
本文通过分析web指纹的检测对象、检测方法、检测原理及常用工具,设计了一个简易的指纹搜集脚本来协助发现新指纹,并提取了多个开源指纹识别工具的规则库并进行了规则重组,开发了一个简单快捷的指纹识别小工具TideFinger,希望能为大家带来方便。
最近项目不是很忙,自己就用原生js写了一个简单的移动端轮播图的小demo,可实现自动轮播和手势滑动轮播,然后就把它记录到个人博客里。还有很多不足的地方,希望多多指出,以便改进。 1、代码部分 分为四个文件: slideshow.html slideshow.css base.js slideshow.js 1.1、slideshow.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <me
在Fluid -2- 随机视频背景切换 中记录了 Fluid 主题背景随机切换的实现方法,但存在加载视频覆盖原始图像背景的情况,本文记录顺滑加载解决方案 。 当前问题 当前问题为背景图像加载较快,视频稍慢 导致背景加载时会有先出现图像,再覆盖另一个视频的尴尬场景 解决思路 放弃图像加载 放弃图像加载是一种解决方案,这样就只会加载视频,没有图像的闪动 但手机端需要加载图像,不能放弃图像背景 更重要的原因是图像加载快,用户可以更早地感受到网页在加载 因此不能放弃加载图像 加载更小的视频第一帧图像 又需要图
《各种红包 App 最后都会整合游戏!App+游戏的变现模式分析》一文让晓衡有幸结识到了一位技术大佬「梦近在咫尺」,有时候真的是心想事成!大佬在第2天就写下了这篇文章手把手教大家开发 SDK,将会有更多的民间 SDK 崛起!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
1、获取远程最新代码后,则需要从本地master分支切换到开发分支。(此处我们以每个新功能为一个新的开发分支)
Vue.js 源码是基于 Rollup 构建的,它的构建相关配置都在 scripts 目录下。
Vue作为当前前端开发中比较重要的框架,在企业级开发中应用十分广泛。目前也是我的主要技术栈之一。在接下来的系列文章中,我将带大家一起探秘Vue.js底层源码。
在index.wxml我们使用bindtap进行点击事件监听,设置事件名称为navbarTap并且在index.js里设置这个事件对应的逻辑处理。我们在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item,想要了解wx:for可以参考该资料:https://www.w3cschool.cn/weixinapp/weixinapp-list.html
一定要看好swiper的版本和你的vue版本是否对应,不然铁定踩坑,本人就是这么过来的
gitHub地址 1,移动端minimvvm框架qvm实现 qvm概念,一个适用于移动端的mini mvvm(什么是mvvm?没了解的同学自己去了解)框架。参考了angular和vuejs的设计实现思
领取专属 10元无门槛券
手把手带您无忧上云