class="test1">我是div标签div> div class="test2">我是div标签div> div class="test3">我是div...标签div> div class="test4">我是div标签div> body> 阴影 box-shadow text-shadow box-shadow:向框添加一个或多个阴影...id="box">div> body> 效果: text-shadow 属性:向文本设置阴影。...Document内置对象的作用: 1)往网页中写入一些标签 2)可以动态获取网页中所有的标签(节点) 3)可以对获取到的标签进行CRUD 3.1.3.8.写入内容 3.1.3.9.dom动态获取标签...在编写时候的三种方式： 1）直接在html标签中添加js 2）在script标签里面写 3）?????????
>中,当然，要获取标签成为js中的元素注意下面第7条提醒。...('div'); for(var i=0;i<divs.length;i++) { var div=divs[i]; console.log(div); } 原生JS获取标签内容 // by id...text-justify textJustify text-transform textTransform vertical-align verticalAlign 输出换行 注意document.write()只能向页面写入一次...所以不适用于静态页面的写入。主要用于写入文件中去，而不是写入页面中去。...树 js获取单选框里面的值 window.onload = function(){ //通过名字获取 getElementsByName //var obj = document.getElementsByName
属性的操作 首先获取的页面标签元素，然后就可以对页面标签元素的属性进行操作，属性的操作包括: 属性的读取 属性的设置 属性名在js中的写法 html的属性和js里面属性大多数写法一样，但是“class”...属性写成 “className” “style” 属性里面的属性，有横杠的改成驼峰式，比如：“font-size”，改成”style.fontSize” .sty01{...'); //读取 var sTxt = oDiv.innerHTML; alert(sTxt); //写入 oDiv.innerHTML...= '传智播客'; } div id="div1">这是一个div元素div> 3....小结 标签属性的获取和设置: var 标签对象 = document.getElementById('id名称'); -> 获取标签对象 var 变量名 = 标签对象.属性名 -> 读取属性 标签对象.
1.父子组件传值 (1) 父传子 父组件向子组件传值，可以通过绑定属性传值；子组件通过props接收父组件传值。...-- 向子组件传值，可以通过props，子组件里要props接 --> div> ..." :age="age1" > div> data() { return { name2: "小明", age2: 5 }; } // 添加依赖数据，它里面定义的数据...在vue的入口文件main.js中添加该属性， Vue.prototype....$bus = new Vue() 在两个兄弟组件中分别写入， methods: { // 修改乌鸦信息的方法 updateCrow(){ this.$bus.
侦听器：https://blog.csdn.net/qq_43674132/article/details/104860083 十.Vue.js的class绑定：https://blog.csdn.net....Vue中引用图片：https://blog.csdn.net/qq_43674132/article/details/107043105 Vue条件指令 创建一个if.html页面并引入vue.js..."> Vue条件指令 先在body里面写个div，id为app，然后在div标签里面再写一个div，div里面写入一行字符串...再写个script标签，在标签中var app = new Vue({});中括号里面就写声明的元素、数据等 data{ flag:true } 表示显示，然后在第二个div里面用...--v-if：是vue中的判断指令--> div v-if="flag">hello liqinggangdiv> div> var app = new Vue
src：一般我们在img和script标签中使用，用来引用图片或者js文件，它的值就是文件的地址。 id：id通常在一个网页是唯一的，为了便于给它加上一个特别的样式或者便于js找到它。...JS是可以在浏览器里面运行的编程语言。它的特点： 1、JS可以在浏览器端进行运算 2、JS可以发起请求并更新网页（重点！） JS可以在不刷新网页的前提下，向后台发起请求，然后单独更新某一段网页。...我们的目标是： 电影属性 文档中的位置 名字 在第2个标签里面 链接 在第1个和第2个标签的 href 属性里面 上映日期 在第1个标签里面 类型 在第2个标签里面 地区 在第...3个标签里面 关注者数量 在第4个标签里面 名字：先获取所有的标签，取第二个标签的text属性。...file_obj是一个文件对象(Python里面也是万物皆对象，所以不要愁没有对象了)，之后我们读取、写入数据都通过这个对象进行操作。
f = Handlebars.compile(t);//预编译模版 var h = f(data); //将数据放入模板中 $("#card").html(h); //显示在某一个标签里面...> 我们向data数组里面再添加一个json对象 var data = [{ name: "自酌一杯酒", age: 22, home: "中国", job: "WEB前端工程师...f = Handlebars.compile(t);//预编译模版 var h = f(data); //将数据放入模板中 $("#card").html(h); //显示在某一个标签里面...，这儿也需要自定义一个Helper，我们给标签里做判断 js中需要这样写 Handlebars.registerHelper("isfirst",function (value,options) {...f = Handlebars.compile(t);//预编译模版 var h = f(data); //将数据放入模板中 $("#card").html(h); //显示在某一个标签里面
里面的dom对象进行操作 *** 想要对标记性超文本文档进行操作，首先需要对标记性超文本型文档里面所有的内容封装成对象 --需要把html里面的标签、属性、文本内容封装成对象 *** 解析过程 根据html...("nameid");//获取的是标签中的id值 //得到input里面的value值 alert(input.value); //向input里面设置一个value值 input.value="bbbb...divv的标签 var divv=document.getElementById("divv"); //把复制的ul标签放在新的div里面 divv.apendChild(copyul); } ** 操作...var span1=document.getElementById("spanid"); //获取标签的文本内容 alert(span1.innerHTML); 第二个作用：向标签里面设置内容（可以是...("divid"); //向div1标签里面设置内容（可以是HTML代码） div1.innerHTML=" hehehe "; * 案例 * 得到当前时间 var date =new date();
并在目录里面创建一个src目录。然后再src目录创建一个index.js文件和html文件。 ? 在index.html文件中写入一个div标签 js中写入 import avatar from '....test: /\.scss$/, // css-loader处理css文件 style-loader把css-loader处理好的文件挂载到header标签上...文件中写入 import avatar from '....2.3webpack对字体进行处理 先行iconfont下载一些字体，放入自己的src目录里面，需要在index.js文件引入并使用 import '.
但是可以使用js的入口函数。 在工作中，项目定了用jq开发就不使用vue了。 工作中使用vue的时候，一般不写入口函数，而是把vue的代码粘贴到标签的后面，只要保证标签先执行就可以了。...如果vue中data有很多数据的处理情况：app中写标签，一个标签写一个{{数据}} js:三元运算符 三元表达式 -- 简易版的if else --> div>{{ 条件?...js和jq都可以 v-bind:或者: 后面跟着class，动态的控制class 1.class取值可以为字典（字典里面是布尔型的数据） 2.class属性值可以传对象引用 3.class属性值还可以是数组.../vue.min.js"> div id="app"> div>{{ num }}div> <button
的 div，并通过 js 来做判断： div id="example1">div> var div = document.getElementById('example1'...需要说明的是，上述向 css 添加规则和向 html 注入代码都是通过监听 webpack 的 'done' 事件进行的自动操作，并不需要手动的去插入这些代码。...理想情况 在不需要考虑兼容性的情况下，js 主域重试其实也很好实现：监听 script标签的 onerror 事件，假若发现 js 加载失败，则通过 () 方法，立即写入一个新的 script标签，该标签的...这种方法的神奇之处在于 ()，通过它写入的 script新标签，会阻塞后续 script脚本的执行，直到新标签加载并执行完毕。...感谢 webpack 提供了在不修改源文件的情况下对打包出来的 js 做注入的功能，所以类似于 css 埋 div 的方法，也可以在 webpack 构建的时候，向 js 文件埋入变量，然后尝试访问该变量
组件引入后在要在父组件中用标签的形式写入子组件，写入的方式（在templat中要将组件的名称改为小写，两个单词直接加“-”）： 如果你直接写入标签，没有引入的话，会报错 vue.js:564 [Vue warn]: Unknown custom element: - did...将父组件的内容放到子组件指定的位置叫做内容分发，这就是slot插槽的作用，就是父组件引用子组件的同时，把父组件的内容放到子组件里面去。...感觉有点绕，大家看代码 比如我在子组件NavHeader中定义了一个slot标签，如下： div class="content"> //子组件NavBread...div class="content"> web秀 div> 如果需要多个插槽，slot用name属性标识。
id="app"> js执行顺序 div> js?...我在index.css写入测试代码 .app { background-color: red; } aaa 你会发现，我在css文件中写入了一段非css的代码 但是页面依旧能够正常渲染 所以从以上可以证明...，css并不会阻塞是dom解析，dom解析与css渲染是并行的，css负责渲染标签样式,html只是负责解析内容标签,css渲染，html解析主要是在GUI线程里面，GUI线程主要是构建DOM Tree...我们想想JS祖师爷在设计这门语言肯定有其初衷和取舍，浏览器是多进程的，浏览器的每一个窗口就是一个进程，而进程之间都应该是互相独立的，而每一个进程里面的线程是独立，所以js设计时就是单线程的，每个线程之间互不影响...css会阻塞js执行吗？ 我们做个实验，在style标签前后都引入一段js执行 <!
Vue.Js官方文档：https://cn.vuejs.org/v2/guide/ 第一个指令：v-text：设置标签的文本值(textContent) 首先如果要在网页中使用Vue.Js的话就得先引用...打开了尘封已久的VS Code，并写入了对于Vue的HelloWorld 首先来解释一下这两句话（凭个人感觉理解）： 首先是html里面的这句，新建一个div，ID为Lan，为了方便JS操作的时候找得到这个...-- www.lanol.cn --> div id="Lan"> {{ message }} div> 而另一种写法就是写在标签的属性区，这样写也是可以的。...在这里面你还可以进行字符串的拼接等操作，如果是{{}}直接加就可以了，而属性区则需要一个+号和引号（因为我包含message用的是单引号，所以里面只能用双引号了如果Python一样） div...给h2标签加一个v-show='true' 再将这个ture改为false来看一下，发现已经隐藏了，但是源码里面还是可以看得到的 这个true和false就和Python里面的if条件一样，也可以用其他办法来确定真假
对象(标签对象)的相互转换 $() 查找的都是数组的形式(内部才是一个个的原生js对象) 通过索引取值的方式 就能拿到原生的js对象 原生的js对象如何转换成jQuery对象？...另外，text和html往标签里面写入东西时的区别是html可以往里面写入子标签，text不可以，其它都一样。...3.5文档处理 添加到指定元素内部的后面 $(A).append(B)// 把B追加到A标签里面的后面 $(B).appendTo(A)// 把B追加到A标签里面的后面 //两者功能一样，只是位置不一样...添加到指定元素内部的前面 $(A).prepend(B) // 把B追加到A标签里面的前面 $(B).prependTo(A) // 把B追加到A标签里面的前面 添加到指定元素外部的后面 $(A)....多用于插件开发者向 jQuery 中添加新函数时使用。 jQuery.extend({ min:function(a, b){return a < b ?
把数据填充到HTML标签中 2.前端渲染方式 原生js拼接字符串 使用前端模板引擎 使用vue特有的模板语法 3.原生js拼接字符串 基本上就是将数据以字符串的方式拼接到HTML...也就是对应的标签会变为可见 --> div v-cloak >{{msg}}div> div> 里面定义了msg 后期我们修改了 仍然显示的是第一次data里面存储的数据即 Hello Vue.js --> {{ msg}} ... }); 1.3双向数据绑定 当数据发生变化的时候，视图也就发生变化 当视图发生变化的时候，数据也会跟着同步变化 1.v-model v-model是一个指令，限制在...用于循环的数组里面的值可以是对象，也可以是普通元素 <!
其实，在js里面，它看上去就像一个json对象。...由此可知：第二个参数限定了myViewModel的作用范围，也就是说，只有在id=”lb_name”的标签上面绑定才会生效，如果第二个参数是div等容器标签，它表示该绑定的范围为该div下面的所有子标签...确实，你的写法也可以达到目的，但是我们的监控属性的意义在于，任何地方改变了Name的值，界面都会随之变化，而不用每个地方去给label标签赋值，JS里面只需要把关注点方法myViewModel.Name...()=='PHP工程师'}">aaaadiv> 4.9、style 如果css绑定的作用是向标签动态添加或移除class样式，那么style绑定的作用就是想标签动态添加或移除某一个样式。...important;">>aaaadiv> 如果是添加或者移除多个，同css绑定的用法 4.10、attr attr绑定主要用于向标签添加移除某一个或多个属性（包括自定义属性），永和和css类似。
双向是指：HTML标签数据 绑定到 Vue对象，另外反方向数据也是绑定的。通俗点说就是，Vue对象的改变会直接影响到HTML的标签的变化，而且标签的变化也会反过来影响Vue对象的属性的变化。...这样以来，就彻底变革了之前Dom的开发方式，之前Dom驱动的开发方式尤其是以jQuery为主的开发时代，都是dom变化后，触发js事件，然后在事件中通过js代码取得标签的变化，再跟后台进行交互，然后根据后台返回的结果再更新...-- computed里面的函数可以直接当成data里面的属性用，非常方便，注意没有括号！！！...-- computed里面的函数可以直接当成data里面的属性用，非常方便，注意没有括号！！！...双向数据绑定 上面的例子我们大多讲的是单向的 js对象向 HTML数据进行绑定，那HTML怎样向js进行反馈数据呢？ HTML中只有表达能接受用户的输入，最简单的演示双向绑定的就是文本框了。
把数据填充到HTML标签中 3.1.2前端渲染方式 原生js拼接字符串 使用前端模板引擎 使用vue特有的模板语法 3.1.3原生js拼接字符串 基本上就是将数据以字符串的方式拼接到...也就是对应的标签会变为可见 --> div v-cloak >{{msg}}div> div> 里面定义了msg 后期我们修改了 仍然显示的是第一次data里面存储的数据即 Hello Vue.js --> {{ msg}}...3.3.2双向数据绑定分析 v-model指令用法 3.3.3 MVVM设计思想 M、V、VM 分别代表什么？...v-if是动态的向DOM树内添加或者删除DOM元素 v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件 循环结构 v-for 用于循环的数组里面的值可以是对象
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
