柯晓楠
码龄9年
  • 321,316
    被访问
  • 193
    原创
  • 5,828
    排名
  • 6,268
    粉丝
关注
提问 私信

个人简介：一位前端技术爱好者

  • 加入CSDN时间： 2013-01-07
博客简介：

柯晓楠

博客描述：
一位前端技术爱好者
查看详细资料
  • 6
    领奖
    总分 2,340 当月 182
个人成就
  • 前端领域优质创作者
  • 获得437次点赞
  • 内容获得98次评论
  • 获得2,451次收藏
创作历程
  • 16篇
    2022年
  • 24篇
    2021年
  • 78篇
    2020年
  • 21篇
    2019年
  • 1篇
    2018年
  • 16篇
    2017年
  • 38篇
    2016年
成就勋章
TA的专栏
  • 前端技术分享
    39篇
  • Linux
    7篇
  • 前端项目源码
    1篇
  • Web全栈案例
    15篇
  • 数据可视化
  • JQuery实用教程
    8篇
  • Vue基础入门到项目实战
    4篇
  • JavaScript 从入门到项目实战
  • React基础入门教程
    15篇
  • 前端面试题
    14篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络
    https
  • 微软技术
    typescript
  • 小程序
    小程序
  • 职场和发展
    面试
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

基于Vue实现JSONPath和XPath的解析

1. 效果演示JSONPath和XPath解析一键复制Path规则代码校验2. 需求说明XPath是一种在一个XML文档中寻址的语言，为XSLT和XPointer而设计。Path的主要目的是在一个XML文档中寻址。支持这个主要目的，它还提供基本功能来操纵字符串、数字和布尔值。JSONPath为JSON文档提供了解析能力，通过使用JSONPath，你可以方便的查找节点、获取想要的数据，JSONPath是JSON版的XPath。（注：关于JOSNPath和XPath的语法就不再赘述，需要了解
原创
发布博客 前天 10:25 ·
15 阅读 ·
0 点赞 ·
0 评论

基于 Vue 实现页面中文本的复制功能

1. 需求说明在项目中点击按钮复制某行文本是很常见的应用场景，在Vue项目中实现复制功能需要借助 vue-clipboard2 插件。2. 代码实现安装依赖：npm i vue-clipboard2 --save在 main.js 文件中全局引入插件，示例代码如下：import Vue from 'vue'import VueClipBoard from 'vue-clipboard2'Vue.use(VueClipBoard)new Vue({ render: h =>
原创
发布博客 2022.05.17 ·
116 阅读 ·
0 点赞 ·
0 评论

基于Node.js实现webp格式转png格式（2行代码解决）

需求说明项目开发时需要把网上下载的 webp 格式的图片素材转成 png 格式的图片，网上搜了很多在线转换 工具，不是要钱就是转的不爽。于是乎，自己拿Node写了一个转换格式的脚本。代码案例第一步：安装依赖创建一个空文件夹 demo，在该文件夹下启动cmd，安装依赖：npm init -ynpm i sharp --save第二步：写代码在该 demo 下创建 index.js 脚本文件，编写代码：const sharp = require('sharp')sharp('warn.we
原创
发布博客 2022.05.15 ·
55 阅读 ·
2 点赞 ·
0 评论

CSS实现骨架屏闪烁动画效果

演示效果实现思路使用CSS提供的 :empty 和 ::after 伪类实现空状态时的骨架屏样式；配合CSS3的 @keyframes 动画，实现骨架屏的闪烁效果。示例代码<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>骨架屏</title> <style type="text/css"> .text-con
原创
发布博客 2022.05.14 ·
96 阅读 ·
0 点赞 ·
0 评论

【Linux教程】软件安装与卸载

源码包安装下载源码包（curl、wget）解压（tar）进入到该目录（cd）编译前配置（./configure）编译（make）编译安装（make install）注意编译安装时软件包依赖解决删除 make clean 然后直接删除目录下载：[root@localhost ~]# curl -O ftp://mama.indstate.edu/linux/tree/tree-1.7.0.tgz下载压缩包后要解压，然后进入软件目录中查看是否包含 ./configure 文件或 M
原创
发布博客 2022.05.13 ·
234 阅读 ·
0 点赞 ·
0 评论

【Linux教程】压缩与解压

1.1 Linux常见压缩类型类型说明.gzgzip压缩格式的文件.bz2bzip2压缩格式的文件.xzxz压缩格式的文件.zipzip压缩格式的文件.tartar打包的文件.tar.gz打包并使用gzip压缩的文件.tar.bz2打包并使用bzip2压缩的文件.tar.xz打包并使用xz压缩的文件1.2 压缩与解压缩文件压缩与解压缩命令：# tar [-ctxzjJvf] 压缩文件 [源文件]c 打包压缩t
原创
发布博客 2022.05.13 ·
123 阅读 ·
0 点赞 ·
0 评论

【Linux教程】权限与角色管理

角色分为：所有者、所属组、其他用户权限分为：可读、可写、可执行不同角色分配不同权限，管理员以各自角色管理Linux1.1 文件的权限与角色权限的作用符号权限对文件的含义对目录的含义r读权限查看文件查看目录w写权限修改文件修改目录内容x执行权限执行文件进入目录角色的作用所有者所属组其他用户文件/目录rwxrwxrwx文件的权限与角色：1.2 设置权限与角色修改所有者：# chown [-R.
原创
发布博客 2022.05.13 ·
92 阅读 ·
0 点赞 ·
1 评论

【Linux教程】用户管理与群组管理

1.1 用户管理查看当前用户：# who[root@localhost ~]# who创建用户：# useradd [-g 群组] 用户名[root@localhost ~]# useradd admin# 在群组下创建用户[root@localhost ~]# useradd -g root admin查看用户目录：[root@localhost ~]# ls /home设置密码：# passwd 用户名[root@localhost ~]# passwd admin
原创
发布博客 2022.05.13 ·
24 阅读 ·
0 点赞 ·
0 评论

【Linux教程】Linux目录结构与操作命令

1.1 Linux目录结构Linux命令格式：# 命令 [选项] [参数1] [参数2]#关机$ shutdown -h now# 重启$ shutdown -r now#或$rebootls命令 – 显示指定工作目录下的内容及属性信息ls 命令是Linux下最常用的指令之一。ls命令为英文单词 list 的缩写，正如英文单词 list 的意思，其功能是列出指定目录下的内容及其相关属性信息。默认状态下，ls命令会列出当前目录的内容。而带上参数后，我们可以用ls做更多的事情。作为最
原创
发布博客 2022.05.13 ·
10 阅读 ·
0 点赞 ·
0 评论

Linux环境安装mysql数据库详细教程（含卸载和密码重置过程）

本教程适用于centos7/8，mysql 5.x1、卸载mysql（重要）在安装mysql之前要确保自己的系统中没有mysql，即使你是刚刚重装的系统或者是刚购买的云服务，也需要检查一下是否存在mysql相关的文件，这一点很重要！（腾讯云的一些镜像默认包含mysql的文件），安装前如果已经存在mysql相关的文件，会导致后续的mysql安装失败。完全删除mysql步骤：（1）使用 rpm 命令查看已安装的安装包输入以下命令检查是否安装了mysql软件：rpm -qa | grep mysq.
原创
发布博客 2022.04.22 ·
2445 阅读 ·
0 点赞 ·
0 评论

Linux系统安装Node.js步骤

本教程适用于centos7/8以 node.js v14.18.1 为例1、下载node.js使用国内镜像下载，如果下载时出现问题，可以切换镜像，下载命令如下：wget https://registry.npmmirror.com/-/binary/node/v14.18.1/node-v14.18.1-linux-x64.tar.xz2、解压node.js压缩文件下载完成后，查看下载的文件Linux下的复制快捷键：ctrl + insert，粘贴快捷键：shift + insert.
原创
发布博客 2022.04.21 ·
1810 阅读 ·
0 点赞 ·
0 评论

基于 Vue + Codemirror 实现 SQL 在线编辑器

一、项目介绍本项目是基于 Vue2 + Codemirror 开发的 Web 版 SQL 编辑器，提供了以下功能：在线运行 SQL 语句实时命令提示（支持表名、字段名、SQL关键词提示）查看 SQL 执行结果提交 SQL 命令集快捷使用命令集SQL 语句格式化SQL code differ动态设置编辑器配置项实时查看表结构前端项目地址：https://gitee.com/web1024cn/vue-sqleditor本项目提供了配套的后端示例代码（基于 Node + Expres
原创
发布博客 2022.03.06 ·
1197 阅读 ·
1 点赞 ·
0 评论

前端使用 axios 实现下载文件功能

1、需求描述在前后端分离开发的项目中，前端无论使用Vue或React哪种框架，发送HTTP请求都会使用Ajax异步请求的方式。在很多项目中都会选择使用 axios 发送请求。但是在使用 axios 实现下载功能时，往往会出现以下问题。当前端直接使用 axios 去请求下载文件的 api 接口时，状态码返回200，但是获取的数据却是一堆乱码，效果如下：2、问题分析下载其实是浏览器的内置事件，浏览器的 GET请求（frame、a）、 POST请求（form）具有如下特点：response 会交由浏
原创
发布博客 2022.03.01 ·
1139 阅读 ·
6 点赞 ·
1 评论

Vue 项目中高亮格式化 json 代码

演示效果核心代码实现为了方便演示，把 json 数据单独放到一个文件中，例如 src/views/data.jsdata.js 文件代码如下：export defalut { data: '[{"name":"黑子","sex":"男","Age":25,"abc":null,"hobby":["篮球","跑步","看电影","王者荣耀"],"normal":true},{"name":"张三","sex":"男","Age":25,"hobby":["上天","入地"],"normal":fa
原创
发布博客 2022.01.12 ·
167 阅读 ·
1 点赞 ·
0 评论

Vue 项目中高亮格式化 xml 代码

效果演示安装插件$ npm install highlight.js --save代码实现xml原文如下：<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>
<licenses>
<license-group embed=\"true\" format=\"1.0\" productFamily=\"esb\" release=\"8.0\">
<lic
原创
发布博客 2022.01.12 ·
303 阅读 ·
0 点赞 ·
0 评论

前端项目node-sass安装报错的解决方案

前端项目中使用了 sass ，在使用 npm install 命令初始化依赖时经常会报 node-sass 安装失败的错误。报错的原因有以下几种：node-sass需要Python环境，本地没有安装Python环境；本地安装Python环境，但是版本高于Python2；本地没有Python环境，但是也没有其他的编译工具，例如 node-gyp ；上面只一部分引起 node-sass 报错的原因，如果已经有编译环境还报错的话，有可能是因为npm源镜像的问题。解决方案：安装 Python2 环
原创
发布博客 2022.01.08 ·
456 阅读 ·
0 点赞 ·
0 评论

基于HTML实现的装饰品电商WabApp源码

发布资源 2022.01.07 ·
zip

化妆品购物商城html模板源码

发布资源 2022.01.07 ·
zip

C2C美甲电商wap模板源码.zip

发布资源 2022.01.07 ·
zip

Node实现批量修改文件名（文件重命名）

需求在本地下载了几十集大型电视剧，下载的视频文件名称上都有一些没有用的前缀或后缀，例如视频名称为 大型电视连续剧-甄嬛传01.mp4 ，每个视频文件都有一个相同的前缀 “大型电视连续剧-”。如果手动一个一个去掉这些前缀或后缀比较麻烦，可以使用node批量修改文件名，或许这个需求在你以后的学习和工作中会经常遇到，所以转发收藏本文，保留下来以后可能会用到噢！代码实现在当前存放视频文件的根目录下新建一个 .js 文件，例如视频文件在 D:\video\xxxx.mp4，那就在video文件夹下创建一个.js
原创
发布博客 2021.12.17 ·
516 阅读 ·
0 点赞 ·
0 评论
加载更多