首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端代码乱糟糟?是时候引入代码质量检查工具了

// @warn 多文件互相引用时 偶尔会出现无引用情况 'no-unused-vars': [ 'warn', {...ESLint 和 StyleLint 工具提供了自动修复功能,可以修复简单错误如少了分号,多了空格,缩进不正确等 但要注意是,自动修复某些时候可能会使代码发生逻辑或语法错误,需谨慎使用(自动修复后一定一定一定记得比对代码...安装 ESLint-Formatter 以支持自动修复检查错误 ? 新增一个构建任务,可命名为,StyleLint-Fix.sublime-build 以支持自动修复检查错误 ?...Show All Errors,在底部显示错误列表 ? 使用 ESlint-formatter进行自动修复JS ?...在webpack中配置 参考webpack项目配置DEMO, 在 webpack.config.js 中传入相应参数 ? 正式使用时autoFix会按需设置,建议修复

2.6K10
您找到你想要的搜索结果了吗?
是的
没有找到

使用express框架开发,如何ejs文件中导入外部js、css文件

在使用ejs模版过程中遇到了这个问题:如何ejs模版中导入外部js、css文件。 猜测,ejs和html导入外部文件方式应该是不一样。但是还是决定试一试。...按照之前在html文件中方式导入,结果失败。 这也证明之前想法,这些静态文件一经过服务器,就不能直接进行导入了。那该如何导入呢? 这是文件结构:  ?...笔者这里情况如下: 基于node.js ,使用express开发一个blog网站: 项目目录: ? 这里引用外部js和css文件ejs页面的代码: <!...,上传成功或上传失败及错误信息等。"...所以上面ejs页面中引用就不用写public了,这里好处就是无论ejs页面与public中要引用文件相对路径关系是怎样,都可以直接在ejs中直接引用引用方式只需要关注public下路径,

9.7K00

前后端分离之vue2.0+webpack2 实战项目 -- webpack介绍

,引入相应css/js资源,并构建到指定目录, 对ejs模板支持 6 对js内依赖css分离并压缩 7 对js引用公共模块抽取分离成单独文件 8 区分开发环境和生产环境 9 js 压缩 10.../src/js/lib/axios.min.js') } } 这里 path.resolve 作用是把相对路径转为绝对路径,假设项目建在d:/demo 目录下, _dirname: d:\demo...设置为pre表示对js校验在编译之前进行,我们只负责自己写js 语法和规范没有问题即可,编译后代码什么样都不管。 通常我们只对自己写js进行校验,类库和包里js无需校验。...name: 可以重新定义处理后图片并加上版本值。  四....不定义这个属性默认用output中filename方式 chunks:需要提取模块,在entry中我们有如下定义  entries.vendors = ['vue','axios']  所以定义

1.1K60

前后端分离之vue2.0+webpack2 实战项目 -- html模板拼接

对于前后端分离,如何把一个页面的公共部分比如head, header, footer, content等组合成一个完整html 是一个值得考虑地方。...另外head内title如何定义?对于要求head内根据不同页面有不同引用icon或者css甚至js,该如何配置呢?...title,  _html为自定义一些属性,你还可以增加比如content, data等等你想要数据传到模板。传到模板后,ejs可以直接获取到传过来值,获取方法如下: <!...,它会把我们页面内容 income.ejs 传给 html/layout.js,在 layout.js 内,我们会引入html各个公共部分,并把html/income.js 中定义各种参数传给页面的各个部分...前后端分离html拼接也就完成了。 目录结构参考: ? 源码:https://github.com/saysmy/vue2-webpack2-demo 如有错误请指正,有更好构建方式期待留言交流

1.5K60

TypeScript在react项目中实践

就这个结构拆分前后分离其实没有什么成本 在下边分了大概这样一些文件夹: dir/file desc index.ejs 项目的入口html文件,采用ejs作为渲染引擎 index.tsx 项目的入口js...并没有选择成熟cra(create-react-app)来进行环境搭建,原因有下: webpack更新到4以后并没有尝试过,想自己耍一耍 结合着TS以及公司内部东西,会有一些自定义配置情况出现...ESLint规则进行了一些自定义,创建了自家eslint-config-blued 同时还存在了react和typescript两个衍生版本。...已经更新了之前typescript-exmaple 在里边添加了本次重构所使用一些前端TS+React示例,还包括针对@Render一些兼容。...TypeScript是一个很棒想法,解决了N多javaScript种令人诟病问题。 使用静态语言来进行开发不仅能够提高开发效率,同时还能降低错误出现几率。

1.8K30

Windows 下 Nodejs

公司电脑权限管理比较严,不能安装软件,不能常驻系统进程等,所以像 xampp 之类都不能正常执行 又想在空闲时候做点东西 所以坑爹只能自己研究在windows下运行nodejs了 怎么执行?...jade -- template dot -- template ejs -- template Tenjin -- template jst -- template ,有错误,还未修复 dirty -...这个是目前找到最好工具了。 n2Mvc -- 国人开发一个独立轻型mvc架构 怎么用?...哥,这个只是让你折腾玩,想到生产环境还是用linux吧,虽然现在是做.net,但我还是觉得windows不适合做服务器。 这些都是你写吗? 不是,只是把他们拼在一起。...引用项目地址 nodejs : http://nodejs.org/ express : https://github.com/visionmedia/express dirty : https:

62920

JavaScript基础教程

,否则会报错引用错误(Reference Error): var foo; // 声明变量“foo” 赋值 你可以在声明变量同时为其赋值: var foo = 6; 你也可以给已经存在变量重新赋值...因为函数(类型为“function”)是对象(类型是对象)子类型,这不是一个错误。 null类型是object。这是一个bug,但从没被修复,因为修复后会破坏现有的代码。...下面是如何调用这个函数: add(6, 1) //7 add('a', 'b') //'ab' 另一种定义add()函数方法是通过函数表达式: var add = function (param1...如果你引用一个方法,它将失去和对象连接。...http://yanhaijing.com/es5 如果你想成为高手,建议阅读ecmascript规范 给javascript初学者24条最佳实践 希望知道七个JavaScript技巧 参考自原文

2.5K20

简单实用webpack-html-include-loader(附开发详解)

而且在工作中,我们也少不了要开发一些静态官网类网站。我们要做是想一想如何更好开发静态页面。 歪马最近因工作原因,需要对一个托管于内容管理系统官网类网站进行迁移。...经过歪马尝试,发现ejs并不能很好实现以下功能: 支持 include,但是传参格式不够优雅,用法如下: index.ejs: <%= require('....一、实现基础包含功能 为了能够更灵活组织静态页面,我们必不可少功能就是 include 包含功能。我们先来看看如何实现包含功能。...,可以借助 oader API emitError来对外输出错误信息。...想要实现自定义语法标记也很简单,将自定义标记动态传入正则即可。只有一点需要注意,那就是要对传入值进行转义。

1.5K20

简单实用webpack-html-include-loader(附开发详解)

而且在工作中,我们也少不了要开发一些静态官网类网站。我们要做是想一想如何更好开发静态页面。 歪马最近因工作原因,需要对一个托管于内容管理系统官网类网站进行迁移。...经过歪马尝试,发现ejs并不能很好实现以下功能: 支持 include,但是传参格式不够优雅,用法如下: index.ejs: <%= require('....一、实现基础包含功能 为了能够更灵活组织静态页面,我们必不可少功能就是 include 包含功能。我们先来看看如何实现包含功能。...,可以借助 oader API emitError来对外输出错误信息。...想要实现自定义语法标记也很简单,将自定义标记动态传入正则即可。只有一点需要注意,那就是要对传入值进行转义。

79530

PureBlue 主题更新记录

翻译文章时突然发现一件事,有的文章标题下是有类似subtitle东西,但不是hexo内置变量,所以自己定义了一个(说实话之前没考虑到这个问题)。...之前以为没法在script标签里写ejs,所以采用了在js里拼接字符串方法,想想真是又笨又奇葩。...为了醒目,暂时采用了比较喜欢荧光黄采用红色 取消纯黑字体,现在阅读文章不会那么晃眼了 修复代码块背景显示不正常问题 增加文章字数统计和阅读时长统计,可配置 2019.3.31: 发布 Version...虽说主题做出来了,但是一些大大小小毛病或者 bug 总是让心里不太舒服,所以花了一些功夫进行了修复,并终于发布了第一个版本。现在看起来已经好很多了(也已经与初版完全不同了)。...其他小改动: 显示标签数、分类数和文章数,至于文章阅读时长和字数统计可以以后再说;还有就是在after-footer.ejs中统一引用所有的js文件,没有之前那么乱糟糟了;标签云标签,之前鼠标移入时候会

1K30

ERROR 1062 (23000) at line 1: Duplicate entry 1332883220 for key group_key

1.问题背景 有一个数据表,记录一个QQ号加好友活跃天数、加好友次数、加好友toUin数等信息。...into时,错误如下ERROR 1062 (23000) at line 1: Duplicate entry '1332883220' for key 'group_key'。...很疑惑,blankUinPortrait并没有设置主键和唯一索引,不知道为什么会出现值冲突,百思不得其解,在网上各种google和baidu也没有找到原因。...关于max_heap_table_size 这个变量定义了用户可以创建内存表(memory table)大小,可用来计算内存表最大行数值。...这个变量支持动态改变,即set @max_heap_table_size=#,但对于已经存在内存表就没有什么用了,除非这个表被重新创建(create table)或者修改(alter table)或者

1.8K40

Java参数传递是「按值传递」还是「按引用传递」?

Java 编程语言中最大困惑之一就是: java 是按值传递还是按引用传递。在面试中经常会问面试者这个问题,但还是有很多面试者对这个问题理解不是很正确。...他们甚至还可以写出示例代码来验证他们想法,让我们来一起看一看大多数人是如何验证“基础类型按值传递,非基础类型按引用传递”这个想法: 基础类型数据作为参数传递 /** * 基础类型数据作为参数传递...这个时候很多同学通过以上两个示例验证,自己就得出了自己结论: 如果传递类型为基础数据类型,则按值传递,否则为按引用传递。 在此说明,这个理解是错误错误错误。...按引用传递:将对实际参数别名或引用传递给方法,将其称为按引用传递原因。 你个糟老头子坏得狠,信你个鬼,你这个解释给我要给差评..... 且听老夫(哦,不,是小编)慢慢道来......希望上面的解释能消除所有疑问,只需要记住Java 参数传递,不管是基本数据类型还是引用类型参数,都是按值传递,没有引用传递!。

2.4K30

前端原型链污染漏洞竟可以拿下服务器shell?

0x01 JavaScript中原型链 1.1 基本概念 在javaScript中,实例对象与原型之间链接,叫做原型链。其基本思想是利用原型让一个引用类型继承另一个引用类型属性和方法。...例如声明了一个arr数组类型变量,arr变量却可以调用如下图中并未定义方法和属性。 通过变量隐式原型可以查看到,数组类型变量原型中已经定义了这些方法。...= req.post(target_url, data=json.dumps(payload),headers=headers) req.get(target_url) 0x03 如何规避或修复漏洞...使用 Object.create(null) 创建没有原型对象。...A:在使用loadsh库4.17.10版本中,发现针对__proto__关键词做了判断和过滤,因此想到了通过访问构造函数prototype方式绕过 Q:在Demo中,为什么被攻击后,任意用户访问都是

1K20

用前端原型链漏洞污染拿下了服务器

0x01 JavaScript中原型链 1.1 基本概念 在javaScript中,实例对象与原型之间链接,叫做原型链。其基本思想是利用原型让一个引用类型继承另一个引用类型属性和方法。...例如声明了一个arr数组类型变量,arr变量却可以调用如下图中并未定义方法和属性。 通过变量隐式原型可以查看到,数组类型变量原型中已经定义了这些方法。...= req.post(target_url, data=json.dumps(payload),headers=headers) req.get(target_url) 0x03 如何规避或修复漏洞...使用 Object.create(null) 创建没有原型对象。...A:在使用loadsh库4.17.10版本中,发现针对__proto__关键词做了判断和过滤,因此想到了通过访问构造函数prototype方式绕过 Q:在Demo中,为什么被攻击后,任意用户访问都是

3.2K20

如何在大型代码仓库中删掉 6w 行废弃文件和 exports?

但下面两步依然很棘手,先给出结论: 如何确定步骤 1 中变量在本文件内部没有用到(作用域分析)?...ESLint 会 重复执行 fix 函数,直到不再有新修复错误为止。 为什么要 fork 下来改写它?...如何删除变量 当我们在 IDE 中编写代码时,有时会发现保存之后一些 ESLint 飘红部分被自动修复了,但另一部分却没有反应。 这其实是 ESLint rule fixer 作用。...参考官方文档 Apply Fixer 章节,每个 ESLint Rule 编写者都可以决定自己这条规则 是否可以自动修复,以及如何修复。...这里断点跟进 ts.parseJsonConfigFileContent 函数内部,发现有一些比较隐蔽参数和逻辑,用比较 hack 方式支持了自定义后缀。

4.6K20

Matery主题添加Pjax

如何给matery主题添加Pjax Pjax优点 减轻服务端压力 按需请求,每次只需加载页面的部分内容,而不用重复加载一些公共资源文件和不变页面结构,大大减小了数据请求量,以减轻对服务器带宽和性能压力...知道你们在意是教程不是这些啰嗦废话,下面就是正文 教程 基本了解 Pjax使用可以在保证Nav Header Footer 不变基础上改变 Main 内容(适用于页面结构相对简单主体)...评论页面ejs使用是valine,故我需要将valine.ejs页面进行修改) 谷歌统计页面(google-analytics.ejs) 文章目录(post-detail-toc.ejs) 说说页面...(artitalk.ejs) 标签页面(tags)词云(tag-wordcloud.ejs) 分类页面(categories)雷达图(category-radar.ejs) 归档页面(archives...Jquery getScript 方法进行重载 $.getScript("文件引用路径",function(){ //重载函数 }) 以评论(valine)为例 打开 valine.ejs

1.2K10

ChatGPT 编写模式:如何高效地将思维框架赋予 AI ?

如何理解 Prompt ?图片Prompt Enginneeringprompt 通常指的是一个输入文本段落或短语,作为生成模型输出起点或引导。...在 ChatGPT 则可以生成文本,质量上也是相似的,但是对于 AI 输出文本来说,质量并没有这么直观。应用好 Prompt 核心思想:概念与类比开始之前,可以看一下这个问题示例:1....所以我们可以直接通过编程语言与之交流:有下列遗留代码,想在接口函数名、参数名不变情况下(可以新参数,旧参数不能变)加入新功能:module.exports = async function loadYamlFile...模板字符串,进行渲染,如果传入了渲染ejscontext值不为undefined,就进行渲染,否则不进行渲染。...)); // 递归读取引用文件 const value = getValueByPointer(refData, pointer); // 修复了 # 号问题 return

1.3K31

C++智能指针

shared_ptr允许多个指针指向同一个对象,unique_ptr是“独占”所指向对象。标准库还定义了一个名为weak_ptr伴随类,它是一种弱引用,指向shared_ptr所管理对象。...---- 补充——new 一个对象加不加括号-链接 ---- 建议 1.尽可能不要将auto_ptr 变量定义为全局变量或指针,程序结束之后释放,没有意义。 2.不要定义指向智能指针指针。...但是如果我们不用另一个智能指针来保存release返回指针,我们程序就要负责资源释放。 p2.release();//错误,p2不会释放内存,而且我们丢失了指针。...如果有一种方式,可以记录引用特定内存对象智能指针数量,当复制或拷贝时,引用计数加1,当智能指针析构时,引用计数减1,如果计数为零,代表已经没有指针指向这块内存,那么我们就释放它!...(sp_boy); sp_boy->set_girl_friend(sp_girl); //对象引用计数都为2 //定义指针和类中私有属性中指针,都指向new出来这个对象

40320

Concise,一款为hexo设计简约而漂亮主题

最早使用是light主题,因为非常喜欢light主题简约明朗风格,之后看到pacman主题,很喜欢pacman头部和尾部设计,之间甚至起过要换主题念头(真是太可怕了)。...答:主题颜色大部分在/themes/concise/variable.style里,如果你想修改是首部和尾部颜色,修改color-theme和color-footer即可。.../imgs/author.jpg") left top,将author.jpg改成你使用图片名称,至于url为什么不使用引用配置文件方式,自己也尝试过,但一直失败,如果有人知道,可以回复帮我。...作为一位搞技术的人员,肯定是用逼格更高chrome或firefox,在这两种浏览器下是没有问题,如果你想体验旋转效果,请使用这两种浏览器。...问:是小白,也想要搭建一个自己博客,并使用博主主题,该怎么办?

84510
领券