椴佺編璇烘柉f117鍥剧墖椴佺編璇烘柉f117澶滈拱绯诲垪

热门文章 2023-03-07 13:45:18 0

淘宝搜：【天降红包222】领超级红包，京东搜：【天降红包222】
淘宝互助，淘宝双11微信互助群关注公众号【淘姐妹】

　　点此进入淘宝搜索页搜索

　　特别声明：本站仅为商品信息简介，并不出售商品，您可点击文中链接进入淘宝网搜索页搜索该商品，有任何问题请与具体淘宝商家联系。

　　⒖r格: 点此进入淘宝搜索页搜索　　分: 钟表眼镜,钟表,进口品牌表,　　品牌: luminox 鲁美诺斯

品牌：luminox 鲁美诺斯

机芯类型：石英表

表带类型：钢

手表种类：男表

特征

所有的Luminox手表均包括以下特征:

顶级照明系统

连续发光超过25年

光度比其它萤光表强100倍

自助动力瑞士照明系统

不需通过按钮或采用其它光源激活照明系统

照明保修10年

完全瑞士原产, 配多宝石瑞士石英机芯

防水防震

产品介绍:

【【微信】】是 Traser 表美国空军专用型号，质量更加可靠！

戴上【【微信】】光不灭夜光表，让它照亮你的生命，体会驾驶F117遨游蓝天的快感！

详细说明：

Gun隐型战斗机飞行员队所开发，并且成为标准制式用军用表,美国空军F117飞行员执行各种任务便是配戴这款手表,质量通过美军标准军规格严苛要求,特殊自体发光,除了在黑暗中也能清楚的掌握一切,使用了特殊偏光表面涂层的蓝宝石玻璃镜面,更进一步搭载 10 年的使用寿命的锂电池,在手表金属部分表面涂层采用 PVD（物理处理）,造就不反光的效果,符合作战需求,超硬的合金具有 2300 ～ 3000Hv。

表面刻度及指针能自发光超过 25 年（不用吸光）

发光度 100 倍光於其他夜光手表

瑞士制造（表壳及机芯）

蓝宝石水晶表面，永不磨损

表壳后有激光雕刻的F117飞机图案！

此款表有 3401,3402,3408三款，本款3402 价格最高！

表带有皮质表带和全钢表带外嵌黑色陶瓷等价格不同！

获得授权专为F-117隐形战斗机飞行员设计使用。

．背盖刻有F-117隐形战斗机专属背盖,通过美军标准军规格严苛要求。

．1点至11点时标刻度与指针镶嵌上绿色自体发光灯管,不须外来提供的光源,亮度可持续长达25年!

．12点时间刻度橘色自体发光灯管。

．外圈转盘12点嵌铝合金蓝宝石水晶特殊发光气体灯管。

．具防逆向可旋式计时外圈转盘。

．具龙头护弓及防水两段式可锁式龙头。

．3点日期窗口显示。

．100%原装进口,SWISS MADE 瑞士石英机芯10年锂电池。

．高密度PVD离子处理不锈钢表身。

．高密度PVD离子处理不锈钢LOGO印记安全扣。

．高密度PVD离子处理旋锁式不锈钢背盖。

．高硬度抗磨损蓝宝石水晶玻璃镜面。

产品规格

．围适用:15.5CM~19.5CM。 (可调整幅度)

．表壳尺:3.8CM X 3.8CM。

．玻璃镜面尺寸:2.8CM X 2.8CM。

．表身厚度:1.1CM。

．表带宽度:1.8CM。

．表身重量:160公克。(未拆表节)

．防水机能:20ATM。

推动式表冠手表的时间设置：设置完毕后，请将表冠还原归位，以防水渗进表芯。

注意：螺旋式表冠手表的日期/时间设置：先逆时针方向旋转表冠以松开表冠，松开表冠后，将表冠拉出，第一位置调日历，第二位置调时间即可。设置完毕后，推进表冠，然后顺时针方向拧紧表冠即可。注意一定要拧紧表冠，这是防水的关键！！！

F117飞行员手表鲁美诺斯 Luminox 夜鹰系列【永恒的经典】3402

五一特价，截止五月四日，恢复原价3450元。

Vue基础学习笔记Day02_vue-cli脚手架_基础API

vue-cli提供的几种脚手架模板,vue-cli脚手架是什么,vue cli脚手架搭建,vue cli脚手架命令

今日目标:

能够理解vue的概念和作用
能够理解vuecli脚手架工程化开发
能够使用vue指令

学习目录:

Vue基本概念
@vue/cli脚手架
Vue指令
今日总结
面试题

学习, 调试vue必备之利器 - 官方提供的呦如果实在打不开谷歌商店, 换个网不要图标上带橘黄色beta的

vue文件代码高亮插件-【【微信】】中安装

Vetur

代码提示插件-【【微信】】中安装

VueHelper

表达式, 变量是什么变量是一个容器, 表达式原地都有返回结果

new的作用和含义 new 类名() - 原地得到一个实例对象 - 对象身上有key(或叫属性, 叫键都行), 对应的值是我们要使用的
实例化对象实例化对象就是new 类名() 创造出来的对象, 身上包含属性(key, 键) 对应的值
什么是对象上的, 属性和方法

对象的赋值和取值有=(赋值运算符) 就是赋值, 没有就是取值

this的指向

this指向口诀:

在function函数中, this默认指向当前函数的调用者调用者.函数名()
在箭头函数中, this指向外层"函数"作用域this的值

目标: 更少的时间，干更多的活，开发网站速度快

例如: 把数组数据-循环铺设到li中, 看看分别如何做的?

原生js做法:

Vue.js做法:

注意: 虽然vue写起来很爽, 但是一定不要忘记, vue的底层还是原生js

开发更加的效率和简洁, 易于维护, 快!快!快!就是块 (甚至测试, Java, 【【微信】】工程师都要学点vue, 方便与前端沟通)

现在很多项目都是用vue开发的

我们为什么学习Vue？

开发更快速，更高效
企业开发都在使用
前端工程师必备技能，高薪

渐进式Ja【【微信】】框架, 一套拥有自己规则的语法
官网地址: https://cn.vuejs.org/ (作者: 尤雨溪)

什么是渐进式

渐进式: 逐渐进步, 想用什么就用什么, 不必全都使用
Vue渐进式: Vue从基础开始, 会循序渐进向前学习, 如下知识点可能你现在不明白, 但是学完整个vue回过头来看, 会很有帮助
理解：
- Vue提供了一系列的技术，我们可以选择一个或多个，甚至使用全部，这就是渐进式
- 就是说，可以渐渐的，一点一点的去使用这个框架

什么是库和框架

库: 封装的属性或方法 (例jquery.js)（小工具）
框架: 拥有自己的规则和元素, 比库强大的多 (例vue.js)（大工具）
Vue是什么？ Vue是一个Ja【【微信】】渐进式框架
什么是渐进式？渐进式就是按需逐渐集成功能
什么是库和框架？库是方法的集合，而框架是一套拥有自己规则的语法

1.2_Vue学习的方式

传统开发模式：基于html/css/js文件开发vue
工程化开发方式：在【【微信】】环境中开发vue，这是最推荐, 企业常用的方式

目标: 【【微信】】自己配置环境很麻烦, 下载@vue/cli包,用vue命令创建脚手架项目

@vue/cli是Vue官方提供的一个全局模块包(得到vue命令), 此包用于创建脚手架项目
脚手架是为了保证各施工过程顺利进行而搭设的工作平台
PS：cli：command-line interface ，命令行界面
理解：vue/cli脚手架提供了很多命令，可以让我们快速创建，管理项目

@vue/cli的好处

开箱即用
0配置【【微信】】
babel支持
css, less支持
开发服务器支持

用Vue开发项目，需要自己配置【【微信】】？不需要，Vue官方提供了@vue/cli包，可以快速搭建项目基本开发环境
使用脚手架的好处是什么？零配置，开箱即用，基于它快速搭建项目基本开发环境

目标: 把@vue/cli模块包按到全局, 电脑拥有vue命令, 才能创建脚手架工程

全局安装命令

查看vue脚手架版本

总结: 如果出现版本号就安装成功, 否则失败

如何安装全局包？ yarn global add 包名或 npm i -g 包名
我们会得到什么？全局包会在计算机中配置全局命令（例：nodemon、vue命令）安装完@vue/cli，会得到一个vue命令

目标: 使用vue命令, 创建脚手架项目

注意: 项目名不能带大写字母, 中文和特殊符号

创建项目

进入脚手架项目下, 启动内置的热更新本地服务器

总结: vue命令创建工程目录, 项目内置【【微信】】本地热更新服务器, 帮我们打包项目预览项目

如何创建一个开箱即用的脚手架项目？【【微信】】项目名
如何在网页上浏览这个项目？ yarn serve 启动本地热更新开发服务器

目标: 讲解重点文件夹, 文件的作用, 以及文件里代码的意思

主要文件及含义

PS：assets与public都是存放静态资源的目录，区别是啥？

assets的资源会被压缩，打包
public的资源不会压缩，打包，直接原封不动的放入dist打包目录

脚手架里主要文件和作用？

node_modules - 都是下载的包
public/index.html - 浏览器运行的网页
src/main.js - 【【微信】】打包的入口
src/App.【【微信】】页面入口
package.json - 项目描述文件

main.js和App.vue以及index.html作用和关系？

main.js - 项目打包入口 - Vue初始化
App.【【微信】】页面入口
index.html - 浏览器运行的文件
App.vue => main.js => index.html

目标：项目中没有webpa【【微信】】.js文件，因为@vue/cli用的vue.【【微信】】.js

问题：如果不想要默认端口8080，想要3000，怎么办？
src并列处新建vue.【【微信】】.js, 填入配置, 重启【【微信】】开发服务器

脚手架项目配置文件是什么？

项目根目录下的vue.【【微信】】.js配置文件

eslint是什么？

eslint是代码检查工具，违反规定就报错

如何暂时关闭？

在vue.【【微信】】.js中设置lintOnSave为false重启服务器即可

目标: 单vue文件好处, 独立作用域互不影响

Vue推荐采用.vue文件来开发项目
template里只能有一个根标签
vue文件C独立模块C作用域互不影响
style配合scoped属性 , 保证样式只针对当前template内标签生效
vue文件配合【【微信】】 , 把他们打包起来插入到index.html

最终: Vue文件配合【【微信】】, 把他们打包起来插入到index.html, 然后在浏览器运行

单vue文件的好处？

独立作用域，不再担心变量重名问题

单vue文件使用注意事项？

template里只能有一个根标签（节点）

欢迎界面是哪些？如何清除？

assets下图片和components下的文件，App.vue初始代码
删除即可，但是要留下Vue项目入口页面App.vue文件

目的: 在dom标签中, 直接插入内容

又叫: 声明式渲染/文本插值 mustache语法
插值表达式：插入数值的表达式
语法: {{ 表达式 }}
代码：

总结: dom中插值表达式赋值, vue的变量必须在data里声明

什么是插值表达式？

双大括号，可以把Vue变量直接显示在标签内

Vue中变量声明在哪里？

data函数返回的对象上的键值对

目的: 转变思维, 用数据驱动视图改变, 操作dom的事, vue源码内干了

设计模式: 是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结
演示: 在上个代码基础上 , 在devtool工具改变M层的变量 , 观察V层(视图的自动同步)
等下面学了【【微信】】再观察V改变M的效果
MVVM，一种软件架构模式，决定了写代码的思想和层次
- M： model数据模型 (data里定义)
- V： view视图（html页面）
- VM：【【微信】】视图模型 (vue.js源码)
MVVM通过数据双向绑定让数据自动地双向同步不再需要操作DOM
- V（修改视图） -> M（数据自动同步）
- M（修改数据） -> V（视图自动同步）

在vue中，不推荐直接手动操作DOM！！！
在vue中，通过数据驱动视图，不要在想着怎么操作DOM，而是想着如何操作数据！！(思想转变)

总结: vue源码内采用MVVM设计模式思想, 大大减少了DOM操作, 提高开发效率

MVVM ：双向数据绑定
- 其中涉及的双方：View（视图），Model（数据）
- 数据到视图：数据改变，界面也改变
- 视图到数据：界面改变，数据也改变

什么是设计模式？

设计模式是对代码分层，引入一种架构的概念

MVVM是什么？

MVVM（模型，视图，视图模型双向关联的一种设计模式）

MVVM好处？

减少DOM操作，提高开发效率

目标: 给标签属性设置vue变量的值

vue指令, 实质上就是特殊的 html 标签属性, 特点: v- 开头

每个指令, 都有独立的作用

语法：【【微信】】:属性名=“vue变量”，这里的vue变量，指的是data中定义的数据变量
简写：:属性名=“vue变量”
代码：

总结: 把vue变量的值, 赋予给dom属性上, 影响标签显示效果

如何给dom标签的属性设置Vue变量？

:属性名=“Vue变量”

目标: 给标签绑定事件

语法
- v-on:事件名=“要执行的少量代码”
- v-on:事件名=“methods中的函数”
- v-on:事件名=“methods中的函数(实参)”
简写: @事件名=“methods中的函数”

总结: 常用@事件名, 给dom标签绑定事件, 以及=右侧事件处理函数

如何给dom标签绑定事件？

@事件名=“methods里的函数名”

如何给事件传值？

@事件名=“methods里的函数名(实参)”

目标: vue事件处理函数中, 拿到事件对象

语法:
- 无传参, 通过形参直接接收
- 传参, 通过$event指代事件对象传给事件处理函数
示例：

PS：

如果我们自己不传递参数，那么系统会自动将$event事件对象传递过去，我们只管接收即可
如果我们自己要传递参数，那么系统就不会帮助我们传递$event

Vue事件处理函数，如何拿到事件对象？

无实参，直接用第一个形参接收
有实参，手动传入$event

目的: 在事件后面.修饰符名 - 给事件带来更强大的功能

语法 : @事件名.修饰符=“methods里函数”
- .stop - 阻止事件冒泡
- .prevent - 阻止默认行为
- .once - 程序运行期间, 只触发一次事件处理函数
代码：

总结: 修饰符给事件扩展额外功能

Vue有哪些主要修饰符，都有什么功能？

.stop - 阻止事件冒泡
.prevent - 阻止默认行为
.once - 只执行一次事件处理函数

目标: 给键盘事件, 添加修饰符, 增强能力

语法:
- @keyup.enter - 监测回车按键
- @keyup.esc - 监测返回按键
代码：

总结: 多使用事件修饰符, 可以提高开发效率, 少去自己判断过程

按键修饰符如何使用？

@键盘事件.按键修饰符=“methods里的函数名”

有哪些主要按键修饰符？

.enter - 只有按下回车才能触发这个键盘事件函数
.esc - 只有按下取消键才能触发这个键盘事件函数

3.7_实例-翻转世界

目标: 点击按钮 - 把文字取反显示 - 再点击取反显示(回来了)

提示: 把字符串取反赋予回去

总结: 记住方法特点, 多做需求, vue是数据变化视图自动更新, 减少操作DOM时间, 提高开发效率

点击翻转字符串显示思路是什么？

写需求要先写静态标签，再考虑动态效果，找到第一步干什么
记住方法的特点 - 可以自己总结字典和口诀

目标: 把value属性和vue数据变量, 双向绑定到一起

【【微信】】 : 是实现vue变量和表单标签value属性, 双向绑定的指令
双向数据绑定
- 数据变化 -> 视图自动同步
- 视图变化 -> 数据自动同步
语法: 【【微信】】=“vue数据变量”
例子：做个注册表单, 了解【【微信】】在各种表单标签如何使用
演示: 用户名绑定 - vue内部是MVVM设计模式

总结: 本阶段【【微信】】只能用在表单元素上, 以后学组件后讲【【微信】】高级用法

PS：
- 【【微信】】:属性名=‘变量名’ ：将变量与属性进行了单向的数据绑定
- 【【微信】】=“变量名” ：双向数据绑定，将表单控件的value属性与变量进行了双向数据绑定

目标：value属性和Vue数据变量, 双向绑定到一起

语法: 【【微信】】=“Vue数据变量”
例子如下:

下拉菜单【【微信】】写在哪里？【【微信】】写在select上，value写在【【微信】】上
【【微信】】用在复选框时，需要注意什么？【【微信】】的vue变量是：
- 非数组 - 关联的是checked属性
- 数组 - 关联的是value属性
Vue变量初始值会不会影响表单的默认状态？会影响，因为双向数据绑定 - 互相影响

目标: 让【【微信】】拥有更强大的功能

语法 : 【【微信】】.修饰符=“vue数据变量”
- .【【微信】】以parseFloat转成数字类型
- .trim 去除首尾空白字符
- .lazy 在change时触发而非inupt时
代码：

总结: 【【微信】】修饰符, 可以对值进行预处理, 非常高效好用

Vue针对【【微信】】有哪些修饰符来提高我们编程效率？

.【【微信】】 - 转成数值类型后再赋予给Vue数据变量
.trim - 去除两边空格后把值赋予给Vue数据变量
.lazy - 等表单失去焦点，才把值赋予给Vue数据变量

目的: 更新DOM对象的innerText/innerHTML

语法:
- 【【微信】】=“vue数据变量”
- 【【微信】】=“vue数据变量”
注意: 会覆盖插值表达式
代码：

总结: 【【微信】】把值当成普通字符串显示, 【【微信】】把值当做html解析

【【微信】】和【【微信】】有什么作用？
1. 都可以设置标签显示的内容
区别是什么？
1. 【【微信】】把值当成普通字符串显示
2. 【【微信】】把值当成标签进行解析显示

目标: 控制标签的隐藏或出现

语法
- 【【微信】】=“vue变量”
- v-if=“vue变量”
- 【【微信】】
原理
- 【【微信】】用的display:none隐藏 (频繁切换使用)
- v-if 直接从DOM树上移除
代码：

总结: 使用【【微信】】和v-if以及【【微信】】指令, 方便通过变量控制一套标签出现/隐藏

vue如何控制标签显示/隐藏？
1. 【【微信】】或v-if，给变量赋予true/false，显示/隐藏
区别是什么？
1. 【【微信】】是用css方式显示/隐藏标签

椴佺編璇烘柉f117鍥剧墖 椴佺編璇烘柉f117澶滈拱绯诲垪

Vue基础学习笔记Day02_vue-cli脚手架_基础API

xbox series x性能相当于什么显卡 xbox国行版正式发布2399元起

椴佺編璇烘柉f117鍥剧墖椴佺編璇烘柉f117澶滈拱绯诲垪