TA的文章(15)
-
JS基础知识介绍
术语解释JavaScript 被设计用来向 HTML 页面添加交互行为。JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。JavaScript 由数行可执行计算机代码组成。JavaScript 通常被直接嵌入 HTML 页面。JavaScript 是一种解释性语言(就是说,代码执行不进行预编译)。概念辨析JavaScript与HTMLHTML 创作者往往都不是程序员,但是 JavaScript 却是一种只拥有极其简单的语法的脚本语言。每人都可将短小的代码片断放入HTML 页
-
Js正则表达式归类
1."^\\d+$" //非负整数(正整数+ 0)2."^[0-9]*[1-9][0-9]*$" //正整数3."^((-\\d+)|(0+))$" //非正整数(负整数 + 0)4."^-[0-9]*[1-9][0-9]*$" //负整数5."^-?\\d+$" //整数6."^\\d+(\\.\\d+)?$" //非负浮点数(正浮点数 + 0)7."^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-
-
Button按钮,列表视图
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>WeUI</title> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <link rel="stylesheet" type="text/css" href="css/weui.css"/> </head> <!
-
WeUI今日练习
前言:WeUI 是微信官方设计团队为微信 Web 开发量身打造的一个 UI 样式库,你可以把它理解为一个前端框架,类似于 Bootstrap 的那种。 由于是微信官方出品,所以对微信的兼容性基本没有太大问题,而且各组件的样式和微信一样,能够和微信很好的融合在一起,给用户较好的体验。表单:表单整体效果图:一:form表单选择性别代码如下:<div class="weui-cells weui-cells_radio"> <label class="weui-cell weui-check_
-
WeUI学习
从WeUI学习到的知识点WeUI是微信Web服务开发的UI套件, 目前包含12个模块 (Button, Cell, Toast, Dialog, Progress, Msg, Article, ActionSheet, Icons, Panel, Tab, SearchBar).Demo页面: https://weui.ioGithub页面: https://github.com/weui/weui举例几个简单的模块例子:一:Cell列表项带图标,说明的列表项效果图如下:代码如下:<div cl
-
WeUI
一 ,了解WeUI我们学习一个框架,首先是要了解它是干嘛的。我们的weui框架呢就是一个专门为微信开发的一个强大的UI库。那必然我们学习它,第一要对它足够了解,其次再说去掌握它。熟悉度,顾名思义就是就是说你对它是否了解,它是由那些组件组成的,列表,表单,卡片,对话框,下拉刷新,结果页,提示框等。我们大概了解它有那些组件后,就是逐个组件去用,去看它的样式,看它的效果,当然不只是停留在看,更重要的是实操。好记性不如烂笔头,代码都是敲出来的。二,在自学过程中动手能力一定要强,不要一味只盯着代码,那样并
-
js 判断数据类型的方法
js 判断数据类型的方法判断js中的数据类型有一下几种方法:typeof、instanceof、 constructor、 prototype、 $.type()/jquery.type()。举个例子:var a = "iamstring."; var b = 222; var c= [1,2,3]; var d = new Date(); var e = function(){alert(111);}; var f = function(){this.name="22";}; 1、最常见的判断
-
ES6笔记-- Symbol类型
前言:Symbol是什么?意思是标志、记号,它可以用来做记号。它是一种标记的方法,被ES6引入作为一种新的数据类型,表示独一无二的值。一、简单使用1. 声明类似字符串String的声明方式 var str = 'str'; Symbol的声明方式类似,它调用构造函数Symbol()var s = Symbol(); typeof s // symbol2. 使用Symbol声明了是为了使用var s = Symbol(); var s1 = Symbol(); console.log(s, s
-
Vue.js的简单介绍
Vue.js的简单介绍Vue的主要特点就和它官网(https://cn.vuejs.org/v2/guide/)所介绍的那样:简单的Vuejs代码:下面看一段Vue实现双向绑定的代码<body> <div id="app"> <p>{{ note }}</p> <input type="text" v-model="note"> </div> </body> // js var vm = new Vue({ el: '#app',
-
VueJs学习
表单输入绑定基础用法可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data选
-
VueJS制作简易购物车
概述:把这次的项目里用到的vue的一些事件和组件简单的总结了一下;1.点击事件@click(v:click='');2.双向绑定v-model;3.显示隐藏v-show;4.单向绑定{{}};5.for循环v-for='';功能:其中包含了一些添加、删除、显示、隐藏以及结算。直接上代码:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt
-
Vuejs组件基础
组件基础基本示例这里有一个 Vue 组件的示例:// 定义一个名为 button-counter 的新组件 Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>' })组件是可复用的 Vue 实
-
VueJs学习
动态路由匹配我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果:const User = { template: '<div>User</div>' } const router = new VueRouter({ routes: [ // 动态路径参数 以冒
-
Vue学习总结
Vue学习总结一、vue.js的简介vue.js是一套用于构建用户界面的渐进式框架。具体简介参考官方介绍,https://cn.vuejs.org/v2/guide/。从初识Vue.js>vue.js的基础知识>Vue.js 的组件>Vue Router(路由)构建单页程序>使用脚手架搭建单页程序>Ajax vue-axios>vuex状态管理使用vue.js的学习总结一,小题:指令1.v-model 数据的双向绑定,一般用在文本元素中,目的就是获取文本元素的值。2. v-for 循环元素 。3
-
微信小程序项目总结
这段时间学习了微信小程序,在这做了一个商城项目,在这小结一下用到的知识点和遇到的问题。首页效果图:首页顶部的横向滚动:<!-- 顶部商品分类滑动列表 --> <scroll-view class='scroll-view scoll-view-fixed' scroll-x scroll-with-animation> <view bindtap='setActiveIndex' class="scroll-view-item {{activeIndex==index?'active