vue中computed/method/watch的区别

摘要:本文通过官方文档结合源码来分析computed/method/watch的区别。 Tips:本文分析的源码版本是v2.6.11,文章中牵涉到vue响应式系统原理部分,如果不是很了解,建议先阅读上一篇文章《深入解析vue响应式原理》。 computed 首先来看官网的解释:计算属性是基于响应式依 ... »

JavaScript小记

JavaScript小记 1. 简介 1. 语言描述 JavaScript 是一门跨平台、面向对象的弱类型动态脚本编程语言 JavaScript 是一门基于原型、函数先行的语言 JavaScript 是一门多范式的语言,它支持面向对象程序设计、命令式编程以及函数式编程 其最初被创建的目的是“使网页更 ... »

js模仿京东首页的倒计时功能

##模仿京东首页的倒计时 我们学习了定时器,可以用定时器做一个倒计时,于是我模仿了京东首页倒计时。 先看看京东首页的倒计时。 思路: 如何倒计时? 给一个未来的时间。然后计算未来时间到现在的时间戳。 用定时器每隔一秒,计算时间戳。然后把时间戳转换为时分秒。 转换的时候,要注意取整和取余,别搞混了。 ... »

const关键字:终于拥有真正的常量声明语句

本文首发于个人网站:const关键字:终于拥有真正的常量声明语句 你好,今天大叔想和你唠扯唠扯 ES6 新增的关键字 —— const。在说 const 关键字之前,大叔先和你唠唠大叔自己对 const 的感受 —— JavaScript 尼玛终于可以声明真正的常量啦!大叔为啥会发出这样滴感叹?实在 ... »

window.open()打开新窗口教程

使用 window 对象的 open() 方法可以打开一个新窗口。用法如下: window.open (URL, name, features, replace) 参数列表如下: URL:可选字符串,声明在新窗口中显示网页文档的 URL。如果省略,或者为空,则新窗口就不会显示任何文档。 name:可 ... »

7-1 厘米换算英尺英寸 (15分)

题目:如果已知英制长度的英尺foot和英寸inch的值,那么对应的米是(foot+inch/12)×0.3048。现在,如果用户输入的是厘米数,那么对应英制长度的英尺和英寸是多少呢?别忘了1英尺等于12英寸。 输入格式: 输入在一行中给出1个正整数,单位是厘米。 输出格式: 在一行中输出这个厘米数对 ... »

前端开发好帮手,eslint配置全知道

eslint让人又爱又恨,原因在于它的默认配置非常严格,动则一个小提示就直接报错不给运行。而在开发调试的过程中,我们想时时得到运行效果,它的严格又很烦。 在安装eslint后,我们可以在package.json 中配置是否启用,也可以单个规则进行配置,格式如下: "规则名": [规则值, 规则配置] ... »

let关键字:加强版的var关键字

本文首发于个人网站:let关键字:加强版的var关键字 你好,今天大叔想和你唠扯唠扯 ES6 新增的关键字 —— let。再说 let 的具体用法之前,大叔想先和你说说大叔自己对 let 的感受 —— let 其实就是加强版的 var。为啥这么说呢?别急,且听大叔慢慢道来。 首先,let 和 var ... »

深入解析vue响应式原理

摘要:本文主要通过结合vue官方文档及源码,对vue响应式原理进行深入分析。 1.定义 作为vue最独特的特性,响应式可以说是vue的灵魂了,表面上看就是数据发生变化后,对应的界面会重新渲染,那么响应式系统的底层细节到底是怎么一回事呢? Tips:vue的响应式系统在vue2.0和vue3.0版本中 ... »

通过百度翻译翻译四国语言

在日常开发工作中,如果需要多语言,很多时候就需要在线翻译,通常是简体中文翻译为英文、日文,繁体中文。 如果对翻译要求结果不高,使用百度翻译即可,而翻译一个字段点来点去,实在是烦人,特此写了个脚本,请在百度翻译界面 F12 打开控制台使用: let translateCn = function (te ... »

计算起始车站车费问题-JavaScript数组对象写法

####计算起始站车费 题目:深圳--60--广州--50-虎门--40- -中山--36-珠海一34-澳门一89一香港以上车票费用计算,如坐车深圳到广州60元,广州到虎门50元,深圳到虎门就是60+50-110元其它以此类推。 请用一个函数,传入一个起始点,和一个终点,就能计算出车费如传入起始点虎 ... »

JavaScript入门-对象

##js对象 本篇主要介绍js里如何创建对象,以及for循环访问对象的成员... ####什么是对象? 对象,并不是中文里有男女朋友意思,它是从英文里翻译来的,英文叫[Object],目标,物体,物品的意思。 在编程里,我们经常听到有人说,面向对象。那这个对象,你简单来理解,就是一个容器,一个能装变 ... »

第一个使用 TypeScript + Vue 3.0 Composition API 重构的组件库 Element Plus 发布了 »

JavaScript入门-函数function(二)

JavaScript入门-函数function(二) 递归函数 什么是递归函数? 递归简单理解就是,在函数体里,调用自己。 //我们在求一个10的阶乘的时候,可能会这么做 //写一个循环 var total = 1 for(var i=10; i>=1; i++){ total *= i ; } 这 ... »

【JS学习】String基础方法

**前言:**本博客系列为学习后盾人js教程过程中的记录与产出,如果对你有帮助,欢迎关注,点赞,分享。不足之处也欢迎指正,作者会积极思考与改正。 定义: 两种方法,存在一点点区别。new方法定义出来的是对象,方法2是字符串,但使用上没多大区别,后台会自动将字符串转化为对象,因此也可以使用对象的方法。 ... »

js的函数-function

function函数 function的英文是[功能],[数] 函数;职责;盛大的集会的意思 在js里,就是函数的意思。在Java里叫做方法。 ###定义函数 function fun(参数){ //函数体 //return可有可无,根据实际要求加或不加 } ###使用函数 //函数名() fun( ... »

用js实现打印九九乘法表

用js在打印九九乘法表 思考 在学习了流程控制和条件判断后,我们可以利用js打印各式各样的九九乘法表 不管是打印什么样三角形九九乘法表,我们都应该找到有规律的地方,比如第一列的数字是什么规律,第一行的数字是什么规律,只要找到了共性,九九乘法表就很简单了 注意点 怎么控制换行? console.log ... »

关于动态页面静态化的技术探索

一、准备工作 1、使用tornado部署后端服务 架构图: 1、config.py 配置端口 2、application配置路由 3、添加Handler处理响应请求 4、启动服务 打开server.py,右击选择Run ‘server’。 2、使用nuxt开前端页面 1、使用脚手架create-nu ... »