Java Script
静谧之心
专业摩的佬
业余吉他手
退役喷子
展开
-
JS 快速学习之 Vue数据更新检测不同步视图的小Bug
最近项目需要用到Vue, 所以开局就直接踩进了一个大坑.对于数组来说, Vue的数据更新检测不是特别人性化, 有些直接操作数组的操作, 是不会触发视图更新的, 下面是Vue官方文档列出的可以直接操作并且可以触发视图更新的方法.Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括:push()pop()shift()unshift()splice()sort()reverse()你可以打开控制台,然后对前面例子的 items 数组尝试调用变更原创 2020-07-14 12:03:48 · 513 阅读 · 0 评论 -
Vue 快速学习之 CDN 引入Vue + V-for 循环遍历
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>v-forTest</title> <!-- cdn 引入vue --> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> </head> &原创 2020-07-13 10:30:37 · 625 阅读 · 0 评论 -
JS快速学习之 innerHTML className display
innerHTML 属性用于获取或替换 HTML 元素的内容<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>innerHTML</title></head><body><h2 id="con">javascript</H2&原创 2020-07-03 16:59:24 · 520 阅读 · 0 评论 -
JS快速学习之 head和body的中变量初始化问题
js script放在head跟body里面的区别在head中时,所代表的functions只加载而不执行,执行是在某一事件触发后才开始。在body中时,直接加载并执行典型区别:如果有不在函数中的执行语句,比如变量初始化,如果在head中就不会执行。例如:<html> <head> <title>第一个Html5视频测试</title> <script type="text/javascript"&g原创 2020-07-03 11:58:19 · 781 阅读 · 0 评论 -
JS快速学习之 confirm prompt open
任务新窗口打开时弹出确认框,是否打开提示: 使用 if 判断确认框是否点击了确定,如点击弹出输入对话框,否则没有任何操作。通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。题解:<!DOCTYPE html><html> <head> <title> new document </title> <meta原创 2020-07-03 11:13:35 · 318 阅读 · 0 评论