前几天有个同学问说他有个 cms 没有 if 判断标签,php 还不会写,我就给他写了个能用的 jq,原理就是通过判断地址栏的链接和代码里导航部分的链接一致的话就高亮,分享出来给大家参考。...js_Current.zip js_Current 菜单二 //js
ES当中大部分的内容都已经学习完了,今天呢算是对前面内容的查漏补缺,把ES中非常实用的功能整理一下,在以后的项目开发中,这些功能肯定是对你的项目加分的,我们来看看吧。...高亮 高亮在搜索功能中是十分重要的,我们希望搜索的内容在搜索结果中重点突出,让用户聚焦在搜索的内容上。...我们看看在ES当中是怎么实现高亮的,我们还用之前的索引ik_index,前面的章节,我们搜索过香蕉好吃,但是返回的结果中并没有高亮,那么想要在搜索结果中,对香蕉好吃高亮该怎么办呢?...我们看看ES中是怎么实现“搜索建议”的。...好了,今天这两个ES的知识点就全部OK了~ 大家有问题在评论区留言。
多语言代码高亮显示可以直接用在node.js适用于任何标记兼容任何js框架支持的语言默认支持的语言Common:(只要集成就支持以下的语言识别并高亮显示)代码语言:javascript复制Bash C
作为前端开发者,代码是你躲也躲不开的,下面就教你如何在自己的网站里给所有代码块添加高亮效果。而这篇文章要给你介绍的就是这样一个代码高亮插件 prettify.js 。...-- 引入 JS 文件 --> 推荐首选官网下载...,如果找不到官网也可以从 bootcdn 下载或者直接引用prettify.js。...在这里由于启用 prettify.js 时,用到了jQuery 所以你也需要把 jQuery 一同引进来。...prettyprint :标记作用范围 linenums:是否显示行号 启用完之后,你就可以在你的写文章的时候,用 标签 把代码包裹起来就可以看到美美的高亮效果了 有时候你会遇到一些奇葩的问题
'width': 'auto', 'height': '480px', 'tabSpaces': 4, # 插件 # prism:代码高亮...extraPlugins': ','.join(['codesnippet', 'uploadimage', 'prism', 'widget', 'lineutils', ]), }, } 前端高亮代码配置... * 内容必须是代码块,即含有 pre 标签,再选择代码语言,不选择代码语言默认黑白框 * 去 prismjs 官网下载 css 和 js 文件:选择你喜欢的主题,勾选支持的语言,以及选择...Line Highlight、Line Numbers、Copy to Clipboard Button 功能,下载后把 css 和 js 放在static 对应的目录下 前端引入两个 js 和 css...script> <link rel="stylesheet" href="{% static
ES6相关概念(★★)什么是ES6ES 的全称是 EC... 请注意,本文编写于 2056 天前,最后修改于 169 天前,其中某些信息可能已经过时。...ES6相关概念(★★) 什么是ES6 ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。 版本更新 为什么使用 ES6 ?...ES6新增语法 let(★★★) ES6中新增了用于声明变量的关键字 let声明的变量只在所处于的块级有效 if (true) { let a = 10; } console.log(a...调用函数 函数体中只有一句代码,且代码的执行结果就是返回值,可以省略大括号 function sum(num1, num2) { return num1 + num2; } //es6...[1, 2, 3].includes(2) // true [1, 2, 3].includes(4) // false String 的扩展方法 模板字符串(★★★) ES6新增的创建字符串的方式,
版本历史 ES5 浏览器可用性 https://www.caniuse.com/#search=es5 ES6 浏览器可用性 https://www.caniuse.com/#search=es6 JS...ECMAScript是JS语言的基础。...ES5 支持IE9及以上 最常用的就是JSON对象了,早期的浏览器就要加载js插件来实现。...; 严格模式,严格模式,重要其实就是es5中弃用了很多以前版本的语法,你再用就提示错误。...一句话说明了这个的用途,我们只要知道哪些语法被弃用了(es3,es2,es1),就知道哪些会在使用这个模式下报错了。
es6尚未得到所有浏览器的全部支持将es6转化为es5必要。...下面将利用babel 转换js语法 首先安装 npm install –save-dev @babel/core @babel/cli @babel/preset-env @babel/node...在项目中创建 babel.config.js 文件(不可更改) 在文件中写入如下代码 const presets =[ ["@babel/env", { targets: {...console.log('Hello Word'); }; show(); export default { a, b, c, show } 在 m2.js.../m1.js'; console.log(m2); console.log(start); 如果只是单纯的执行某一文件可以直接调用 import 文件路径 调用文件使用 npx babel-node
介绍 如果是编写个人网站内容的时候,往往会需要面临代码的高亮显示需求。 而网上有不少的前端的代码高亮库,例如https://github.com/PrismJS/prism-themes 。...所以,现在推荐一个库:highlight.js (highlightjs.org) 一直维护到现在, 并且还在不断迭代更新的代码高亮库 highlight.js 官网地址:https://highlightjs.org...多语言代码高亮显示 可以直接用在node.js 适用于任何标记 兼容任何js框架 支持的语言 默认支持的语言Common:(只要集成就支持以下的语言识别并高亮显示) Bash C C# C++ CSS...让我们知道集成后的代码高亮的显示效果。..."> 这些托管的高亮显示库,没有捆绑所有语言。
artifactId> true 2.application.properties application.properties es...elasticService.findBySecondCode("XX7475"); } } 7.测试 init方法初始化数据:http://localhost:8080/elastic/init 测试 8.高亮显示...findByContent方法,添加前缀后缀 @Override public Page findByContent(String content) { // 定义高亮字段
给大家推荐一个代码高亮显示的东东,直接使用一个 JavaScript 库 —— Prism 是一款轻量、可扩展的代码语法高亮库,使用现代化的 Web 标准构建。 为什么选择 Prism.js ?...极致易用引用 prism.css 和 prism.js,使用合适的 HTML5 标签(code.language-xxxx),搞定!...许多网站都在使用 Prism,如果你是前端开发者,那你一定十分熟悉这些网站: 这些网站在使用 Prism.js 连 JavaScript 之父 Brendan Eich 也在个人博客上使用!...如何使用: 你只需要在页面上引入 prism.css 和 prism.js 文件: ......原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明:转载自:使用 Prism.js 实现漂亮的代码语法高亮
){ console.log(this.name, this.age); } } /* 1.在ES6
推荐 菜鸟教程 https://www.runoob.com/w3cnote/es6-object.html 本文中也穿插讲了函数 如果不懂 移步 js入门(ES6)[五]—函数 对象 什么是对象
推荐菜鸟es6教程 https://www.runoob.com/w3cnote/es6-function.html 本文中也穿插讲了 对象 如果不懂 请移步 js入门(ES6)[四]—对象
ES6,ES7,ES8,ES9,ES10,ES11,ES12...JS语法汇总集合新特性 ✅作者简介: 我是痴心阿文,你们的学友哥,今天给大家分享 ES6,ES7,ES8...,ES9,ES10,ES11,ES12...JS语法汇总集合新特性!...个人主页:痴心阿文的博客_CSDN博客-前端,Vue.js,微信小程序领域博主 本文前言: ES6,ES7,ES8,ES9,ES10,ES11,ES12...JS语法汇总集合新特性 如果觉得博主的文章有帮到你的话...,请支持一下博主哦 目录 ES6(2015) 1....ES9(2018) 1.
---- 前言 前端学习永无止境,学习吧骚年~ 本文集合了 ES6 至 ES11 常用到的特性,包括还在规划的 ES12,只列举大概使用,详细介绍的话内容量将十分巨大~.~。...PS:使用新特性需要使用最新版的 bable 就行转义 ---- 新特性 ES6(2015) 1....---- ES9(2018) 1....---- ES10(2019) 1....可选 Catch ---- ES11(2020) 1. Nullish coalescing Operator(空值处理) 表达式在 ??
我们要实现代码高亮的方法有很多中,比如WordPress也有代码高亮插件或者是手动实现CSS样式来实现代码高亮。在这篇文章中老蒋要分享的是Prism.js小工具可以实现页面的代码高亮效果。...Prism.js,是一款轻量的可以定制的代码插件效果工具。我们可以使用Prismjs 可以快速为网站添加代码高亮功能。...Prism.js 脚本可以自定义下载,支持超过 100 多种编程语言,还支持很多种插件,这个就不仅仅局限适合哪个CMS,所有的网站页面都可以使用只要我们引用对应的JS文件。...文章目录 隐藏 第一、PrismJS高亮代码下载 第二、引用PrismJS文件 第三、如何使用 第一、PrismJS高亮代码下载 下载地址:https://prismjs.com...第三、如何使用 案例效果:https://prismjs.com/examples.html 本文出处:老蒋部落 » 利用Prism.js脚本工具实现网页代码高亮效果 | 欢迎分享
js是单线程执行 同一时间只能做一件事(任务) 但是有子线程 任务分两种 一种是同步任务 一种是异步任务 同步任务在主线程中排队执行 异步任务进入一个任务队列 在同步任务形成的执行栈完成后 再执行异步任务的队列中的任务...=> { console.log(4) }); five() 异步编程 Promise 对象 Generator 函数 基础用法 async 函数 基础用法 小示例 菜鸟教程的相应教程地址 es6...菜鸟Promise对象 es6菜鸟Generator函数 es6菜鸟async函数 Promise 对象 promise可以获取异步操作的信息 主要有三种状态 pending(进行中),fulfilled
在ES6之前,如果我们想要将字符串和一些动态的变量(标识符)拼接到一起,是非常麻烦和丑陋的 ES6允许我们使用字符串模板来嵌入JS的变量或者表达式来进行拼接: 首先,我们会使用 `` 符号来编写字符串...来嵌入动态的内容 const age = 23 // 基本使用 console.log(`age is ${age}`) // => age is 23 // ${expression}中可以使用合法的js...`` // 默认会接收一个参数,类型为数组 --> [''] 复制代码 function foo(...args) { console.log(...args) } const lang = 'JS...username = 'Kluas' foo`Hello ${lang}, my name is ${username}` /* => [Hello, , my name is] JS..., Klaus */ 复制代码 函数参数 默认参数 ES5 function sum(m, n) { // ES5中设置默认值的方式,但是这么设置其实是有bug的 // 如果m或n的值是
领取专属 10元无门槛券
手把手带您无忧上云