我的旧主题是基于初学前端时写的 Fuji 主题构建的大改版,而在历经多次小修小补之后终于进入了维护不动的的状态。无论是 Hugo 模板本身,还是相配的 JS 和 CSS 都进入了完全的混乱状态。趁着近期有一点时间,是时候来一次重构了。
从过年开始一直被闷在家里,少了出门和小伙伴耍的快落~每天在家里就是对着电脑忙各种事情(指摸鱼),于是总想着找点事情做做,正好看自己的小博客也不太顺眼了就想着升一下级~
Gareth Heyes在2014年首次提出了一种新型攻击手法—RPO(Relative Path Overwrite)相对路径覆盖,该漏洞是一种利用相对URL路径覆盖目标文件的一种攻击手段,其主要依赖于服务器和浏览器的解析差异性并利用前端代码中加载的css/js的相对路径来加载其他文件,最终使得浏览器将服务器返回的不是css/js的文件当做css/js来解析,从而导致XSS,信息泄露等漏洞产生
本文介绍了Zepto源码分析之ie模块,从源码分析的角度介绍了Zepto中ie模块的实现原理和注意事项。主要包括获取元素样式、计算元素尺寸、浏览器渲染机制、事件处理等方面,并通过实例进行解释。
然后在css下需要建立三个样式,”index,common(公共),reset(重置)”新手比如我,需要这样写,但是熟练以后就不用了
特别重要的是该方法执行后返回的样式是一个实时的 CSSStyleDeclaration 对象,当元素的样式更改时,它会自动更新本身。
其实写这个插件的初衷还是因为——我没钱!没错,就是我没钱。其实最早是在Typecho爱好者博客里面看到的。当时感觉这个插件的确不错,我很喜欢。但是付费下载就很要命了啊,虽然说15块钱只是我一顿早饭钱,但是我买一屉包子他不香嘛(其实还是因为我没钱)。
jQuery UI CSS Framework是jQuery UI中的一个样式框架,可以利用jQuery Theme roller 来生成自己想要的css样式效果。我们可以利用jQuery UI的一些框架来开发出基于jQuery UI CSS Framework效果的插件来。 jQuery UI中两大核心的css文件是ui.core.css和ui.theme.css.这两个css样式贯穿整个基于jQuery ui的界面上,并且可以通过jQuery ui ThemeRoller来生成自己的样式。 .ui-he
将使用Bootstrap重写首页,整个案例中将使用到Bootstrap各种模块,为了方便编程,将采用拆分的原则,各个模块单独编写,最后组合。
1.修改控制台输出内容样式 2.重写控制台输出格式(追加出错日期) 3.以表格的形式显示控制台输出内容 4.如何统计一个函数在程序中被调用的总次数 5.以便于阅读的形式输出打印内容 6.统计程序执行的时间 7.分组显示控制台输出内容 8.获取当前代码在堆栈中的调用路径 9.清除控制台显示的所有内容 10.断言输出
我曾经2022年初,给自己定了一个目标,要把微言码道官网重新改版。这次趁着节前休假有时间,花了几天的时间对网站进行了彻底的重写与改版,实现了这个目标。
本文参考了慕课网jokcy老师的React16.8+Next.js+Koa2开发Github全栈项目,也算是做个笔记吧。
最近在开发一个公司的投放管理系统的操作日志模块,要查看某条操作日志的请求参数,要将请求的参数以JSON格式的形式展示出来,于是用到了vue-json-viewer这个插件。
我一想,对吼,我咋个就没想到呢,传统的hexo博客大多采用在文末放置评论区的方式,这样如果是在阅读长文的时候,突然有个问题了,然后想在评论区提问或者在评论区找答案,那就要拉倒最底下评论完再回来继续看。或者就是全文看完了才方便提问。不管是哪一种,都会造成阅读的割裂感,这种时候,如果可以保留当前的阅读进度,同时还能打开评论区同步阅读评论,岂不美哉?
什么是css模块化? 为了理解css模块化思想,我们首先了解下,什么是模块化,在百度百科上的解释是,在系统的结构中,模块是可组合、分解和更换的单元。模块化是一种处理复杂系统分解成为更好的可管理模块的方式。它可以通过在不同组件设定不同的功能,把一个问题分解成多个小的独立、互相作用的组件,来处理复杂、大型的软件。看完模块化,是不是有种拼图的即视感,可以把大图分成各个小图,然后把小图拼成大图,分与合的艺术感。那么css模块化思想,也就是在css编写环境中,用上模块化的思想,把一个大的项目,分解成独立的组件,不同的
adminLTE的官方网站:adminLTE官方网站 和github:adminLTE的github
有时候,我们想让我们的网站博客更加顺畅,用户体验更好,可以结合一些第三方的插件,开箱即用
在进行pc网站或移动端网站开发时,轮播经常会遇到,我们经常使用的就是swiper插件来实现轮播效果,如果想自定义其样式的话,完全可以重写其css,达到自定义的效果。在小程序当中,有现成的swiper组件来供我们使用,具体的使用方法不在此赘述,完全可以去查看官方文档。在这需要说的一点就是如何自定义轮播的样式,尤其是底部指示面板的样式,官方样式默认是不选中的为灰色圆点,选中的为黑色圆点,处于居中的位置。但是,有时候我们的设计稿的面板指示点是需要个性化的,那么如何去修改swiper组件的面板指示点的样式呢。下面我们来说一下。 其实官方的swiper组件和我们正常写的组件其实是差不多的,只不过封装起来,无法看到其内部的实现原理罢了。对于底部的圆点还是有相应的class类名来指示的。例如,圆点的父圆度其class名为wx-swiper-dots,分为垂直方向和水平方向,分别为.wx-swiper-dots-horizontal和.wx-swiper-dots-vertical,圆点的class名为wx-swiper-dot,有了这些我们就可以对其进行自定样式了,其实就是重写其样式 下面代码我们用到官方示例中的部分代码
大家好,我是海怪。最近换到了新部门,在做智能平台相关的内容。我接到的第一个任务就是把以前前端的项目重构一次。
顶栏算是目前首页唯二还能看出来是Butterfly的版块了,另一个是侧栏按钮。因为之前的SAO-controller没有达到预期。
以前并没有做过相似的开发,我们的后台是xadmin,当时正在研究xadmin的插件,于是想着能不能用插件去做,后来发现太麻烦,而且实现起来我也没研究通,主要是添加按钮之类的没搞懂,于是就换了一种简单的方法。
jQuery是一个JavaScript框架。它兼容CSS3,还兼容各种浏览器。文档说明很全,应用详细,成熟插件多。
快捷键控制滚动条 ,注意: ① 设置父级的滚动条,给到父级div的ref值,而且父级应设置固定高度或百分比 ② 用document.getElementById(elementId)获取div不好使(div.scrollTop始终为0),原因来自① ,没选对父级id错了 ③ 两种方法: ④ _this.addShortcutsKey(‘up’, () => { _this.KaTeX parse error: Expected 'EOF', got '}' at position 100: …op-=
<meta name="viewport" content="width=device=width,initial-scale=1,user-scalable=0">
随着 React 项目日益复杂化、繁重化,React 中 css 面临很多问题,比如样式类名全局污染、命名混乱、样式覆盖等。这时, css 模块化就显得格外重要。
可视化编辑器,解决传统文章编辑器编辑及发布页面不一致的痛点,实时同步后台编辑与前端效果,大幅度提升内容管理效率,实现真正的所见即所得—— What You See Is What You Get. 简
基本要求 一个riot标签,就是展现和逻辑的组合(也就是html和JS) 以下是编写riot标签最基本的规则: 先撰写HTML,再撰写JS,JS代码可以写在<script>标签内部,但这并不是必须的; 当riot标签定义在document body之内时,其内部不能使用script标签; 当riot标签定义在单独的文件中时,其内部才可以使用script标签; 如果JS代码没有写在<script>标签内部, 那我们就认为最后一个HTML标签结尾之后就是JS代码; riot标签可以是空的,或者只有HTML,或者
19组清风,携程资深前端开发工程师,负责商旅前端公共基础平台建设,关注NodeJs、研究效能领域。
虽然现在 Css Module 与 Css-in-js 更流行,但使用它们会导致过分依赖 滥用 class 做唯一定位,违背了 Css 选择器的初衷。
三年前 Facebook 开始思考在目前设计系统下面临的问题,那时它们在前端项目、系统组件等部分使用的是 cssmodule 的样式方案。
在复杂中,保持简洁。 如你所见,这是一款花费很长时间才得以完成的主题。在功能强大和体积轻巧中不断权衡,然后呈现在你的面前。 为了更好地创作,为了更好记录生活。 愿我们不会在岁月流逝中迷失自己,仍然能够在时光的碎片找到过往的痕迹。 代码交给我,你只管记录与创作就好。 这样应该就已经足够了吧! 功能特性 全站无刷新页面体验:流畅般的体验。基于boostrap3框架内置丰富css和js组件:可自定义性极强。内置5套独立页面的自定义模板:豆瓣书单、时光机、文章归档、留言板、友情链接。14套自定义风格、4种页面自定义布局切换:每一处的细节随意打造。社交功能极丰富:目录、灯箱插件、“热门文章”、“最新评论”、“随机文章”、“标签云”、短代码高亮文本、音乐播放器等等。强大而且简单的后台设置:不用学习代码,轻点鼠标即可设置完成。国际化语言支持:内置三套基本语言,还可以自行添加语言设置。响应式设计:任何屏幕尺寸都能得到优秀的视觉体验。
JQuery.BlockUI是众多JQuery插件弹出层中的一个,它小巧(原版16k,压缩后10左右),容易使用, 功能齐全,支持Iframe,支持Modal,可定制性高也意味他默认谦虚的外表。
前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来。现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容。 HTML篇 浏览器地址栏运行JavaScript代码 这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以 javascript: 开头后跟
HTML5学堂:无论是PC还是移动端,系统自带alert样式总是让人感觉很丑陋,今天就教大家如何修改alert弹窗样式。 只能自定一个弹窗样式 首先必须明白的一点是,alert()只是一个方法,而这个方法内部是native code,这是我们无法修改的部分,而最终暴露的只有这个alert()方法名字而已,你甚至拿不到alert的属性,因此要真正意义上的做到修改alert样式是不可行的。 有了以上这个条件基础,我们能做的只有重写alert()方法,替换掉系统自带的alert()方法。 一行代码替换alert(
最近在尝试一些项目技术文档搭建的工具,看到网上很多人推荐 gitbook,使用后总体感觉良好。无意中发现一款 Vue 驱动的静态站点生成工具 vuepress,看到官网和demo后立即被它的简约灵活所吸引。一个 vuepress 网站是一个由 Vue、Vue Router 和 Webpack 驱动的单页应用。在构建时,创建一个服务端渲染(SSR)的版本,然后通过虚拟访问每一条路径来渲染对应的HTML。
嗨,我又来了,话说可以简单聊聊为什么会出这款主题,端午节假日在家,孩子午睡时间自己更新完主题之后网上冲浪,偶然间看到很多工作室和小微企业的网站,有些真的惨目认读,杂乱无章,瞬间灵感迸发,赢天下主题模板也就应运而生(怎么感觉跟写小说是的呢),说人话就是弄了一款小微企业主题,助力企业成长,以最少的资金获得最好的服务,毕竟现在的企业网站建设都是3-5K起步,万八千的也不少,更何况还有几千万搭建商城结果还运行不了的,悲伤的表情.gif。
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本插件基本算原创,其中大多数功能是在之前工作中发现经常会使用到的,但使用他人的插件放一起用会出现冲突,或者某个插件不能兼容各个浏览器,于是本人对一些插件进行修改或重写,也有些优秀的插件原封不动的整合进来,但由于插件开源共享,所以没有写明插件的来源地址以及作者信息,望见谅。
最近看了几个微前端框架的源码(single-spa、qiankun、micro-app),感觉收获良多。所以打算造一个迷你版的轮子,来加深自己对所学知识的了解。
现在的App基本上都会使用Native+H5的方式来开发的,例如网易新闻详情页面,微信公号详情页面都会使用WebView开发。这样可以很容易实现图文排版的需求,而且混合开发的好处也是显而易见的。
本篇参考: https://trailblazer.salesforce.com/issues_view?id=a1p4V0000003znDQAQ https://salesforce.stacke
大家好,我是年年!组件库的样式覆盖不掉,这应该是很多前端在工作中遇到过的问题。今天从实际案例出发分析原因,最后会给出在React和Vue项目中的最优解。
相关子查询,无关子查询 所谓相关子查询,是指求解相关子查询不能像求解普通子查询那样,一次将子查询求解出来,然后求解父查询。相关子查询的内层查询由于与外层查询有关,因此必须反复求值。 事件冒泡: 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即docu
这里简单理解:VueLoaderPlugin 就是来处理 rule 的,让 loader 能够和文件匹配。处理顺序:pitcher ⇒ clonedRule ⇒ vueRule
Element 开发团队宣布正式发布 Element Plus 的首个 beta 版本,Element Plus 是 Element 对 Vue 3.0 的升级适配。
大家好,我 ssh。在过去的开发中,我一直在用 styled-component 库作为 CSS 的解决方案。它有很多优点,灵活、可复用性强、功能强大、可以接受动态 JS 变量传入组件等等…… 但今天我看到一篇文章,说都是 Spot 团队的人已经决定抛弃 CSS-in-JS 的方案了,因为对他们来说,性能损耗已经远远超过其灵活性的优势了。接下来,我来和大家分享一下这篇Why We're Breaking Up with CSS-in-JS
本文是由 Emotion 的第二大活跃维护者 Sam 分享,本文第一人称都指的是 Sam。Emotion 是一个广泛流行的 CSS-in-JS 库,用于React。文文章 Sam 会带大家深入探讨 CSS-in-JS 最初吸引人的原因,以及为什么作者(以及Spot团队的其他成员)决定放弃它。
本帖为对冰老师的友链朋友圈项目的前端配置方案进行主题插件化适配的应援帖,并不包括关键的后端配置内容。后端配置请参看冰老师的原帖基于hexo的友链朋友圈 Beta1.0,本帖的内容对应原帖的步骤四:配置 HEXO 页面。考虑到冰老师的源项目也仍旧处于开发状态,故本帖也会尽可能的紧跟进度实时更新。
领取专属 10元无门槛券
手把手带您无忧上云