当前位置: 网站首页>小程序开发>400电话办理

淮南网页设计-高端网站设计公司

发表日期: 2022-07-02 10:33:04 浏览次数:46

淮南网页设计-高端网站设计公司

网站建设.png

这个方法,但是随着搜索引擎功能越来越强大这个方法已经不那么好用了,甚至会起到反作用。“关键字”的体现要合理,比如我们可以制作一个“网站导航”的页面,网站导航页面会淋漓尽致的体现各个关键字,这个页面不但方便用户使用也会更容易的被搜索引擎找到起到事半功倍的作用。随着搜索引擎都有了图片搜索功能。上海网站建设公司 认为网页里边的图片也是体现关键词的好地方,在页面里边加入图片后千万别忘记给图片起一个“名字”(如:<IMG SRC=images.gif WIDTH=100 HEIGHT=100 BORDER=0 ALT=图片名称>)我们给图片的名称就可以是关键字。域名里边含有关键字也很重要,但是不宜过多,一般一个或者两个最重要的就可以了,如果过多就会影响网站在搜索引擎的排名而且不方便用户记忆。

子页面的名称也是一样,现在很多网站的子页面名称就是关键字的堆砌,其实这样会降低每个关键词的出现机率,结果每个关键词都被打了折扣甚至被忽略适得其反。在子页面的命名上也有很大的学问,几个关键词构成了子页面的名称,但是这几个关键词用什么连接呢?上海网站建设公司 建议大家使用“-”和空格(空格码:%20),一般所有的搜索引擎都会接受。另外千万不要用中文给页面命名,页面名称、图片名称等等都要用英文字母(如:“首页.html”或者“图片.gif”一定要写成


Vue 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。

Vue 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。

结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。


插值

文本

数据绑定最常见的形式就是使用 {{...}}(双大括号)的文本插值:

文本插值

<div id="app">  <p>{{ message }}</p></div>

尝试一下 »

{{...}} 标签的内容将会被替代为对应组件实例中 message 属性的值,如果 message 属性的值发生了改变,{{...}} 标签内容也会更新。

如果不想改变标签的内容,可以通过使用 v-once 指令执行一次性地插值,当数据改变时,插值处的内容不会更新。

<span v-once>这个将不会改变: {{ message }}</span>

Html

使用 v-html 指令用于输出 html 代码:

v-html 指令

<div id="example1" class="demo">    <p>使用双大括号的文本插值: {{ rawHtml }}</p>    <p>使用 v-html 指令: <span v-html="rawHtml"></span></p></div> <script>const RenderHtmlApp = {  data() {    return {      rawHtml: '<span style="color: red">这里会显示红色!</span>'    }  } } Vue.createApp(RenderHtmlApp).mount('#example1')</script>

尝试一下 »

属性

HTML 属性中的值应使用 v-bind 指令。

<div v-bind:id="dynamicId"></div>

对于布尔属性,常规值为 true 或 false,如果属性值为 null 或 undefined,则该属性不会显示出来。

<button v-bind:disabled="isButtonDisabled">按钮</button>

以上代码中如果 isButtonDisabled 的值是 null 或 undefined,则 disabled 属性甚至不会被包含在渲染出来的 <button> 元素中。

以下实例判断 use 的值,如果为 true 使用 class1 类的样式,否则不使用该类:

v-bind 指令

<div id="app">  <label for="r1">修改颜色</label><input type="checkbox" v-model="use" id="r1">  <br><br>  <div v-bind:class="{'class1': use}">    v-bind:class 指令  </div></div>    <script>const app = {  data() {    return {      use: false    }  } } Vue.createApp(app).mount('#app')</script>

尝试一下 »

表达式

Vue.js 都提供了完全的 JavaScript 表达式支持。

JavaScript 表达式

<div id="app">    {{5+5}}<br>    {{ ok ? 'YES' : 'NO' }}<br>    {{ message.split('').reverse().join('') }}    <div v-bind:id="'list-' + id">菜鸟教程</div></div>    <script>const app = {  data() {    return {      ok: true,      message: 'RUNOOB!!',      id: 1    }  } } Vue.createApp(app).mount('#app')</script>

尝试一下 »

表达式会在当前活动实例的数据作用域下作为 JavaScript 被解析。有个限制就是,每个绑定都只能包含单个表达式,所以下面的例子都不会生效:

<!--  这是语句,不是表达式:-->{{ var a = 1 }}<!-- 流控制也不会生效,请使用三元表达式 -->{{ if (ok) { return message } }}

指令

指令是带有 v- 前缀的特殊属性。

指令用于在表达式的值改变时,将某些行为应用到 DOM 上。如下例子:


淮南网页设计-高端网站设计公司

400-111-6878
服务热线
顶部

备案号: 苏ICP备11067224号

CopyRight © 2011 书生商友信息科技 All Right Reserved

24小时服务热线:400-111-6878   E-MAIL:1120768800@qq.com   QQ:1120768800

  网址: https://www.768800.com  网站建设上往建站

关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|

企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|

400电话办理| 书生商友软件| 葬花网| 调温纤维| 海洋馆运营维护| 北京保安公司| 殡仪馆服务| 殡葬服务| 昌平殡葬| 朝阳殡葬|

预约专家

欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系

  

服务热线:400-111-6878