- 博客(22)
- 收藏
- 关注
RSS订阅原创 小程序的生命周期（应用，页面和组件）
小程序生命周期1.应用生命周期入口文件 首先调用APP方法属性 类型 默认值 必填 说明 最低版本onLaunch: 监听小程序初始化。 当应用第一次启动就会触发的事件onShow: 监听小程序启动或切前台。 应用被用户看到 //页面重置onHide: 监听小程序切后台。 暂停或者清楚定时器onError: 错误监听函数。当应用的代码发生报错 当应用发生错误的时候, 获取错误信息, 传递给后端服务器onPageNotFound: 页面不存在监听函数。 1.9.90 当应
2021-05-10 21:52:33
171
原创 微信小程序简版（todolist）实现
简版todolist图片demo.wxml文件<!--pages/demo02/demo02.wxml--><view class="inp1"> <!-- 添加数据 --> <input type="text" value="{{input}}" bindconfirm="pushinp" placeholder="Anything here..." /> <view style="margin-top: 20px;">
2021-05-09 19:46:31
577
原创 vue中SEO（搜索引擎优化）
说道SEO我们都知道是搜索引擎的优化。SEO它会利用搜索引擎的规则让网站排名提高靠前，让网站中更多的页面被搜索引擎收纳。内容为王，外链为帝，用户体验为皇。优化原则改良和规范网站设计的作用，使网站对搜索引擎和用户更加友好，并且网站也能从搜索引擎中获取合理的流量，SEO有三条最重要的规律，那就是原创的内容、高质量的外部链接和持之以恒适度的优化。典型的高质量站点特征：受众：受众量，访问热度，忠实用户量。页面：信息完整，元素丰富，独特价值，时效性强，无虚假，违法信息网站：访问速度快，空间稳定，无死
2021-05-06 21:31:22
1028
原创 mvvm.js源码分析
MVVM 数据绑定的入口，整合Observer,Compile和Watcher三者，通过Observer来监听自己的model数据变化，通过Compile来解析编译模板指令，最终利用Watcher搭起Observer和Compile之间的通信桥梁，达到数据变化 > 视图更新；视图交互变化> 数据model变更的双向绑定效果。function MVVM(options) { //给实例新增一个$options属性,.并且把传递过来的配置进行暂存 this.$options =
2021-05-04 20:49:45
142
原创 watcher.js源码分析
Watcher订阅者是Observer和Compile之间通信的桥梁，主要用于三点:1、在自身实例化时往属性订阅器(dep)里面添加自身2、自身必须有一个update()方法3、待属性变动dep.notice()通知时，能调用自身的update()方法，并触发Compile中绑定的回调，则功成身退。function Watcher(vm, exp, cb) { //在watcher的实例上保存回调函数 this.cb = cb; //用于更新界面的回调函数 this.vm =
2021-05-04 20:47:30
295
原创 compile.js源码分析
判断元素，将模板中的变量替换成数据（文档碎片），然后初始化渲染页面视图，并将每个指令对应的节点绑定更新函数，添加监听数据的订阅者，一旦数据有变动，收到通知，更新视图function Compile(el, vm) { this.$vm = vm; //this Compile的实例 $vm 是MVVM的实例 // el == "#app" 判断当前用户传递的el属性是元素节点还是选择器,如果是元素节点则直接保存到$el中通, //如果不是 则根据选择器 去查找对应的元素 然
2021-05-04 20:30:02
621
原创 observer.js源码分析
observer 数据劫持，递归循环遍历所得层次的属性，都添加上geter,seter方法只要值发生改变，seter机会监听当前发生改变的数据function Observer(data) { //在Observer实例上暂存data this.data = data; this.walk(data);}Observer.prototype = { walk: function(data) { var me = this; //对
2021-05-04 20:14:30
264
原创 vue数据双向绑定源码分析
首先说一下数据双向绑定原理vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图。实现一个简单的数据双向绑定的html页面需要引入四个重要的js（四个步骤）来实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2021-04-30 11:47:32
325
翻译 vue相关的一些面试题
一、什么是MVVM？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的， 因此View 数据的变化会同步到Model
2021-04-28 21:49:21
502
原创 vue的组件传值
1.父子传参2.子组件3.vuex4.eventBus5.本地存储6.全局变量7.promise8.this.refs9.refs 9.refs9.parent$child10路由传参 query钩子函数
2021-04-23 21:32:29
182
原创 web前端网页单词总结（未完成）
JavaScript().................................................加哇思科瑞泼特doctype(文档声明)......................................刀科泰泼head(html页面头部).............................嗨的body(html页面的内容)..............................包deimeta(字符集，结合charset使用，防乱码)..........
2021-04-18 21:29:54
228
翻译 获取接口数据时出现（跨域）的解决方案
在最外层，src同级创建一个vue.config.jsmodule.exports = { publicPath: "./", devServer: { open: true, proxy: { '/api': { //填写url target: "", changeOrigin: true, path.
2021-04-12 23:47:01
580
原创 JS中常用的一些事件（触发方法）
onclick：元素上发生鼠标点击时触发。ondblclick： 元素上发生鼠标双击时触发。onmouseenter：当鼠标移动到连接了侦听器的元素上时，会触发该事件。onmouseover： 当鼠标移动到附加了侦听器的元素或其子项之一上时，会触发该事件。mouseleave：当鼠标移出连接有侦听器的元素时，会触发该事件。onmousedown：当元素上按下鼠标按钮时触发。onmousemove：当鼠标指针移动到元素上时触发。onmouseout：当鼠标指针移出元素时触发...
2021-04-09 16:16:48
2919
原创 来自一个00后现在的生活
说道我们各自的生活中都有相似之处，也有不同之处。对于现在的我，也步入了成年人的世界，所谓的道理也已经听过无数遍了哈哈。在我近些年的生活中，一般遇到都是跟我同龄差不多，或者比我年长的同学，朋友，也在慢慢的变得成熟走向社会，生活中自信很重要，我这个人就比较自信，佛系。但在生活中与人交往这方面不怎么到位，我是一个跟熟悉的人放得开，陌生或者不熟的人一点话题都找不到。我也想多认识一些朋友可是无从下手，可能是因为自己的交流能力不太好。现在也已经知道家人的期盼和生活的艰难，每天都在想着努力学习和改
2021-04-08 21:08:57
147
3
翻译 原生js的一些题
1. V js组成ECMAScript（js语法），DOM（页面文档对象模型），BOM（浏览器对象模型）2.Js输出语句alert弹出警示框console.Log(输出的);浏览器控制台打印输出信息prompt（）浏览器弹出输入框，用户可以输入document.write() 在网页中输出内容3.变量的命名规范1 不能以数字开头2 严格区分大小写3 不能是关键字和保留字4 变量要有意义5 驼峰式命名法4.Js数据类型分类类1简单数据类型其中包含nu
2021-04-07 21:27:00
155
翻译 原生js 冒泡排序和数组去重
冒泡排序 var arr = [2, 4, 3, 9, 6, 8, 7]; //外层循环控制的是趟数 for (var i = 0; i < arr.length; i++) { //内层循环控制的是每一趟两两比较的次数 for (var j = 0; j < arr.length - 1 - i; j++) { //如果后一个数比前一个数小的话，就交换 .
2021-04-05 20:52:48
131
转载 本地存储
本地存储的特性：1、数据存储在用户浏览器中2、设置、读取方便、甚至页面刷新不丢失数据3、容量较大，sessionStorage约5M、localStorage约20M4、只能存储字符串，可以将对象JSON.stringify() 编码后存储localStorage 和 sessionStorage的用法是一致的window.sessionStorage1、生命周期为关闭浏览器窗口2、在同一个窗口(页面)下数据可以共享3、以键值对的形式存储使用存储数据：..
2021-04-02 17:14:40
66
翻译 js中的对象
什么是对象？在js中，一切皆是对象。对象，生活中可见和不可见的东西，在世界中，客观存在的都是一个对象。桌子，笔记本，手机，人。在日常生活中，我们是如何来描述这个对象的呢？描述手机规格参数，静态的特征：如CPU，内存，摄像头，屏幕提供的功能，动态的行为，打电话、发短信、上网、拍照描述张三静态的特征，姓名，性别，年龄，籍贯，学历动态的行为，编写代码，打篮球，唱歌，跳舞在描述一个对象的时候，通常是从两个方面来描述的：静态的特征：动态的行为：把静态的特征和动态的行为组合在一起，就形成
2021-04-01 21:52:11
614
原创 什么是内置对象: ... (Math、 Date 、Array、String)...
JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于 JS 独有的， JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法），内置对象最大的优点就是帮助我们快速开发JavaScript 提供了多个内置对象：Math、 Date 、Array、String等MathMath 对象不是构造函数，它具有数学常数和函数
2021-03-31 21:37:14
362
原创 vue中的父子兄弟组件传参
1.父组件向子组件进行传值父组件<template> <div> //父组件: <input type="text" v-model="name"> <br> <br> <!-- 引入子组件 --> <child :inputName="name"></child> </div></template><scrip
2021-03-30 21:56:18
241
原创 在vue项目中使用进度条的实现
进度条实现第一步下载Nprogress第二部引入import Nprogress from "nprogress"import 'nprogress/nprogress.css'
2021-03-30 19:36:09
278
1
原创 数组的方法 （搜索和排序）
**计算属性搜索和排序**computed: { // 搜索 serach(){ return this.dataList.filter(item=> //精确查找 item.goods_name.match(this.carts) )} },```match精确查找 indexOf查找下标方式//升序排序 数据列表.sort(functio...
2021-03-30 19:20:59
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人