本博客的主题已由 Fluid 改为 Butterfly, 部分功能可能失效,请注意!
https://101.43.39.125/HexoFiles/win11-mt/20210813154909.gif
需要说明的是,如果将这个js 文件直接放在 hexo 目录的source 文件夹中,会报错无法渲染站点,此处有两种解决方案
在chrome[1]插件开发中我们知道,background.js是独立于浏览器的,在background.js中主要负责popup与content.js的交互,在某些时候,也许你需要在一个插件的设置页与content进行实时通信,此时你能想到什么样的方式吗?本文是在插件业务通信总结的一篇笔记,希望看完能在实际业务中带来思考和帮助
最近手头的工作繁多,有研究性的项目和系统研发,正好遇到同事离职,接手了框架的UI组件,不仅需要维护和填坑,还需要开发新的功能组件。因为身在H5-Hybird的框架部门,最近团队开始尝试使用React-Native来做些东西。之前也有过开发iOS App的冲动,学了点Object-c,这次正好借此机会进入App开发,以弥补自己在Native-App上的经验不足。
页面有效期访问分为前台JS校验和后台时间校验,前台校验能够解决业务上的效果实现,而后台校验主要用于防止系统漏洞,增加系统安全性,应用场景如下:
在第一章中,我们的Todo List已经初现锥形,本章节我们对页面优化,同时让数据实现本地存储。主要用到localStorage + Vuex来实现页面交互和存储功能。
jsdelivr是一个免费的CDN服务,可以利用它配合github来为页面静态资源提供加速,有效提升资源加载速度。
把下载好的Js文件放在theme/Butterfly/source/js文件夹下 /Butterfly/layout/includes文件夹下找到head.pug文件,在最后引入
前言:今天下载了Node.js最新版代码,并为Node.js的TCP模块增加了SO_RESUEPORT的能力,本文介绍一下具体的实现,关于SO_RESUEPORT的知识可以参考之前的文章或者网上文章。
魔改步骤 新建 [Blogroot]\themes\butterfly\source\js\runtime.js, 此处用到了 shield.io 生成徽标,更多内容请参看站内教程:博客添加 gith
inspinia admin 最新版 bootstrap 完全响应式后台管理模板,采用扁平化设计。使用Bootstrap 3+ Framework,HTML5和CSS3,等技术开发而成。
本教程总共5篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React第三方组件4(状态管理之Reflux的使用①简单使用)---2018.03.13 2、React第三方组件4(状态管理之Reflux的使用②TodoList上)---2018.03.14 3、React第三方组件4(状态管理之Reflux的使用③TodoList中)---2018.03.15 4、React第三方组件4(状态管理之Reflux的使用④TodoList下)---2018.03.1
前言 Hexo Next 主题自带的代码块功能,没有复制功能,很不方便。 经过一番查找后,在主题的 Issues 中找到了解决方案,这里记录下。 下载 需要下载 clipboard.js 主页 Github 提供下载 clipboard.min.js 将下载的文件存到如下目录:(相对目录为工程目录,没有目录则创建) 1 .\themes\next\source\lib\zclip\clipboard.min.js 导入 新建文件 custom.js ,目录如下:(相对目录为工程目录) 1 \th
Flow 是 Facebook 出品的,针对 JavaScript 的静态类型检查工具。它可以帮助捕获 JavaScript 开发中的常见错误,而不需要额外地修改原有的代码,比如静态类型转换,空值引用等问题。同时,Flow 为 JavaScript 添加了静态类型的语法标识,这样开发者便可以明确代码中的类型,让其自动地被 Flow 所维护。本文将详细介绍使用 Webpack、ESlint、Babel 与 Flow 集成的开发环境的构建过程。
Vue2 源码从零详解系列文章, 还没有看过的同学可能需要看一下之前的,vue.windliang.wang/
Hexo 本身支持注入功能,可以实现无侵入式调整博客布局。Fluid 支持更优化的注入功能,本文记录 Fluid 代码注入的使用方法,并将背景视频功能转为注入实现。 简介 什么是代码注入 在项目之外将需要修改的代码动态插入到项目中的技术手段 为什么需要代码注入 是的,直接修改源码是完全可以达到目的的,但是源码修改会破坏仓库的代码完整性,问题主要出现在需要对仓库进行更新的时候 修改过的仓库很容易在更新时引入冲突,那时候很可能需要面对自己都不记得为什么改的代码和完全不懂的项目代码做出取舍,实在是很
写这篇博客的缘故是因为看到cnblogs上的live2d模型可以自动欢迎,但是自己又不会魔改Hexo的live2d,就想到了以弹窗的方式来欢迎。
本来想写一个应用redux的Navigation实战,但是发现react-native有又新的更新,新手怕误导大家,就直接用了别人的组件,看看怎么应用吧。本次在github找了一个别人写好的组件react-native-router-flux,主要看看怎么集成到项目里,强烈推荐研读源码,还有一个别人项目里的,感觉也不错推荐。
// 修改 $("#updForm").validate({ submitHandler:function(form){ new $.flavr({
效果 📷 站点 在主题配置里头黏贴 📷 载入天数... 载入时分秒... <script src="/runtime.js"></script> JS代码 你需要新建一个runtime.js的文件(在网站根目录),并且修改起始日期。 /** 修改日期 2021/12/12 **/ /** 作者 张凯强,大白熊修改 **/ /** 网站 bl02
PWA的全称是Progressive Web Apps,译为渐进式网络应用程序。装配了PWA以后,用户可以将网站作为WEB APP安装到自己的设备上,以原生应用般的方式浏览博客,同时借助PWA的缓存机制,能够更快速的浏览。本文讨论的是使用两种方案实现PWA。最终效果不尽相同,但是都可以实现原生应用体验和更新弹窗提示。其实还有个离线博客,但是视方案不同会有很多BUG,而且离线博客意义何在啊!
本篇仅使用butterfly_v3.6.0 +的主题版本,如果是在这之前的版本,请移步下方教程链接。
emlog侧边栏复古翻牌时钟效果。(涛先森原创) 小编发现,本博客的后边侧边栏总是觉得空空的,反复思索了一下,决定加个时钟 但是时钟现在的人体艺术时钟已经泛滥,思索着整一个新的。 放
当前项目为vue 2.6 + element-ui 2.14.1, 我们需要开发一个类似表格的表单组件, 可以看到除了表格样式以外,我们还需要嵌套各种表单组件,而组件功能基本与框架功能一致,如果对每个组件都做独立开发,显然是不现实的。所以我们的目标一定是尽量使用原组件
本教程总共5篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React第三方组件3(状态管理之Flux的使用①简单使用)---2018.03.06 2、React第三方组件3(状态管理之Flux的使用②TodoList上)---2018.03.07 3、React第三方组件3(状态管理之Flux的使用③TodoList中)---2018.03.08 4、React第三方组件3(状态管理之Flux的使用④TodoList下)---2018.03.09 5、Reac
Vue-cli引入lib-flexible&&ElementUI 2018年1月23日 18:27:19 好久不见我的小伙伴们,从毕业到参加参加工作已经三个月了,这段时间过的很有意义哈哈 参加工作为了快速上手项目这两个月都是996,学到了 很多好东西,接下来的日子不加班我就晚上回去把他们分享出来,摸摸哒~ ---- 移动端自适应 来自手淘的 flexible cnpm i lib-flexible -S cnpm install px2rem-loader -S-d 在项目入口文件 main.js
使用ueditor上传视频和音频功能之前一直没有用,也没有去搞因为用不太着。现在想上传个视频就搞了一下都是在网上找的方法一步一步的试,花了几个小时终于好了。记录下怎么改的。
真的,大家相信我,领导也要相信我,昨天下午我下班前运行之后报告还是很完美的,非常好的。
本文实例讲述了Laravel5.6框架使用CKEditor5相关配置。分享给大家供大家参考,具体如下:
在本教程中,我将向大家展示如何使用前端的 Vue.js 单页面应用和后端的 Flask 进行交互。
早之前有分享过vue的nextTick的使用,当时说当数据发生变化,更新后执行回调没有实现,那时候也不知道怎么测试的,其实nextTick方法只是做了一步异步。
vue是一个渐进式javascript框架,用来快速构建网页项目,在vue框架之上结构化leaflet地图库的产物vue2leaflet可以在vue项目中很方便的加载地图,下面简单介绍一个vue2leaflet加载地图的过程。
文章目录 一、密码修改功能页面设计 1.HTML 2.JS 二、页面效果 一、密码修改功能页面设计 1.HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta ht
Butterfly主题v3.4.0及其以后版本基本已经实现完全去jquery化,而本帖有使用到jquery,不想再次引入js的可以考虑使用站内的原生JS计时器。
新建[Blogroot]\themes\butterfly\source\js\wow_init.js,配置特性动画的默认项。
大多数设备的刷新频率是60Hz,也就说是浏览器对每一帧画面的渲染工作要在16ms内完成,超出这个时间,页面的渲染就会出现卡顿现象,影响用户体验。前端的用户体验给了前端直观的印象,因此对B/S架构的开发人员来说,熟悉浏览器的内部执行原理显得尤为重要。
本文首发:《Video.js 使用教程 - 手把手教你基于 Vue 搭建 HTML 5 视频播放器》
在目录goods下,添加两个文件goods.js与goods.wxml。goods.js文件的内容可由index.js修改得来:
核心思路是把 Flutter 的渲染逻辑中的三棵树中的第一棵,放到 JavaScript 中生成。用 JavaScript 完整实现了 Flutter 控件层封装,可以使用 JavaScript,用极其类似 Dart 的开发方式,开发Flutter应用,利用JavaScript版的轻量级Flutter Runtime,生成UI描述,传递给Dart层的UI引擎,UI引擎把UI描述生产真正的 Flutter 控件。所以在iOS上是完全动态化的 ,完整代码在github,如果能帮助到大家,请给MXFlutter点个Star,给我们动力继续更新下去^_*,github TGIF-iMatrix MXFlutter
一、背景 对vue里的nextTick()方法理解不清晰,会导致api代码滥用的现象,我查看了vue官网的说明: Vue.nextTick()用于在下次 DOM 更新循环结束之后执行延迟回调。 问题来了,怎么确定下次DOM更新循环结束的时间点呢? 二、Vue.nextTick源码探索 先看Vue.nextTick()源码[1]的实现方式。next-tick.js源码主要包含callbacks、pending、timerFunc、flushCallbacks四个变量: callbacks,一个用于接收V
generator-ivweb是由腾讯IVWEB团队设计的脚手架,基于团队开源项目feflow,feflow是一个前端集成开发环境,详细介绍可以看这里:feflow。
相信自己搭建博客的人中有一大半都是玩代码的,所以代码高亮可以说是博客的必备功能。本文提供一个在基于Hugo的博客上使用highlight.js的代码高亮方案。
github地址:https://github.com/hua1995116/Fly-Three.js
Next.js 是一个轻量级的 React 服务端渲染应用框架。本教程演示使用Next.js制作一个显示比特币汇率的网站。详细的Next.js信息请访问https://nextjs.org/。
目录 购物车操作:修改 分析 接口 后端实现:更新 前端实现:修改 前端实现:全选 后端实现:删除数据 结算 跳转页面 购物车操作:修改 分析 📷 接口 PUT http://localhost:10010/cart-service/carts 📷 后端实现:更新 步骤一:修改service接口 /** * 更新操作:如果数据存在修改数据,如果数据不存在删除数据 * @param user * @param cartVoList */ public void updateCart(User
nextTick Vue中的 nextTick涉及到Vue中DOM的异步更新,感觉很有意思,特意了解了一下。其中关于 nextTick的源码涉及到不少知识, nextTick 是 Vue 的一个核心实现,在介绍 Vue 的 nextTick 之前,为了方便大家理解,我先简单介绍一下 JS 的运行机制。
在本文中,我将向你展示如何使用 ReactTransitionGroup 和 Animated 库中的生命周期方法来实现页面的过渡效果。
领取专属 10元无门槛券
手把手带您无忧上云