`
weina
  • 浏览: 144636 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

js 实现动态替换 占位符 和取context

    博客分类:
  • js
阅读更多

var MessageFormat = function(str){
    var args = [].splice.call(arguments,1);

//因为aruguments是个伪数组,没有数组的splice方法,所以,我们要用call给arguments只想一个aplice的方法,这样我们//就可以截取到 arguments后面的参数了
    return str.replace(/\{([^}])\}/g,function(index,value){
        return args[value];

//下面我们有那个了replace,利用正则将我们捕获到的占位符,替换掉
    })
}

 

//取url中的context

var str ="http://my.tianji.com/dashboard/777";
aa = str.match(/https?:\/\/[^/]+\/([^/]+)/);
console.log(aa[1])

分享到:
评论

相关推荐

    JS调用word的模板 替换文字图片 设置图片大小

    在JavaScript(JS)开发中,有时我们需要与Microsoft Word进行交互,比如利用Word模板来替换文本和图片,以实现自动化文档生成。在这个场景中,我们主要关注如何通过JS操作Word模板,替换其中的文字和图片,并调整...

    js模板引擎从无到有

    以下是一个简单的例子,使用正则表达式来查找和替换占位符: ```javascript function renderTemplate(template, data) { return template.replace(/\{\{(.+?)\}\}/g, function (_, key) { return data[key] || ''...

    JavaScript_类固醇上的最小模板.zip

    使用Handlebars.js,开发者可以创建模板文件,这些文件包含静态HTML结构和占位符,然后在运行时使用JavaScript数据来替换这些占位符。这有助于提高页面加载速度,因为大部分HTML渲染工作可以在服务器端完成,只传输...

    js定制模板

    1. **定义模板**:在HTML文档中定义一个模板字符串,该字符串包含了占位符(通常是变量名),这些占位符将在运行时被实际的数据值所替换。 2. **获取数据**:通过Ajax请求或其他方式从服务器获取需要填充到模板中的...

    Javascript 字符串模板的简单实现

    在`render`函数中,我们将使用`String.prototype.replace`方法配合这个正则表达式来查找和替换占位符。如果占位符前或后有转义字符,我们就忽略这个占位符,否则尝试从上下文对象中找到对应的值。 替换占位符时,...

    js实现PC端移动端通用的图片懒加载.rar

    本教程将围绕"js实现PC端移动端通用的图片懒加载"这一主题,详细介绍其核心原理和实现方法。 首先,我们需要理解什么是图片懒加载。传统的网页加载方式是当页面加载时,所有图片资源都会一次性加载,这可能导致加载...

    handlebars.js实用教程

    - **占位符(Placeholders)**:使用`{{ }}`包裹的表达式是Handlebars的基本占位符,它们会被模板中的相应数据替换。 - **三重大括号(Triple Stache)**:`{{{ }}}`用于输出未转义的值,通常用于插入HTML片段。 ...

    前端国际化JS

    这些库通常集成了更丰富的功能,如占位符替换、复数规则处理等,以满足不同项目的复杂需求。 总的来说,前端国际化JS是为了解决网站或应用跨地域、多语言的问题,确保内容能够正确地展示给全球用户。i18n-mini和i18...

    前端开源库-rollup-plugin-preprocess

    - **代码替换**:允许在源代码中使用占位符,并在打包时用实际值替换它们,例如环境变量。 - **模板语言支持**:支持诸如 Pug 或 EJS 这样的模板语言,将其转换为 HTML。 - **语法转换**:转换 ES6+ 语法到 ES5 或更...

    节点js

    4. **占位符**:Handlebars使用双大括号`{{ }}`来表示占位符,如`{{name}}`会替换为数据对象中`name`属性的值。 5. **三重大括号**:`{{{ }}}`用于输出未转义的HTML,防止HTML实体被自动转义。 在实际项目中,...

    WebView使用URL

    如果你想在加载URL时传递数据,可以在HTML中使用占位符,然后通过`loadDataWithBaseURL`方法替换: ```java String html = "<html><body><h1>我的标题</h1></body></html>"; webView.loadDataWithBaseURL(null, html...

    HandlebarsHomework

    4. **上下文(Context)**:每个模板都有一个执行时的数据上下文,这意味着模板内的占位符会查找当前作用域内的属性。如果需要改变上下文,可以使用 `{{#with}}` 或 `{{#each}}`。 5. **三重大括号(Triple Stache...

    try_dust:使用Dust.js在浏览器中呈现模板的最小示例(根本没有服务器端代码)

    4. **上下文** (Context): 渲染模板时的数据对象,它提供了模板中占位符要用到的值。 在这个 "try_dust" 示例中,你可能看到一个简单的HTML文件(如 `index.html`),里面包含一个Dust模板,以及一个JavaScript文件...

    基于react18的管理后台模板.zip

    同时,"Suspense"组件也得到了增强,现在不仅可以用于加载数据,还可以在等待任何异步操作时展示占位符,进一步提升了页面加载的流畅性。 该模板可能包含以下关键组件和结构: 1. **路由系统**:通常会使用`react-...

    eclipse 创建JSF xhtml 模板

    - 替换模板中的占位符,添加所需的JSF UI组件和其他内容。 #### 四、进一步定制模板 1. **修改样式**: - 在`<h:head>`部分添加CSS链接或内联样式。 2. **添加JavaScript**: - 可以在`<h:head>`或`<h:body>`...

    Vue3-demo 示例代码

    Vue3 引入了 `Suspense` 组件,允许开发者在组件加载期间显示占位符。这在处理异步组件加载时非常有用,可以提供更好的用户体验。 6. **优化性能**: Vue3 提供了更好的性能优化手段,如 `v-if` 和 `v-for` 指令...

    docker-image-builder:从远程源构建Docker映像! (不是这个)

    用有效的凭证替换AWS占位符,并用有效的信息( source ,以及可选的versions )填充context 。 这就是您将在外部使用此模块的方式。 这还假设您的Docker在标准端口( 4243 )上本地运行。 在运行示例之前,请确保...

    vue3+ts 资源课件

    4. **Suspense Component**:Vue3 提供了一个名为`Suspense`的新组件,用于处理异步加载的组件,提供了一种预加载和渲染占位符的机制。 5. **Teleport**:Vue3 的`<teleport>`组件可以将内容渲染到文档的任何地方,...

    Velocity模板引擎 v2.2.0.zip

    - **Velocity Context**: 这是存储在模板中使用的变量和对象的地方,它们在渲染时会被替换为实际值。 - **Velocity Engine**: 负责解析模板,处理上下文中的数据,并生成最终输出。 2. **主要特点** - **简单...

Global site tag (gtag.js) - Google Analytics