TA的文章(19)
-
【微信小程序】微信小程序购物商城[项目总结] [置顶]
前言最近这俩天做了个微信小程序商城，想总结下项目过程中的知识点于难点。先上小程序效果展示下。开发要用到的：1：微信开发者工具概览为了帮助开发者简单和高效地开发和调试微信小程序，我们在原有的公众号网页调试工具的基础上，推出了全新的 微信开发者工具，集成了公众号网页调试和小程序调试两种开发模式。使用公众号网页调试，开发者可以调试微信网页授权和微信JS-SDK 详情使用小程序调试，开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。具体使用方法可以点链接去看，传送
-
【Vue.js】Vue.js购物车[小项目总结] [置顶]
前言关于Vue.js的项目总结心得我就用一句话概括，Vue的基础操作很重要，向v-bind:的种种指令，v-for的循环数据绑定，v-on:click事件处理等等，基础真的很重要!。这俩天做了个关于购物车的小项目，里面的功能，动态数据加载，都是用Vue来实现的,下面我会把我做项目分享上来。（1）动态数据加载实例图：JS实例代码如下：data: { leftarr: [ //推荐左边商品数据动态加载 { name: "JavaScript DOM编程艺术", origin
-
【Vue.js】Vue.js课堂笔记[课堂笔记-三] [置顶]
Vue.js课堂实例笔记（一）条件渲染（1）分支语句结构实例代码如下：<!-- 分支语句结构 --> <!-- v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。 --> <!-- <template> 元素上使用 v-if 条件渲染分组 --> <!-- v-if作用在<template>上的目的是把<template>包裹的元素作为一个整体 --> <!-- 而<template>是不会渲染出来的。 -->
-
【Vue.js】Vue.js课堂笔记[课堂笔记-二] [置顶]
Vue.js课堂实例笔记插值文本数据绑定最常见的形式就是使用 {{...}}（双大括号）的文本插值：实例代码如下： <!-- 普通文字 (innerText) --> <!-- 使用“Mustache”语法 (双大括号) 的文本插值Mustache标签将会被替代为对应数据对象上 msg属性的值无论何时，绑定的数据对象上msg属性发生了改变，插值处的内容都会更新 --> <!-- Mustache 标签 --> <!-- 数据绑定最常见的形式就是使用 {{...}}（双大括
-
【Vue.js】Vue.js课堂笔记[课堂笔记-一] [置顶]
前言：如果代码要是看不清楚可以直接复制上页面看效果。Vue.jsVue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js课堂实例笔记<!-- 第一个Vue实例 -->实例代码如下： <!-- 第一个Vue实例 --> <div id="app"> <p>{{message}}</p> </d
-
【Vue.js】Vue.js总结[组件基础]
前言：这些天Vue.js老师也讲完了，学习心情就跟之前学C#一样一样的{苦笑},为了让自己印象更为深刻，记得住自己所学，我将把Vue.js的学习内容不定期的以连载的形式发表上来，也算是给想提前学习Vue.js的同学们可以有个很好的预览知识点。好了，接下开始讲解Vue.js的基础内容之一组件组件基础一：基本概念组件是一个可复用的Vue实例，需要挂载到Vue的实例，组件与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像
-
一点学习方法
个人学习方法1、 想要学习好,学习精神少不了,所以早睡早起才能保证第二天有充足的精神面对将要学习的知识. 2、 提前预习课程。每天都要对将要学习的课程作简要的预习，了解课程的知识点、重点和难点，为课堂学习做好准备。 3、 预习时,可以把内容的重点多记下,或者用笔记记上, 以便上课时有重点地去听、去学、去练，这样可以提高听课的效率。 4、 &
-
动态数组正逆排序求相应值
最大数字在数组空间的最后一位：数组长度为6，输出数组下标5（数组空间的最后一位）今天给大家带来一个简单的数组题，之前跟同学讨论过这题，由于自己逻辑思维太差一直理解不了。后来找时间自己做了下，思维这东西搅搅脑子还是可以挤出那么点的，最终也是让我做了出来。(效果如下图：)（代码如下：）//#region 数组复习题 ////动态输入，求出最大最小数字与他们的数组下标位子。 int[] arr = new int[6];
-
【HTML5】HTML5 Audio(音频)[课堂笔记]
胡小哥课堂笔记整理了下昨天学习的H5的一个新东东，做了一个很简易的音频播放器。HTML5 提供了播放音频文件的标准。音频元素：<audio> controls ：为视频提供播放控件autoplay :自动播放通过使用HTML5中的audio功能，我们可以实现与flash相同的功能，即循环，随机，跳转等功能。如下图：<body> <audio id=ad controls autoplay="autoplay"> <source src="sources/aaa.mp3" type="
-
【JQ,JS】表单接口数据交互写法 [课堂笔记]
胡小哥课堂笔记《第二章》关于js,jq登入时接口数据验证的写法，本人课堂练习时写了JS与JQ俩种接口数据验证写法。现在下面放代码！<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>表单验证接口数据交互写法</title> </head> <body> <form action="#" method="post"> <p>用户名:<input id="uname" type="tex
-
【HTML5】HTML5 canvas(画布)[课堂笔记]
<canvas>胡小哥课堂笔记整理了下学习过的H5新元素：<canvas> ，笔记里有我的详细注释有兴趣的童鞋可以自己试试写写，文章最后放上一张课堂作业图。HTML5<canvas>元素用于图形的绘制，通过脚本(通常是JavaScript)来完成。<canvas> 标签只是图形容器，必须使用脚本来绘制图形。可以通过多种方法使用Canva绘制路径、盒子、圆、字符以及添加图像.画布元素：<canvas>如下图：（图有点大哈，别介意。）代码如下：<!DOCTYPE html> <html> <hea
-
【WeUI框架】表单组件系列(按钮篇)[自学笔记1]
框架weUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。学习过Botstrap框架的同学学习weui框架也会事半功倍。首先我们要先引用weui框架的样式我的框架样式是直接去weui官网复制的1.1.3版本，这是网址链接：https://github.com/Tencent/weui/w
-
【WeUI框架】表单组件系列(表单与选项框-1)[自学笔记-二]
前言关于WeUI框架文章我会一直持续不定期更新，为了让同学能有好的阅读体验，一般一个组件系列的元素我会看多或者少分几篇发表出来。OK，下面开始！【一】Input 部分Input，用于表单，可以分成“输入型”和“选择型”两种。输入型包括单行文本（文本、数值、电话、密码等）、多行文本；选择型包括下拉选择、单选、多选、开关、日期时间等。在 WeUI 中，表单通常与 Cell 组件配合使用。(1)单选列表框具体代码如下： &
-
【WeUI框架】表单组件系列(列表)[自学笔记-三]
前言关于WeUI框架文章的一些写法改变，前俩章写得太过于啰嗦，我想一般看技术文章的同学的人也是有一定阅读代码的能力了，之后排码我会直接用代码加效果图连发接上，在尾部我会把一些新出现的引用类名注释清楚，一些已经出现过的在之前的文章上有注释过在本章不会在此注释。以便同学阅读。【一】列表 部分Cell，列表视图，用于将信息以列表的结构显示在页面上，是wap上最常用的内容结构。Cell由多个section组成，每个section包括section headerweui-cells__title以及cel
-
【WeUI框架】自学总结
关于这俩天WeUI框架的自学总结。
-
【WeUI框架】表单组件系列(滑块)[自学笔记-四]
前言这俩天在用WeUI框架写项目，感悟颇深呐，复制粘贴组件过一遍，还没自己写篇文章分享深刻。以后要是自己有什么新玩意也会发上来以便自己以后不记得还能回顾。好了话不多说了，今天给同学们上一篇滑块组件的使用吧。（1）代码部分:<!--滑块--> <!--不带数字的slider--> <div class="page__bd page__bd_spacing"> <div class="weui-slider"> <div class="
-
【JavaScript】关于JavaScript中判断数据类型的几种方法
前言今天学习了ES6的一些新特性，在网上找到了一些方法总结了下JS中几种判断数据类型的方法。留给自己以后可以回顾特发此章。判断js中的数据类型有以下几种方法：typeof、instanceof、 constructor、 prototype、 $.type()/jquery.type(),接下来主要比较一下这几种方法的异同。先举几个例子：var a = "iamstring.";//字符串类型 var b = 222;//数字类型 var c= [1,2,3];数组类型 var d = new
-
【ES6】ES6的新特性[课堂笔记-一]
前言：今天开始学习关于ES6的一些新特性我会以课堂笔记的记录方式分享出来给同学们，有兴趣的同学可以看看，喜欢的话顺便点个赞呗。ECMAScript 6 简介ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。笔记如下：<script type="text/javascript"> // var array = [
-
【ES6】ES6的新特性[课堂笔记-二]
ES6新特性第二章课堂笔记课堂笔记里有我的亲手注释如果看不清楚可以直接复制代码查看，方便学习。下面开始！（一）Set 和 Map 数据结构SetES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。实例代码如下： // Set：类似数组，但元素是唯一的 // 初始化操作 // var set = new Set ();//肯呢个原数对象 // var set1 = new Se
胡哥