我的旧主题是基于初学前端时写的 Fuji 主题构建的大改版，而在历经多次小修小补之后终于进入了维护不动的的状态。无论是 Hugo 模板本身，还是相配的 JS 和 CSS 都进入了完全的混乱状态。趁着近期有一点时间，是时候来一次重构了。
背景是这样的,我在用 Safari看hackingwithswift这个网站时,感觉上方的一直固定的红色的和黑色的两条,如下图,太醒目了,于是便想,如何能把它们移除.
在RN 项目启动之后有一个短暂的白屏，调试阶段白屏的时间较长，大概3-5秒，打正式包后这个白屏时间会大大缩短，大多时候都是一闪而过，所以称之为“闪白”。 其实解决的方案也有很多，这里做一个简单的
在RN 项目启动之后有一个短暂的白屏，调试阶段白屏的时间较长，大概3-5秒，打正式包后这个白屏时间会大大缩短，大多时候都是一闪而过，所以称之为“闪白”。 其实解决的方案也有很多，这里做一个简单的总结
很显然，正如大家所见到的，这一版本主题v4.7.0进行了大量的删减工作。可能正如 “大道至简” 吧，相比于前一版本 v3.7.1 ，个人认为可能有点花哨（仅个人认为），所以这一版本并未过多魔改，只在样式上做了些许调整，更多的继承沿用了主题自带的效果。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
首先，最外层的宽高要给个固定值，然后给个overflow: hidden;，放不下的图片隐藏。 原理：（以左方向为例）先向左移动一个图片的宽度，此时第一个图片已经看不见了，这个时候将第一个标签元素克隆后追加到末尾，然后将第一个元素移除。达到循环滚动的效果。右移也是同理。下面是代码实现和demo
在plugins节点下的htmlWebpackPlugin插件中，添加minify子节点：
用 WordPress 来做博客程序完全是因为一款主题呢！ 就是，由 蜜汁路易 二次修改发布的 Siren 主题！ 它的前身就是由 Fuzzz 制作的 Akina 主题。
Webpack 5通过确定性的Chunk ID、模块ID和导出ID实现了长期缓存，这意味着相同的输入将始终产生相同的输出。这样，当你的用户再次访问更新后的网站时，浏览器可以重用旧的缓存，而不是重新下载所有资源。
WordPress简约博客主题Qzdy 简约 极致 自适应 唯美 快速 电脑端截图： 手机端截图： 主题介绍 主题介绍 1.超强SEO功能 2.多套前端模板、多套分类模板、多套内容模板 3.幻灯片，文章置顶。 4.代码高亮，下载按钮 5.回复可见 6.主题自带禁用新版wordpress反人类 编辑器 小工具 ，不需要另外安装插件 7.主题自带樱花🌸飘落特效 8.主题自带wordpress自定义头像上传功能，不需要另外安装插件 9.高强度DIY，自定义网站背景图片，自定义头部图片等等
栈、是一种后进先出(LIFO,Last-In-First-Out)的数据结构。记住这个英文缩写，避免在一些地方出现了LIFO我们不知道是什么，就很尬。
如果你的项目使用到 fabric.js ，可以直接使用 fabric.js 提供的方法去遮盖画布，而且用法非常简单。
做了个将头像转换成黑白的页面: https://klren0312.github.io/avatarToBlackAndWhite/
注意：v-if可以和:v-else-if、v-else一起使用，但要求结构不能被“打断”。
webpack从0到1-使用babel打包 讲下webpack中的loaders的概念，然后结合使用babel-loader来对项目中的es6语法做下转换。 git仓库：webpack-demo 1、什么是loaders？ 先看官网对Loaders的解释：webpack enables use of loaders to preprocess files。 简单一点来说就是一个可以帮我们处理文件的东西，比如一个js文件，在webpack打包的时候看到这个js文件就会走我们定义的比如接下来要说的bab
在我们使用部分网站的时候，我们会遇到进行日期选择的问题，比如我们预定火车票或者预定酒店，需要选择发车日期或者酒店的入住与退房时间。我们执行自动化测试遇到日期控件时，如果可以输入，可以使用selenium的send_keys()方法进行输入，playwright同样也可以实现对日期控件的操作，本文我们就来介绍一下playwright的日期控件操作。
“关注 前端开发社区 ，回复“ 1” 即可加入 前端技术交流群，回复 “ 2” 即可免费领取500G前端干货！
最近优化了一个vue cli3.0项目，项目从打包体积2.5M，优化到272k, 速度提高了约2/3。下面将优化方法写下：
熟悉js的dom事件或者flash事件的，基本都能立马明白cc.eventManager的用法。 cc.eventManager有两种注册监听器的方式，一种是原生事件，例如 cc.eventManager.addListener({ event: cc.EventListener.KEYBOARD, onKeyReleased: function(keyCode, event) { if (keyC
今天大师兄碰到一新来的实习生在使用 alert 调试H5页面，仿佛看到大师兄年少时羞涩的样子...
AXWebViewController (0.7.2) 使用了NJKWebViewProgress iOS8.0以下使用了NJKWebViewProgress作为进度条， 因此对于上架审核没有影响。
一、精简javascript 基础知识 精简：从javascript代码中移除所有的注释以及不必要的空白字符(空格，换行和制表符)，减少javascript文件的大小。 混淆：和精简一样，会从javascript代码中移除注释和空白，另外也会改写代码。作为改写的一部分，函数和变量的名字将被转换为更短的字符串，所以进一步减少了javascript文件的大小。 混淆的缺点 1. 缺陷：混淆过程本身很有可能引入错误。 2. 维护：由于混淆会改变javascript符号，因此需要对任何不能改变的符号进行标记，防止混
一、前言 IE6~8除了不遵守W3C标准和各种诡异外，我想最让人诟病的应该是内存泄露的问题了。这阵子趁项目技术调研的机会好好的再认识一回，以下内容若有纰漏请大家指正，谢谢！ 目录一大坨！ 二、内存泄漏到底是哪里漏了？ 2.1. JS Engine Object、DOM Element 和 BOM Element 2.2. JS Engine Object的内存回收机制 2.3. DOM Element的内存回收机制 2.4. 两种泄漏
rollup是一款用来es6模块打包代码的构建工具(支持css和js打包)。当我们使用ES6模块编写应用或者库时，它可以打包成一个单独文件提供浏览器和Node.js来使用。 它的优点有如下：
用到了mouseover、mouseout、mousemove三个事件。分别表示鼠标滑过图片、鼠标移除图片、鼠标在图片上移动三个事件。
Fabric.js是一个可以简化Canvas程序编写的库。 Fabric.js为Canvas提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具。Fabric.js可以做很多事情，如下：
因为前端优化的方案非常多，本文不会太深入讲解，否则就篇幅太长了，主要还是让大家对大的脉络有一些认识。具体里面的小点以后我会另写文章讲解。
我们在开发Vue项目时候都知道，在vue开发中某些问题如果前期忽略掉，当时不会出现明显的效果，但是越向后开发越难做，而且项目做久了就会出现问题，这就是所说的蝴蝶效应，这样后期的维护成本会非常高，并且项目上线后还会影响用户体验，也会出现加载慢等一系列的性能问题，下面举一个简单的例子。
由于公司项目的需求，需要实现动植物名录的添加，包括姓名等信息和图片等，需要使用bootstrap-fileinput的上传插件，在提交添加界面表单数据的同时上传一张或者多张图片，并将上传的图片保存到本地磁盘中(本文是f:盘的目录下)，在在实现的时候，不适用bootstrap-fileinput上传插件本身的上传按钮（因为本身的按钮只能上传图片），需要点击提交，将表单的其他信息和图片一起提交到后台。
注意 下面的原因，可能是和后端API交互不成功的原因 fileinput版本不正确，需要大于5.0 前端设置的name属性值和后端接收的属性值不一致 必要的css和js文件 请确保下面的js和css文件存在 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootst
App的大小对App的安装率和卸载率都有很大的影响。Google Play有篇很好的文章介绍减少App大小的重要性。
WordPress作为最流行的开源博客系统，2019年市场份额已经达到了33.4%，市场占有率达到三分之一。同时也有很多小伙伴将WP作为自己的博客系统（而我并没有），那么如何让自己的博客跑得更快呢？这里有关于优化的一点点小心得，希望能对你有帮助。
图片切换 <body> 01文件上传控件bootstrap-fileinput与Python交互[up-6108568931341e960672fcd7f8c2d51e57d.png] 注意 下面的原因，可能是和后端API交互不成功的原因 fileinput版本不正确，需要大于5.0 前端设置的name属性值和后端接收的属性值不一致 必要的css和js文件 请确保下面的js和css文件存在 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <link rel="stylesheet" href="htt03vue组件如何被其他项目引用自己写的vue组件怎么才能让其他人引用呢，或者是共用组件如何让其他项目引用。本文就粗细的介绍下，如有疑问欢迎共同讨论。在这里你能了解下如下知识点： 1. 如何发布一个包到npmjs仓库上 2.如何引用一个npm包，尤其是本地引用 3.vue组件的两种引用方案 一、发布一个包到npm的步骤 在npmjs.org上注册一个账号 然后进入命令提示窗口输入： npm adduser: 进入添加用户 Username your name: 设置用户名 Password your password: 设置密码 Emai05前端成神之路-WebAPIs07移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。01借助腾讯混元助手屏蔽简书登录框查东西的时候，有些文章在简书，然后在浏览简书的时候，未登录时会弹出登录框，很烦人，所以想屏蔽掉。也想把右边的热门故事和底部的推荐关闭掉。说实话，我对《离婚后，妈宝男前夫后悔了》之类的是真的不感兴趣啊。。。所以就想通过 js 实现过滤掉这三部分。通过暴力猴，然后自己实现一个过滤脚本，具体步骤如下：03vue中的几个高级概念简单的来说就是 Mixins 是我们可以重用的代码块，在实际开发中，如果有些代码重复性比较高，这时候可以考虑 Mixins 这个特性。02如何在webpack中设置favicon--webpack入门教程（四）本文主要想介绍前端webpack打包中，与favicon图标相关的配置。包括在html-webpack-plugin中设置favicon，和自定义favicon的打包路径两个方面。本文的demo基于我之前关于webpack的一篇文章，可以移步：超详细！webpack入门教程(一)045jQuery点击图片来回切换功能在项目里，有时候会写这样的开关效果，点击开关来回切换，也就是jquery实现点击图片切换为另一图片,再次点击恢复到原图片。02JavaScript之移动端网页特效(1)话说又学到移动端了,真的让我有点头疼了...真的很麻烦啊!!但是没办法,硬着头皮学吧.02layer弹出层中H5播放器全屏出错解决 & 属性poster底图占满video的方法所以，目前的解决办法是在layer层创建之后，移除这个class即可（注意在success回调中置于下一轮事件循环）01wordpress资讯类主题NStory（纯净版宝塔版）NStory 主题使用最新的 PHP+Vue.js 构建的一个全新的 WordPress 自媒体，新闻资讯类的主题。布局上做了小的调整，设计上更加优雅，简约，干净，大气，在功能上做了最大的调整，增加了很多功能，强大且实用。优雅的 PHP 代码结构，支持 PHP8.0，Vue.js 带给主题极佳的用户体验，让您可专心管理网站内容。00jQuery 图像裁剪插件JcropJcrop简介 Jcrop 是一个功能强大的 jQuery 图像裁剪插件，结合后端程序（例如：PHP）可以快速的实现图片裁剪的功能。 Jcrop是一款免费的软件，采用MIT License发布。06Grunt ：初次使用及前端构建经验这是我们部门前端同学cobish的学习笔记，笔者编辑了一下并分享给大家。 在使用 Grunt 之前，项目静态文件几乎没进行压缩合并便直接放到线上，部分文件手动复制粘贴到某压缩网站进行压缩。没压缩合并的00
[up-6108568931341e960672fcd7f8c2d51e57d.png] 注意 下面的原因，可能是和后端API交互不成功的原因 fileinput版本不正确，需要大于5.0 前端设置的name属性值和后端接收的属性值不一致 必要的css和js文件 请确保下面的js和css文件存在 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <link rel="stylesheet" href="htt
自己写的vue组件怎么才能让其他人引用呢，或者是共用组件如何让其他项目引用。本文就粗细的介绍下，如有疑问欢迎共同讨论。在这里你能了解下如下知识点： 1. 如何发布一个包到npmjs仓库上 2.如何引用一个npm包，尤其是本地引用 3.vue组件的两种引用方案 一、发布一个包到npm的步骤 在npmjs.org上注册一个账号 然后进入命令提示窗口输入： npm adduser: 进入添加用户 Username your name: 设置用户名 Password your password: 设置密码 Emai
移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。
查东西的时候，有些文章在简书，然后在浏览简书的时候，未登录时会弹出登录框，很烦人，所以想屏蔽掉。也想把右边的热门故事和底部的推荐关闭掉。说实话，我对《离婚后，妈宝男前夫后悔了》之类的是真的不感兴趣啊。。。所以就想通过 js 实现过滤掉这三部分。通过暴力猴，然后自己实现一个过滤脚本，具体步骤如下：
简单的来说就是 Mixins 是我们可以重用的代码块，在实际开发中，如果有些代码重复性比较高，这时候可以考虑 Mixins 这个特性。
本文主要想介绍前端webpack打包中，与favicon图标相关的配置。包括在html-webpack-plugin中设置favicon，和自定义favicon的打包路径两个方面。本文的demo基于我之前关于webpack的一篇文章，可以移步：超详细！webpack入门教程(一)
在项目里，有时候会写这样的开关效果，点击开关来回切换，也就是jquery实现点击图片切换为另一图片,再次点击恢复到原图片。
话说又学到移动端了,真的让我有点头疼了...真的很麻烦啊!!但是没办法,硬着头皮学吧.
所以，目前的解决办法是在layer层创建之后，移除这个class即可（注意在success回调中置于下一轮事件循环）
NStory 主题使用最新的 PHP+Vue.js 构建的一个全新的 WordPress 自媒体，新闻资讯类的主题。布局上做了小的调整，设计上更加优雅，简约，干净，大气，在功能上做了最大的调整，增加了很多功能，强大且实用。优雅的 PHP 代码结构，支持 PHP8.0，Vue.js 带给主题极佳的用户体验，让您可专心管理网站内容。
Jcrop简介 Jcrop 是一个功能强大的 jQuery 图像裁剪插件，结合后端程序（例如：PHP）可以快速的实现图片裁剪的功能。 Jcrop是一款免费的软件，采用MIT License发布。
这是我们部门前端同学cobish的学习笔记，笔者编辑了一下并分享给大家。 在使用 Grunt 之前，项目静态文件几乎没进行压缩合并便直接放到线上，部分文件手动复制粘贴到某压缩网站进行压缩。没压缩合并的
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
