~LemonWater

2022年8月13日

摘要：计算属性与监听器计算属性当 vm.message 发生改变时，所有依赖 vm.reversedMessage 的绑定也会更新 <div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed mess 阅读全文

posted @ 2022-08-13 10:03 ~LemonWater 阅读(66) 评论(0) 推荐(0) 编辑

VUE学习-基础（基础语法 & 模板语法）

摘要：基础语法引入vue  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>  <script src="htt 阅读全文

posted @ 2022-08-13 09:46 ~LemonWater 阅读(70) 评论(0) 推荐(0) 编辑

VUE学习-生命周期

posted @ 2022-08-13 09:29 ~LemonWater 阅读(58) 评论(0) 推荐(0) 编辑

2022年8月12日

VUE学习-组件通信

摘要： vue组件通信页面传值：$route/${prop} 组件传值：父组件传值给子组件：参数传值子组件传值给父组件：给父组件传过来函数传参数；通过插槽的v-slot，绑定参数组件通信一般分为以下几种情况：父子组件通信兄弟组件通信跨多层级组件通信任意组件父子通信父组件通过 props 阅读全文

posted @ 2022-08-12 19:16 ~LemonWater 阅读(64) 评论(0) 推荐(0) 编辑

VUE学习-编译到浏览器

摘要： vue文件时怎样编译运行到浏览器的 http://www.manongjc.com/article/21832.html 通过vue-loader，解析.vue文件，在webpack解析，拆解vue组件编译模板，生成可复用的render function code，这一步在vue实例的整个生命阅读全文

posted @ 2022-08-12 18:55 ~LemonWater 阅读(171) 评论(0) 推荐(0) 编辑

JS学习-setTimeout()

摘要： setTimeout() 超时限制-节流 /* interval()，在setInterval()时间间隔到期后调用。 * timeout()setTimeout()计时器到期后调用。 * run()，在程序启动时调用。 * logline()在间隔和计时器到期时称为，它在出现节流时显示最近的间隔和阅读全文

posted @ 2022-08-12 16:33 ~LemonWater 阅读(83) 评论(0) 推荐(0) 编辑

JS学习-PromiseWorker

摘要： PromiseWorker PromiseWorker是一个ChromeWorker，调用而不是postMessage()发送消息，而是调用post()，它返回一个Promise。 PromiseWorker模块由两个JavaScript文件PromiseWorker.jsm和PromiseWork 阅读全文

posted @ 2022-08-12 16:10 ~LemonWater 阅读(202) 评论(0) 推荐(0) 编辑

JS学习-Web Worker

摘要： Web Worker 在专用workers的情况下，DedicatedWorkerGlobalScope 对象代表了worker的上下文（专用workers是指标准worker仅在单一脚本中被使用；共享worker的上下文是SharedWorkerGlobalScope (en-US)对象）。一个专阅读全文

posted @ 2022-08-12 15:08 ~LemonWater 阅读(317) 评论(0) 推荐(0) 编辑

JS学习-Promise

摘要： Promise 一个 Promise 必然处于以下几种状态之一：待定（pending）: 初始状态，既没有被兑现，也没有被拒绝。已兑现（fulfilled）: 意味着操作成功完成。已拒绝（rejected）: 意味着操作失败。如果一个 promise 已经"被兑现（fulfilled）"或" 阅读全文

posted @ 2022-08-12 14:26 ~LemonWater 阅读(65) 评论(0) 推荐(0) 编辑

JS学习-异步JS

摘要：异步JS setTimeout() 我们希望传递给setTimeout()中运行的函数的任何参数，都必须作为列表末尾的附加参数传递给它。 function sayHi(who) { alert('Hello ' + who + '!'); } let myGreeting = setTimeout( 阅读全文

posted @ 2022-08-12 13:56 ~LemonWater 阅读(66) 评论(0) 推荐(0) 编辑

JS学习-async/await

摘要： async/await 它保证函数的返回值为 promise。用更少的.then()块来封装代码，同时它看起来很像同步代码注意：可能会因为大量await的promises相继发生而变慢。 async关键字使用 async 关键字，把它放在函数声明之前，使其成为 async function。阅读全文

posted @ 2022-08-12 13:35 ~LemonWater 阅读(73) 评论(0) 推荐(0) 编辑

JS学习-DOM

摘要： DOM DOM树 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Simple DOM example</title> </head> <body> <section> <img src="dinosaur.png" alt=" 阅读全文

posted @ 2022-08-12 11:48 ~LemonWater 阅读(52) 评论(0) 推荐(0) 编辑

JS学习-从服务器获取数据

摘要：从服务器获取数据 Ajax 通过使用诸如 XMLHttpRequest 之类的API或者 — 最近以来的 Fetch API 来实现. 这些技术允许网页直接处理对服务器上可用的特定资源的 HTTP 请求，并在显示之前根据需要对结果数据进行格式化。 XHR已经面世非常之久，现在已经有了相当棒的跨浏览器阅读全文

posted @ 2022-08-12 11:35 ~LemonWater 阅读(457) 评论(0) 推荐(0) 编辑

JS学习- Canvas - 遮盖组合

摘要： Compositing 组合 globalCompositeOperation这个属性设定了在画新图形时采用的遮盖策略，其值是一个标识12种遮盖方式的字符串。 | 值 | 描述 | 图示 | | | | | | source-over | 默认设置，并在现有画布上下文之上绘制新图形。| | | so 阅读全文

posted @ 2022-08-12 11:04 ~LemonWater 阅读(212) 评论(0) 推荐(0) 编辑

JS学习-给Canvas上下文设置样式

摘要：给Canvas上下文设置样式 <canvas class="myCanvas" width="700" height="500"> <p>添加恰当的反馈信息。</p> </canvas> <script> var canvas = document.querySelector('.myCanvas' 阅读全文

posted @ 2022-08-12 10:06 ~LemonWater 阅读(397) 评论(0) 推荐(0) 编辑

JS学习-常用的Web API

posted @ 2022-08-12 09:54 ~LemonWater 阅读(167) 评论(0) 推荐(0) 编辑

2022年8月11日

JS学习-Canvas

摘要： Canvas Canvas API 提供了一个通过JavaScript 和 HTML的<canvas>元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。 canvas <canvas> 标签只有两个属性—— width和height。当没有设置宽度和高度的时阅读全文

posted @ 2022-08-11 18:34 ~LemonWater 阅读(956) 评论(0) 推荐(0) 编辑

2022年8月8日

zTree异步获取，默认展开一级节点

摘要： zTree官网 https://treejs.cn/v3/api.php 涉及到zTree的异步获取这里主要是在setting部分的设置： setting: { ..., async: {enable: true, url: getUrl }, callback: { //回调函数，实现展开功能阅读全文

posted @ 2022-08-08 11:02 ~LemonWater 阅读(1301) 评论(0) 推荐(0) 编辑

2022年6月10日

Centos8——Nginx下载安装 & 部署项目

摘要： Centos8——Nginx下载安装 & 部署项目官网：http://nginx.org/ 官网下载：http://nginx.org/en/download.html 创建文件夹 ps: 这里是下载路径，我这边指定下载到home文件夹下 cd /home mkdir nginx 进入创建的文件夹阅读全文

posted @ 2022-06-10 17:35 ~LemonWater 阅读(512) 评论(0) 推荐(0) 编辑

2022年5月26日

JS学习-Canvas-Transformations变换

摘要： Canvas -Transformations变换 save() 保存画布(canvas)的所有状态 restore() 是 Canvas 2D API 通过在绘图状态栈中弹出顶端的状态，将 canvas 恢复到最近的保存状态的方法。 Canvas状态存储在栈中，每当save()方法被调用后，当前的阅读全文

posted @ 2022-05-26 19:59 ~LemonWater 阅读(288) 评论(0) 推荐(0) 编辑

公告