TA的文章(20)

  • WEUI框架学习（一）

    WEUI框架的学习：      经过一天时间的WEUI框架的学习，初步了解到WEUI框架是一套与微信原生 UI 一致的 UI 库，核心文件是weui.css。WEUI框架的主体是仿照bootstrap框架的。在有bootstrap框架的基础再去学习WEUI框架就感觉不是很难，但是在学习的过程中还是回遇到一些问题。     今天自学的内容是从https://weui.io/上分类进行的分步学习的：1、WEUI框架环境的搭建方式一（推荐）微信官方、BootCDN 和 cdnjs 为 WeUI 提供了

    WEUI框架

  • WEUI框架学习（二）

    WEUI框架学习：项目练习（一）     今天开始写项目，今天一天编写了智学无忧的登录界面，界面图如下：在刚开始编辑的时候还没有一点思绪，不知道从哪里开始。看了一会就有了一个大体的结构。分析各个部分的编写：头部导航：是使用weui-cell 编写分为左、中、右三个部分，使用weui-navbar把头部固定定位在窗口的最顶端。但是还是有一点缺陷，js部分还没有完成，这样只是一个静态的。代码如下： <div class="weui-navbar"> <div class="weui-cell"

    weui框架

  • WEUI框架学习（三）

    weui框架学习：项目练习（二）     今天一天时间写了智学无忧微信的注册页面，和忘记密码中的通过邮箱重置密码。先来谈谈注册页面的编写吧。截面图如下：   页面的布局基本和昨天写的登录页面是一样的，页面分为头部，基本信息部分，表单部分，三个部分。其中链接和跳转部分是使用<a>标签，只有button提交是使用open()方法在原窗口打开新的页面。头部：是使用 weui-cell 来布局。html代码如下：<div class="weui-cell" style="background-color

    weui框架

  • github项目发布

    GitHub项目发布：        通过GitHub发布在网上有一个详细的讲解。        网址：https://www.cnblogs.com/fengxiongZz/p/6477456.htm自己发布的过程：      在自己发布的时候先是按照上面的教程一步一步的操作，但是在操作中出现了一个问题，就是在对项目文件添加的时候要自己认真的看清路径。真实的路径是：D:\gbw-web\zxwywx\zxwywx-  就是因为路径的问题是的下面的操作不能实现。我就是因为路径问题和文件夹克隆错误

    项目发布

  • JS数据类型的判断

    JS数据类型的判断       今天来分析一下JS中的数据类型的判断，JS中数据类型有两大类包括基本数据类型和引用数据类型。共有8种，null、undefined、string、Boolean、number、array、object、function。对数据类型的判断的方式有很多种，接下来就一 一分析：（一）最常见的判断方法：typeof()     typeof()返回的类型都是字符串形式，typeof()不能判断出数组是什么类型只是返回object代码如下： v

    js数据类型

  • ES6学习（一）

    ES6学习（一）    （一）let和const①块级作用域的引入     在ES6之前，js只有全局作用域和函数作用域，ES6中let关键字为其引入了块级作用域。let声明的变量只能在其所在的代码块内才能访问，var声明的变量由于是全局变量，因此可以在代码块外访问。②暂时性死区var声明的变量可以在声明之前使用，相当于默认为其声明其值为undefined了；但是，let声明的变量一旦用let声明，那么在声明之前，此变量都是不可用的，术语称为“暂时性死区”。所以我们要养成变量先声明再使用的好习惯

    es6

  • 数组方法的总结

    数组方法的总结   （一）jion(separator)方法      join(separator)：将数组的元素组起一个字符串，以separator为分隔符，省略的话则用默认用逗号为分隔符，该方法只接收一个参数：即分隔符。代码如下： var arr=[1,2,3,4,5,"a"]; console.log(arr.join());//1，2，3，4，5，a console.log(arr.join(""));//12345a console.log(ar

    数组

  • es6学习（二）

    es6学习（二）（一）Set和Map数据结构Set：类似数组，但元素是唯一的。      ①初始化，Set的初始化和Array的初始化不同，不会出现相同的元素。代码详情如下： var set=new Set();//空元素 var set2=new Set([1,2,6,1,4,3,4,5,6,4,5,1,5,1,6])//用数组初始化，会去掉重复的 console.log(set2);//元素是：1 2 6 4 3 5      ②添加元素add(任何类型)，返回Set本身，在添加空对象的

    es6

  • Vue.js学习（一）

    Vue.js学习（一）初识Vue.js①为什么用Vue.jsVue.js是一个强大的数据处理框架，能够很好的提升前端的开发效率。②安装Vue.js的开发环境1.使用cdn（线上环境）http://cdn.bootcss.com/vue/2.1.10/vue.js2.使用你怕吗命令（node.js）$ npm install vue3.直接引入vue.js脚本（初学者）开发版下载：https://vuejs.org/js/vue.js生产版下载：https://vuejs.org/js/vue.m

    vue.js

  • Vue学习（二）

    Vue学习（二）Vue.js基础知识①模板语法代码如下： <div id="app"> <h3>普通文字</h3> <p>{{mustache}}</p> <p v-text="mustache"></p> <h3>插入原始html</h3> <p v-html="htmls"></p> <h3>html属性上插值</h3> <ul>

    vue.js

  • vue购物车项目

    Vue购物车项目实现效果图如下：购物车项目主要实现的功能有：添加购买商品、删除已选购商品、改变已选购商品的数量、随机打乱推荐商品顺序、响应式计算出商品金额总计、响应式计算节省金额、响应式计算总积分。在实现中对响应式数据用三种方式编写：①深度监听：如果 要监听一个对象中的属性，属性最高也是第二层了，watch可能监听不到，监听数组对象中的属性，所有要使用深度监听。代码如下： watch: { //深度监听 buy: {

    vue项目

  • vue购物车项目完善

    vue购物车项目完善①推荐右边图标的完善实现图如下：通过点击右边的图片改变一个布尔类型的值，图片使用v-if和v-else来做的。下方的推荐内容是通过v-show来绑定的。 <div style="float:right; margin-right: 20px" @click="toggle"> <img src="./img/shopping_arrow_down.gif" v-if="boo"/>

    vue

  • js函数大全

    js函数大全1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)6.一个小写转大写的JS: document.getEleme

    js

  • Vue.js学习（三）

    Vue.js学习（三）组件的学习①基础概念1.1组件是一个可复用的Vue实例，需要挂载到Vue的实例上。1.2组件除了el选项外，同样包括有data、computed、watch、methods以及生命周期等。②定义组件2.1组件的data和Vue实例有区别。组件通过一个函数返回一个对象，而Vue实例是对象，组件用函数返回一个对象主要是组件可以复用，在复用的时候不影响其他的组件。2.2组件没有el选项，vue实例有el选项。2.3组建的html元素定义在template属性上。Vue实例通过el

    vue.js

  • vue.js学习（四）

    vue.js学习（四）Vue Router（路由）构建单页程序①路由是Vue.js的核心组件，通过路由器可以构建用户体验较高的单页应用程序。②使用VueRouter构建一个单页应用程序在heml中要引入脚本Vue.js和VueRouter.js文件，定义导航组件<router-link>,渲染与路由匹配的组件内容<router-view>在js中步骤是定义组件信息，使用数字定义路由列表、实例化路由、实例Vue对象。实例化路由是挂载在Vue对象上的。<body> <div id="app"

    vue.js

  • vue学习（五）

    vue学习（五）vue脚手架的搭建（一）安装node.jsnode.js下载地址：http://nodejs.cn/download/根据自己电脑的配置下载相应的node.js。安装完以后，打开Dos窗口输入：node -v 。出现如下图的样式说明已经安装成功（二）安装脚手架（一下都是在Dos窗口输入）1.全局安装vue-cli(1)、用npm安装（国际开源库生态系统）：npm install - g vue-cli(2)、用cnpm安装（使用国内镜像安装）      ①安装淘宝镜像npm in

    vue

  • Vue Router（路由）--总结

    Vue Router（路由）--总结（一）路由基础1.概念        vue.js中路由相当于就是局部刷新，根据不同的url地址展现不同的内容或者页面，是vue.js中的核心组件，由vue.js官方维护的路由管理器。通过路由可以构建用户体验较高的单页应用程序。2.路由的定义以及使用① 引入必要的脚本文件Vue.js和Vue-Router.js，在引入脚本文件时，一定要注意引入的顺序，应当先引入Vue.js文件然后引入Vue-Router.js文件。Vue.js文件下载地址：https://w

    vuex vue.js

  • vux框架的学习

    vux框架的学习vux框架的学习和weui框架差不多，vux框架是基于WeUI和Vue.js开发移动端UI组件库，主要服务于微信页面。可以通过官网来学习。官网网址：https://doc.vux.li/zh-CN/install/npm.html一、vux的安装和使用安装vux的前提是安装一个vue.js的脚手架，安装的步骤可以根据官网的快速安装来实现。也可以参考网上的方法。安装链接：https://blog.csdn.net/qq_34633111/article/details/808957

    vux框架

  • 腾讯云上传图片

    腾讯云上传图片今天做微信小程序上传失败，文件大，主要是图片的文件太大，最后在网上找到了一个解决微信小程序文件太大的问题。链接：https://www.2cto.com/kf/201804/741170.html通过腾讯云的cos对象存储，要实名认证1创建一个存储桶，2.创建文件访问权限要设置为公有读私有写3.上传文件4.上传你所需要的的文件（图片）5.进入你上传的存储桶中查看图片6.点击详情查看链接7.在项目中更换图片地址，注意tabBar中的图片地址不能使用链接

    图片上传

  • 微信小程序--总结

    微信小程序--总结 开发环境            开发小程序的第一步就是需要去注册一个小程序账号，通过这个账号来管理小程序。第二步要 安装开发工具。这几个内容在微信小程序的文档中都有详细的讲解。  注：小程序的文件大小不能超过2M。文档地址：https://developers.weixin.qq.com/miniprogram/dev/小程序组件    小程序有许多的组件。在学习的过程中可以通过文档中讲解的组件来一个个的学习。在组件的使用中，有一些组件要自己定义样式，如：组件button只有

    小程序