木灵鱼儿

木灵鱼儿 5年前 Git 笔记

git永久删除文件或文件夹并删除历史记录同步到远程仓库

删除文件需要注意一点，就是你当前的项目，没有任何文件在待提交上，或者暂存区，有的话如果不重要你可以取消掉，或者先提交一次。让git这两个区域空下来。如果没有清空使用删除，会提示如下代码：Cannot rewrite branches: You have unstaged changes.永久删除文件清空暂存和提交区，然后输入以下命令：git filter-branch --force --index-filter 'git rm --cached --ignore-unmatch password.txt' --prune-empty --tag-name-filte...

4788 0 0

git 永久删除删除

javascript 拼接两条正则或多条正则

木灵鱼儿 5年前 JavaScript

javascript 拼接两条正则或多条正则

今天遇到一个问题，就是在使用mock模拟本地api请求的时候，因为做了一个全局配置文件，配置文件里面有一个devUrl属性，这个属性是本地的url地址，所以我就想着，让mock那边自动将devUrl和api地址进行拼接。但是api地址段不一定只是字符，有可能是正则。所以，我们需要进行拼接正则。知识点1.如何获取正则的匹配的那段文本?也就是/[a-z]/ig中我们怎么拿到[a-z]，因为这个内容是自定义的，你不知道他会是什么内容。这里我们就需要了解到reg对象的source属性：RegExpObject.sourcesource就可以直接返回给我们模式匹配所用的文本/[a-z]/ig.so...

6025 0 0

正则拼接正则修饰符

vue cli3-cli4 本地反代解决本地调试线上api跨域问题 proxy

木灵鱼儿 5年前 vue 项目实战

vue cli3-cli4 本地反代解决本地调试线上api跨域问题 proxy

跨域一直是很烦人问题，不过好现在现在跨域，大部分都是肛后端，后端设置CORS信息即可。但是也有少部分，可能前端能完成的事前端搞定就行了，懒得麻烦后端，这种情况一般都是进行反代。使用场景后端提供了一个在线api地址，但是该地址段和本地localhost不在同一域名下，所以产生了跨域。配置反代 proxy这种情况，我们的vue-cli提供了一个很好的功能，反代。首先我们需要找到vue cli的配置文件：vue.config.js，他存在项目的根目录，和package.json同级，如果没有，手动创建即可，只是一个js文件而已。打开文件填入以下信息：vue.config.jsmodule.ex...

4951 1 0

跨域 vue vue cli

vue cli3-cli4 自定义路径别名

木灵鱼儿 5年前 vue 项目实战

vue cli3-cli4 自定义路径别名

有时候我们可能经常需要对某一些模块进行引用，这些模块虽然都分文件夹了，但是他们都有一个共同的特点，就是前缀路径是相同的。比如：import Header from "@/components/default/Header"; import Sidebar from "@/components/default/Sidebar";@/components/default这段是相同的，如果文件目录再深一些，这段代码可能在编辑器里无法一行显示了，相对来说，对于代码整体，不是很友好，所以我们可以自定义一个路径别名。@这个别名我们都知道，他是表示src目录的，...

3965 0 0

vue cli3 cli4

Function 函数

木灵鱼儿 5年前 ES6

Function 函数

函数默认参数es5无法设置默认参数，只能通过函数内部先进行判断，如果没有参数则设置一个值。function test(x,y){ x = x || "hello "; y = y || "word"; console.log(x+y); } test(); //hello word这样写的话会有一个问题，就是如果我就要参数为空，就会出现问题test("","test"); // hello test所以我们还需要加一个判断function test(x,y){ x = typeof x...

3917 0 0

function es6

Number 类型

木灵鱼儿 5年前 ES6

Number 类型

二进制和八进制表示法es6提供了新的表示方法：数字：503二进制111110111 //es5 0b111110111 //es6八进制767 //es5 0o767 //es6也就是加了个前缀，二进制前缀是：0b，八进制前缀是：0o，后面的字母大写也是可以的，都一样。isFinite()和isNaN()is开头一般都是用于判断的，这两个方法为Number对象新增的两个方法， isFinite用于判断数字是否为有限的数字，isNaN就判断值是否为NaN需要注意的是，这两个方法和以前的方法不同，他们不会先转换值为number类型再进行比对，而是直接判断，不为数字...

4155 0 0

number Math Integer

fieldset元素宽度撑开的问题

木灵鱼儿 5年前 CSS

fieldset元素宽度撑开的问题

fieldset这个元素，估计用的人很少吧，或者说现在使用fieldset情况已经很少了，大部分都是使用其他元素模拟这个元素的ui。今天我碰到一个很奇怪的现象。fieldset里面的元素，他不会产生横向滚动条，哪怕我设置了外部所有父元素的宽度为100%，overflow-x: auto;里面的子元素，如果比如pre这种代码块，不换行的，他会一直往右延伸，也就是超出原来的宽度，把fieldset撑的非常宽。但是所有的父元素都是block，按道理宽度是自己占满不会超出的。找了半天，理解出这么一段解释：fieldset默认是以block方式解析的，也就是宽度是按照100%占满，但是他的默认cs...

4910 0 0

宽度 fieldset

typecho 超完美上一篇下一篇文章加文章缩略图

木灵鱼儿 5年前 Typecho博客教程

typecho 超完美上一篇下一篇文章加文章缩略图

之前写过一篇typecho上一篇下一篇的文章，但是当时是对官方的代码进行小改，虽然文章标题，链接都能获取到，但是没法获取到更多，包括文章缩略图。为此我是绞尽脑汁啊，还参考了一些有这种效果的作品，发现，不行，没有我想要的效果。他们的效果都是获取文章的自定义字段，也就是和自定义文章缩略图的那种路子，你只有设置了，他这里才能显示，他不能自动去获取，有的好像连个随机不够做吧。终于，有一天晚上，我一时兴起，想解决下这个问题，于是有了这篇文章，首先我们需要两段代码，这两段代码我是通过网上的代码进行修改的，去掉了一些部分。[hide]获取文章上一篇，下一篇cid/** * 显示上一篇 * * 如果没有...

8.3w 0 94

typecho 评论表单头像

木灵鱼儿 5年前 Typecho博客教程

typecho 评论表单头像

关于评论表单的这个头像，其实挺麻烦的，动不动代码就会报错，超蛋疼的，于是我琢磨了下，想了个思路。用户未登录使用固定头像用户登录了使用登录头像用户是访客，已经留言了，使用留言的邮箱获取头像众所周知，typecho的头像是使用全球头像Gravatar的，Gravatar他本身也是通过邮箱来设置账户的，所以我们通过邮箱也能获取到头像地址。不多说，上代码[hide]<?php //已登录?> <?php if ($this->user->hasLogin()) : ?> <?php $this->author->g...

3.5w 0 52

typecho 教程评论

typecho 获取相关文章，指定数量

木灵鱼儿 5年前 Typecho博客教程

typecho 获取相关文章，指定数量

typecho获取相关文章页挺常用的，官方有这个代码，这里特意分享一下，讲一下用法。<?php $this->related(4,NULL); ?> <?php if ($relatedPosts->have()): ?> <?php while ($relatedPosts->next()): ?> <a href="<?php $relatedPosts->permalink(); ?>"> <h3><?php $relatedP...

4974 8 0

typecho 教程相关文章

typecho 获取最新文章，指定数量

木灵鱼儿 5年前 Typecho博客教程

typecho 获取最新文章，指定数量

发现这个方法还常用的，特意分享出来。<?php $this->widget('Widget_Contents_Post_Recent','pageSize=5')->to($news);?> <?php if($news->have()):?> <?php while($news->next()): ?> <a href="<?php $news->permalink();?>"> &...

6775 0 1

木灵鱼儿 5年前 Typecho博客教程

typecho 获取文章缩略图、自定义文章缩略图、文章第一张缩略图、文章附件第一张图、文章随机图、文章随机图加速

typecho的缩略图，其实自己用了好久，最近才发现了一种最简单的组合，不用太多代码，有需要改改方法就行了。目前我总结了一个对文章缩略图的获取顺序：用户自定义缩略图文章第一张缩略图文章附件第一张图文章随机图是否开启cdn加速，使用加速地址前段本地地址基本上按照这个思路，所有的情况都能照顾到，当然我看了一些付费的主题，他会对用户自定义的缩略图进行定制，比如，大图，小图这些，其实我感觉挺麻烦的，哈哈这里我们一步一步完善这三步教程[hide]自定缩略图自定义缩略图我们需要一个自定义字段，这个自定义字段也是在网上找的别人的分享技术，这里贴出来用法直接在主题function.php文件里面，插入如...

7.5w 0 98

主题 typecho 缩略图

typecho 获取文章缩略图、自定义文章缩略图、文章第一张缩略图、文章附件第一张图、文章随机图、文章随机图加速

element ui 侧边栏导航刷新自动展开并高亮

木灵鱼儿 5年前 vue 项目实战

element ui 侧边栏导航刷新自动展开并高亮

这个应该有点追求都想要做到的事情吧，都希望每次刷新页面，页面的导航栏能够自动高亮，二级菜单的话就自己展开。我想了好久，今天无意间测试到了，特此分享。[hide]思路首先我们要知道NavMenu 导航菜单他的选项菜单是有一个必填属性index的，这个index要求类型必须为string格式。然后根元素el-menu他有一个默认选中的属性default-active，而这个属性刚好要对应index。而el-menu的这个属性是可以自动展开菜单的，即便这个index可能是二级菜单的index。他依旧可以做到展开的效果，并且高亮对应的选项。所以，我们现在的重点就是这个index怎么设置，怎么获取...

2.1w 23 22

vue element 导航

vue 多模块集成，每个模块为一个项目，共用依赖且独立开发，自动引入模块，导航也独立于模块，自动引入

木灵鱼儿 5年前 vue 项目实战

vue 多模块集成，每个模块为一个项目，共用依赖且独立开发，自动引入模块，导航也独立于模块，自动引入

最近遇到一个需求设计一个开发的环境，由于产品本身很庞大，所以需要划分区域开发，每个人负责一个部分，但是又不太想使用官方的那种资源分布的模式，想独立开发，最后整合，且不相互干扰。于是有了这个。[hide]具体要求需要将每个分类单出拆分为一个独立的项目模块，里面有路由、vuex、组件、单页、静态资源等目录。例如：商城：购物车、订单页、商品页、设置页...文章：新建文章、文章列表、修改页、标签页...由于这种分类非常多，所以需要将类似商城、文章这些作为一个模块，每个小组负责一个模块开发，开发vue文件，组件、vuex、路由、静态文件、导航菜单都单独拆分，自己这个项目写一个入口文件，用于资源的调...

10w 0 112

模块 vue vue-cli

centos 8.4 完美samba局域网共享目录

木灵鱼儿 5年前教程

centos 8.4 完美samba局域网共享目录

经过一番苦练，终于搞清楚如何本地centos局域网共享了，只需一点点配置，完美的很啊。超快速部署，再也不用摸不着头脑了。[hide]要求因为我是本地共享，加上就我一个人用，权限要求自然是越高越好，反正也不会瞎鸡儿删除文件这种，所以我决定用root用户作为samba的共享账户。安装首先我的环境是centos8.4，理论7和6都是一样的。首先我们需要安装sambayum install samba配置安装完毕后我们需要进行一下环境操作：关闭防火墙去他娘的防火墙sudo systemctl stop firewalld 临时关闭 sudo systemctl disable firewall...

8883 0 7

centos samba 局域网共享

ventoy 制作多合一pe启动盘教程

木灵鱼儿 5年前教程

ventoy 制作多合一pe启动盘教程

今天买的迷你主机到了，需要安装一个centos8.4系统，但是我原来的u盘做了pe了，如果要做linux安装，需要整个格式化，这样pe只能二选一，非常尴尬。于是找到了一款国外开发的多合一的工具Ventoy，使用非常方便，可以自动识别iso镜像，只要你的pe是iso镜像，就能通过他来使用。下载官网中文文档官方提供了window系统下制作和linux系统下制作的软件，当然还有iso镜像包，三种方式，自行下载需要的版本。安装下载完解压，插入U盘，打开软件，然后在软件界面选择u盘，点击安装，提示格式化就确认。官方的软件还支持点击升级，省的每次更新都要重新格式化。格式化完毕后，目前最新版他没有分两...

8650 0 0

centos ventoy pe

mock.js 前端虚拟api数据

木灵鱼儿 5年前 vue 项目实战

mock.js 前端虚拟api数据

创建一个mock.js文件用于设置虚拟数据接口//mock import Mock from "mockjs"; Mock.setup({ timeout: '300-500' }); /行业数据扩展 Mock.Random.extend({ industry(min, max) { const data = ["financial", "bes", "it", "agriculture", "estate", "medic...

4791 0 1

mock

layui框架 dropdown 模块

木灵鱼儿 5年前 Layui

layui框架 dropdown 模块

找了半天没找到一个合适的dropdown模块，本来就很简单的需求，就是希望在hover的时候能显示一个二维码小窗口出来，实在无奈，自己造了个模块用了。预览图支持四个方向简单快速使用方式资源下载：蓝奏云密码:6szx下载模块，layui使用自定义模块不用多说吧，不知道看我博客发布的layui模块文章，然后自己把对应的样式css单独引入就行了。html格式<div class="layui-dropdown" id="dropdown"> <button class="layui-dropdown-toggle...

9125 0 2

模块 dropdown layui

vue 异步组件

木灵鱼儿 5年前 vue 项目实战

vue 异步组件

传统的vue组件切换，无非是Vue.component定义一个组件，然后设置一个名字，再通过component自定义html元素加上is属性去动态切换组件。vue-cli的话，在components里面将import的组件激活，然后也是is属性配合component自定义html元素进行切换。那么异步组件的优点在哪里呢？无非是组件会作为一个单独的js文件存在，需要时才被调用，这个特性再开发单页的时候最明显，他是会在打包后将异步组件单独生成一个js文件，在调用时下载并使用。如何创建一个异步组件Vue.component创建异步组件这个方法适合script引入vue.js的那种方式，估计也用...

5308 0 2

vue 异步组件

Layui 模块化教程(说人话版本)

木灵鱼儿 5年前 Layui

Layui 模块化教程(说人话版本)

官方对于layui模块化的说明只言片语，看得我着实有点懵逼，还好有万能群友帮助，总算明白要怎么写了，为此特意出个教程。模块化优点相比于传统的jq模块，layui模块他在于导入方式和不占据浏览器资源请求额度(一般一次只能6个)，且调用也方便。jq模块是需要自己手动在html里创建script元素并src引用js文件，这样即便我们丢到body的最后面加载，也是需要占用下载数量的，并且如果你要调用这个模块，你的js必须在该模块之后才行。这也是传统js调用的一个模式。layui模块他的原理是js创建script元素并插入，而这样创建的script是不占据下载资源数量的，并且调用时只需要在layu...

5484 0 0

layui 模块化

typecho 获取当前时间格式：2020年9月17日星期四

木灵鱼儿 5年前 Typecho博客教程

typecho 获取当前时间格式：2020年9月17日星期四

因为我尝试使用function去封装一个，结果不知道为什么就是提示data这个函数不存在，这个不是php默认的吗，所以只能写成显示语法了。<?php $weekarray=array("日","一","二","三","四","五","六"); echo date("Y年n月j日")."　星期".$weekarray[date("w")];?>

7928 0 0

typecho

js 滚动条 simplebar 使用教程

木灵鱼儿 5年前教程 JavaScript

js 滚动条 simplebar 使用教程

simplebar的使用，千万不要使用GitHub上的bate版本，会有问题。目前还是6.0的bate测试版，正式版为5.2.1官网githubnpmnpm那支持vue和其他框架，用法要在那看。普通html使用无需jq，只需要new出这个构造函数，并将需要设置滚动条的dom传入即可。引用<link rel="stylesheet" href="https://cdn.staticfile.org/simplebar/5.2.1/simplebar.min.css" /> <script src="https://cdn....

7664 0 0

Reach2 响应式Typecho博客主题 V2.5

木灵鱼儿 5年前 Typecho 主题

Reach2 响应式Typecho博客主题 V2.5

Reach 基于Bootsarp4的响应式博客主题，目的是为了更好的阅读体验，更快捷的使用方式，更优质的UI而存在。历经时间打磨，更贴合需求预览变化基于以前的Reach主题进行重构，V2版本修复了之前的一些bug，也更新了新的功能。[x] 整个框架重构，更加符合现代化代码要求[x] 主题加入可视化操作[x] 评论快捷展示作为消息通知放在顶部[x] 轮播模块调整，可关闭[x] 加入标签云[x] pro版天气样式优化，天气可切换，可关闭[x] 完美的自定义page分页[x] 友链模板调整，精简部分js代码提高性能[x] 关于模板重写，统计视觉设计（强烈推荐）[x] 主题ui设置本地化处理（黑...

1.9w 100 8

博客主题 Reach

typecho 判断用户在哪个用户组用户鉴权

木灵鱼儿 5年前 Typecho博客教程

typecho 判断用户在哪个用户组用户鉴权

既然开放了注册，那么用户组就是一个问题，我们需要进行鉴权。获取用户处在什么用户组typecho有5个角色，一个是访客，我们通过是否登录来判断。剩下四个为：administrator 管理员editor 编辑contributor 贡献者subscriber 关注者具体权限可以查看官方的这个说明：用户组<?php echo get_object_vars($this->user)['row']['group'];?>通过这个可以判断当前用户的用户组是什么，管理员就输出administrator鉴权<?php $user...

4613 0 0

typecho

typecho 重定向

木灵鱼儿 5年前 Typecho博客教程

typecho 重定向

以前台注册为例，他是一个独立页，所以输入地址是可以直接进入的，但是如果用户已经登录了，按道理，这个页面是不能进的，所以需要重定向。于是乎我们需要在开头加上这么一句话if ($this->user->hasLogin()) { header("Location:".$this->options->siteUrl); exit; }这里以独立页做个演示：<?php /** * register * * @package custom */ if (!defined('__TYPECHO_ROOT_DIR__&...

4444 0 0

typecho

木灵鱼儿

git永久删除文件或文件夹并删除历史记录同步到远程仓库

javascript 拼接两条正则或多条正则

vue cli3-cli4 本地反代解决本地调试线上api跨域问题 proxy

vue cli3-cli4 自定义路径别名

Function 函数

Number 类型

fieldset元素宽度撑开的问题

typecho 超完美上一篇下一篇文章加文章缩略图

typecho 评论表单头像

typecho 获取相关文章，指定数量

typecho 获取最新文章，指定数量

typecho 获取文章缩略图、自定义文章缩略图、文章第一张缩略图、文章附件第一张图、文章随机图、文章随机图加速

element ui 侧边栏导航刷新自动展开并高亮

vue 多模块集成，每个模块为一个项目，共用依赖且独立开发，自动引入模块，导航也独立于模块，自动引入

centos 8.4 完美samba局域网共享目录

ventoy 制作多合一pe启动盘教程

mock.js 前端虚拟api数据

layui框架 dropdown 模块

vue 异步组件

Layui 模块化教程(说人话版本)

typecho 获取当前时间格式：2020年9月17日星期四

js 滚动条 simplebar 使用教程

Reach2 响应式Typecho博客主题 V2.5

typecho 判断用户在哪个用户组用户鉴权

typecho 重定向

最近评论

博客文章RSS订阅

博客评论RSS订阅

木灵鱼儿

登录

git永久删除文件或文件夹并删除历史记录同步到远程仓库

javascript 拼接两条正则或多条正则

vue cli3-cli4 本地反代解决本地调试线上api跨域问题 proxy

vue cli3-cli4 自定义路径别名

Function 函数

Number 类型

fieldset元素宽度撑开的问题

typecho 超完美上一篇下一篇文章加文章缩略图

typecho 评论表单头像

typecho 获取相关文章，指定数量

typecho 获取最新文章，指定数量

typecho 获取文章缩略图、自定义文章缩略图、文章第一张缩略图、文章附件第一张图、文章随机图、文章随机图加速

element ui 侧边栏导航刷新自动展开并高亮

vue 多模块集成，每个模块为一个项目，共用依赖且独立开发，自动引入模块，导航也独立于模块，自动引入

centos 8.4 完美samba局域网共享目录

ventoy 制作多合一pe启动盘教程

mock.js 前端虚拟api数据

layui框架 dropdown 模块

vue 异步组件

Layui 模块化教程(说人话版本)

typecho 获取当前时间 格式：2020年9月17日 星期四

js 滚动条 simplebar 使用教程

Reach2 响应式Typecho博客主题 V2.5

typecho 判断用户在哪个用户组 用户鉴权

typecho 重定向

最近评论

博客文章RSS订阅

博客评论RSS订阅

typecho 获取当前时间格式：2020年9月17日星期四

typecho 判断用户在哪个用户组用户鉴权