【建站服务】长春公众号代运营公司-域名申请
作者: 风兰 . 阅读量: 7 . 发表时间:2022-09-21 02:21:06
上往建站提供服务器空间服务商,百度快照排名,网站托管,百度推广运营,致力于设计外包服务与源代码定制开发,360推广,搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。
长春公众号代运营公司

二、页面的布局
欧美风格的网站在图片的应用上喻意传达很有内涵,图片处理很精致细腻,与区域的划分区块大小搭配很合理恰当,而且一般都集中在页面的头部,或者中间位置,少有在页面中与区块错落混排的情况。同时欧美风格网站上的图片的广告作用十分突出,为了突出宣传效果,往往都会使用大幅的图片或者动画,因此这些内容一般也都会摆放在页头或者中间这些醒目的位置。使用文字的位置摆放也很有讲究,一般文字与图片都是在分布在两个区块里,较少使用图文混排的方式,即使使用图文混排的方式,图片与文字的间隔也会大一些。这样会使图片和文字说明的内容分开,使文字说明的作用更突出。
上往建站提供搭建网站,域名注册,官网备案服务,网店详情页设计,企业网店,专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管,网页美工排版,致力于域名申请,竞价托管,软文推广,全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机,网站推广,百度竞价托管,网站建设,上网建站推广服务,网络公司有哪些等业务,专业团队服务,效果好。
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)
关键词:网站建设,企业网站,网站制作,网页设计,高端网站建设,企业网站制作,网页制作,制作网站,网站设计,高端网页设计,高端网站设计,做网站,自适应网站



里本来 food 对象是没有 count 属性的,我们要给其添加 count 属性就必须使用 Vue.set 方法,而不能写成 this.food.count = 1
锋
cka***ng@qq.com
参考地址
野鬼yor
462***358@qq.com
过滤器可以接收多个表达式,message 和 mesage2 将作为过滤器的前两个参数:
<div id="app"> {{ message,message2 | capitalize('aa') }}</div> <script>new Vue({ el: '#app', data: { message: 'runoob', message2: 'runoob' }, filters: { capitalize: function (value,value2,value3) { if (!value) return '' value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1)+value.substring(0,value2.length-1)+value2.charAt(value2.length-1).toUpperCase()+'<br>'+value3 } }})</script>尝试一下 »
野鬼yor
462***358@qq.com
大橙子橙子大
160***1252@qq.com
split('') 是分裂的意思,也就是把一个数据拆分。
var vm = new Vue({ date:{ message=" Not split " } )}message.split('') == [ "N", "o", "t", " ", "s", "p", "l", "i", "t" ]split('') 会把数据拆分为一个数组,括号里的 '' 是把数据拆分为每个字符串的意思,如果不用就不会拆分成每个字符串。
reverse() 是翻转的意思,把数据反过来。
所以要跟在 split('') 后使用。
join('') 是重组的意思,把数组合成一个字符串。
message.split('').join('')slpit 后会拆散会数组,join 后就会变回原来的字符串了。
所以我们要把数据反过来重组就可以用:
message.split('').reverse( ).join('')大橙子橙子大
160***1252@qq.com
runoob_run
xty***roear.com
data 内部设定的属性名称不能与 html(v-bind: )名称一致,比如:
<div id="app"><a v-bind:href="url" :class="classS" rel="nofollow">菜鸟教程</a></div><script>new Vue({ el: '#app', data: { classS: 'class' }})</script>runoob_run
xty***roear.com
鱼猫
a16***02350@163.com
v-model 练习(任意输入内容的首个最长回文段)
<div id="app"> <input v-model="s"> <div v-html="'首个最长回文:'+changes()"> </div></div><script>new Vue({ el: '#app', data:{ s:"dsad", }, methods:{ changes:function(){ var s = this.s; var max = ""; for (var i = 0; i < s.length; i++) { var mas = s.charAt(i);//定义回文中心 masH = i - 1;//回文左边界 masF = i + 1;//回文右边界 while (masH >= -1 & masF < s.length) { //奇数回文中心变化 if (s.charAt(masH) == s.charAt(masF)) { mas = s.charAt(masH) + mas + s.charAt(masF); masH--; masF++; } else { //偶数回文中心变化 if (s.charAt(masF) == s.charAt(masF - 1)) { mas += s.charAt(masF); masF++; } else { break; } } } //只采用第一个最长回文 if (mas.length > max.length) { max = mas; } } return max; } } })</script>鱼猫
a16***02350@163.com
大虾
ner***233@126.com
针对表达式的应用和多个属性参数的使用:
<div id="app"> {{ message | capitalize('!',label,1<2?true:false) | capitalize2}}</div><script>new Vue({ el: '#app', data: { message: 'runoob', label:'———' }, filters: { capitalize: function (value,value2,value3,value4) { if (!value) return '' value = value.toString() console.log('capitalize1调用'); return value.charAt(0).toUpperCase() + value.slice(1)+value2+value3+value4; }, capitalize2: function (value) { if (!value) return '' value = value.toString() console.log('capitalize2调用'); return value.charAt(0)+value.charAt(1).toUpperCase() + value.slice(2); } }})</script>尝试一下 »
大虾
ner***233@126.com
晨晨
102***4220@qq.com
v-bind 缩写
Vue.js 为两个最为常用的指令提供了特别的缩写:
晨晨
102***4220@qq.com
eunseoa
yan***jy@cn.fujitsu.com
双向绑定和字符串反转一起使用:
<div id="app"> <input type = "text" v-model = 'message'> <p>请输入原始字符串: {{ message }}</p> <button @click = "stringReverse">点我反转字符串</button> <p>计算后反转字符串: {{ newMessage }}</p> <button @click = "clear">点我清空</button></div><script>var vm = new Vue({ el: '#app', data: { message: '', newMessage: '' }, methods: { // 计算属性的 getter stringReverse:function(){ // `this` 指向 vm 实例 this.newMessage = this.message.split('').reverse().join(''); }, clear:function(){ this.message = ''; this.newMessage = ''; } }})</script>