- 博客(49)
- 收藏
- 关注
RSS订阅
原创 vue中单双向绑定以及对于MVVM的理解
MVVM架构是指：数据层（Model）：应用数据以及逻辑，主要指从后端获取的数据视图层（View）：页面UI组件，主要由 HTML 和 CSS 来构建
2022-07-25 20:24:39
623
10
原创 Vue框架的初识入门
Vue (读音 /vjuː/，类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。......
2022-07-25 19:39:47
772
13
原创 JavaScript中开关灯案例展示
今天讲一个开关灯的案例，这里逻辑思维重点在于打标记法。代码展示，需求：点击关灯按钮，页面颜色变成黑色，同时按钮的关灯变成开灯，再次点击页面会变成黄色，按钮又变回关灯，可以自定义去设置；在html中添加一个按钮标签（button）。因为需求是通过点击按钮来实现页面的颜色改变，所以首先获取这两个事件源body元素较特殊，直接用document.body就可以获取到获取完，给按钮添加点击事件属性（onclick）重难点是我们每次点完他需要切换效果，而不是保留上一个触发事件，所以可以用标记法，来做一个if判断
2022-06-27 13:41:07
1797
1
原创 CSS+JavaScript下拉菜单布局与代码执行
导读：今天来通过一个安居客web下拉菜单来总结一下怎么用css布局以及通过js切换css效果首先看案例原图： 头部的布局以及下拉菜单布局实现代码：css布局部分：css这一块主要核心是通过盒子浮动，定位来布局，还有对选择器的熟练掌握。js代码块实现鼠标移入目标事件，显示下拉菜单，失去鼠标焦点隐藏下拉菜单主要重点在于逻辑的判断，通过for循环来遍历鼠标移入目标的具体项，主要防止效果重复不消失然后就是DOM中对于父子节点的掌握，通过父节点找到子节点，实现下拉菜单的显示隐藏这里需要注意得是这样通
2022-06-27 00:22:55
1008
1
原创 使用localStorage本地存储进行二次封装
对localStorage进行二次封装，优化性能，减少请求。这里使用最新的ts脚本语言进行封装，当然js代码也可以使用，只需将类型限制去除即可！
2022-10-19 14:19:45
888
2
原创 uniapp项目打包为app证书无效解决方法
在uniapp点击云打包，两种方法，一种为测试版打包，无需证书，直接快速打包，测试使用。第二种为传统打包使用证书，那么证书如何获取？
2022-09-29 18:28:52
1212
原创 浅谈web前端工程师hr面试经典问题20+
互联网技术行业更重要的是技术面 ，HR面只是最后一道把关，检查这个应聘者是否存在一些 "致命缺陷"。所以整体的面试过程，大家要保持不卑不亢，淡定从容，条理清晰，沉着稳健，就不会有太大的问题的。
2022-09-19 23:25:23
4649
11
原创 微信小程序开发之map地理定位的使用
3.保存你的项目后，打开官方文档（微信小程序javascript）这里，看第三步，点击以下两个文件下载，任意一个即可，推荐v-1.2版本。2，注册完成，点击创建项目，我这边已经创建完成，所以我打开编辑展示的，设置成我这个模板就可以，一定要填写自己的小程序id号，来授权。网上帖子对新手不友好，还不好用就重启，清除缓存，如果还获取不到数据就更改微信开发工具基础库版本。这是官方文档里的步骤，可能更详细，我也放在这里，供大家参考。4，下载好压缩包，解压，有两个js文件。6，在生命周期中写如下代码。
2022-09-08 18:35:16
1291
原创 Vue中过滤器和自定义指令详解
Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。双花括号插值和v-bind表达式(后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：。需要用到关键配置项filters在全局中格式化文件，全局组件都可以公用，是一种传递参数，串联的回调。自定义指令，顾名思义，就是我们使用者自己创建指令，如同vue给我们内置好的指令如v-model,v-on,v-band一样。我们自定义创建，然后去操作DOM元素。},//元素插入页面的时候},...
2022-08-11 17:04:16
465
原创 vue中插槽的详解
插槽（Slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。可以把插槽认为是组件封装期间，为用户预留的内容的占位符
2022-08-10 17:30:18
2731
原创 Vue2生命周期详解
常用的生命周期钩子：mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】。
2022-08-10 11:59:28
3068
22
原创 vue2中组件间通讯
首先在父组件中引入子组件，然后以属性的方式将数据传递给子组件父组件：然后在子组件中使用props接收，props里定义的名字要和父组件定义的一致子组件：1.1 道具属性使用1.3父传子通讯案例2 子传父 2.1.在子组件中定义一个方法，使用，'itemclick'是事件名，item是传过去的值。（实现子传父核心代码）2.2在子组件中监听点击事件并回调此方法2.3.在父组件中定义一个方法cpnClcik（item）2.4.并在父组件
2022-08-09 09:53:26
378
1
原创 Vue2脚手架安装
例如我想在桌面创建项目 我就从文件管理器 切换到桌面的工作路径 然后点击输入cmd 就可以成功在命令行切换到 桌面的工作路径。也可以用代码工具VScode，将 项目文件夹放进去，点击终端，输入npm run serve 按回车。进入命令行（桌面shift+鼠标右键，选择power管理员窗口也可以）选择之后 就开始创建项目了 （不安装淘宝镜像的话，这个过程比较耗时间）然后输入下方命令开始安装（一定注意注意空格，严格按步骤要求进行）下载好之后,就可以开始安装了。通过win+R键 输入。...
2022-08-03 20:06:57
6632
1
原创 Vue中循环遍历与key值原理详解
1. 虚拟DOM中key的作用：（面试题） key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】,
2022-08-02 19:14:31
2387
原创 Vue中条件判断v-if与v-show
1），v-if显示与隐藏元素是通过删除和添加节点来完成的，v-show是通过对节点进行display：none/block操作，并没有删除节点。（3），v-if、v-else、v-else-if联合使用相当于if、elseif、else，但是在条件比较多的时候建议使用计算属性。（2），v-if，v-else-if，else，配合使用，一旦符合条件，不执行其他的条件。（1）v-if渲染DOM，为false时移除显示，是比较强硬的手段，直接将节点删除。（2）false时，隐藏元素，实际还在，只是不显示。....
2022-08-02 18:28:48
3751
原创 Vue中的计算属性、方法和侦听属性的区别入门版
1，计算属性computed是基于它们的依赖进行缓存的，只有相关依赖会发生改变时才会重新求值。只要相关依赖未改变，只会返回缓存中的结果，不会执行函数。而methods,只要调用它，函数就会执行2，computed和watch的区别computed可以观察多个数据，watch只能是一个数据computed生成一个新的数据，直接渲染至视图中，watch是修改本身已经存在的数据computed不可以执行异步的，因为需要返回值，返回值是由js主线程控制，watch可以执行异步el。......
2022-07-28 18:51:42
443
7
原创 Vue中计算属性（computed）、方法（methods）和侦听属性（watchers）的区别
对于刚开始学习Vue的开发者来说，十分容易混淆Vue中计算属性、方法和侦听属性，希望通过本文的介绍，您能了解并分辨这三者的区别。熟悉Vue的同学都知道在Vue框架中，计算属性（computed）、方法（methods）和侦听属性（watchers）充当着非常重要的角色，它们既可以用来实现相同的功能，彼此之间又存在一些不同之处。三者都有适合自己的场景，我们要想在合适的场景下灵活运用它们，必须对它们有全面的了解。...
2022-07-28 17:11:40
614
原创 Vue中动态绑定
有时候我们期望对Dom元素的节点的class进行动态绑定，选择此Dom是否有指定class属性。例如，给h2标签加上，当Dom元素有此class时候，变红，在写一个按钮绑定事件，点击变黑色，再次点击变红色。 定义两个变量和，在Dom元素中使用，此时绑定的，isActive为true，active显示，定义方法change()绑定在按钮上，点击按钮，控制Dom元素是否有的属性。 class属性中可以放数组，会依次解析成对应的class。 加上单引号的表示字符串 不加的会当成变量
2022-07-28 13:27:49
3387
原创 ES6内置对象中的数据结构以及symbol原始数据类型详解
symbol.for()方法进行注册。通过该方法生成的Symbol会根据描述符进行全局注册，之后再次通过Symbol.for()传入相同的描述符时，就可以得到相同的Symbol值。
2022-07-16 12:06:55
410
原创 倒计时发送短信小案例以及this指向
目录一，倒计时 二， this指向问题1，方法中的 this2，单独使用 this3，函数中使用 this（默认）4，事件中的 this代码展示效果展示面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。 在对象方法中， this 指向调用它所在方法的对象。在上面一个实例中，this 表示 person 对象。fullName 方法所属的对象就是 person。2，单独使用 this单独使用 th
2022-06-30 19:37:29
191
原创 JavaScript中定时器的创建（重点）
setTimeout() 定时器，在延迟多少毫秒执行函数，只执行一次。第一个参数：调用的函数第二个参数：延时的毫秒数,默认是0小案例：注意的是第二个参数用，逗号隔开，参数为毫秒数，1000毫秒等于1秒 clearTimeout(timeout);清除定时器，清除之前需要创建定时器。 setInterval()概念：每隔一段时间，都调用回调函数。 打印 setTimeout(function(){ clearInterval(myinterval);//清除定时器},5000
2022-06-29 20:51:27
438
原创 JavaScript中常见键盘事件以及BOM中window常用对象
一，键盘事件keypress键盘按下触发，但是不能识别crtl，shift方向键keydown键盘按下触发，所有按键都支持，区别于keypresskeyup键盘弹起触发代码展示： 利用键盘事件，编写回车键添加用户信息小案例注意核心思想是回车键，参照ASCLL码可以得知回车键的编码（keyCode）为十进制的数字13，所以我们采用if判断来锁定回车键。具体怎么操作 效果二，window常见对象window是bom中顶级对象，调用的时候可以省略，比如alert（弹窗） Onload：是窗口 (页面）
2022-06-29 20:33:46
341
原创 JavaScript中的常用鼠标事件以及小天使图片拖拽
1，contextmenu鼠标右键禁用 设置属性以后鼠标右键菜单完全失效2，selectstart，禁止选中文字3，获得鼠标在页面上的坐标clientX 鼠标相对于浏览器左上角x轴的坐标； 不随滚动条滚动而改变； clientY 鼠标相对于浏览器左上角y轴的坐标； 不随滚动条滚动而改变； 小天使案例：注意，鼠标移入拖拽图片，图片一定要使用定位，主要核心思想是获取鼠标在页面的坐标，用坐标值赋值给图片的定位位置的移动参数值就可以实现......
2022-06-29 14:11:12
170
原创 JavaScript中自定义属性以及tab切换栏相关案例分析
自定义属性 案例：Tab切换栏（重点案例）需求：当鼠标点击目标项的时候，下面的内容跟随变化案例分析：切换栏有两个大模块，上面的选项卡点击某一个，效果会改变，比如字体颜色，背景，其他的不变（用for排他思想）下面的模块会随着上面的选项卡变化而变化，所以是写在点击事件里的，下面的内容和上面的选项卡一一对应，核心思想，给上面的每一个选项添加自定义属性，从0开始编号。当点击某个选项卡时，下面的对应序号的内容...
2022-06-28 23:58:45
127
原创 DOM中样式操作，元素的显示与隐藏，多敲代码才能领悟代码的奥秘
1，element.style 行内样式操作2，element.className 类名样式操作3，如果给标签做点击事件，事件源，操作源都是同一个标签，可以使用this属性来代替指向二，元素的显示与隐藏1，display属性(重点，结合js实现样式操作）display：none；隐藏对象display：block，除了可以转换块元素性质外，还可以显示元素注意：display隐藏元素后不再占据原来的位置2，visibility：risible显示对象visibility：hidden隐藏对象注意：...
2022-06-22 20:51:19
1684
原创 JAVA script中DOM接点
一，DOM概念文档对象模型(Document Object Model，简称DOM) html ->分支是[W3C](https://baike.baidu.com/item/W3C) 组织推荐的处理[可扩展标记语言]W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。总结：- DOM是W3C组织制定的一套处理 html和xml文档的规范。- 所有的浏览器都遵循了这套标准。二，DOM树DOM树又称为文档树模型，把文档映射成树形结构，通过节点对象对其处理，处理的结果
2022-06-21 18:42:16
147
原创 JavaScript中对象，初学者必看基础知识
一，概念；对象（object）是js中的一种数据类型，一种无序的数据集合，可以详细的描述某种事物。就是对象名.属性名或者对象名[‘属性名’],
2022-06-16 19:16:57
139
1
原创 JavaScript函数中的返回值和作用域）
一，函数的返回值使用return返回数据，是返回给调用者，方便随时用随时拿出来。语法：return 数据——>return 20;后面跟结果，不要换行写作用：有退出函数的作用，return后面的代码不在执行函数可以没有返回值，这种情况函数默认为返回值undefined。注意：return返回值，可以返回多个值，语法：return [x,y,z],使用数组的形式获取任意参数的最小值// function arrMax(){// //第二步声明一个变量接收这个最小值，并赋值//
2022-06-15 19:03:37
1328
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人