- 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(前缀并没有要求,可以随意起)
- Spring的注解积累
yijiesuifeng
spring注解
用注解来向Spring容器注册Bean。
需要在applicationContext.xml中注册:
<context:component-scan base-package=”pagkage1[,pagkage2,…,pagkageN]”/>。
如:在base-package指明一个包
<context:component-sc
- 传感器
百合不是茶
android传感器
android传感器的作用主要就是来获取数据,根据得到的数据来触发某种事件
下面就以重力传感器为例;
1,在onCreate中获得传感器服务
private SensorManager sm;// 获得系统的服务
private Sensor sensor;// 创建传感器实例
@Override
protected void
- [光磁与探测]金吕玉衣的意义
comsci
这是一个古代人的秘密:现在告诉大家
信不信由你们:
穿上金律玉衣的人,如果处于灵魂出窍的状态,可以飞到宇宙中去看星星
这就是为什么古代
- 精简的反序打印某个数
沐刃青蛟
打印
以前看到一些让求反序打印某个数的程序。
比如:输入123,输出321。
记得以前是告诉你是几位数的,当时就抓耳挠腮,完全没有思路。
似乎最后是用到%和/方法解决的。
而今突然想到一个简短的方法,就可以实现任意位数的反序打印(但是如果是首位数或者尾位数为0时就没有打印出来了)
代码如下:
long num, num1=0;
- PHP:6种方法获取文件的扩展名
IT独行者
PHP扩展名
PHP:6种方法获取文件的扩展名
1、字符串查找和截取的方法
1
$extension
=
substr
(
strrchr
(
$file
,
'.'
), 1);
2、字符串查找和截取的方法二
1
$extension
=
substr
- 面试111
文强chu
面试
1事务隔离级别有那些 ,事务特性是什么(问到一次)
2 spring aop 如何管理事务的,如何实现的。动态代理如何实现,jdk怎么实现动态代理的,ioc是怎么实现的,spring是单例还是多例,有那些初始化bean的方式,各有什么区别(经常问)
3 struts默认提供了那些拦截器 (一次)
4 过滤器和拦截器的区别 (频率也挺高)
5 final,finally final
- XML的四种解析方式
小桔子
domjdomdom4jsax
在平时工作中,难免会遇到把 XML 作为数据存储格式。面对目前种类繁多的解决方案,哪个最适合我们呢?在这篇文章中,我对这四种主流方案做一个不完全评测,仅仅针对遍历 XML 这块来测试,因为遍历 XML 是工作中使用最多的(至少我认为)。 预 备 测试环境: AMD 毒龙1.4G OC 1.5G、256M DDR333、Windows2000 Server
- wordpress中常见的操作
aichenglong
中文注册wordpress移除菜单
1 wordpress中使用中文名注册解决办法
1)使用插件
2)修改wp源代码
进入到wp-include/formatting.php文件中找到
function sanitize_user( $username, $strict = false
- 小飞飞学管理-1
alafqq
管理
项目管理的下午题,其实就在提出问题(挑刺),分析问题,解决问题。
今天我随意看下10年上半年的第一题。主要就是项目经理的提拨和培养。
结合我自己经历写下心得
对于公司选拔和培养项目经理的制度有什么毛病呢?
1,公司考察,选拔项目经理,只关注技术能力,而很少或没有关注管理方面的经验,能力。
2,公司对项目经理缺乏必要的项目管理知识和技能方面的培训。
3,公司对项目经理的工作缺乏进行指
- IO输入输出部分探讨
百合不是茶
IO
//文件处理 在处理文件输入输出时要引入java.IO这个包;
/*
1,运用File类对文件目录和属性进行操作
2,理解流,理解输入输出流的概念
3,使用字节/符流对文件进行读/写操作
4,了解标准的I/O
5,了解对象序列化
*/
//1,运用File类对文件目录和属性进行操作
//在工程中线创建一个text.txt
- getElementById的用法
bijian1013
element
getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签,条件很简单,就是给每个标签分配一个ID号。
返回具有指定ID属性值的第一个对象的一个引用。
语法:
&n
- 励志经典语录
bijian1013
励志人生
经典语录1:
哈佛有一个著名的理论:人的差别在于业余时间,而一个人的命运决定于晚上8点到10点之间。每晚抽出2个小时的时间用来阅读、进修、思考或参加有意的演讲、讨论,你会发现,你的人生正在发生改变,坚持数年之后,成功会向你招手。不要每天抱着QQ/MSN/游戏/电影/肥皂剧……奋斗到12点都舍不得休息,看就看一些励志的影视或者文章,不要当作消遣;学会思考人生,学会感悟人生
- [MongoDB学习笔记三]MongoDB分片
bit1129
mongodb
MongoDB的副本集(Replica Set)一方面解决了数据的备份和数据的可靠性问题,另一方面也提升了数据的读写性能。MongoDB分片(Sharding)则解决了数据的扩容问题,MongoDB作为云计算时代的分布式数据库,大容量数据存储,高效并发的数据存取,自动容错等是MongoDB的关键指标。
本篇介绍MongoDB的切片(Sharding)
1.何时需要分片
&nbs
- 【Spark八十三】BlockManager在Spark中的使用场景
bit1129
manager
1. Broadcast变量的存储,在HttpBroadcast类中可以知道
2. RDD通过CacheManager存储RDD中的数据,CacheManager也是通过BlockManager进行存储的
3. ShuffleMapTask得到的结果数据,是通过FileShuffleBlockManager进行管理的,而FileShuffleBlockManager最终也是使用BlockMan
- yum方式部署zabbix
ronin47
yum方式部署zabbix
安装网络yum库#rpm -ivh http://repo.zabbix.com/zabbix/2.4/rhel/6/x86_64/zabbix-release-2.4-1.el6.noarch.rpm 通过yum装mysql和zabbix调用的插件还有agent代理#yum install zabbix-server-mysql zabbix-web-mysql mysql-
- Hibernate4和MySQL5.5自动创建表失败问题解决方法
byalias
J2EEHibernate4
今天初学Hibernate4,了解了使用Hibernate的过程。大体分为4个步骤:
①创建hibernate.cfg.xml文件
②创建持久化对象
③创建*.hbm.xml映射文件
④编写hibernate相应代码
在第四步中,进行了单元测试,测试预期结果是hibernate自动帮助在数据库中创建数据表,结果JUnit单元测试没有问题,在控制台打印了创建数据表的SQL语句,但在数据库中
- Netty源码学习-FrameDecoder
bylijinnan
javanetty
Netty 3.x的user guide里FrameDecoder的例子,有几个疑问:
1.文档说:FrameDecoder calls decode method with an internally maintained cumulative buffer whenever new data is received.
为什么每次有新数据到达时,都会调用decode方法?
2.Dec
- SQL行列转换方法
chicony
行列转换
create table tb(终端名称 varchar(10) , CEI分值 varchar(10) , 终端数量 int)
insert into tb values('三星' , '0-5' , 74)
insert into tb values('三星' , '10-15' , 83)
insert into tb values('苹果' , '0-5' , 93)
- 中文编码测试
ctrain
编码
循环打印转换编码
String[] codes = {
"iso-8859-1",
"utf-8",
"gbk",
"unicode"
};
for (int i = 0; i < codes.length; i++) {
for (int j
- hive 客户端查询报堆内存溢出解决方法
daizj
hive堆内存溢出
hive> select * from t_test where ds=20150323 limit 2;
OK
Exception in thread "main" java.lang.OutOfMemoryError: Java heap space
问题原因: hive堆内存默认为256M
这个问题的解决方法为:
修改/us
- 人有多大懒,才有多大闲 (评论『卓有成效的程序员』)
dcj3sjt126com
程序员
卓有成效的程序员给我的震撼很大,程序员作为特殊的群体,有的人可以这么懒, 懒到事情都交给机器去做 ,而有的人又可以那么勤奋,每天都孜孜不倦得做着重复单调的工作。
在看这本书之前,我属于勤奋的人,而看完这本书以后,我要努力变成懒惰的人。
不要在去庞大的开始菜单里面一项一项搜索自己的应用程序,也不要在自己的桌面上放置眼花缭乱的快捷图标
- Eclipse简单有用的配置
dcj3sjt126com
eclipse
1、显示行号 Window -- Prefences -- General -- Editors -- Text Editors -- show line numbers
2、代码提示字符 Window ->Perferences,并依次展开 Java -> Editor -> Content Assist,最下面一栏 auto-Activation
- 在tomcat上面安装solr4.8.0全过程
eksliang
Solrsolr4.0后的版本安装solr4.8.0安装
转载请出自出处:
http://eksliang.iteye.com/blog/2096478
首先solr是一个基于java的web的应用,所以安装solr之前必须先安装JDK和tomcat,我这里就先省略安装tomcat和jdk了
第一步:当然是下载去官网上下载最新的solr版本,下载地址
- Android APP通用型拒绝服务、漏洞分析报告
gg163
漏洞androidAPP分析
点评:记得曾经有段时间很多SRC平台被刷了大量APP本地拒绝服务漏洞,移动安全团队爱内测(ineice.com)发现了一个安卓客户端的通用型拒绝服务漏洞,来看看他们的详细分析吧。
0xr0ot和Xbalien交流所有可能导致应用拒绝服务的异常类型时,发现了一处通用的本地拒绝服务漏洞。该通用型本地拒绝服务可以造成大面积的app拒绝服务。
针对序列化对象而出现的拒绝服务主要
- HoverTree项目已经实现分层
hvt
编程.netWebC#ASP.ENT
HoverTree项目已经初步实现分层,源代码已经上传到 http://hovertree.codeplex.com请到SOURCE CODE查看。在本地用SQL Server 2008 数据库测试成功。数据库和表请参考:http://keleyi.com/a/bjae/ue6stb42.htmHoverTree是一个ASP.NET 开源项目,希望对你学习ASP.NET或者C#语言有帮助,如果你对
- Google Maps API v3: Remove Markers 移除标记
天梯梦
google maps api
Simply do the following:
I. Declare a global variable:
var markersArray = [];
II. Define a function:
function clearOverlays() {
for (var i = 0; i < markersArray.length; i++ )
- jQuery选择器总结
lq38366
jquery选择器
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
- 基础数据结构和算法六:Quick sort
sunwinner
AlgorithmQuicksort
Quick sort is probably used more widely than any other. It is popular because it is not difficult to implement, works well for a variety of different kinds of input data, and is substantially faster t
- 如何让Flash不遮挡HTML div元素的技巧_HTML/Xhtml_网页制作
刘星宇
htmlWeb
今天在写一个flash广告代码的时候,因为flash自带的链接,容易被当成弹出广告,所以做了一个div层放到flash上面,这样链接都是a触发的不会被拦截,但发现flash一直处于div层上面,原来flash需要加个参数才可以。
让flash置于DIV层之下的方法,让flash不挡住飘浮层或下拉菜单,让Flash不档住浮动对象或层的关键参数:wmode=opaque。
方法如下:
- Mybatis实用Mapper SQL汇总示例
wdmcygah
sqlmysqlmybatis实用
Mybatis作为一个非常好用的持久层框架,相关资料真的是少得可怜,所幸的是官方文档还算详细。本博文主要列举一些个人感觉比较常用的场景及相应的Mapper SQL写法,希望能够对大家有所帮助。
不少持久层框架对动态SQL的支持不足,在SQL需要动态拼接时非常苦恼,而Mybatis很好地解决了这个问题,算是框架的一大亮点。对于常见的场景,例如:批量插入/更新/删除,模糊查询,多条件查询,联表查询,