Hi，dsl-CSDN博客

原创 vue-cli（vue脚手架）教程

1、安装vue-cli首先要安装node环境 ①安装node.js 推荐官网下载安装，下载地址： http://nodejs.cn/download/ 检测是否安装node：打开命令行工具：node -v 如果出现版本号，说明已安装。 ②npm npm依赖node.js环境，我们使用npm的时候需要安装node.js; 一般安装node.js的时候npm会默认安装，我们页可以通过NVM安装；国内使用npm比较慢，推荐使用淘宝开发的cnpm，安装方式： npm install -g cnpm–registr

2020-06-15 12:33:31 216

原创 vue组件写评价小星星并获取值

1、引入font-awesome，引入星星样式，给星星设置样式 <style> .star { color: yellow; font-size: 30px; } </style> <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="style

2020-06-15 12:08:17 303

原创 vue-入门第三天（组件）

1、作用：组件可以扩展 HTML 元素，封装可重用的代码。 2、注册一个全局组件语法格式如下： Vue.component(id, [definition]) id为组件名，[definition]为配置选项。注册后，我们可以使用以下方式来调用组件： <id></id> 3、全局组件 <div id="app"> <app-search></app-search> </div> Vue.component("

2020-06-13 11:24:18 262

原创 vue-入门打卡第一天（安装，指令）

安装vue 1、开发环境版本，包含了有帮助的命令行警告 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 2、生产环境版本，优化了尺寸和速度 <script src="https://cdn.jsdelivr.net/npm/vue"></script> 3、在 Vue.js 的官网上直接下载 vue.min.js 并用起步 1、每个vue应用都需要已通过实例化来实

2020-06-10 09:01:53 239

原创 js-正则表达式

这里写目录标题正则表达式正则表达式修饰符：表达式元字符：量词：正则表达式的方法正则表达式正则表达式修饰符： i 执行对大小写不敏感的匹配。 g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。 m 执行多行匹配。表达式 [abc] 查找方括号之间的任何字符。 [0-9] 查找任何从 0 至 9 的数字。 (x|y) 查找任何以 | 分隔的选项。元字符： \d 查找数字。 \s 查找空白字符。 \b 匹配单词边界。 \w 查找单词量词： n+ 匹配任何包含至少一个

2020-06-06 11:07:05 175

原创 js-Dom-事件冒泡捕获

1、事件冒泡和事件捕获事件冒泡：当给父子元素的同一事件绑定方法的时候，触发子元素身上的事件，执行完毕之后，也会触发父级元素相同的事件，这种机制叫事件冒泡，通俗一点，就像小鱼吐泡泡，越吐越大，层级越大；事件捕获：　　给父子元素绑定同一事件时，当触发子元素身上的事件时，先触发父元素，然后在传递给子元素，这种传播机制叫事件捕获；　　例子：　　当点击demo1时随之父级的相同onclick也会触发 demo1.onclick = function (e) { e.stopProp

2020-06-06 10:47:29 207

原创 jq-鼠标滚轮事件

1、给html，body设置高度100%，overflow设置hidden，隐藏右边滚动条 *{ margin: 0; padding: 0; } html,body{ height: 100%; overflow: hidden;//隐藏右侧滚动条 position: relative; } .container{ height: 100%; width: 100%; transition: all .5s;//过渡 } .containe

2020-06-05 16:00:15 1486

原创 js-DOM-进阶二（获取文本内容+修改文本样式）

<div id="app" data-kind ="text"> 什么时候下雨 <p>今天天气真热！！</p> </div> <img src="" alt=""> <script> function $(str){ return document.querySelector(str) } console.log($("#app").outerHTML);//自身标签+内容 console.log($("#app").i

2020-06-04 16:34:36 520

原创 JS-Dom-进阶一（选择器）

查找HTML元素 <div id="parent"> <div class="son"> </div> <div name="byName"> hello </div> <p class="son">今天天气很好</p> </div> 注意事项： ① ID不能重名，如果ID重复，只能取到第一个。 ② 获取元素节点时，必须等到DOM树加载完成后

2020-06-03 10:02:59 184

原创 jq版-飞机大战

*{ margin: 0; padding: 0; } html,body{ overflow: hidden;//隐藏滚动条 } .container{ margin: 100px auto; width: 400px; height: 500px; background: rgb(245, 241, 241); position: relative; border: 1px #ccc solid; } .plane{ z-i

2020-06-03 09:23:17 468

hidsl的博客