- 博客(21)
- 收藏
- 关注
RSS订阅原创 小程序开发-----组件之------视图容器
目录组件组件共有属性视图容器viewscroll-viewcover-image/corver-viewmatch-mediamovable-area/movable-viewpage-containershare-elementswiper/swiper-item组件一个小程序页面可以分解成多个部分组成，组件就是小程序页面的基本组成单元。为了让开发者可以快速进行开发，小程序的宿主环境提供了一系列基础组件。比如上面我们使用的,这里我们再来看一个：<image mode="scaleToFill
2021-09-01 14:40:53
400
原创 小程序开发笔记------小程序的环境
目录小程序的环境框架双线程下的界面渲染响应的数据绑定小程序的双向数据绑定页面管理页面全局数据基础组件小程序的环境框架小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。整个小程序框架系统分为两部分：逻辑层（App Service）和 视图层（View）。小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。双线程下的界面渲染
2021-08-31 18:58:21
213
原创 小程序开发----WXML语法
目录WXML语法数据绑定列表渲染条件渲染模板引用WXML语法数据绑定数据绑定WXML 中的动态数据均来自对应 Page 的 data。简单绑定数据绑定使用 Mustache 语法（双大括号）将变量包起来，可以作用于：<view> {{ message }} </view>Page({ data: { message: 'Hello MINA!' }})组件属性(需要在双引号之内)<view id="item-{{id}}"> &l
2021-08-30 19:37:03
304
原创 前端笔记-小程序开发
小程序开发小程序代码构成JSON 配置小程序配置 app.json小程序检索配置 sitemap.jsonrules工具配置 project.config.jsonJSON 语法WXML 模板WXSS样式JS 逻辑交互WXS模块require函数module 属性src 属性小程序代码构成● .json 后缀的 JSON 配置文件● .wxml 后缀的 WXML 模板文件● .wxss 后缀的 WXSS 样式文件● .js 后缀的 JS 脚本逻辑文件JSON 配置JSON 是一种数据格式，并不
2021-08-26 18:42:40
332
原创 Vue中less知识点总结
目录Less安装变量（Variables）混合（Mixins）嵌套（Nesting）运算（Operations）转义（Escaping）函数（Functions）命名空间和访问符映射作用域（Scope）scss和stylusLessLess （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。因
2021-08-20 16:14:27
1450
原创 Vue中AXIOS知识点总结
目录AXIOS什么是axios与jQuery-AJAX的区别安装简易demo完整AXIOS实例响应结构创建实例拦截器transformer和interceptor的区别别名方法关于以上方法的区别并发AXIOS什么是axiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。有以下特点：● 从浏览器中创建 XMLHttpRequests（客户端）● 从 node.js 创建 http 请求（服务端）● 支持 Promise API● 拦截请求和响应
2021-08-19 11:19:27
457
2
原创 Vue关于vuex知识点总结
目录状态管理什么是“状态管理模式”什么情况下我应该使用 Vuex简单的 store 模式单一状态树StategetterMutationActionmodule命名空间状态管理Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。小型项目
2021-08-18 09:22:53
89
原创 Vue路由知识点总结
目录路由起步如何使用路由动态路由匹配响应路由参数的变化匹配所有路径匹配优先级嵌套路由编程式的导航命名路由命名视图重定向别名History 模式$router 和 $route的全局前置守卫全局解析守卫（组件）全局后置钩子路由独享的守卫组件内的守卫完整的导航解析流程路由元信息路由用 Vue.js + Vue Router 创建单页应用，感觉很自然：使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 Vue Router 添加进来，我们需要做的是，将组件 (components) 映射到
2021-08-17 14:39:29
191
原创 学习笔记之------Vue（3）
目录混入选项合并全局mixin自定义指令指令钩子函数参数指令参数动态指令参数指令值渲染函数V3 setup() 函数V3 ref() 函数V3 reactive 函数JSX自定义插件过滤器混入Mixin 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个 mixin 对象可以包含任意组件选项。当组件使用 mixin 对象时，所有 mixin 对象的选项将被“混合”进入该组件本身的选项。var obj = { data:function(){ return {
2021-08-12 20:26:25
475
原创 Vue中“组件”知识总结
目录组件组件的复用组件的注册组件名放置限制通过 Prop 向子组件传递数据单向数据流poro的验证属性继承自定义事件插槽动态组件Provide / Inject异步组件组件在项目中，很多时候我们需要在不同的模块使用相同的一个块，而这个块的代码时相同的，这时候会造成代码冗余，我们可以通过封装组件的方式，实现代码的复用。首先我们来看一个例子：//计数器组件<template> <p>{{count}}</p> <button @click="c
2021-08-11 16:20:14
254
原创 学习笔记之-----Vue3(2)
目录项目运行的启动方式事件绑定表单输入绑定计算属性侦听器项目运行的启动方式一种是「冷启动」，一种是「热启动」。冷启动指的是用户首次打开或小程序被微信主动销毁后再次打开的情况，此时小程序需要重新加载启动。假如用户已经打开过某小程序，然后在一定时间内（五分钟）再次打开该小程序，此时无需重新启动，只需将后台态的小程序切换到前台，这个过程就是热启动；事件绑定我们可以使用 v-on 指令 (通常缩写为 @ 符号) 来监听 DOM 事件，并在触发事件时执行一些 JavaScript。用法为 v-on:cli
2021-08-10 19:59:37
528
原创 学习笔记之-------Vue3
目录vuemvvmmvcmvvm组件化安装和使用HTML中node中为什么要把data对象变成函数并return关于vue3的根节点生命周期Data Property模板语法插值文本原始 HTMLAttribute表达式条件渲染v-ifv-showv-if vs v-show列表渲染v-forv-for 与 v-if 一同使用class和stylevueVue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vu
2021-08-06 11:05:10
181
原创 学习笔记之-------ES6（3）
目录对象功能新增数组功能新增for-of（可迭代对象）SymbolSet集合Map集合类（class）迭代器promiseGeneratorAsyncES6补充对象功能新增● Object.is()//两个值是否为同一个值。返回true或者falseObject.is('foo', 'foo'); // trueObject.is(null, null); // trueObject.is([], []); // false 引用数据类型的内存地址不同//特例console.log(+0
2021-08-03 16:08:42
150
原创 学习笔记之-----ES6
文章目录Babel常用模块补充包管理器npm依赖安装方式cnpm依赖安装方式yarn依赖安装方式变量声明（let）常量声明(const)解构模板字符串（``）扩展运算符 （...)函数功能新增对象简写BabelBabel是一个广泛使用的ES6转换器，使用babel可以将ES6代码转为ES5代码，从而在老版本的浏览器执行。这意味着，可以用 ES6 的方式编写程序，又不用担心现有环境是否支持。使用：初始化项目npm init安装babel-cli工具npm i -g babel-cli
2021-07-27 16:20:36
121
原创 学习笔记之-----ES6
目录什么是ECMAscriptES6简介ECMAScript的版本ES6做了哪些改变环境对ES6的支持模块化开发node对模块化的支持ES6之前的模块化（CommonJS、AMD、CMD）ES6与CommonJS的区别浏览器端对ES6模块化的支持模块导出（export）模块导入（import）CommonJS的模块化什么是ECMAscriptECMAscript的组成：javascript+dom+bomECMA欧洲计算机制造商协会制定了ECMAscript标准，ECMA-262ECMAscript
2021-07-23 11:15:20
174
1
原创 学习笔记之-----H5API
文章目录语义标签新添元素删除的标签添加的其他属性自定义属性多媒体播放1. 嵌入视/音频：2. source,指定不同媒体来源canvas元素（画图）js-cookie数据存储拖放操作WebMessagewebsocket地图API语义标签<nav>网站导航块<section>表示页面中的一个内容块<article>表示页面中的一块与上下文不相关的内容块<aside>元素表示当前页面或文章的附属信息部分<header>表示页面中一个标题区
2021-07-20 19:18:01
206
原创 提高代码效率的 20 个JavaScript小窍门（4）
文章目录16. 默认参数17. 将十进制转换为二进制或十六进制18. 使用解构简单交换两值19. 单行回文检查20.将Object属性转成属性数组16. 默认参数const search = (arr, low=0,high=arr.length-1) => { return high;}search([1,2,3,4,5]);// 输出: 417. 将十进制转换为二进制或十六进制在解决问题的同时，我们可以使用一些内置的方法，例如==.toPrecision()或.toFi
2021-07-19 11:17:23
166
转载 学习笔记之常用数组api 改变原数组和不改变原数组的有哪些?
复习了一下数组的常用api,练习的是一些自己容易混淆或者是忽略的参数和细节~还是自己敲一遍清楚一些,光看也没用~先把总结写在前面:改变原数组的操作:pop / push / shift / unshift / splice / reverse / sort不改变原数组的操作:concat / filter / join / slice / reduce / findIndex / forEach / map<!DOCTYPE html><html lang="en"
2021-07-18 11:52:05
288
原创 提高代码效率的20个javaScript小窍门（3）
文章目录11. 箭头函数12. 可选链13. 打乱数组14. 空合并算子15. Rest & Spread 运算符总结11. 箭头函数箭头函数表达式是传统函数表达式的紧凑替代品，但有局限性，不能在所有情况下使用。由于它们具有词法范围（父范围）并且没有自己的范围this，arguments因此它们指的是定义它们的环境。const person = {name: 'Kapil',sayName() { return this.name; }}person.sayName(
2021-07-17 22:35:29
98
原创 提高代码效率的20个javascript小窍门（2）
文章目录6、删除重复值7、创建计数器对象或映射8、三元运算符很酷9、与旧版相比，for 循环更快10、合并2个对象总结6、删除重复值您可能已经将 indexOf() 与for 循环一起使用，该循环返回第一个找到的索引或较新的 includes() 从数组中返回布尔值 true/false 以找出/删除重复项。 这是我们有两种更快的方法。const array = [5,4,7,8,9,2,7,5];array.filter((item,idx,arr) => arr.indexOf(ite
2021-07-15 15:41:54
117
原创 提高JavaScript代码效率的5个小技巧
目录声明和初始化数组找出总和、最小值和最大值对字符串、数字或对象数组进行排序从数组中过滤虚假值对各种条件使用逻辑运算符删除重复值创建计数器对象或映射三元运算符很酷与旧版相比，for 循环更快合并2个对象箭头函数可选链打乱数组空合并算子Rest & Spread 运算符默认参数将十进制转换为二进制或十六进制使用解构简单交换两值单行回文检查将Object属性转成属性数组声明和初始化数组我们可以使用默认值（如""、null或 ）初始化特定大小的数组0。您可能已经将这些用于一维数组，但如何初始化二维数组
2021-07-14 18:36:08
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人