TA的文章(21)

  • 用js实现12小时制时钟

    <!DOCTYPE html> <html> <head>       <meta charset="UTF-8">       <title></title>       <script type="text/javascript">       function showTime()     

    用js实现12小时制时钟

  • js文本展开、收起

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #box {     width: 230px;     background-color: #ccc;     line-height: 26px;     color: white;   } a {     text-decoration: none;     color: red;   

    js文本展开。收起

  • JQ实现登框内的value失焦聚焦

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #two{position: absolute;top: 0px;left: 0px;} #two input{height: 23px;} #dd{position: absolute;top: 103px;left: 216px;} #mm{position:

    JQ实现登框内的value失焦聚焦

  • 更换背景

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <style> *{margin:0; padding:0;} body,html{width:100%; height:100%;} .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    jq切换背景

  • 音乐播放器

    body,dl,dt,dd{ margin: 0px; padding: 0px; list-style: none; font-family: "隶书"; font-size: 20px; } #overall{ width: 600px; height: 600px; margin: 0px auto; background: url(../img/music-bg.jpg)-80px -150px no-repeat; position: relative; } #li

    音乐播放器

  • jq楼层导航&&轮播

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0px; padding: 0px; list-style: none; } #mand{ width: 100%; height: auto; margin: auto; } #pic li{

    楼层导航

  • 创建地图

    百度地图找到开发文档，点击进入，找到工具支持，在子菜单里面找到地图生成器，定位你需要的地方，定位后打标记，你所需要的写完以后点击获取代码即可

    创建地图

  • WeUI表单

    模仿制作：今天制作的是一个提交表单，直接从https://weui.io/#input页面查看源码，搜索关键字，查看需要的源码片段。引用官网最新版：GitHub中的最新版1.13<link rel="stylesheet" type="text/css" href="css/weui.css">效果图：实例代码：<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, user-scalab

    WeUI表单

  • WeUI进度条

    WeUI进度条WeUI基本组件进度条简单概述：WeUI中ProgressBar(进度条)的应用场景很多：列如：1.在用户登录时，等待服务器返回消息，这时会用到进度条。2.在进行一些大的文件或者一些手机应用时，需要等待一些时间，这时会添加进度条让用户知道当前程序的进度，可以带来很大便利。下面大家看一下效果图：这是一个比较简陋的进度条，建议在实例开发中可以对其进行美化，以达到所需的效果。进度条组件实例代码：<!DOCTYPE html> <html> <head> <meta charset

    WeUI WeUI进度条

  • WeUI表单预览组件

    WeUI表单预览在WeUI的学习过程中，了解到了一些微信上面的一些组件，当然还有很多事需要学习的。下面我介绍的这个组件是一个表单预览的组件。概述：在我们使用微信支付，付款完后查询账单是可以预览消费记录，这就是WeUI其中的表单预览组件。大家还是先看下效果：实例代码：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-

    WeUI WeUI表单预览

  • WeUI总结

    WeUI概述WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含buttoncell、dialog、progress、toastarticle、actionsheet、icon等各式元素。WeUI的引入下载地址：weui.wxss注意：样式文件可直接引用dist/style/weui.wxss，或者单独引用dist/style/widget下的组件的wxss页头和主体使用class="page__xx"(注意是两个

    weui weui总结

  • ES6-js数据判断类型的几种方法

    前言：判断js中的数据类型有以下几种方法：typeof、instanceof、 constructor、 prototype、$.type()/jquery.type()。先举几个例子：var a = "iamstring."; var b = 222; var c= [1,2,3]; var d = new Date(); //1、最常见的判断方法：typeof alert(typeof a)  ------------> string alert(typeof b)  ----------

    ES6 js数据判断类型的几种方法

  • ES6-Set和Map数据结构

    ES6-SetSet：类似数组，但元素是唯一的        //初始化操作 //例一（去除重复） var set = new Set([1,2,3,3,4]); console.log(set); //{1, 2, 3, 4} //例二(size 数组的长度) set.size; //length 4 //例三(delete(value) 删除某个值，返回一个布尔值，表示删除是否成功。) set.delete(1); //{2,3,4} //例四(has(value)返回一个布尔值，表示

    ES6 ES6-Set和Map数据结构

  • Vue.js(一)

    vue.js概述：Vue.js是一个强大的数据处理框架，能够很好的提升前端的开发效率。他的文档非常详细，生态也非常丰富，要找到的资料也非常多、全，容易学习。遇到的问题也很容易在网上查到。.vue.js官方网站(安装教程全有)：https://cn.vuejs.org/v2/guide/index.html。vue.js实例：<div id="app"> <p>{{message}}</p> </div> &lt;script&gt; &lt;/script&gt; var vm = new Vue({ el

    vue vue.js初学简介

  • Vue-总结(二)

    vue-2-计算属性概述:1、带有一定逻辑的属性，在使用时可以当做data属性一样使用2、定义在computed上。3、计算属性缓存 vs 方法。4、计算属性的 getter和setter。就简单的介绍下getter和setter：getter和setter代码示例<div id="app"> <p>{{msg}}</p> <p>{{resvermsg}}</p> <p> <input type="text" v-model='firstName'

    vue vue-计算属性

  • vue-数组更新检测

    数组变异方法：push() 追加到末尾pop() 从末尾移除shift() 删除第一个元素unshift() 追加元素到数组的前面splice() 删除指定下标的元素sort() 排序reverse() 反转替换新数组 vm.array=newarray简单的写了一下表单管理，写了表单的几个基本增、删、查。示例代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport

    vue

  • vue-(总结3)购物车项目

    这些天学了一点vue，做了一个简单的购物车项目。概述：把这次的项目里用到的vue的一些事件和组件简单的总结了一下；1.点击事件@click（v:click=''）;2.双向绑定v-model;3.显示隐藏v-show；4.单向绑定{{}}；5.for循环v-for='';功能：其中包含了一些添加、删除、显示、隐藏以及结算。效果图：示例代码：HTML代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

    vue vue-购物车项目

  • vue-组件基础-定义&&注册

    基本示例：定义组件：var compoent1 = { data: function() { return { count: 0 } }, template: '<button v-on:click="count++">点击了{{ count }} 次.</button>' }全局注册：<div id="app">    <button-counter></button-counter> </div> &lt;script&gt;   var compoent1 = {

    vue vue基础组件

  • Vue(总结)-vue安装脚手架

    阅读前需要了解的知识：htmlcssjavascriptnode.js环境(npm包管理工具）webpack打包工具安装Node.js：从Node官网下载并安装Node，安装步骤很简单，只要一路“next”就可以了。安装完成后，打开命令行工具输入命令node -v，如果出现对应版本号，就说明安装成功了。到这里node的环境已经安装完了,npm包管理工具也有了，但是由于npm的有些资源被墙，为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm。点击进入淘宝的 cnpm 网站,里面有详细的

    vue vue-脚手架安装

  • Vue学习总结-vue过滤器(filter)

    Vue filter介绍及其使用:Vue.js 提供了强大的过滤器API，能够对数据进行各种过滤处理，返回需要的结果。默认的过滤器注意：在vue.js2.0版本中已经废弃使用默认过滤器自定义过滤器:你可以在一个组件中定义一个组件过滤器，或者在创建Vue实例时创定义一个全局过滤器。1、一个过滤器: <div id="app"> 输入： <input type="text" v-model='msg'> <br> 正常：{{msg}

    vue vue学习总结-filter

  • 微信小程序--购物车

    学习微信小程序总结：学习：案列代码(提取码：uuxo)微信小程序最好的教程肯定是官方的文档啦(官方文档)，当然如果会vue的话上手更快一些。推荐一个w3c的链接，点击这里微信小程序开发前准备：安装微信开发工具。绑定开发者登录微信公众平台小程序，进入用户身份-开发者，新增绑定开发者。个人主体小程序最多可绑定5个开发者，10个体验者。未认证的组织类型小程序最多可绑定10个开发者，20个体验者已认证的小程序最多可绑定20个开发者，40个体验者获取AppID进入“设置-开发设置”，获取AppID信息。

    微信小程序