前端
猕猴桃-HR
前端开发工程师
展开
-
疫情期间沙雕文案
文案原创 2022-12-02 18:17:02 · 1090 阅读 · 1 评论 -
关于疫情超走心的文案
文案原创 2022-11-29 15:37:42 · 1235 阅读 · 0 评论 -
购买固态硬盘的参数
1: 购买固态硬盘的参数 参数一: 总线 什么是总线: 总线是: 计算机各种功能部件之间传毒数据信息的公共通信干线。。 数据从固态硬盘中拿出来需要走的路。 参数二: 硬盘到CPU 之间需要走的路: 总线SATA (乡间小路, 最快550m/s); 总线: PCIE (告诉公路, 最快路线) (最快3000m/s); SATA 小路上是使用AHCI 协议。 (单行道) PCIE: 高速公路上 使用的NVME 协议。 (高速公路是多行道) AHCI 协.原创 2021-10-17 22:49:36 · 1082 阅读 · 0 评论 -
Hdmi 和vga 接口有什么区别?
1: HDMI 接口和VGA 接口的区别: HDML: 高清多媒体接口 (High Definition Multimedia Interface) HDMI: 高清多媒体接口 VGA: 1.1: 两者信号宽带不同: HDML 接口的宽是数字信号宽带; 而VGA 接口是模拟信号宽带。 1.2: 两者接口区别: HDMI 接口是视频的接口标准, 代表的是一种信号的传输格式。 它包括视频信号, 音频信号和HDCP 版权保护 协议等。 1.3: 而VGA也是一种视频接.原创 2021-10-16 11:08:29 · 2542 阅读 · 0 评论 -
数组常用的方法
1: 数组常用的方法 此方法 Array.push(): 方法 是在数组后边添加新元素, 此方法改变了数组的长度。2: 此方法是在数组后边删除最后一个元素, 并且返回数组。 此方法改变了数组的长度3: Array.shift() 方法: 此方法在数组删除第一个元素, 并且返回数组, 此方法改变数组的长度。4: Array.unshift() 方法。 此方法是将一个或者多个元素添加到数组的开头, 并返回新的数组长度。5: Array.isArray() 方法。 判.原创 2021-08-31 13:57:15 · 70 阅读 · 0 评论 -
前端算法理解
1: 为什么要学习算法? 内力很难短期速成, 需要拉长时间, 重要且不着急。2: 我们常说的算法题, 其实是编程题。 题目类型是可以便利的。3: 算法和数据结构4: 数据结构: 抛开语言的我们只讲数据结构: 1: 数组的的特点: 数据连续, 随机访问(根据地址访问第N 个数据) 跟数据在内存中的存储方式比较像。 数据 增, 删, 改, 查:5: 数组的includes 方法的复杂度是: O(n);6: 链表的数据结构: 非连续的存储 1 .原创 2021-08-23 23:40:01 · 107 阅读 · 0 评论 -
工作总结
<SearchItemLabeltext="周期"/> 代表每一个文本信息。<SearchItemInput> : 标签代表每一个输入框, 或者每一个下拉框。调用搜索的方法的时候:1: this.$refs.divBar.style.display = "block";把block 显示出来<SearchButtons>: 代表按钮组: <Button@click="reset">重置</Button>: 代表每...原创 2021-02-22 17:34:09 · 66 阅读 · 0 评论 -
vue nextTick 原理与用途
1: nextTick 概览原理与说明:在下次说明DOM 更新循环结束之后执行延迟回调。 在修改数据立即使用这个方法, 获取更新之后的DOM操作。疑问: 1: DOM 操作指的是什么? 2: 下一次更新循环是什么时候? 3: 修改数据之后使用,是加快了数据更新进度吗? 4:在什么情况下要用到?异步说明: Vue 实现响应式并不是数据发生变化之后DOM 立即发生变化, 而是按照一定策略进行DOM 操作和更新。在...原创 2021-02-22 14:11:56 · 108 阅读 · 0 评论 -
vue mvvm 原理
1: M ; Modle: 模型, view: 视图。 VM: 代表的是,相当于MVC控制器。 数据的变化影响了视图。 视图的变化影响数据。2: MVVM: 原理配合数据劫持: objectDefiniproperty: 通过set 方法和get 方法劫持。 当我们数据发生变化的时候。 通知我们的视图进行更新。 实现了那些东西: objectserver() watcher() 方法:React: 框架实现了典型数据单向流, vue 框架实现了数据双向流。 双...原创 2021-02-19 18:11:36 · 856 阅读 · 1 评论 -
查找指定字符串用法
js 通过split()方法来计算:字符串中指定的字符串出现次数(个数) 1:查找指定的字符串出现次数var str = 'abcdbcdbefbef'var arr = str.split('d'); //通过 d 字符来将字符串转换成数组console.log(arr.length - 1);2: 查找指定的字符串在字符串中出现的次数var str = 'ABCDEABCEDABCEDEFABCEE'console.log(str.split('AB').lengt...原创 2021-02-19 17:08:46 · 477 阅读 · 0 评论 -
console.log 用法
console.log()| 作用: 前端调试js 代码的时候: 使用alert 调试。 但是alert 会阻断js 的执行。 而且对一些类型的变量无法输出。造成一些不必要麻烦。console.log(): 定义: console.log () 可以将变量输入到浏览器控制台中,方便开发者调试代码: 使用频率很高的功能。console.log(var);var: 数据类型:var: 可以是变量, 数组类型, 对象类型, 或者字符串类型。...原创 2021-02-19 11:40:10 · 2016 阅读 · 0 评论 -
vue 全家桶
Vue 全家桶:Vue 全家桶: 都包含那些内容: 全家桶: 顾名思义, 对于一个完整重大型单页面应用来说所必需的所必须插件和框架。1: 此文章主要讲解vue-cli 脚手架开发方式, 主要介绍插件安装方法以及功能点介绍; 不介绍各个插件的具体使用方法, 具体使用方法详见其介绍。2: vue-cli: 也叫做脚手架, 官方定义为Vue.js 开发标准工具! 相比较script 标签引入, 脚手架具有如下特点:1)、功能丰富对 Babel、TypeScript、ESLint、PostC...原创 2021-02-03 17:45:21 · 1961 阅读 · 0 评论 -
正则表达式匹配
对非后缀名是fbx 格式文件: 如果是非以 .fbx 进行非空判断:1: if (!/fbx/i.test(file.name.split("."))) { return false; }2: 正则表达式修饰符: 正则表达式修饰符: i:执行对大小写不敏感的匹配。 g: 执行全局匹配 (查找所有匹配而非再找到第一个匹配后停止)。 m: 执行多行匹配。 如果对非.fbx 文件名结尾的文件, 进行拦截判断;...原创 2021-02-02 18:07:06 · 229 阅读 · 0 评论 -
封装下载方法
封装下载文件的方法:1:export const downLoadFile = model => { //下载文件 let aTag = document.createElement("a"); aTag.download = model.filename; aTag.href = model.filepath; //URL.createObjectURL(blob); aTag.target = "_blank"; //aTag.type="application.原创 2021-02-02 16:45:12 · 247 阅读 · 0 评论 -
vue render 函数用法
vue 中render 函数使用方式:1: render: 函数是什么?2: render 怎么使用: 回忆一些vue 的基础知识: 学习vue 基础函数。我们有必要重温一下Vue中的一些基本概念。 学习vue 的基础概念:从上图中不难发现一个vue 运行程序是如何运行起来的, 模板通过编译生成AST 语法树: 再有AST 生成 Vue 渲染函数, 渲染函数结合数据生成Virtual DOM 树, Diff 和 Patch 后生成新的UI, 从这张图可以看...原创 2021-01-29 17:55:26 · 436 阅读 · 0 评论 -
应用场景实例
应用场景实例对象:1: 从一个数组中每一个对象: 循环遍历每一个对象: 抽取中每一对象中, 相应的字段。 组成一个对象, 然后把对象push 一个数组中。 // 模拟后台返回的真实数据 tdata: [ { id: 1, name: "zs", age: "12", }, { id: 2, name: "ls",原创 2021-01-29 14:20:48 · 500 阅读 · 0 评论 -
2021-01-28
antDesign of Vue: 组件库使用:1: a-button: 按钮组: 按钮样式: 按钮有五种样式: 主按钮样式: type="primary" 次按钮样式: type="default" 虚线按钮: type="dash" 警告按钮: type= "danger" 连接按钮: type="link"; <a-button type="primary"> Primary </a-button...原创 2021-01-28 14:12:39 · 1788 阅读 · 0 评论 -
2021-01-28
在项目中使用组件库使用方法:1: 首先在项目中: 安装到项目组件库:npm install ant-design-vue --save2: 然后在项目中的 main.js 文件中:import Antd from 'ant-design-vue';import 'ant-design-vue/dist/antd.css';Vue.config.productionTip = false;Vue.use(Antd); 引入ant - design- vue 组件 然...原创 2021-01-28 13:01:32 · 61 阅读 · 0 评论 -
2021-01-28
组件库ant design vue 使用学习:1: 这里是 ant Design 的 vue 实现,开发和服务企业级后台产品。2: 特性: 2.1: 提炼自企业级中后台产品交互语言和视觉风格 2.2: 开箱即用的高质量Vue 组件库 2.3: 共想ant design of React 设计工具体系3: 支持环境: 3.1: 支持浏览器和IE9 及其以上 3.2: 支持服务器渲染简介: ant Design of Vue 是...原创 2021-01-28 10:12:48 · 653 阅读 · 0 评论 -
2021-01-28
document.createElement(): 用法document.createElement(): 是在一个对象中创建一个对象, 要与appendChild() 或者insertBefore() 配合使用。其中appendChild() 方法与是在节点的子节点列表末添加。添加新的节点。 insertBefore () 方法: 在节点的子节点列表任意位置插入新的节点。...原创 2021-01-28 08:57:30 · 48 阅读 · 0 评论 -
2021-01-27
Vue 响应式原理分析:vue 响应式原理:1: 不要认为数据发生改变, 页面跟着更新, 并不是理所当然的.2: 直接引用vue.js , 但是在文件node_modules/ vue/ dist/ vue.js 文件, 可以引用vue.js 文件.node_modules: 文件夹需要npm install 初始化安装的.3: vue 内部已经帮助我们实现了, 数据改变页面自动更新功能.(1): app.messa...原创 2021-01-27 19:07:19 · 66 阅读 · 0 评论 -
2021-01-27
Vue 框架学习进阶之路:1: template 模板抽离:代码规范:就是在等号两边都需要留有一个空格. 冒号: 也需要留有一个空格.大型项目: 代码缩进要求: 一般要求缩进有两个空格. 大型项目中: 代码缩进要求: 一般要求缩进两个空格.一般两个空格会更加合适, 一般呢缩进两个空格会更加合适.2: 后边在做整个vue 项目开发的时候: 会使用CLI 脚手架开发搭建; 但是在cli 脚手架搭建过程中: 脚手架会把...原创 2021-01-27 16:44:05 · 57 阅读 · 0 评论 -
2021-01-27
vue.js 项目开发过程中踩过的坑:1: position: sticky; 这个sticky 属性是做吸顶效果是很好的. 但是这个属性是新出来的. 所以很多浏览器并不是支持. 而且这个属性在使用的时候: 有很多限制. 所以大家在使用 stick: 在使用position: sticky 的时候, 一定要特别注意一下五点: 1.1: sticky: 不会触发BFC; 1.2: z-index: 无效; 1.3: 当父...原创 2021-01-27 15:24:01 · 49 阅读 · 0 评论 -
js 数组的高阶用法
js 数组的高阶用法:1: 数组 Map(映射) Reduce (汇总) forEach (遍历, 迭代) Filter (过滤)Map(映射): Map: (就是数据一个对一个) map ():返回一个新的数组, 新数组中元素为原数组中元素调用函数处理后值.map (): 方法会按照原始数组顺序依次处理数据.注意: map (): 方法: 不会对空数组进行检测. map(): 方法不会改变原始数组.在map () 方法中直接可以...原创 2021-01-26 15:10:25 · 424 阅读 · 1 评论 -
2021-01-25
vue cli2: 详解: 安装项目步骤:1: vue init webpack myvuejsproject (会根据这个名称创建一个文件, 存放到项目内容. 该名称会作为默认的项目名称. 到那时不能包含大写字母等);2: 项目名称: 不能包含大写;3: 作者信息: 会默认从git 中读取信息4: vue builld (打包项目) 会执行build 文件5: vue-router: 配置路由信息6: ESlint 检测代码规范...原创 2021-01-25 19:11:41 · 81 阅读 · 0 评论 -
2021-01-25
vue 数据响应化原理图解原创 2021-01-25 18:49:08 · 61 阅读 · 0 评论 -
yarn 的使用
如何安装yarn ?1: 通过npm installl -g yarn 来下载yarn2: 检查yarn 的版本, yarn -v3:然后 yarn install4:然后使用 yarn start 启动项目5:然后会生成一个https 的地址打开项目...原创 2020-04-15 23:14:39 · 308 阅读 · 0 评论