![](https://img-blog.csdnimg.cn/9cc3fdece10c41f7b21ddbf7f0c7febd.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
大前端
文章平均质量分 78
1
lynnhgwang
互联网前端开发相关行业,某厂打螺丝~
展开
-
【CSS】文字描边的三种实现方式
我们介绍了css中三种文字描边的实现方式,它们各有优缺点,可以根据实际的应用场景选择最合适的方式!原创 2024-01-07 00:15:52 · 7351 阅读 · 0 评论 -
K8s 初学者入门教程
本文主要对 K8s 中的一些概念进行介绍和总结。例如: Node、Pod、Deployment、Service 和 Ingress等等。原创 2022-12-14 14:26:39 · 3418 阅读 · 5 评论 -
10分钟学会Docker的安装和使用
文章目录Docker简介Docker安装Windows安装Linux安装CentOS安装Ubuntu安装最近花了些时间学习docker技术相关,在此做一些总结,供往后复查和像了解docker的学习。Docker简介简而言之,Docker 是一个可供开发者通过容器(container)来构建,运行和共享应用(application)的平台。用容器来部署应用被称为集装箱化(containerization)。想了解更多信息可到docker官网查看。Docker安装Windows安装开启Hyper原创 2020-08-20 15:06:24 · 46915 阅读 · 14 评论 -
JS正则表达式
jsz正则表达式原创 2022-08-21 23:51:30 · 428 阅读 · 0 评论 -
【Vue实践】装饰器(vue-property-decorator 和 vux-class)的使用
vue-property-decorator和vuex-class的使用原创 2022-08-14 17:30:17 · 3600 阅读 · 1 评论 -
【JS Promise】手写实现 promise.all 和promise.race 方法
手写实现 promise.all 和promise.race 方法原创 2022-07-31 19:07:25 · 947 阅读 · 0 评论 -
【JS Promise】使用promise一定要注意的几个问题
使用promise一定要注意的几个问题原创 2022-07-30 18:07:42 · 965 阅读 · 0 评论 -
VSCode 代码格式化配置
VSCode代码格式化配置。原创 2022-07-30 17:12:41 · 1178 阅读 · 0 评论 -
【TypeScript】快速入门TypeScript
TypeScript快速入门教程原创 2022-07-16 22:02:34 · 560 阅读 · 0 评论 -
【Npm】如何发布一个npm包?
前端日常开发经常会通过 npm install安装一些包,那这些包都是怎么发布的呢?接下来让我们动手发布一个自己的npm 包。windows系统下演示:步骤一、注册npm账号首先我们需要在npm官网注册一个自己的账号。步骤二、登录打开windows命令行,输入npm adduser:C:\Users\hp>npm adduser根据提示输入之前注册的Username、Password和Email:Username: Password:Email: (this IS pub.原创 2022-04-06 15:36:33 · 2851 阅读 · 1 评论 -
【Vue实践】一文搞懂Vue中的组件
本篇总结Vue中组件的使用,对组件的理解以及使用组件需要特别注意的点。符号约定:.html文件表示该项目是传统web项目,即没用使用Vue脚手架工具,通过<script>引入vue.js的方法.vue文件表示该项目是使用vue脚手架工具创建的文章目录1、非单文件组件和单文件组件2、非单文件组件使用2.1 组件使用三大步骤2.2 组件使用的注意点3、VueComponnet构造函数4、VueComponent 和Vue之间的关系1、非单文件组件和单文件组件(1)非单文件组件非.原创 2022-03-28 16:41:31 · 3835 阅读 · 1 评论 -
【Git命令】Git常用命令速查 Git命令汇总
git常用命令汇总原创 2022-03-27 20:56:13 · 2176 阅读 · 0 评论 -
【Vue实践】列表搜索框中模糊搜索功能的两种实现方式
文章目录1、Demo演示2、HTML结构3、实现3.1 基于计算属性`computed`实现3.2 基于侦听器`watch`实现1、Demo演示模糊搜索功能是日常开发中常见的一种功能,这里用两种方式进行模拟实现。2、HTML结构<template> <div> <div><input type="text" v-model="keyWord"></div> <ul> <li v-for=原创 2022-03-24 18:37:10 · 10587 阅读 · 0 评论 -
【Vue实践】计算属性computed和侦听器watch的对比
DemoDemo展示了一个姓名案例,First Name和Last Name的改变都会引起Full Name的改变。下面我们用Watch和Computed分别实现一下。watch实现<template> <div> <div><span>First Name:</span><input type="text" v-model="firstName"></div> <div><s原创 2022-03-24 12:56:43 · 1444 阅读 · 0 评论 -
关于HTTP Cookie那些事儿
文章目录Cookie的定义和作用:Cookie的创建:Cookie的生命周期:Cookie的所有属性:参考链接:Cookie的定义和作用:Cookie 是服务端发送到客户端浏览器并保存在本地的一小块数据,它会被客户端浏览器在下次向同一服务端发请求时携带并发送到服务端。Cookie通常用于告知服务端两个请求是否来自于同一客户端浏览器。Cookie主要用于三个方面:会话状态管理(如用户登录状态、购物车、游戏分数或其它需要记录的信息)个性化设置(如用户自定义设置、主题等)浏览器行为跟踪(如跟踪原创 2021-09-30 14:34:00 · 162 阅读 · 0 评论 -
JavaScript数组常用操作多种方案汇总(扁平化,去重等)
记录JS中数组常用操作的多种方案扁平化问题描述给出如下数组:const arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14]]]], 10];使其扁平化后的到:[ 1, 2, 2, 3, 4, 5, 5, 6, 7, 8, 9, 11, 12, 12, 13, 14, 10]方案const _ = {}1. Array.prototype.flat.原创 2021-07-22 10:09:10 · 159 阅读 · 2 评论 -
【前端跨域】postMessage解决iframe页面跨域问题的最佳实践
背景:有两个项目,一个基于Vue开发,一个基于React开发。Vue项目中某个页面(称为父页面)通过iframe标签嵌入了React项目的某个页面(称为子页面)。现在子页面要和父页面要进行通信,传递数据。文章目录关键技术关键技术跨域方式还挺多的,本次主要讲通过H5提供的postMessage()方法在解决上面提到的问题。...原创 2021-07-08 11:47:05 · 1235 阅读 · 6 评论 -
【Vue实践】Vue中Input框失焦事件无效问题解决
记录在做项目中遇到的以西Input输入框失焦事件无效问题及解决思路文章目录问题场景演示代码片段问题简单描述解决思路问题出现的原因分析解决办法两种解决思路1.定时器 setTimeout()2.nextTick()效果演示源码参考问题场景演示代码片段<div class="flex items-center"> <span>昵称:</span> <span v-if="isEditName" cl.原创 2021-07-06 11:36:24 · 8161 阅读 · 2 评论 -
【Tailwind CSS】Vue项目中配置Tailwind CSS详解
记录在Vue3.0以下版本的项目中手动安装tailwindcss的步骤文章目录安装 TailwindCSS创建 TailwindCSS 配置文件安装 PostCSS 和 autoprefixer创建 PostCSS 配置文件引入 TailwindCSS启动本地服务相关链接安装 TailwindCSSnpm install tailwindcss创建 TailwindCSS 配置文件npx tailwindcss init这一步骤会自动在根目录下创建 tailwind.config.js。.原创 2021-07-06 10:23:49 · 1803 阅读 · 0 评论 -
【Nuxt】这样理解Nuxt的生命周期真是太棒了
文章目录安装目录结构生命周期`nuxtServerInit``middleware``validate``asyncData` 和 `fetch``beforeCreate` 和 `created`Vue中的其他生命周期钩子安装通过create-nuxt-app 在当前目录安装Nuxt。npx create-nuxt-app .$\color{FF7D00}{注:}$ npx 会随npm一起安装——它是 npm 5.2+ 附带的包运行工具。按提示选择一些特性,可根据自己的喜好选择。但Ren原创 2021-07-02 14:58:23 · 6210 阅读 · 3 评论 -
Flex布局属性速查
前言:整理flex布局相关的属性,方便查询使用概念:可简单理解容器为父元素,项目为子元素;在不特殊指定的情况下,默认水平方向为主轴,垂直方向为交叉轴。一、容器容器上共6个属性。flex-direction 决定主轴的方向,即控制项目排列方向。flex-wrap项 目在一条轴线上排不下时是否换行。flex-flow 是flex-direction 和 flex-wrap的简写。justify-content 控制项目在主轴上的对齐方式。align-items 控制项目在.原创 2021-07-01 20:17:45 · 200 阅读 · 0 评论 -
Vue + Koa2 写一个前后端分离的 动态“helloworld”
文章目录一、环境准备二、前端搭建三、后端搭建记录自己用Vue 和 Koa2 框架实现前后端的demo。一、环境准备我的Node 和 NPM版本:C:\Users\lynnh>node -vv16.4.0C:\Users\lynnh>npm -v7.18.1二、前端搭建借助 vue-cli 4.0以上版本快速搭建前端Vue 环境。先卸载老的vue-cli版本(指4.0以下)若没有老的版本,此步骤可跳过。npm install -g vue-cli安装新版本原创 2021-06-27 02:04:07 · 792 阅读 · 3 评论