- 博客(20)
- 资源 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 【工程化系列】教你如何流程化搭建一个Vite + TS + ESlint 项目
一、创建项目部分使用 Vite 新建一个项目yarn create vite二、ESlint使用部分添加ESlintyarn add eslint --dev初始化ESlintyarn run eslint --init这个时候编写代码就会有 eslint 校验了,我们来配置整个项目校验命令配置 package.json "scripts": { //... "lint": "eslint 'src/**/*.{js,jsx,vue,ts,tsx}' --fi
2022-02-25 15:02:52
1283
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 JS 下载文件方法分享(解决图片文件无法直接下载和 IE兼容问题)
场景简介由于业务需要,经常遇到下载各类文件的需求,其中最头疼的莫过于前端下载图片了,直接给个图片文件地址会变成直接打开图片,而不是弹窗提示另存为,研究了下前端实现文件下载最便捷的方法还是创建 a 标签,写入download 属性实现点击下载,但这在 ie 浏览器上的实现又与一般浏览器不同,于是摸索之后写了个通用的下载方法,既可用来下载文件也可下载图片,希望能够帮到大家。npm 安装使用...
2018-10-12 00:06:16
12012
10
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue 表情包输入组件
Emotion 一个用于vue的表情输入组件 https://gitee.com/jiangliyue/vue_expression_input_module.git index是使用示例,emotion是组件代码(这里用的是微信表情包的地址,大家可根据需要修改) 下载安装启动项目查看效果 npm install npm run dev ...
2018-09-16 07:28:08
14628
17
原创 系统介绍浏览器缓存机制及前端优化方案
缓存是用来做性能优化的好东西,但是,如果用不好缓存,就会产生一系列问题:以上问题大家或多或少都遇到过,归根结底是使用缓存的姿势不对,今天,我们就来一起了解下浏览器是如何进行缓存的,以及我们要怎样科学的使用缓存简单说,浏览器把 http 请求的资源保存到本地,供下次使用的行为,就是浏览器缓存这里先记一个点:http 响应头,决定了浏览器会对资源采取什么样的缓存策略强缓存看的是响应头的 Expires 和 Cache-Control 字段当强缓存没有命中的时候,浏览器会发送一个请求到服务器,服务器根据 head
2022-07-04 20:50:32
425
1
原创 基于新版 Electron 的 Vue 脚手架
前言由于目前网上的 electron-vue 库长久未更新,于是基于新版本的 electron 搭了一个 vue 脚手架,封装了通用的开机自启,自动更新,关闭按钮最小化等功能,方便大家入坑 electron仓库https://github.com/jyliyue/electron-vue-cli.git介绍1、配置文件 src/config/index.jsconst config = { isAutoOpen: true, // 开机自启 isOnlyOpen: true, /
2021-05-23 16:17:28
459
原创 2021-01-17(删除中间节点)
实现一种算法,删除单向链表中间的某个节点(即不是第一个或最后一个节点),假定你只能访问该节点。示例:输入:单向链表a->b->c->d->e->f中的节点c结果:不返回任何数据,但该链表变为a->b->d->e->f参考答案:/** * Definition for singly-linked list. * function ListNode(val) { * this.val = val; * this.next
2021-01-17 18:48:18
126
原创 2001-01-16(拥有最多糖果的孩子)
给你一个数组 candies 和一个整数 extraCandies ,其中 candies[i] 代表第 i 个孩子拥有的糖果数目。对每一个孩子,检查是否存在一种方案,将额外的 extraCandies 个糖果分配给孩子们之后,此孩子有 最多 的糖果。注意,允许有多个孩子同时拥有 最多 的糖果数目。示例 :输入:candies = [2,3,5,1,3], extraCandies = 3输出:[true,true,true,false,true]来源:力扣(LeetCode)链接:http
2021-01-16 11:45:31
84
原创 2021-01-05(最长公共前缀)
编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀,返回空字符串 “”。示例 1:输入: [“flower”,“flow”,“flight”]输出: “fl”示例 2:输入: [“dog”,“racecar”,“car”]输出: “”解释: 输入不存在公共前缀。说明:所有输入只包含小写字母 a-z 。来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/longest-common-prefix参考答案/**
2021-01-05 14:14:50
107
原创 2021-01-04(回文数)
回文数判断一个整数是否是回文数。回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数。示例 1:输入: 121输出: true示例 2:输入: -121输出: false解释: 从左向右读, 为 -121 。 从右向左读, 为 121- 。因此它不是一个回文数。示例 3:输入: 10输出: false解释: 从右向左读, 为 01 。因此它不是一个回文数。进阶:你能不将整数转为字符串来解决这个问题吗?来源:力扣(LeetCode)链接:https://le
2021-01-04 23:51:36
150
原创 Electron-桌面应用开发
Electron-桌面应用开发Electron使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序一、主要概念主进程-MainProcess可以使用和系统对接的api,创建菜单,上传文件创建渲染进程-RendererProcess全面支持nodejs只有一个作为主程序入口渲染进程-RendererProcess (可视页面)可以有多个,每个对应一个窗口每个都是一个单独的进程全面支持 nodejs 和 DOMAPI可使用部分 electron 提供的
2020-11-15 23:30:46
625
原创 Vuex 入门到进阶
先说一下Vuex到底是什么?Vuex 是一个专门为 vue.js 应用程序开发的状态管理模式这个状态我们可以理解为在 data 中的属性,需要共享给其他组件使用的部分也就是说,我们需要共享的数据,可以使用 vuex 进行统一集中式的管理喜欢看代码学习的的可直接下载下方 Demohttps://gitee.com/jiangliyue/VuexDemo.gitVuex中的五...
2019-07-06 09:14:04
302
原创 Webpack4 入门到带你打包一个简单单页应用项目
正文前先吐槽下, webpack 对新手入门真的有点不友好,各个版本在配置上都有或多或少的差异,导致在对照各种教程学习的过程中免不了掉进各种坑里,所以写这篇文章旨在简单明了的解释说明 webpack 的各种常用配置,希望能让新人接触 webpack 时少走些弯路。一、搭建项目1. 我们先新建一个项目 project 并用 npm 命令初始化项目(一路回车)npm init2. 安装 ...
2018-10-06 13:44:54
945
原创 如何在Vue项目中使用阿里的Iconfont
正片之前先推广下阿里的Iconfont,图库丰富,支持个性化定制,只需添加需要的图标,创建项目下载到本地,放在项目文件目录下即可,推荐大家使用。iconfont 的三种使用方式1. Unicode个人习惯在src目录下新建一个icon文件夹存放下载的样式文件然后在src目录下新建style.css文件统一管理样式@font-face { font-family...
2018-05-27 01:21:23
5463
原创 Nginx入门及如何反向代理解决生产环境跨域问题
1.Nginx入门与基本操作篇注:由于服务器是windows系统,所以本文主要讲解Nginx在windows下的操作。首先下载Nginx,附上地址: http://nginx.org/en/download.html解压缩,我们所有的配置基本都在万能的 nginx/conf/nginx.conf 中完成,其它文件可以不用理关于nginx.conf...#需要我们按需要...
2018-05-20 22:58:47
1613
原创 vuex状态管理简单入门
1.安装vuexnpm i –save-dev vuex2.为了方便管理,在src目录下新建文件夹store新建index.js进行初始化新建state.js进行数据存储新建mutations.js保存数据修改的方法3.开始编写配置文件index.jsimport Vue from 'vue'import Vuex from 'vuex'import state from './stat
2018-05-04 16:11:28
495
原创 Angular2之aot编译及Rollup优化
最近开发的一款移动应用用了Angular2框架,直接ng build的话动不动程序就要好几M,于是采取Angular2的aot编译及Rollup优化压缩程序。过程遇坑无数,说多了都是泪,现在问题解决了就小结下与大家分享:新建一个项目ng new myapp复制src/tsconfig.json到根目录下,重命名为tsconfig-aot.json并编辑:{ "compilerOption
2017-09-13 09:49:13
1739
原创 Angular2 学习笔记
Angular程序架构:组件: component组成 装饰器:@component, 模板:, 控制器:服务指令模块开发流程:环境配置: 用npm安装typescript和typings: npm install -g typescript typings 安装angular-cli : npm install -g angular-cli创建项目:
2017-04-01 19:03:56
273
原创 小结CSS居中
作为前端初学者,在居中定位上一直是在碰运气,今天抽空总结下自己走的弯路,自我改进,也希望可以给后来的前端朋友有所借鉴。1.居中类型主要分两种,盒子模型和文档。 div模型用 margin: 0 auto; 文档类如 li, p , span...可用 text-align:center;2.以上虽为主要方法,但在实际中却会遇到一些情况导致方法失效,这点比较烦
2017-03-11 10:46:02
310
原创 CSS的坎坷之路
2017/2/28li{display:inline}会出现元素按字体大小显示在一行上,导致宽高无法设置,;解决方法li{display:block; float:left}
2017-02-28 09:04:21
225
vscode 使用setup语法糖各种ts报错
2022-10-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人