TA的文章(17)
-
js外部样式获取时间
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type ="text/javascript" src="js/new_file.js"></script&g
-
用js实现轮播
htmlcssjs<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/css1.css"
-
Bootstraps-轮播
之前我们学了css样式轮播和js轮播现在我们来看看Bootstraps轮播吧ps：写的步骤在下面用1.2.3.标注出来了1<div class="carousel slide" data-ride="carousel" id="c_t_bot"> 2 <div class="carousel-inner"> 3 <div class="item active">
-
Bootstraps-滚动监听
滚动监听确定滚动所在的元素添加data-spy="scroll"滚动监听的属性一般都在body上使用data-target="#leftmenu"侧边导航栏与滚动的内容建立锚点关系/data-target属性关联导航条设置锚点位置到窗体顶端的距离，这个距离的范围开始监听到这个锚点；data-offset="0" 单位是px，用在含有滚动条的元素上利用class="container来固定宽度布局class="row"+class="col-md-4"进行栅格布局设置锚点位置到窗体顶端的距离，这个
-
weui学习1
<div class="weui-flex"> <div class="weui-flex__item"> <div >weui</div> </div>
-
weui-学习二
前言：今天写在使用weui写静态页面时出现了两个问题。第一个问题：代码<div class="vux-x-switch weui-cell weui-cell_switch"> <div class="weui-cell__bd" style="display: block; width: 5em;"> <label class="weui-label">记住密码</label> <
-
vuei-学习三
tab的两种使用方式: navbar 和 tabbar1.navbar : 代码：<div class="weui_tab"> <div class="weui_navbar"> <div class="weui_navbar_item weui_bar_item_on"> 选项一</div> <div class="weui
-
js中对数据类型进行判断的所有方式
要知道js中对数据类型进行判断有哪些方式，就先要知道js中有六种原始数据类型和对象object，六种原始数据类型分别是：undefined，null，布尔值（Boolean），字符串（string），数值（number），symbol（es6新定义）；而对js数据类型判断的方式有以下几种：typeoftypeof是最常见的判断方法，typeof可以看作JS内部已经定义好的各个类型返回其对应的字符串，它不深入值本身，不进行类型转换，只针对于当前值返回其对应的类型值。同样的数据类型通过typeof运
-
es6学习一
箭头操作符如果你会C#或者Java，你肯定知道lambda表达式，ES6中新增的箭头操作符=>便有异曲同工之妙。它简化了函数的书写。操作符左边为输入的参数，而右边则是进行的操作以及返回的值Inputs=>outputs。我们知道在JS中回调是经常的事，而一般回调又以匿名函数的形式出现，每次都需要写一个function，甚是繁琐。当引入箭头操作符后可以方便地写回调了。请看下面的例子。var array = [1, 2, 3];//传统写法array.forEach(function(v, i, a
-
vue.js学习一
一、为什么使用vue.js1、vue.js是一个强大的数据处理框架，能够很好的提升前端开发效率2、国内使用vue.js开发前端的企业多，需求量大3、vue.js文档详细，生态丰富，资料多、全、易学习，遇到问题容易在网上找到答案二、 vue.js的安装vue.js的安装有三种方法：1.在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。2.使用cdn方法（建议下载到本地）推荐下载地址：BootCDN（国内） : https://cdn.bootcss.com
-
vue学习二
Vue.js 计算属性计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。接下来我们看看使用了计算属性的实例：<div id="app"> <p>原始字符串: {{ message }}</p> <p>计算后反转字符串: {{ reversedMessage }}</p> </div> <script> var vm = new Vue({ el: '#app', data: { message: 'Runoob!'
-
vue.js学习三
表单输入绑定基础用法你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 dat
-
vue.js学习四
Vue.js 样式绑定Vue.js classclass 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。class 属性绑定我们可以为 v-bind:class 设置一个对象，从而动态的切换 class:将 isActive 设置为 true 显示了一个绿色的 div 块，如果设置为 false 则不显
-
Vuejs 购物车项目
购买功能实现思路：点击购买将商品添加到购物车,先循环对比看要添加的商品是否已经存在与购物车，如果存在，只加数量，不存在则添加实现代码 add(val) { //购买 ，这里我是传了对应的item 过来 var result=true; for(var i of this.goods){ &
-
vue.js学习五
组件的学习组件定义组件是可复用的vue实例，需要挂载到vue的实例：组件与vue实例的区别在于vue实例有el选项组件没有el选项；vue实例通过el指定挂载的位置，组件的html元素定义在template；组件通过一个函数返回一个对象，vue实例是对象；定义组件：var compoent1 = { data: function() { return { count: 0 } }, template: '<button v-on:click="count++
-
vue学习六
使用动态路由搭建基本单页应用程序步骤：1.导航组件，其实就是a标签2.渲染路由匹配的组件内容3.定义组件4.定义路由列表5.实例路由器6.实例Vue，添加路由信息示例代码如下：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
微信小程序学习
微信小程序学习学习：微信小程序最好的教程肯定是官方的文档啦(官方文档)，当然如果会vue的话上手更快一些。推荐一个w3c的链接，点击这里微信小程序开发前准备：安装微信开发工具。绑定开发者登录微信公众平台小程序，进入用户身份-开发者，新增绑定开发者。个人主体小程序最多可绑定5个开发者，10个体验者。未认证的组织类型小程序最多可绑定10个开发者，20个体验者已认证的小程序最多可绑定20个开发者，40个体验者布局：引用了weui中的css文件布局引用方法：把weui的css文件放在所创项目中的文件夹，
