返回顶部
扩大
缩小

Gaidy's

随笔分类 -  Web

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)

导航