2019年06月_喵_美

原创加载更多

<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> /* 正在加载公共样式 */ .loadmore {...

2019-06-26 21:00:43 312

原创星星评分样式

html： <div class="shop-star"> <div class='star-after'>★★★★★</div> <--从后台取值设置宽度百分比来显示评分--> <div class='star-before' style="width:{{ item.score }}%;"&...

2019-06-26 16:40:48 582

原创单行(多行)文本多余部分展示省略号

更方便的是改变webkit-line-clamp的值还可以实现3、4、5等等多行文字显示多余隐藏的效果~

2019-06-26 16:30:47 9301 1

原创 export、export default的使用

export defaultexport default 向外暴露的成员，可以使用任意的变量来接收在一个模块中，export default 只允许向外暴露1次在一个模块中，可以同时使用 export default 和 export 向外暴露成员导出：var info = { name: 'zs', age: 20}export default info接收：aa...

2019-06-25 16:19:02 36070 1

原创 webpack

用npm装插件在终端上输出指令生成的默认的package.json：npm init -y在终端上输出指令用npm i来直接安装模块：如安装jquery命令为，npm i jquery -S，安装的包放在node_modules扩展：-D后，安装包会在package中的 devDependencies对象中。简称dev。dev是在开发环境中要用到的。-S后，安装包会在package中...

2019-06-25 00:29:15 368

原创 vue-router路由

定义前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别于后端...

2019-06-20 16:48:29 412

原创 VUE组件

定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式使用...

2019-06-19 21:36:21 239

原创使用vue-resource发送异步请求(包含get、post和 jsonp请求)

vue-resource的作用实现 get, post, jsonp请求在页面中，通过script标签，引入 vue-resource 的脚本文件；发送get请求：getInfo() { //发起get请求 this.$http.get('http://127.0.0.1:8899/api/getlunbo').then(res => { // 当发起get请求之后，通过...

2019-06-19 17:27:56 1336

原创 VUE动画

vue动画的声明周期步骤使用 transition 元素，把需要被动画控制的元素，包裹起来；自定义两组样式，来控制 transition 内部的元素实现动画。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport...

2019-06-19 17:23:28 1246

原创 vue基础

vue实例对象的参数el：表示，当前我们 new 的这个 Vue 实例，要控制页面上的哪个区域data：存放的是 el 中要用到的数据methods：定义了当前Vue实例所有可用的方法注意：在 VM实例中，如果想要获取 data 上的数据，或者想要调用 methods 中的方法，必须通过 this.数据属性名或 this.方法名来进行访问，这里的this，就表示我们 new 出来的...

2019-06-17 12:21:03 778

原创计算某段js代码执行的时间

consolo.time(’’)设置一个秒表：必须命名可设置多个秒表consolo.time('a')//要计算的执行时间代码写到中间consolo.timeEnd('a') //例子 console.time('abc'); for (var i = 0; i < 100000000; i++) {}; console.timeEnd('abc');...

2019-06-12 20:35:57 3865 2

喵喵的博客