- 博客(28)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 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
290
转载 Vue项目如何提高效率？来看大厂实践总结
Vue项目如何提高效率？来看大厂实践总结对于从事前端工作的小伙伴，掌握Vue，React这样的框架可以说是前端基本功了。人人都会用，那我们怎样才能写得比别人优雅？比别人漂亮？鉴于一线互联网大厂在前沿技术领域的持续研究和大规模投入，直接向他们取经，是最便捷也是最高效的学习方式。接下来将介绍大厂Vue项目两大最佳实践： 1、通常在组件使用前，需要引入后再注册，但如果高频组件多了，每次都这样做，不仅新增很多代码，效率还低！我们应该如何优化呢？其实，我们可以借助一下webpack的require.
2021-05-20 12:43:38
469
原创 Vue.js全套面试题(进阶提升最佳选择)
在vue文件组件中，style标签的scoped有什么作用？vue中有一种给组件提供样式作用域的方式，让组件和组件之间不会发生冲突，原理就是通过给元素添加data-v-hashid属性的形式，让样式通过属性表达式处理，达到样式隔离的目的，但是有时候也会出现问题，如果我们在一个组件中控制另一个组件的样式就不会成功，可以通过/deep/的形式突破样式作用域的隔离.介绍一下vuexVuex是一个专为Vue.js应用程序开发的状态管理模式，就是一个全局的状态管理工具，和全局变量没什么区别，唯一区别就是vu
2020-05-17 21:50:37
1255
原创 还在纠结国庆去哪玩？程序员用“数字转盘”小程序，轻松解决选择困难症！
国庆长假即将到来，去哪玩成了很多人的难题，尤其是对忙碌的程序员来说，工作日还要应对需求和BUG，假期计划往往排在最后，导致最后几天还在纠结去哪玩。今天给大家推荐一款——【数字转盘】，它能帮你快速解决选择困难症，几秒钟决定国庆假期目的地！
2024-09-30 18:41:25
277
原创 国庆头像快速生成神器！程序员必备，轻松添加国旗边框
国庆节临近，朋友圈、社交平台都在换节日头像。如果你想快速生成国庆专属头像，尤其是作为一名程序员，没时间手动设计，推荐你试试这款高效的小程序，几秒钟内为你的头像添加，非常便捷！🎉🎉这款小程序专为时间紧迫的开发者设计，简洁、功能强大，几步操作即可完成节日头像的制作。不需要设计技巧，只要上传头像，选择边框，系统自动处理，轻松生成高质量的国庆头像，适配各种社交平台。
2024-09-30 17:46:32
434
原创 国庆专属头像制作教程：微信小程序3步轻松搞定！
🎉 国庆节快到了，作为程序员的你，是否也想换个国庆专属头像来表达节日氛围呢？今天给大家推荐一个非常方便的工具——微信小程序「头像制作神器」。通过简单的3个步骤，就能轻松制作出专属的国庆头像，一键生成，高清无损，省去繁琐的P图操作。
2024-09-26 22:18:06
581
原创 一个简洁实用的决策辅助工具——微信小程序“数字转盘”
通过《数字转盘》自定义选项功能，只需列出所有候选技术，转盘一转，立即得出一个选择，简化决策流程。长时间的选择过程不仅浪费精力，还会影响工作效率，特别是在项目推进中，如何快速高效地做出决定成为了团队能否按时交付的重要因素。你可以通过它来分配日常任务或团队值班安排，确保每位成员的任务都是随机分配的，减少了人为干预的可能性。为了确保每次决策都能追溯，《数字转盘》内置了记录功能，所有的随机结果都会自动保存下来，便于随时查看。，可以帮助你快速生成随机测试数据，简化了测试环节，减少手动操作，提高了开发效率。
2024-09-26 10:39:11
603
原创 前端最新面试题附解答（一）【10道】
当主线程中的同步任务执行完毕后，事件循环会查看任务队列中是否有待处理的异步任务，如果有，则将其取出并放入主线程执行。例如，避免设置多项内联样式，避免使用CSS的JavaScript表达式等，都是减少回流和重绘的有效手段。CSS中的某些属性是可以继承的，这意味着如果父元素设置了这些属性，那么子元素会默认使用这些属性值，除非子元素自己明确设置了这些属性。的技术，它通过在客户端（即用户的浏览器）存储之前请求过的资源，使得在下次需要这些资源时，可以直接从本地获取，而无需再次从服务器请求。
2024-03-11 23:55:29
963
原创 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
170
原创 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
243
原创 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
512
原创 端口被占用怎么办?关闭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
11478
原创 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
7148
原创 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
2902
原创 Vue项目架构(规范)
Vue项目架构(规范)项目架构的优点，以及意义效率提升。让开发者关注业务开发学习成本降低。框架封装了很多底层复杂性更强的约束。所有动作必须按照框架规定的执行, 避免干坏事、蠢事。更强的约束也意味着框架集成度更高、框架内部可以做更多事情，但灵活性也更低。产品质量。框架内部会自动处理很多事情，例如性能优化、安全性处理可维护性。所有项目都按照一致的、标准化的规范开发，升级迭代方便。这一点对团队项目的可维护性很重要。健壮性：可以让项目代码以更少的代码维护更多的功能模块架构设计应用层路由（
2020-05-16 22:06:26
2796
原创 前后端沟通需要掌握的知识(核心知识)
前后端沟通需要掌握的知识(核心知识)什么是restful？restful是当下最流行的接口设计规范，前端和后端都必须知道的一种规范该规范定义了接口开发中，各个流程之中协议客户端在通过 API 与后端服务通信的过程中，应该 使用 HTTPS 协议域名API 应该部署在专用域名之下，应尽可能保持足够简单。如果确定 API 很简单，不会有进一步扩展，可以考虑放在主域名下，这里有两个常见的 URL 根例子：api.example.com/* 单独一个子域名用来访问接口example.com/
2020-05-16 21:58:41
1076
原创 localStorage和sessionStorage的特性
localStoragelocalStorage 是 HTML5 标准中新加入的技术，它并不是什么划时代的新东西。早在 IE 6 时代，就有一个叫 userData 的东西用于本地存储，而当时考虑到浏览器兼容性，更通用的方案是使用 Flash。而如今，localStorage 被大多数浏览器所支持，如果你的网站需要支持 IE6+，那以 userData 作为你的 polyfill 的方案是种不错的选择。sessionStoragesessionStorage 与 localStorage 的接口类似，
2020-05-16 21:51:18
350
原创 vue中组件的生命周期，每个生命周期做了什么，应该在这个生命周期做什么
vue中组件的生命周期，每个生命周期做了什么，应该在这个生命周期做什么要掌握每个生命周期什么时候被调用1.beforeCreate 在实例初始化之后，数据观测(data observer) 之前被调用。2.created 实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算，watch/event 事件回调。这里没有$el3.beforeMount 在挂载开始之前被调用：相关的 render 函数首次被调用。4.mounted el
2020-05-16 21:36:59
2959
原创 vue中组件的划分(重点)
vue中组件的划分(重点)组件的职能划分如果要将 Vue 组件按照职能划分，我们可以将其分为两种类型：容器组件和展示组件。容器组件和展示组件的概念来自于 Redux 文档，那么首先什么是容器组件呢？顾名思义，它是一个容器性质的组件，我们可以把它理解为最外层的父组件，也就是最顶层的组件，一般我们把它放置在 views 文件夹下，其功能主要用于做数据提取与实现公共逻辑，然后渲染对应的子组件另一类组件叫做展示组件，字面意思就是主要用于做展示的组件，其主要功能是负责接收从容器组件传输过来的数据并在页面上渲
2020-05-16 21:13:06
2133
原创 Vue中组件的创建方式(全局组件,局部组件)
Vue中组件的创建方式(全局组件,局部组件)规则组件只能有一个根标签记住两个词全局和局部组件名称命名中‘-小写字母’相当于大写英文字母(hello-com 相当于 helloCom)全局组件定义方式示例：Vue.component("hello-component",{ props:["message"], template :"<div ><h1>组件定义之全局组件</h1><h4>{{message}}</h4
2020-05-16 16:27:52
907
原创 Vue数据双向绑定的原理解析
Vue数据双向绑定的原理解析思路 所谓MVVM数据双向绑定，即主要是：数据变化更新视图，视图变化更新数据。如图 也就是说，输入框内容变化时，data 中的数据同步变化。即 view —> model 的变化。data 中的数据变化时，文本节点的内容同步变化。即 model —> view 的变化原理 Vue 实现的双向数据绑定，是采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty() 来劫持各个属性的 setter，getter，在
2020-05-16 16:03:26
2922
原创 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
868
原创 vue.js的优缺点(最佳答案)
Vue.js的优缺点(最佳答案)Vue.Js的优点易于使用： Vue.js包含基于HTML的标准模板，可以更轻松地使用和修改现有应用程序。更顺畅的集成：无论是单页应用程序还是复杂的Web界面，Vue.js都可以更平滑地集成更小的部件，而不会对整个系统产生任何影响。更好的性能，更小的尺寸：它占用更少的空间，并且往往比其他框架提供更好的性能。精心编写的文档：通过详细的文档提供简单的学习曲线，无需额外的知识; HTML和JavaScript将完成工作。适应性：整体声音设计和架构使其成为一种流行的Jav
2020-05-16 15:18:54
2085
原创 vue数据驱动的原理(前端必看)
vue.js的优缺点(前端必看)Vue.Js的优点易于使用： Vue.js包含基于HTML的标准模板，可以更轻松地使用和修改现有应用程序。更顺畅的集成：无论是单页应用程序还是复杂的Web界面，Vue.js都可以更平滑地集成更小的部件，而不会对整个系统产生任何影响。更好的性能，更小的尺寸：它占用更少的空间，并且往往比其他框架提供更好的性能。精心编写的文档：通过详细的文档提供简单的学习曲线，无需额外的知识; HTML和JavaScript将完成工作。适应性：整体声音设计和架构使其成为一种流行的Jav
2020-05-16 15:13:09
1050
原创 session和cookie的区别(最佳精选)
session和cookie的区别前言:概念理解无状态的HTTP协议:协议，是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则，超文本传输协议(HTTP)是一种通信协议，它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器。HTTP协议是无状态的协议。一旦数据交换完毕，客户端与服务器端的连接就会关闭，再次交换数据需要建立新的连接。这就意味着服务器...
2020-05-03 22:04:21
361
原创 vue cli3 封装Svgicon组件正确姿势
vue cli3 手把手教学封装Svgicon组件第一步:在src文件下新建一个放置svg文件的文件夹第二步:在components文件下新建一个Svg组件这是一个 文件夹 专门用来存放项目里面需要使用的svg文件，比如 a.svg b.svg …svg组件源码<template> <svg :class="svgClass" aria-hidden="tr...
2020-04-25 20:14:01
783
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人