前端开发屋-CSDN博客

原创 JavaScript 更加简洁的技巧,使你的代码优雅无瑕

JavaScript 从诞生以来就在不断进化。毫无疑问，JS 是最受欢迎的语言之一，这一地位还会长期保持下去。对于前端开发人员来说那些简洁的技巧,使你的代码优雅无瑕。本篇文章就推荐一些常用简洁方案。阅读掌握时间:5分钟1.当遇到多个条件时如何处理？const conditions = [“Condition 2”,“Condition String2”];someFunction(str){if(str.includes(“someValue1”) || str.includes(“someVa

2021-05-21 11:06:17 262

转载 Vue项目如何提高效率？来看大厂实践总结

Vue项目如何提高效率？来看大厂实践总结对于从事前端工作的小伙伴，掌握Vue，React这样的框架可以说是前端基本功了。人人都会用，那我们怎样才能写得比别人优雅？比别人漂亮？鉴于一线互联网大厂在前沿技术领域的持续研究和大规模投入，直接向他们取经，是最便捷也是最高效的学习方式。接下来将介绍大厂Vue项目两大最佳实践： 1、通常在组件使用前，需要引入后再注册，但如果高频组件多了，每次都这样做，不仅新增很多代码，效率还低！我们应该如何优化呢？其实，我们可以借助一下webpack的require.

2021-05-20 12:43:38 433

原创云开发天气小程序

云开发天气小程序欢迎各位检阅，有问题请提出，提供24小时、未来7天、实时天气、灾害预警、生活指数、更有排行榜等你来战

2021-05-17 14:00:23 182

原创 Vue.js全套面试题(进阶提升最佳选择)

在vue文件组件中，style标签的scoped有什么作用？vue中有一种给组件提供样式作用域的方式，让组件和组件之间不会发生冲突，原理就是通过给元素添加data-v-hashid属性的形式，让样式通过属性表达式处理，达到样式隔离的目的，但是有时候也会出现问题，如果我们在一个组件中控制另一个组件的样式就不会成功，可以通过/deep/的形式突破样式作用域的隔离.介绍一下vuexVuex是一个专为Vue.js应用程序开发的状态管理模式，就是一个全局的状态管理工具，和全局变量没什么区别，唯一区别就是vu

2020-05-17 21:50:37 1225

原创前端最新面试题附解答（一）【10道】

当主线程中的同步任务执行完毕后，事件循环会查看任务队列中是否有待处理的异步任务，如果有，则将其取出并放入主线程执行。例如，避免设置多项内联样式，避免使用CSS的JavaScript表达式等，都是减少回流和重绘的有效手段。CSS中的某些属性是可以继承的，这意味着如果父元素设置了这些属性，那么子元素会默认使用这些属性值，除非子元素自己明确设置了这些属性。的技术，它通过在客户端（即用户的浏览器）存储之前请求过的资源，使得在下次需要这些资源时，可以直接从本地获取，而无需再次从服务器请求。

2024-03-11 23:55:29 922

原创记录react native 环境配置 brew install watchman 警告问题

重新安装watchman。

2023-11-27 14:43:32 2159

原创 JavaScript-类型判断常用方法

typeoftypeof xxx得到的值有以下几种类型：undefined boolean number string object function、symbol ，比较简单，不再一一演示了。这里需要注意的有三点：typeof null结果是object ，实际这是typeof的一个bug，null是原始值，非引用类型typeof [1, 2]结果是object，结果中没有array这一项，引用类型除了function其他的全部都是objecttypeof Symbol() 用typeof获取

2020-06-16 22:26:58 146

原创 git的配置和常用命令

Git 是用来做合作开发以及版本管理的工具他的同类产品还有svn等提前我们需要准备：1.GitHub帐号 (http://www.github.com/)注册github账号激活邮箱2.本地安装git去git官网下载git安装达成目标创建本地远端同步仓库实现提交拉取操作的练习步骤：（在本地新建一个空文件夹克隆远端仓库）1新建文件夹1.打开本地git (右击鼠标点击Git Bash Here)2.cd 到这个文件夹3.之后准备克隆远端仓库 (等待后续操作完成再回过头来

2020-06-05 19:14:36 222

原创 dva.js框架更改网站图标favicon

dva.js框架更改网站图标favicon问题dva-cli搭建的项目默认有网站图标，按照传统方式更改是无效的传统方式<link res="shortcut icon" href="favicon.ico" type="image/x-icon" />解决方法直接引用外部连接<link rel="icon" href="外链路径" type="image/x-icon">希望对您有所帮助(加油，陌生人!)来来往往不陌生...

2020-05-22 11:11:10 494

原创端口被占用怎么办?关闭8080,3000,8000端口被占用

端口被占用怎么办?关闭8080,3000,8000端口被占用前言如今IT程序员是最热门的职员了，当然这一门的操作，也会遇到一些问题，在操作程序的过程中，会遇到关闭端口被占用费神，可是怎样知道被什么服务占用你当前要使用的端口呢？该怎么去解决呢？下面小编就将解决8000端口的经验跟大家分享。今天在使用dva.js开发的过程中遇到Would you like to run the app on another port instead? (y/n)解决方法第一步，查看windows所有端口进程

2020-05-21 13:12:15 10968

原创 Vue的路由实现原理解析（最清晰）

Vue的路由实现原理解析（最清晰）一般源码中，都会用到 window.history 和 location.hashhistory 实现window.history 对象包含浏览器的历史，window.history 对象在编写时可不使用 window 这个前缀。history是实现SPA前端路由是一种主流方法，它有几个原始方法：history.back()与在浏览器点击后退按钮相同history.forward()与在浏览器中点击按钮向前相同history.go(n)接受一个整数作为参

2020-05-17 22:00:42 6986

原创 Vuex的实现原理解析(最清晰)

Vuex的实现原理解析(最清晰)Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,可以帮助我们管理共享状态。如何在Vue中使用Vuex?如下先来回顾一下使用Vuex的正确姿势：引入Vuex插件；// store.jsVue.use(Vuex);将Vuex.Store这个类实例化，并传入一些配置，这里以计数器作为一个例子；// store.jsconst store = new Vuex.Store({ state:{ count:0

2020-05-17 21:58:11 2640

原创 Vue项目架构(规范)

Vue项目架构(规范)项目架构的优点，以及意义效率提升。让开发者关注业务开发学习成本降低。框架封装了很多底层复杂性更强的约束。所有动作必须按照框架规定的执行, 避免干坏事、蠢事。更强的约束也意味着框架集成度更高、框架内部可以做更多事情，但灵活性也更低。产品质量。框架内部会自动处理很多事情，例如性能优化、安全性处理可维护性。所有项目都按照一致的、标准化的规范开发，升级迭代方便。这一点对团队项目的可维护性很重要。健壮性：可以让项目代码以更少的代码维护更多的功能模块架构设计应用层路由（

2020-05-16 22:06:26 2770

原创前后端沟通需要掌握的知识(核心知识)

前后端沟通需要掌握的知识(核心知识)什么是restful？restful是当下最流行的接口设计规范，前端和后端都必须知道的一种规范该规范定义了接口开发中，各个流程之中协议客户端在通过 API 与后端服务通信的过程中，应该使用 HTTPS 协议域名API 应该部署在专用域名之下，应尽可能保持足够简单。如果确定 API 很简单，不会有进一步扩展，可以考虑放在主域名下，这里有两个常见的 URL 根例子：api.example.com/* 单独一个子域名用来访问接口example.com/

2020-05-16 21:58:41 1042

原创 localStorage和sessionStorage的特性

localStoragelocalStorage 是 HTML5 标准中新加入的技术，它并不是什么划时代的新东西。早在 IE 6 时代，就有一个叫 userData 的东西用于本地存储，而当时考虑到浏览器兼容性，更通用的方案是使用 Flash。而如今，localStorage 被大多数浏览器所支持，如果你的网站需要支持 IE6+，那以 userData 作为你的 polyfill 的方案是种不错的选择。sessionStoragesessionStorage 与 localStorage 的接口类似，

2020-05-16 21:51:18 328

原创 vue中组件的生命周期，每个生命周期做了什么，应该在这个生命周期做什么

vue中组件的生命周期，每个生命周期做了什么，应该在这个生命周期做什么要掌握每个生命周期什么时候被调用1.beforeCreate 在实例初始化之后，数据观测(data observer) 之前被调用。2.created 实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算，watch/event 事件回调。这里没有$el3.beforeMount 在挂载开始之前被调用：相关的 render 函数首次被调用。4.mounted el

2020-05-16 21:36:59 2878

原创 vue中组件的划分(重点)

vue中组件的划分(重点)组件的职能划分如果要将 Vue 组件按照职能划分，我们可以将其分为两种类型：容器组件和展示组件。容器组件和展示组件的概念来自于 Redux 文档，那么首先什么是容器组件呢？顾名思义，它是一个容器性质的组件，我们可以把它理解为最外层的父组件，也就是最顶层的组件，一般我们把它放置在 views 文件夹下，其功能主要用于做数据提取与实现公共逻辑，然后渲染对应的子组件另一类组件叫做展示组件，字面意思就是主要用于做展示的组件，其主要功能是负责接收从容器组件传输过来的数据并在页面上渲

2020-05-16 21:13:06 2055

原创 Vue中组件的创建方式(全局组件,局部组件)

Vue中组件的创建方式(全局组件,局部组件)规则组件只能有一个根标签记住两个词全局和局部组件名称命名中‘-小写字母’相当于大写英文字母(hello-com 相当于 helloCom)全局组件定义方式示例：Vue.component("hello-component",{ props:["message"], template :"<div ><h1>组件定义之全局组件</h1><h4>{{message}}</h4

2020-05-16 16:27:52 878

原创 Vue数据双向绑定的原理解析

Vue数据双向绑定的原理解析思路所谓MVVM数据双向绑定，即主要是：数据变化更新视图，视图变化更新数据。如图也就是说，输入框内容变化时，data 中的数据同步变化。即 view —> model 的变化。data 中的数据变化时，文本节点的内容同步变化。即 model —> view 的变化原理 Vue 实现的双向数据绑定，是采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty() 来劫持各个属性的 setter，getter，在

2020-05-16 16:03:26 2881

原创 MVVM和MVC的区别(前端必看)

MVVM和MVC的区别(前端必看)MVC模式：　　M：Model（数据模型），用于存放数据　　V：View（视图），也就是用户界面　　C：Controller是Model和View的协调者，Controller把Model中的数据拿过来给View使用。Controller可以直接与Model和View进行通信，而View不能与Controller直接通信。，当有数据更新时，Model也要与Controller进行通信，这个时候就要用Notification和KVO，这个方式就像发广播一样，Model

2020-05-16 15:48:32 843

quieta的博客