豆瓣小程序&入门&搜索栏的实现&评分星星布局 微信小程序由于适用性强、逻辑简要、开发迅速的特性,叠加具有海量活跃用户的腾讯公司背景,逐渐成为了轻量级单一功能应用场景的较佳承载方式,诸如电影购票、外卖点餐、移动商城、生活服务等场景服务提供商迅速切入了。前段时间学习了一个微信小程序,将所学的html,css,js一起运用学习,下面是记录我的开发过程。 初始化下载微信开发者工具新建一个微信小程序即可,会出现以下目录结构: 123456789101 2021-04-20 WX WX 小程序
Vue&计算属性&计算属性缓存vs方法methods&Vue侦听器 前言:插值表达式的语法相当简洁,使用起来也很方便。但是也不免暴露出它的一些缺点,最典型的就是无法进行复杂逻辑运算。所以,Vue才会自带计算属性的功能。 计算属性模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: 123456<div id="example"> {{ message 2021-04-18 Vue 前端基础 Vue
ES6-promise 在JavaScript的世界中,所有代码都是单线程执行的。由于这个“缺陷”,导致 JavaScript的所有网络操作,浏览器事件,都必须是异步执行。异步执行可以用回调函数实现。一旦有一连串的ajax请求a,b,c,d….后面的请求依赖前面的请求结果,就需要层层嵌套。这种缩进和层层嵌套的方式,非常容易造成上下文代码混乱,我们不得不非常小心翼翼处理内层函数与外层函数的数据,一旦内层函数使用了上层函数的 2021-04-17 ES6 前端基础 ES6
javascript 关于赋值、浅拷贝、深拷贝 以下是对关于赋值、浅拷贝、深拷贝的学习 数据类型说这个话题之前,先扯一下JS的基本数据类型。 大家都知道JS中的数据类型分为:基本类型:string, number, boolean, null, undefined,symbol(ES6新增)引用类型:Object,特殊的有Array, Function, Date, Math, RegExp, Error等((Object类)有常规名值对的无 2021-04-17 JS 前端基础 JS
ES6-模块化 模块化就是把代码进行拆分,方便重复利用,类似java中的导包,需要使用一个包,必须先导包,而js中没有包的概念,换来的是模块 ES6 的模块化分为导出(export) @与导入(import)两个模块。 一个页面需要引入多个js文件引发的问题 请求过多 依赖模糊 难以维护 这些问题可以通过现代模块化编码和项目构建来解决 模块化优点 避免命名冲突(减少命名空间污染) 更好的分类,按需加载 更高的 2021-04-17 ES6 前端基础 ES6
Vue& axios的基本使用 Vue.js Ajax(axios)Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。 Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中。 Github开源地址: https://github.com/axios/axios 安装方法 使用 cdn:1<script src="https://unpkg.com/a 2021-04-17 Vue 前端基础 Vue
Vue&v-on&v-show&v-if&v-bind&v-for&v-model 模板语法Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。 v-on 该指令的作用 2021-04-16 Vue 前端基础 Vue
Vue&MVVM思想&安装&Vue.js目录结构&v-text 以下是对Vue入门的学习(安装Vue,v-text,v-html ) MVVM思想(重要) M:即Model模型,包括数据和一些基本操作 V:即View,视图,页面渲染结果 VM: 即View-Model,模型于视图间的双向操作(无需开发人员干涉) 在MVVM之前,开发人员从后端获取需要的数据模型,然后要通过DOM操作Model渲染到View中。而后当用户操作视图,我们还需要通过DOM获取V 2021-04-16 Vue 前端基础 Vue
ES6-map&reduce Map1. 传统对象结构Map本质上是一个键值对的集合。和传统对象结构相比,传统的对象只能用字符串作为键名,这就在使用上造成了很大的限制了。这也是新增 Map 的原因之一。 2. Map 结构Map类似于对象,但是键名不限于字符串,可以说Object结构提供键-值对应,Map结构提供值-值对应因此其实采用map结构会优于传统对象 3. Map 的特点 Map 默认情况下不包含任何键,所有键都是自 2021-04-14 ES6 前端基础 ES6
CSS3--flex布局 以下是对flex布局的学习(重点) flex布局体验 布局原理flex 是flexible Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。 当我们为父盒子设为flex布局以后,子元素的float,clear和vertical-align属性将无效 伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局 flex 2021-04-14 CSS CSS 前端基础