- vscode ctrl + s 保持时自动格式化
my木子
安装插件eslintvetur在文件-首选项-设置中打开settings.json,复制以下内容{//vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation":false,//重新设定tabsize"editor.tabSize":2,//#每次保存的时候自动格式化"editor.formatOnSave":true,//#每次保存的时候将
- webpack5基础--11_处理 Html 资源
化作繁星
webpackhtml前端webpack
处理Html资源1.下载包npmihtml-webpack-plugin-D2.配置webpack.config.jsconstpath=require("path");constESLintWebpackPlugin=require("eslint-webpack-plugin");constHtmlWebpackPlugin=require("html-webpack-plugin");mod
- 使用 npm/yarn 等命令的时候会,为什么会发生 Error: certificate has expired
Charles@TechBlog
Web开发技术npm前端node.jsyarn
缘起昨天,我写了一篇文章,介绍如何使用项目模板,构建一个Electron项目的脚手架,我发现我自己在本地无法运行成功,出现了错误。✖Failedtoinstallmodules:["@electron-forge/plugin-vite@^7.2.0","@typescript-eslint/eslint-plugin@^5.0.0","@typescript-eslint/parser@^5.0
- 客户端web开发工具
ww要努力呀
前端前端
文章目录安全网络Linter-->捕获代码错误-->eslint源代码控制-->Git代码格式化-->Prettier打包工具--Parcel--Webpack转换--Babel开发后阶段测试工具配置工具其他node,npm、yarnnode.js包管理器npmyarnhttps://developer.mozilla.org/zh-CN/docs/Learn/Tools_and_testing/
- 帮助编写异步代码的ESLint规则
javascript
调试JavaScript中的异步代码有时就像在雷区中穿梭。你不知道console.log会在何时何地打印出来,也不知道代码是如何执行的。你很难正确构造异步代码,使其按照你的意图以正确的顺序执行。如果在编写异步代码时能得到一些指导,并在即将出错时收到一条有用的信息,那岂不更好?幸运的是,在将错误推向生产环境之前,我们有一些规则来捕捉这些错误。以下是一份经过编译的linting规则列表,可为你在Jav
- 4. webpack 中使用 Eslint 和 Babel
北京周老板
webpack5webpackjavascript前端
博主简介:知名前端工程师!✒️出没地点:重庆-沙坪坝交流扣群:559658154,欢迎您的加入!———————————————————————————————————————————版权声明:本文为CSDN博主「LadyMarry」的原创文章,转载请附上原文出处链接及本声明。文章目录一.前言二.Eslint1.配置文件2.具体配置说明parserOptionsrulesextends三.在webp
- vite+ts+vue3项目初始化 -- eslint+prettier代码格式化
weixin_43993776
vue.jsjavascript前端
vue3+ts项目初始化配置--eslint+prettier格式化校验一、配置@代替src目录二、项目中引入scss三、引入公共样式四、引入组件报红色波浪线五、有些语法不认识需要在vscode中安装Volar插件六、自动导包(vue、vue-router、element-plus、element-plus样式)七、配置方向代理和端口号八、父子组件通讯(只写在ts中的方法)九、pinia的使用(另
- 小程序跳转H5实现长截图功能;vue-cli3通过rem适配
怪哈哈
小程序jsvue前端
一、需求: 微信小程序部分页面需要一键长图的功能。 通过html2canvas插件可以实现,具体可参考微信小程序实现一键长图并保存图片到相册。由于该插件只能在H5项目中使用,则需要截图的小程序页面点击后跳转到H5页面,把所需的token及接口参数带过去,在H5页面进行长截图并保存或转发,点击左上角返回即回到小程序。二、思路: 首先,考虑需要长截图的页面根据需求可能会迭代增加,新建了一个vue
- 代码检测规范和git提交规范
懒洋洋的华369
开发工具gitvscode前端
摘要:之前开发的项目,代码检测和提交规范都是已经配置好的,最近自己新建的项目就记录下相关配置过程。1.ESlint配置2013年6月创建开源项目,提供一个插件化的JavaScript代码检测工具,创建项目是生成的eslintrc.js文件;//Eslint配置文件遵循commonJS的导出规则,所导出的的对象就是ESLint的配置对象//官方文档:https://www.tkcnn.com/esl
- vue-ESlint (六)
smilehjl
Vuevue.js代码规范前端
代码规范代码规范:一套写代码的约定规则。例如:"赋值符号的左右是否需要空格""一句结束是否是要加;".老话说:"没有规矩不成方圆"→正规的团队需要统一的编码风格JavaScriptStandardStyle规范说明https://standardjs.com/rules-zhcn.html下面是这份规则中的一小部分:字符串使用单引号'abc'无分号constname='zs'关键字后加空格if(n
- 项目准备
amanohina
使用VueCLI创建项目1.创建命令vuecreateedu-boss-fed2.自定义选项我们需要这几种功能:BabelRouter(使用hash模式下的路由)VuexCSSPre-processors(CSS预处理器,使用Sass/SCSS)Linter(standard)需要选择,Lintonsave,Lintandfixoncommit不要将Babel和ESLint等一众工具统合在pack
- 【Webpack】CSS 处理
小秀_heo
Webpackwebpackjavascript前端
CSS处理提取Css成单独文件Css文件目前被打包到js文件中,当js文件加载时,会创建一个style标签来生成样式这样对于网站来说,会出现闪屏现象,用户体验不好我们应该是单独的Css文件,通过link标签加载性能才好1.下载包npmimini-css-extract-plugin-D2.配置webpack.prod.jsconstpath=require("path");constESLintW
- 【Webpack】处理 js 资源
小秀_heo
Webpackwebpackjavascript前端
处理js资源Webpack对js处理是有限的,只能编译js中ES模块化语法,不能编译其他语法,导致js不能在IE等浏览器运行,所以我们希望做一些兼容性处理。其次开发中,团队对代码格式是有严格要求的,我们不能由肉眼去检测代码格式,需要使用专业的工具来检测。针对js兼容性处理,我们使用Babel来完成针对代码格式,我们使用Eslint来完成我们先完成Eslint,检测代码格式无误后,在由Babel做代
- 解决npm link下的eslint报错
阿拉丁神经
javascriptweb前端nodejs
问题 在开发nodepackage的时候,经常会有link到项目下调试的需求,如果你用的webpack+eslint,会发现eslint对你link的包起作用了,纳尼,不是exlude了node_modules的吗,关键是eslint出来的错有时候是错的,这个现象是因为webpack会把link的包resolve成他们的真实地址,所以就不受ignore限制了解决方法 见https://webp
- 一、vue3+ts项目框架搭建——规范
小曲曲
vue3.0框架搭建前端框架
新建项目及规范配置1.1项目初始化1.1.1环境准备1.1.2初始化项目1.2项目配置一、eslint配置1.1vue3环境代码校验插件1.2.eslintrc.cjs配置文件1.3运行脚本二、配置prettier:格式化工具2.1安装依赖包2.2.prettierrc.json添加规则2.3.prettierignore忽略文件三、配置stylelint:格式化css代码3.1.stylelin
- VSCode中的Prettier - Code formatter插件配置
i小杨
vue相关前端
一、Prettier-Codeformatter文件配置settings.json文件参考文章@前端烂笔头参考文章@m0_57617148关闭eslint语法报错:参考文章@钢镚儿吖建议:首先采用文章一的文件配置二、关闭保存自动格式化功能在settings文件中将如下属性设置为false"editor.formatOnSave":false,//#每次保存的时候自动格式化相关配置再settings
- VSCode中各种配置后,自动保存格式化仍然无效
Yvie
在工作中因为跳槽就会频繁使用的不是自己电脑,所以每次下载完VSCode之后,第一件事就是设置Ctrl+s保存之后自动按照eslint格式化,这样会很方便且有规范但最近这一次按照之前的步骤或者说按照网上的教程全部走了一遍之后,仍然没有任何效果,就很头疼,也找遍了博客看是否有记录.终于最后摸索到了,在此记录一下方法一:1.在代码中右键,选择使用...格式化文档配置.png2.在弹窗中选择最后一个为默认
- 从零开始搭建 Vue 项目
蛮吉大人123
本文主要介绍如何使用node搭建一个基于Vue+VueRouter+iView+webpack的项目,阅读本文之前你可能需要知道:ES6VueVueRouteriViewwebpack中文文档eslintstylelint以上知识在在本文中不会做太多的介绍,不太熟悉的朋友建议事先了解一下再阅读本文。项目github地址点击这里1.初始化mdvue-project&&cdvue-projectgit
- 路由的动态导入
是草莓味的啊
javascript
.eslintrc.jsmodule.exports={plugins:['import']//解决动态导入语法报错}main.js//当点击btn按钮时才加载/js/math这个文件document.getElementById('btn').onclick=function(){import('./js/math').then(({mul})=>{console.log(mul(3,3))})
- vscode的格式化配置
草珊瑚_6557
校验和格式化谁所有文件依据正则指定的文件特定后缀名特定目录下的文件谁来格式化插件来格式化内容。常见插件editorconfigeslintveturprettier格式化规则首先不同的文件对应不同的格式化内容其次不同的插件提供不同的格式化功能再者插件之间的格式化功能会覆盖冲突最后格式化规则会和校验规则发生冲突参考规则配置(editorconfig):root=true#根目录的配置文件,编辑器会由
- React ts项目配置Eslint+StyleLint+prettier+husky+lint-staged规范
悟空Wukong95
下载相关依赖npminstalleslint@typescript-eslint/parser@typescript-eslint/eslint-pluginprettiereslint-config-prettiereslint-plugin-prettierstylelintstylelint-config-css-modulesstylelint-config-standardstyleli
- Echarts柱状图点击事件(阻止冒泡)
nomooo
实现效果截图上面的截图是我点击柱状图中不同的柱子打印对应的值/*eslint-disable*/exportdefault{name:"Bar",data(){return{};},mounted(){this.drawBar();},methods:{drawBar:function(){//基于准备好的dom,初始化echarts实例letmyChart=this.$echarts.init(
- Vue项目部署优化
硅谷干货
前言使用vue、react、angular等技术开发过程中,我们都会遇到以下问题:首屏加载慢每一次更新都需要清除浏览器缓存才能看到效果(经常被测试吐槽)这两个问题可以从很多方面进行优化,今天我就从前端页面部署阶段来优化一下这两个问题。PS:以下内容都基于vue-cli3+。晨曦:为什么整个互联网行业都缺前端工程师?44赞同·8评论文章前端页面文件缓存方案从vue-cli3打包说起路由使用按需加载后
- 你是否被Eslint校验‘折磨’
皓丿皓
在前端开发过程中遇到一种情况,在运行vue程序时突然就出现报错,仔细查看代码后发现代码结尾少打一个分号,或有多余的空格,再加上分号或删除多余空格,页面就会正常显示,这是因为JavaScript的校验插件Eslint引起的。
- js文件忽略ESLint语法检查
_揽
前端学习笔记javascript开发语言ecmascript
1.整个文件忽略/*eslint-disable*///代码开始位置2.临时禁止/*eslint-disable*/console.log('hello');/*eslint-enable*/3.对指定规则忽略/*eslint-disableno-alert,no-console*/alert('foo');console.log('bar');/*eslint-enableno-alert,no
- npm之创建一个vue3项目
前端node.jsvue.js
npm之创建一个vue3项目1、创建项目使用如下代码在命令行创建项目vuecreateqzzg-test1//进入模板选择VueCLIv4.5.13?Pleasepickapreset:Default([Vue2]babel,eslint)Default(Vue3)([Vue3]babel,eslint)>Manuallyselectfeatures//选择手动配置//--------------
- JS连接打印机
友人!
代码案例
1,vue+element打印el-dialog弹框内容在main.js引入print.js文件importPrintfrom‘./assets/print’//下载到本地地址Vue.use(Print)//打印类属性、方法定义/*eslint-disable*/constPrint=function(dom,options){if(!(thisinstanceofPrint))returnnew
- 在VSCODE配置eslint
黄飘fighting
安装扩展插件eslintimage.png全局安装eslint$npminstall-geslintproject-root$eslint--initrule相关配置见官网eslint-rulesreact常用的配置如下:
- ESlint配置
折花_
//.eslintrc.jsmodule.exports={root:true,env:{node:true},extends:['plugin:vue/vue3-essential','@vue/standard'],parserOptions:{parser:'@babel/eslint-parser'},/***"off"->0关闭规则"warn"->1开启警告规则"error"->2开启错
- 如何封装一个简单的VUE组件
youmatech
vue.jsjavascript前端
基于vue2.0封装一个简单的表单组件前景介绍准备工作准备编码前景介绍这是一篇晚来的文章,毕竟2.0在去年12月份就已经停止维护了,这篇文章当是一个纪念吧。准备工作我们封装组件最快速的就是使用脚手架创建一个项目$vuecreatemy-demo下面选择vue2即可,其他的随意,建议关闭eslint,这样在编写的时候会比较简单。准备编码下面我们创建一个组件UmInput(前缀并没有要求,可以随意起)
- ASM系列五 利用TreeApi 解析生成Class
lijingyao8206
ASM字节码动态生成ClassNodeTreeAPI
前面CoreApi的介绍部分基本涵盖了ASMCore包下面的主要API及功能,其中还有一部分关于MetaData的解析和生成就不再赘述。这篇开始介绍ASM另一部分主要的Api。TreeApi。这一部分源码是关联的asm-tree-5.0.4的版本。
在介绍前,先要知道一点, Tree工程的接口基本可以完
- 链表树——复合数据结构应用实例
bardo
数据结构树型结构表结构设计链表菜单排序
我们清楚:数据库设计中,表结构设计的好坏,直接影响程序的复杂度。所以,本文就无限级分类(目录)树与链表的复合在表设计中的应用进行探讨。当然,什么是树,什么是链表,这里不作介绍。有兴趣可以去看相关的教材。
需求简介:
经常遇到这样的需求,我们希望能将保存在数据库中的树结构能够按确定的顺序读出来。比如,多级菜单、组织结构、商品分类。更具体的,我们希望某个二级菜单在这一级别中就是第一个。虽然它是最后
- 为啥要用位运算代替取模呢
chenchao051
位运算哈希汇编
在hash中查找key的时候,经常会发现用&取代%,先看两段代码吧,
JDK6中的HashMap中的indexFor方法:
/**
* Returns index for hash code h.
*/
static int indexFor(int h, int length) {
- 最近的情况
麦田的设计者
生活感悟计划软考想
今天是2015年4月27号
整理一下最近的思绪以及要完成的任务
1、最近在驾校科目二练车,每周四天,练三周。其实做什么都要用心,追求合理的途径解决。为
- PHP去掉字符串中最后一个字符的方法
IT独行者
PHP字符串
今天在PHP项目开发中遇到一个需求,去掉字符串中的最后一个字符 原字符串1,2,3,4,5,6, 去掉最后一个字符",",最终结果为1,2,3,4,5,6 代码如下:
$str = "1,2,3,4,5,6,";
$newstr = substr($str,0,strlen($str)-1);
echo $newstr;
- hadoop在linux上单机安装过程
_wy_
linuxhadoop
1、安装JDK
jdk版本最好是1.6以上,可以使用执行命令java -version查看当前JAVA版本号,如果报命令不存在或版本比较低,则需要安装一个高版本的JDK,并在/etc/profile的文件末尾,根据本机JDK实际的安装位置加上以下几行:
export JAVA_HOME=/usr/java/jdk1.7.0_25  
- JAVA进阶----分布式事务的一种简单处理方法
无量
多系统交互分布式事务
每个方法都是原子操作:
提供第三方服务的系统,要同时提供执行方法和对应的回滚方法
A系统调用B,C,D系统完成分布式事务
=========执行开始========
A.aa();
try {
B.bb();
} catch(Exception e) {
A.rollbackAa();
}
try {
C.cc();
} catch(Excep
- 安墨移动广 告:移动DSP厚积薄发 引领未来广 告业发展命脉
矮蛋蛋
hadoop互联网
“谁掌握了强大的DSP技术,谁将引领未来的广 告行业发展命脉。”2014年,移动广 告行业的热点非移动DSP莫属。各个圈子都在纷纷谈论,认为移动DSP是行业突破点,一时间许多移动广 告联盟风起云涌,竞相推出专属移动DSP产品。
到底什么是移动DSP呢?
DSP(Demand-SidePlatform),就是需求方平台,为解决广 告主投放的各种需求,真正实现人群定位的精准广
- myelipse设置
alafqq
IP
在一个项目的完整的生命周期中,其维护费用,往往是其开发费用的数倍。因此项目的可维护性、可复用性是衡量一个项目好坏的关键。而注释则是可维护性中必不可少的一环。
注释模板导入步骤
安装方法:
打开eclipse/myeclipse
选择 window-->Preferences-->JAVA-->Code-->Code
- java数组
百合不是茶
java数组
java数组的 声明 创建 初始化; java支持C语言
数组中的每个数都有唯一的一个下标
一维数组的定义 声明: int[] a = new int[3];声明数组中有三个数int[3]
int[] a 中有三个数,下标从0开始,可以同过for来遍历数组中的数
- javascript读取表单数据
bijian1013
JavaScript
利用javascript读取表单数据,可以利用以下三种方法获取:
1、通过表单ID属性:var a = document.getElementByIdx_x_x("id");
2、通过表单名称属性:var b = document.getElementsByName("name");
3、直接通过表单名字获取:var c = form.content.
- 探索JUnit4扩展:使用Theory
bijian1013
javaJUnitTheory
理论机制(Theory)
一.为什么要引用理论机制(Theory)
当今软件开发中,测试驱动开发(TDD — Test-driven development)越发流行。为什么 TDD 会如此流行呢?因为它确实拥有很多优点,它允许开发人员通过简单的例子来指定和表明他们代码的行为意图。
TDD 的优点:
&nb
- [Spring Data Mongo一]Spring Mongo Template操作MongoDB
bit1129
template
什么是Spring Data Mongo
Spring Data MongoDB项目对访问MongoDB的Java客户端API进行了封装,这种封装类似于Spring封装Hibernate和JDBC而提供的HibernateTemplate和JDBCTemplate,主要能力包括
1. 封装客户端跟MongoDB的链接管理
2. 文档-对象映射,通过注解:@Document(collectio
- 【Kafka八】Zookeeper上关于Kafka的配置信息
bit1129
zookeeper
问题:
1. Kafka的哪些信息记录在Zookeeper中 2. Consumer Group消费的每个Partition的Offset信息存放在什么位置
3. Topic的每个Partition存放在哪个Broker上的信息存放在哪里
4. Producer跟Zookeeper究竟有没有关系?没有关系!!!
//consumers、config、brokers、cont
- java OOM内存异常的四种类型及异常与解决方案
ronin47
java OOM 内存异常
OOM异常的四种类型:
一: StackOverflowError :通常因为递归函数引起(死递归,递归太深)。-Xss 128k 一般够用。
二: out Of memory: PermGen Space:通常是动态类大多,比如web 服务器自动更新部署时引起。-Xmx
- java-实现链表反转-递归和非递归实现
bylijinnan
java
20120422更新:
对链表中部分节点进行反转操作,这些节点相隔k个:
0->1->2->3->4->5->6->7->8->9
k=2
8->1->6->3->4->5->2->7->0->9
注意1 3 5 7 9 位置是不变的。
解法:
将链表拆成两部分:
a.0-&
- Netty源码学习-DelimiterBasedFrameDecoder
bylijinnan
javanetty
看DelimiterBasedFrameDecoder的API,有举例:
接收到的ChannelBuffer如下:
+--------------+
| ABC\nDEF\r\n |
+--------------+
经过DelimiterBasedFrameDecoder(Delimiters.lineDelimiter())之后,得到:
+-----+----
- linux的一些命令 -查看cc攻击-网口ip统计等
hotsunshine
linux
Linux判断CC攻击命令详解
2011年12月23日 ⁄ 安全 ⁄ 暂无评论
查看所有80端口的连接数
netstat -nat|grep -i '80'|wc -l
对连接的IP按连接数量进行排序
netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n
查看TCP连接状态
n
- Spring获取SessionFactory
ctrain
sessionFactory
String sql = "select sysdate from dual";
WebApplicationContext wac = ContextLoader.getCurrentWebApplicationContext();
String[] names = wac.getBeanDefinitionNames();
for(int i=0; i&
- Hive几种导出数据方式
daizj
hive数据导出
Hive几种导出数据方式
1.拷贝文件
如果数据文件恰好是用户需要的格式,那么只需要拷贝文件或文件夹就可以。
hadoop fs –cp source_path target_path
2.导出到本地文件系统
--不能使用insert into local directory来导出数据,会报错
--只能使用
- 编程之美
dcj3sjt126com
编程PHP重构
我个人的 PHP 编程经验中,递归调用常常与静态变量使用。静态变量的含义可以参考 PHP 手册。希望下面的代码,会更有利于对递归以及静态变量的理解
header("Content-type: text/plain");
function static_function () {
static $i = 0;
if ($i++ < 1
- Android保存用户名和密码
dcj3sjt126com
android
转自:http://www.2cto.com/kf/201401/272336.html
我们不管在开发一个项目或者使用别人的项目,都有用户登录功能,为了让用户的体验效果更好,我们通常会做一个功能,叫做保存用户,这样做的目地就是为了让用户下一次再使用该程序不会重新输入用户名和密码,这里我使用3种方式来存储用户名和密码
1、通过普通 的txt文本存储
2、通过properties属性文件进行存
- Oracle 复习笔记之同义词
eksliang
Oracle 同义词Oracle synonym
转载请出自出处:http://eksliang.iteye.com/blog/2098861
1.什么是同义词
同义词是现有模式对象的一个别名。
概念性的东西,什么是模式呢?创建一个用户,就相应的创建了 一个模式。模式是指数据库对象,是对用户所创建的数据对象的总称。模式对象包括表、视图、索引、同义词、序列、过
- Ajax案例
gongmeitao
Ajaxjsp
数据库采用Sql Server2005
项目名称为:Ajax_Demo
1.com.demo.conn包
package com.demo.conn;
import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException;
//获取数据库连接的类public class DBConnec
- ASP.NET中Request.RawUrl、Request.Url的区别
hvt
.netWebC#asp.nethovertree
如果访问的地址是:http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu那么Request.Url.ToString() 的值是:http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree<&
- SVG 教程 (七)SVG 实例,SVG 参考手册
天梯梦
svg
SVG 实例 在线实例
下面的例子是把SVG代码直接嵌入到HTML代码中。
谷歌Chrome,火狐,Internet Explorer9,和Safari都支持。
注意:下面的例子将不会在Opera运行,即使Opera支持SVG - 它也不支持SVG在HTML代码中直接使用。 SVG 实例
SVG基本形状
一个圆
矩形
不透明矩形
一个矩形不透明2
一个带圆角矩
- 事务管理
luyulong
javaspring编程事务
事物管理
spring事物的好处
为不同的事物API提供了一致的编程模型
支持声明式事务管理
提供比大多数事务API更简单更易于使用的编程式事务管理API
整合spring的各种数据访问抽象
TransactionDefinition
定义了事务策略
int getIsolationLevel()得到当前事务的隔离级别
READ_COMMITTED
- 基础数据结构和算法十一:Red-black binary search tree
sunwinner
AlgorithmRed-black
The insertion algorithm for 2-3 trees just described is not difficult to understand; now, we will see that it is also not difficult to implement. We will consider a simple representation known
- centos同步时间
stunizhengjia
linux集群同步时间
做了集群,时间的同步就显得非常必要了。 以下是查到的如何做时间同步。 在CentOS 5不再区分客户端和服务器,只要配置了NTP,它就会提供NTP服务。 1)确认已经ntp程序包: # yum install ntp 2)配置时间源(默认就行,不需要修改) # vi /etc/ntp.conf server pool.ntp.o
- ITeye 9月技术图书有奖试读获奖名单公布
ITeye管理员
ITeye
ITeye携手博文视点举办的9月技术图书有奖试读活动已圆满结束,非常感谢广大用户对本次活动的关注与参与。 9月试读活动回顾:http://webmaster.iteye.com/blog/2118112本次技术图书试读活动的优秀奖获奖名单及相应作品如下(优秀文章有很多,但名额有限,没获奖并不代表不优秀):
《NFC:Arduino、Andro