- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue 封装（移动端）带缩略图预览，联动滑动效果的轮播图组件
由于项目需求不需要自动轮博，我把自动轮播的代码注释了，可根据具体需求进行选择释放，以及改造 在需要使用的页面进行引入
2022-07-06 14:56:16
811
原创 深入了解javascript+vue.js,带你玩转数组和对象
Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象 总结：使用Object.freeze()方法可以冻结一个对象，对冻结的对象不可以再添加属性以及删除属性，但还可以访问到好处：避免vue初始化时候,做一些无用的操作,从而提高性能 代码示例： 带有
2022-06-08 21:51:07
372
原创 node.js 使用moment包格式化时间(两行代码，超简单)
1.使用npm包管理工具安装moment: npm install moment 2.使用require()导入格式化时间的moment包 const monment = require('moment') const date = moment().format('YYYY-MM-DD HH:mm:ss') console.log(date) // 2022-05-05 17:24:25
2022-05-05 21:23:24
832
1
原创 vue.js，javaScript实现图片和视频文件先压缩再上传
这里只展示图片上传代码 在这里插入代码片 ```html部分 // 上传图片 <div class="fileBox"> <span class="fileinput-button"> <div class="file_plus"> <i class="iconfont icon-zhaoxiangji" /> </div>
2022-04-14 21:03:14
1278
1
原创 vue.js实现图片、视频文件压缩后再上传
上传图片 // 上传图片 getFileOthers(e, index) { let _this = this; _this.account = index; var files = e.target.files[0]; let formData = new FormData(); // let img = new Image(); // 记下上传的图片的类型, 后面会用到 // var fileType =
2022-04-14 14:07:21
4114
6
原创 node.js入门笔记（超详细)
Node.js是什么？ Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时环境,用了一个事件驱动、非阻塞式I/O模型， [1] 让JavaScript 运行在服务端的开发平台。 vscode控制台运行nodemon server.js 报错： nodemon : 无法加载文件 D:\node-v12.12.0-win-x64\nodemon.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?Lin
2022-04-12 08:17:12
559
原创 美女都在背的vue面试题，面试必备
美女都在背的vue面试题 1. vue优点？ 答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb； 简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习； 双向数据绑定：保留了angular的特点，在数据操作方面更为简单； 组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势； 视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作； 虚拟DOM：dom操作是非常耗费性能的， 不再使用原生
2021-10-28 20:04:15
221
原创 Vscode 最常用插件，very nice
VS Code的安装和常用插件 下载地址：https://code.visualstudio.com/ 进入官网，点击下载按钮，根据电脑系统进行下载 然后下载完成后，一直点下一步，下一步，进行安装即可，这里就不过多介绍了。 下面我来说一下，我在前端开发中觉得比较好用的一些插件吧 1.Chinese (Simplified) Language Pack 一个汉化的语言包，可以把vs的英文界面进行中文翻译，当然你英文很卧槽的情况下，几乎可以略过 2.HTML Snippets 智能提示HTML标签，以及标签含
2021-10-27 16:24:24
702
原创 什么是闭包，闭包的作用，为什么要使用闭包？
什么是闭包，闭包的作用，为什么要使用闭包？ 什么是闭包，闭包的理解 一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中，每当创建一个函数，闭包就会在函数创建的同时被创建出来。 语法作用域 请看下面代码： function init() { var name = “Mozilla”; // name 是一个被
2021-06-28 10:23:12
2329
原创 前端入门小练习，JavaScript基础案例
前端入门小练习，JavaScript基础案例 今天分享三个适合前端新手入门，小白练习的几个案例 模仿电影院选座事件 京东放大镜效果 模态框拖拽事件 模仿电影院选座事件 <script> alert('欢迎来到My Lucky Cinema'); var lis = document.querySelectorAll('li'); for(var i = 0;i<lis.length;i++) { lis[i].ad
2021-06-21 21:27:24
626
原创 前端js冒泡排序函数的封装##
前端js冒泡排序函数的封装## 最终封装的效果 function Bubble( arr ){ for(var j = 0; j < arr.length-1; j++ ){ for(var i = 0; i < arr.length - 1 - j; i++ ){ if( arr[i] > arr[i+1] ){// 相邻之间的两个元素进行大小比较
2021-06-18 08:36:46
318
原创 原生JS实现简单的计算器
原生JS实现简单的计算器 <style> * { margin: 0; padding: 0; list-style: none; } .counter { width: 270px; height: 400px; border: solid rgb(11, 187, 218) 1px;
2021-06-11 16:23:16
267
2
原创 2021-06-09
利用前端实现一个动态时钟 css代码段 .clock { width: 320px; height: 320px; margin: 130px auto; position: relative; left: 0; top: 0; /*时钟的数字为一张背景图片*/ background: url(../images/时
2021-06-09 09:48:06
66
原创 javaScript封装的防抖函数
JS中的函数防抖 一、什么是函数防抖 概念：函数防抖（debounce），就是指触发事件后，在 n 秒内函数只能执行一次，如果触发事件后在 n 秒内又触发了事件，则会重新计算函数延执行时间。 举个栗子，坐电梯的时候，如果电梯检测到有人进来（触发事件），就会多等待 10 秒，此时如果又有人进来（10秒之内重复触发事件），那么电梯就会再多等待 10 秒。在上述例子中，电梯在检测到有人进入 10 秒钟之后，才会关闭电梯门开始运行，因此，“函数防抖”的关键在于，在 一个事件 发生 一定时间 之后，才执行 特定动作。
2021-06-08 10:20:06
533
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人