Web - 随笔分类 - Gaidy

JavaScript学习总结(一)——ECMAScript、BOM、DOM（核心、浏览器对象模型与文档对象模型）

摘要：目录一、JavaScript简介 1.1、javascript组成 1.2、JavaScript脚本语言特点二、ECMAScript（JavaScript核心与语法） 2.1、ECMAScript定义 2.2、数据类型 2.3、局部变量和全局变量 2.4、数组（Array） 2.4.1、创建 2 阅读全文

posted @ 2020-03-02 14:10 Gaidy 阅读(502) 评论(0) 推荐(0)

Vue学习

摘要：前言使用vue框架有一段时间了，这里总结一下心得，主要为新人提供学习vue一些经验方法和项目中一些解决思路。文中谨代表个人观点，如有错误，欢迎指正。环境搭建假设你已经通读vue官方文档（文档都没读一遍（至少），那不建议动手撸码），在大致了解vue是什么东西，有什么用，核心概念之后我们就可以开阅读全文

posted @ 2020-03-02 13:53 Gaidy 阅读(327) 评论(0) 推荐(0)

微信小程序实战–集阅读与电影于一体的小程序项目（八）

摘要：31.电影详情页面 movie-template.wxml <view class="movie-container" catchtap="onMovieTap" data-movieId="{{movieId}}"> movie.js onMovieTap:function(event) { va 阅读全文

posted @ 2019-12-27 13:55 Gaidy 阅读(209) 评论(0) 推荐(0)

微信小程序实战–集阅读与电影于一体的小程序项目（七）

摘要：27.实现上滑加载更多数据 movie-grid-template.wxml <import src="../movie/movie-template.wxml" /><template name="movieGridTemplate"> <scroll-view class="grid-conta 阅读全文

posted @ 2019-12-27 13:53 Gaidy 阅读(227) 评论(0) 推荐(0)

微信小程序实战–集阅读与电影于一体的小程序项目（六）

摘要：24.更多电影 app.json "pages": [ "pages/posts/post", "pages/welcome/welcome", "pages/posts/post-detail/post-detail", "pages/movies/movies", "pages/movies/m 阅读全文

posted @ 2019-12-27 13:52 Gaidy 阅读(251) 评论(0) 推荐(0)

微信小程序实战–集阅读与电影于一体的小程序项目（五）

摘要：21.电影页面数据绑定 movies.js var app = getApp();Page({ data: { inTheaters: {}, comingSoon: {}, top250: {}, }, /** * 生命周期函数--监听页面加载 */ onLoad: function (optio 阅读全文

posted @ 2019-12-27 13:36 Gaidy 阅读(192) 评论(0) 推荐(0)

微信小程序实战–集阅读与电影于一体的小程序项目（四）

摘要：19.添加电影tabBar tabBar文档在posts目录下新建movies目录，分别创建四个文件 app.json配置tabBar { "pages": [ "pages/posts/post", "pages/welcome/welcome", "pages/posts/post-detai 阅读全文

posted @ 2019-12-27 13:31 Gaidy 阅读(187) 评论(0) 推荐(0)

微信小程序实战–集阅读与电影于一体的小程序项目（三）

摘要：14.wx.showToast交互反馈 wx.showToast文档 post-detail.js添加个消息提示框 onCollectionTap: function(ev) { var postsCollected = wx.getStorageSync('posts_Collected') va 阅读全文

posted @ 2019-12-27 13:25 Gaidy 阅读(255) 评论(0) 推荐(0)

微信小程序实战–集阅读与电影于一体的小程序项目（二）

摘要：9.文章列表页跳转到文章详情页给每篇文章添加个postId posts-data.js var local_database = [{ date: "2018/8/16", title: "荷塘月色", imgSrc: '/images/post/sls.JPG', content: '这几天心里阅读全文

posted @ 2019-12-27 13:24 Gaidy 阅读(274) 评论(0) 推荐(0)

微信小程序实战--集阅读与电影于一体的小程序项目（一）

摘要：1.首页欢迎界面项目目录结构新建项目ReaderMovie，然后新建文件，结构如下 welcome.wxml <view class='container'> <image class='user-avatar' src="/images/avatar/4.png"></image> <text 阅读全文

posted @ 2019-12-27 13:22 Gaidy 阅读(443) 评论(0) 推荐(0)

微信小程序入门（六）

摘要：28.页面路由框架以栈的形式维护了当前的所有页面。当发生路由切换的时候，页面栈的表现如下：路由方式 29.小程序事件流什么是事件？事件是视图层到逻辑层的通讯方式事件可以将用户的行为反馈到逻辑层进行处理事件可以绑定在组件上，触发事件后，就会执行逻辑层中对应的时间处理函数时间对象可以携带阅读全文

posted @ 2019-12-27 10:48 Gaidy 阅读(211) 评论(0) 推荐(0)

微信小程序入门（五）

摘要：24.MINA框架讲解 MINA框架架构 25.小程序运行机制小程序在首次打开的时间会比较长，后续再打开启动会很快，那么小程序是如何启动的呢？运行机制-启动冷启动热启动热启动：假入用户已经打开某个小程序，然后在一定时间内再次打开小程序，这个时候，就不需要重新启动了，只需要把后台小程序切换到阅读全文

posted @ 2019-12-27 10:45 Gaidy 阅读(267) 评论(0) 推荐(0)

微信小程序入门（四）

摘要：16.WXSS特性之模板及引用模板引用 index.wxml <template name="tempItem"> <view> <view>收件人：{{name}}</view> <view>手机号：{{phone}}</view> <view>地址：{{address}}</view> </v 阅读全文

posted @ 2019-12-27 10:43 Gaidy 阅读(179) 评论(0) 推荐(0)

微信小程序入门（三）

摘要：11.开发框架基本介绍四个组成部分，其它三个前面介绍过了，主要WXS：WXS:对wxml增强的一种脚本语言，可以对请求的数据进行filter或者做计算处理，帮助wxml快速构建出页面结构。 12.WXML之语法概念 WXML(WeiXin Markup Language)是框架设计的一套标签语言阅读全文

posted @ 2019-12-27 10:41 Gaidy 阅读(168) 评论(0) 推荐(0)

微信小程序入门（二）

摘要：5.安装微信开发者工具小程序入口文档点“小程序开发”-->>"工具-->>再点左边的“下载”，进行开发者工具的下载 6.小程序代码结构简介登陆开发者工具，创建小程序项目目录结构 7.小程序配置文件介绍全局配置app Pages tabBar networkTimeout debug nav 阅读全文

posted @ 2019-12-27 10:35 Gaidy 阅读(198) 评论(0) 推荐(0)

微信小程序入门（一）

摘要：1.小程序的背景为什么会有小程序？更好的体验规范与管理在微信浏览网页的时候经常会出现加载比较缓慢的情况，甚至还会出现短暂的页面白屏问题，那么微信小程序的诞生，其实就是让我们拥有更好的原生应用的体验，保证我们页面的资源能够快速地加载。那么对于微信来说呢，它可以更方便的介入和管理我们开发的小程序阅读全文

posted @ 2019-12-27 10:33 Gaidy 阅读(223) 评论(0) 推荐(0)

8.Vue基础

摘要：环境搭建 node.js安装 https://nodejs.org/en/ cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org cpnm全局安装vue-cli cnpm install -g vue-cli 目录下创阅读全文

posted @ 2019-12-23 17:53 Gaidy 阅读(265) 评论(0) 推荐(0)

7.Ajax

摘要：优先级如果发送的是【普通数据】 jQuery XMLHttpRequest iframe 如果发送的是【文件】 iframe jQuery(FormData) XMLHttpRequest(FormData) 原生Ajax Ajax主要就是使用【XmlHttpRequest】对象来完成请求的操作阅读全文

posted @ 2019-12-23 17:31 Gaidy 阅读(340) 评论(0) 推荐(0)

6.jQuery(实例)

摘要：1.开关灯效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display: none; } </style> </head> <body> <i 阅读全文

posted @ 2019-12-23 17:28 Gaidy 阅读(153) 评论(0) 推荐(0)

5.jQuery

摘要：简介 jQuery是一个快速、简洁的JavaScript框架，jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交阅读全文

posted @ 2019-12-23 17:20 Gaidy 阅读(306) 评论(0) 推荐(0)

Gaidy

随笔分类 - Web