Vue
过滤器--filters、|、v-bind、
小星星 发表于2021-10-22 浏览234 评论0
1 示例<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>过滤器</title>
<script type="text/javascript" src="../js/vue.js"></script&g
Vue
收集表单数据--v-model
小星星 发表于2021-10-22 浏览262 评论0
1 示例<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>收集表单数据</title>
<script type="text/javascript" src="../js/vue.js"></scrip
Vue
Vue数据监测改变原理解析--Vue.set、this.$set
小星星 发表于2021-10-22 浏览224 评论0
1 列表渲染更新的问题<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>更新时的一个问题</title>
<script type="text/javascript" src="../js/vue.js">&
Vue
列表渲染--v-for
小星星 发表于2021-10-21 浏览234 评论0
1 基本列表示例<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>基本列表</title>
<script type="text/javascript" src="../js/vue.js"></scr
Vue
条件渲染--v-show--v-if
小星星 发表于2021-10-19 浏览211 评论0
1 示例<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>条件渲染</title>
<script type="text/javascript" src="../js/vue.js"></script&
Vue
绑定样式--:class--:style
小星星 发表于2021-10-19 浏览252 评论0
1 代码<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>绑定样式</title>
<style>
.basic{
width: 400px;
height: 100px;
border: 1px&n
Vue
天气案例--监视属性--watch
小星星 发表于2021-10-19 浏览207 评论0
1 基本方式实现<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>天气案例</title>
<!-- 引入Vue -->
<script type="text/javascript" src=&q
Vue
姓名案例--插值、methods、计算属性--computed--监视属性--watch
小星星 发表于2021-10-18 浏览198 评论0
1 插值语法实现<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>姓名案例_插值语法实现</title>
<!-- 引入Vue -->
<script type="text/javascript"
JQuery
去除字符串空格
小星星 发表于2021-10-18 浏览186 评论0
1 代码去除字符串内所有的空格：str = str.replace(/\s*/g,"");
去除字符串内两头的空格：str = str.replace(/^\s*|\s*$/g,"");
去除字符串内左侧的空格：str = str.replace(/^\s*/,"");
去除字符串内右侧的空格：str = str.replace(/(\s*$)/g,&
JQuery
js获取下拉框选中值的文本
小星星 发表于2021-10-14 浏览219 评论0
1.代码第一种方式
$('#id option:selected').text();//选中的文本
$('#id option:selected') .val();//选中的值
$("#id").get(0).selectedIndex;//索引
第二种方式
$("#id").find("option:selected").text();//选中的文本
…….va