无标题文章

总结小程序 


1 小程序是微信全新定义的规范,是基于xml+js的,不支持也不兼容HTML,兼容受限的部分CSS写法。

2  在项目中微信小程序的优化

        一、将所有的接口放在统一的js文件中并导出

·    二、在app.js中创建封装请求数据的方法 会导致第一次加载数据过慢

      三、在子页面中调用封装的方法请求数据

3 小程序页面传值的方法

    一、给HTML元素添加data-*属性来传递我们需要的值,然后通过e.currentTarget.dataset或onload的param参数获取。但data-名称不能有大写字母和不可以存放对象

二、设置id 的方法标识来传值通过e.currentTarget.id获取设置的id的值,然后通过设置全局对象的方式来传递数值

三、在navigator中添加参数传值

4小程序的双向绑定和vue哪里不一样?

小程序直接this.data的属性是不可以同步到视图的,必须调用:

this.setData({          noBind:true   })

5 文件结构分析

①app.js  这里面是存放了用户数据信息

②app.json   先看到pages  这里面是存放了配置文件  第一个默认为首页  window 里面存放了title标题  有颜色和样式等等

③app.wxss  这里面就是存放了一些样式  可以把它看做一个css文件

④project.config.json  个人感觉像是存放了一些项目配置文件(里面第一行写的就是项目配置文件...哈哈哈哈)

6 小程序的优化

?    

其他的就是一些小程序的使用方法

7 小程序启动过程

作者:崽崽不哭

链接:https://www.jianshu.com/p/38680d955c19

來源:简书

简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

本月我们所学小程序的内容和Vue的基本思路都非常的相似 只要学过Vue基本上学习的微信小程序的就比较轻松

1.首选先去微信小程序。微信公众平台上面去注册一个微信小程序开发的资格    网址 https://mp.weixin.qq.com/cgi-bin/wx

2.小程序API网址 https://developers.weixin.qq.com/miniprogram/dev/api/

3.下载微信小程序开发者工具  

4.创建微信小程序项目  

5.微信小程序上的所有功能都能在API网址上面能*够找到

6.其微信小程序里面的页面和之前我们写的项目的格式有所不同  

    创建项目之后出现四个文件  

  js文件:js文件创建了我们自动创建了我们的所有钩子函数 我们的js操作都是写在这页面    

 json文件 在这个文件可以控制我们头部上的标题等一系列功能

wxml文件:这个就是在页面展示我们所写的内容 在功能上的处理都是传入的js文件上进行处理的   

  wxss文件  :这个文件就是把我们所有的样式都写入这文件里面   

一个总的app.json这是一个非常重要的文件 当我们创建文件一个会在app.json里面自动创建一个路径  我们页面跳转和微信小程序里面的小图标都是放在这个文件里面  如果想把页面放在第一个就把app.json里面的路径放到第一个上面去

vue  

1.vue双向数据绑定的原理  

2.懒加载的原理

3.动态创建路由

4.路由传值

5vueX基本讲解

6.vue的axios的get和post请求的区别

7.vue的11个生命周期钩子函数    


8。mock.js的作用就是在后台没有发送个前台数据的时候,可以先模拟出数据进行操作


es5和es6的区别

let const  和 字符串模板

let有块级作用域

class

promise

Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。

所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。

Promise对象有以下两个特点。

(1)对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是Promise这个名字的由来,它的英语意思就是“承诺”,表示其他手段无法改变。

(2)一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise对象的状态改变,只有两种可能:从pending变为fulfilled和从pending变为rejected。只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果,这时就称为 resolved(已定型)。如果改变已经发生了,你再对Promise对象添加回调函数,也会立即得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是得不到结果的。

注意,为了行文方便,本章后面的resolved统一只指fulfilled状态,不包含rejected状态。

有了Promise对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise对象提供统一的接口,使得控制异步操作更加容易。

Promise也有一些缺点。首先,无法取消Promise,一旦新建它就会立即执行,无法中途取消。其次,如果不设置回调函数,Promise内部抛出的错误,不会反应到外部。第三,当处于pending状态时,无法得知目前进展到哪一个阶段(刚刚开始还是即将完成)。

如果某些事件不断地反复发生,一般来说,使用 Stream 模式是比部署Promise更好的选择。

字符串的扩展

字符的 Unicode 表示法

codePointAt()

String.fromCodePoint()

字符串的遍历器接口

at()

normalize()

includes(), startsWith(), endsWith()

repeat()

padStart(),padEnd()

matchAll()

模板字符串



箭头函数

ES6标准新增了一种新的函数:Arrow Function(箭头函数)。

为什么叫Arrow Function?因为它的定义用的就是一个箭头:

x => x * x

上面的箭头函数相当于:

function(x){returnx * x;}

在继续学习箭头函数之前,请测试你的浏览器是否支持ES6的Arrow Function:

'use strict';

console.log('你的浏览器支持ES6的Arrow Function!');

 Run

箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }和return:

解构赋值


global

ES5 的顶层对象,本身也是一个问题,因为它在各种实现里面是不统一的。

浏览器里面,顶层对象是window,但 Node 和 Web Worker 没有window。

浏览器和 Web Worker 里面,self也指向顶层对象,但是 Node 没有self。

Node 里面,顶层对象是global,但其他环境都不支持。

同一段代码为了能够在各种环境,都能取到顶层对象,现在一般是使用this变量,但是有局限性。

全局环境中,this会返回顶层对象。但是,Node 模块和 ES6 模块中,this返回的是当前模块。

函数里面的this,如果函数不是作为对象的方法运行,而是单纯作为函数运行,this会指向顶层对象。但是,严格模式下,这时this会返回undefined。

不管是严格模式,还是普通模式,new Function('return this')(),总是会返回全局对象。但是,如果浏览器用了 CSP(Content Security Policy,内容安全策略),那么eval、new Function这些方法都可能无法使用。

js

1.闭包 

闭包就是在函数外部能够访问函数内部的变量  简单的来说就是 函数套函数  闭包的好处就是在函数内部的局部变量不会执行完之后就销毁

坏处就是内存占用过大 内存泄漏  主要用在插件封装 和 面向对象    一般情况下我们不推荐使用闭包

2.跨域

跨域是因为我们的同源策略 同域名 同端口 同协议  跨域问题只是针对于浏览器  在后台请求数据就没有跨域问题  跨域有三种解决方案

1在后台的时候直接写一个header 头就能解决 

2.前后端的配合使用  jsonp   但是这个 jsonp本身与ajax并没有任何的关联  只是在这时候使用它 

3.后台请求并没有跨域这一说 访问别的数据的时候 创建一个公共的数据库  然后把数据拿过啦发送给前台就可以了

3.作用域

全局作用域: 最外层函数定义的变量拥有全局作用域,即对任何内部函数来说,都是可以访问的

局部作用域:和全局作用域相反,局部作用域一般只在固定的代码片段内可访问到,而对于函数外部是无法访问的,最常见的例如函数内部

4  Undefined==null ’ ’’==0 1==true 0==false// 除了上述的几个返回值为true,其余全为false

5.parseint强制转换为取整形 parsefloat强制转换为浮点型  number强制转换为数值   

8.原型 

Es6之前,js是一种弱类型语言,实现对 对象属性或方法的扩展与继承;

9..原型链

当我们获取一个对象的属性或方法的时候,如果其本身没有,那么就通过__proto__往上找,知道null为止;

10.在click事件不推荐使用 会有300的延迟

11.阻止默认事件 preventDefault   阻止冒泡事件   stop.propagation

12 默认event  兼容的方法    e ||windwo.event  

13 ajax  和  socket的区别  

Ajax是单向请求数据 是客户端向服务端请求数据,服务端才会主动给客户端发送数据;是单轮循,是单工通信;

Socket是双向请求数据,客户端可以向服务端请求数据,服务端也会主动给客户端推送消息,是多轮循,是双工通信,可以跨域通信;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,211评论 0 4
  • 1.这个月复习了VUE 的相关知识点 然后将之前不是太懂的知识点补了起来 Vue是国人开发的一款前端框架,他是利用...
    MIHU_4bfc阅读 335评论 0 0
  • 综和复习本月知识点总结: 一:微信小程序 二:vue复习 三:js复习 四:新知识点 一:微信小程序知识点总结 开...
    飞鸟_45d4阅读 345评论 0 0
  • 单身的时候, 认为爱情很重要, 结婚以后, 面对柴米油盐的琐碎, 爱情就不是那么重要了, 等到老了之后, 爱不爱都...
    拂堤杨柳醉春烟阅读 450评论 0 0
  • 前言 昨天有个朋友向我哭诉,哭诉她觉得不幸福的婚姻生活。他们吵架的原因说起来很简单,因为在对其朋友某一事件的处理方...
    薇莉不罔不怠阅读 504评论 0 2