하이라이트를 표시할 수 있는 정규식은 무엇입니까?

이번에는 어떤 종류의 정규식을 사용하여 하이라이트를 표시할 수 있나요? 정규식을 사용하여 하이라이트를 표시하는 방법은 무엇인가요? 정규식 표시 강조 표시에 대한 주의 사항 은 무엇입니까? 다음은 실제 사례입니다. 살펴보겠습니다.

프로그래머는 코드를 작성할 때 필연적으로 strings과 "query"을 처리합니다. 이 둘의 교차점에 이를 사용하면 프로그래밍 효율성이 향상될 수 있습니다. 너 먼저 가서 열심히 공부해도 돼.

정규식 사용과 관련하여 다음은 간단한 예입니다.

var m = location.href.match(/(\w+:)\/{0,3}([^\/]+)(?:(\/[^\?#]*))?(?:(\?[^#]+|.+))?(?:(#.*))?/);
var res = {
    protocol: m[1],
    host: m[2],
    path: m[3],
    search: m[4],
    hash: m[5]
};
console.log(res);

몇 분 동안 누르고 있으면 ==||, 이 정규식은 특히 이해하기 쉽지 않다는 느낌이 듭니다(빨간색과 검은색, 좀 더 명확해야 합니다), 일부 친구들은 그렇지 않을 수도 있습니다. (?:content)가 무엇을 의미하는지 알고 있고 (?!content) 및 (?=content)와 같은 그룹화 및 예측에 대한 지식도 있다면 Du 형제에게 물어볼 것을 제안합니다. 그리고 구니앙.

1. 일반 응용 프로그램의 작은 DEMO 예

다음은 텍스트 영역에 배치된 손으로 쓴 코드 묶음입니다.

/*** @author barret lee* @date   2013-10-06* @email  barret.china@gmail.com*/
//outer varvar a = "this id outer string";
//closurefunction b() { //inner var var a = "this is inner string"; var g = a.replace(/this is inner string/g, function() {  return new Function("/*clousure*/this.a")(); });
 /** * @description closure - regExp test * @author barret lee */ function c() {  return {   a: a,   g: g  } }
 return c;}
var s = b()(); //s.a, s.g

정규 일치, 위의 문자열 더미를 처리하는 작은 DEMO:

/*** @author barret lee* @date 2013-10-06* @email barret.china@gmail.com*/
//outer varvar a = "this id outer string";
//closurefunction b() {    //inner var    var a = "this is inner string";    var g = a.replace(/this is inner string/g, function() {        return new Function("/*clousure*/this.a")();    });
    /**    * @description closure - regExp test    * @author barret lee    */    function c() {        return {            a: a,            g: g        }    }
    return c;}
var s = b()(); //s.a, s.g

Similar to Many front -ends 템플릿, artTemplate, baiduTemplate 등은 모두 정규식의 훌륭한 응용 프로그램입니다. 소스 코드를 살펴보고 주의 깊게 연구할 가치가 있습니다. 소스 코드가 길지 않을 뿐입니다. 200~300줄. 하나를 이해하는 것이 더 쉬울 수도 있지만 직접 해 보면 많은 세부 사항을 잘 처리할 수 없다는 것을 항상 알게 될 것입니다. 사용. 정규 스킬은 가질 가치가 있습니다~

이 사례를 읽고 나면 방법을 마스터했다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 읽기:

jquery의 ajax를 사용하여 양식 데이터를 비동기적으로 제출하는 방법

jquery에서 제출한 배열을 받은 후 데이터를 추출하기 위해 springmvc를 구현하는 방법

구문 및 일반 지침에 대한 자세한 설명 vue.js

위 내용은 하이라이트를 표시할 수 있는 정규식은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!