![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
编程
文章平均质量分 87
编程小姐姐
我爱前端
展开
-
Angular项目中$scope.$apply()方法的使用详解
前言相信大家在一开始用angular做项目的时候,一定碰到过$scope.$apply()方法,表面上看,这像是一个帮助你进行数据更新的方法,那么,它为何存在,我们又该如何使用它呢?JavaScript执行顺序JavaScript单线程操作,代码按照代码片段的顺序来之行,每个代码块从运行到结束都不会被打断,这也是为什么会发生浏览器阻塞的情况,往往是有一部分在运行,而导致其他所有的代码段冻结。每当有耗费时间较多的任务出现,例如等待一个click事件,等待Ajax请求的回应,我们都会设定一个回调原创 2021-02-07 17:41:40 · 3119 阅读 · 0 评论 -
今天聊:你为什么迟迟进不去大厂
本文对象是内心渴望进大厂的童鞋,内容非常长(要兼顾不同背景童鞋的情绪,需要在文字上打很多补丁),不少观点会很扎心,希望你先做心理建设,再咬牙看完,转折点也许就发生在今天。这几年来,至少 400 个童鞋找我求助,想进大厂-一门心思进大厂,但是跟部分童鞋聊的过程中,我就可以判定:当下及未来一段周期的你,如果不发生根本性改变,是一定进不去大厂的,甚至这辈子大厂都跟你无缘。上面这段话,你看完后,会感到郁闷甚至愤怒么?我这 5 年来,尽管已经帮助了好几百个工程师实现了职场和技术的破局,但这并不.原创 2021-02-03 20:56:14 · 919 阅读 · 1 评论 -
微信支付前端
一:关于扫码支付,h5支付,和jsapi支付的区别?1:扫码支付,适合用PC端。拿到后台接口返回的链接,前端利用qrcodejs2插件生成二维码扫码即可 代码如下<div class="pay_wrap"> <div ref="qrCodeUrl" class="qrcode"></div></div>复制代码1:(1): 生成二维码遇到的坑? 因为我遇到的是切换条件会生成不同的二维码,所有每次切换页面要展示最新的二维码,解决方法就是原创 2021-02-02 22:58:24 · 1579 阅读 · 0 评论 -
C# 给Word不同页面设置不同背景
给Word文档设置背景时,通常只能针对整篇文档设置统一的背景,如果需要对某些页面单独设置背景,则需要通过另外的方式来实现。本文通过C# 程序代码演示如何来实现。并附VB.NET代码作参考。思路:通过在页眉中添加形状或者图片,并将形状或图片平铺(即设置形状或图片大小为页面大小)到整个页面。添加背景时,通过添加形状并设置形状颜色来设置成纯色背景效果;通过添加图片来实现图片背景效果。本次程序运行环境中包括:引入Spire.Doc.dll;.Net Framework 4.5.1设置不同背景时,分以下2原创 2021-02-02 18:02:57 · 240 阅读 · 0 评论 -
手把手带你写 Vue 可视化拖拽页面编辑器
可视化页面编辑器,听起来可望不可即是吧,先来张动图观摩观摩一番!实现这功能之前,在网上参考了很多资料,最终一无所获,五花八门的文章,都在述说着曾经的自己!那么,这时候就需要自己去琢磨了,如何实现?需要考虑到:拖拽的实现 数据结构的定义 组件的划分 可维护性、扩展性对象的引用:在这里是我感觉最酷的技巧了,来一一讲解其中的细节吧!!拖拽实现拖拽事件这里使用 H5的拖拽事件 ,主要用到:dragstart // 开始拖拽一个元素时触发draggable原创 2021-02-01 21:58:09 · 11315 阅读 · 7 评论 -
身在职场,让程序员跳槽的那些非钱原因!未来的路该怎么走?
猪队友有些领导没办法识别团队中坏了一锅汤的那粒“老鼠屎”,这会让兢兢业业勤勉上进的其他成员感到不公。不怕神一样的对手,就怕猪一样的队友。绝望的产品当你遇到这样的产品:方向不明、市场不明,号称要跟随市场脚步,找不到自己的定位和核心竞争力,各种乱改需求,程序员们像堂吉诃德一样可笑的战斗,我的while(true) 啊……路越走越漫长,看不到一丝光亮,心越来越绝望……break,必须的啊。不受重视,被严重边缘化有时你自己觉得有才有能力,却总被安排打下手,深深觉得不受重视,有一种英雄无用原创 2021-01-30 23:01:07 · 110 阅读 · 0 评论 -
真正牛逼的人,都是极简主义者!!
一个真正牛逼的人,都是极简主义者;一款真正伟大的产品,都是极简主义的产品。一个人只要简单的专注于自己的领域,在思想上删繁就简,成为某个领域和某个行业的专家是很顺其自然的事情。一款产品,立足于用户刚需,解决用户痛点,在不断的发展和迭代过程中,不断挖掘用户的潜在需求,真正能够解决用户的刚需,删繁就简,那这款产品就不怕没有人用。极简主义者我见过太多人动不动就说自己是全栈开发,其实当我听到xxx说自己是全栈开发时,其实我内心是鄙视的。为啥?你说你工作两年或者三年,动不动就说自己全栈?那你理解了什么是全栈吗?原创 2021-01-30 22:47:31 · 191 阅读 · 0 评论 -
HTML5中的拖放功能 | 打卡每天一份劝退技能
前言如果这篇文章有帮助到你,❤️关注+点赞❤️鼓励一下作者,接收好挑战了吗?笔芯❤️~知识点拖拽的体验,你享受过吗,在HTML5之前,可以使用事件mousedown,mousemove,mouseup巧妙实现页面的拖放操作,但注意拖放的操作范围只是局限在浏览器内部。而HTML5的拖放API功能直接实现拖放操作,而且拖放的范围已经超出浏览器的边界,HTML5提供的文件api支持拖拽多个文件并上传。要学会掌握html5中的拖放api和 文件api,光标拖放事件,从web网页上访问本地文件原创 2021-01-29 17:55:28 · 268 阅读 · 1 评论 -
编写高质量可维护的代码:优雅命名
前言俗话说得好,万事开头难。而对于前端 coder 来说,每次新项目、新需求来的时候,我想大家最苦恼的往往就是如何去命名,无论是项目名称、页面的文件名称亦或是代码中的方法名称,对于我来说,但凡名字想好了以后,我觉得需求就已经写完一半了。如何才能更好,更优雅的去解决这些命名问题呢?在这之前,先随我看一些不合适的命名示例吧不合适的命名我们先来看一些例子:无意义的,抽象的,任何地方可以使用,谁都不知道你这里用的命名来源是谁// badconst data;const info;con原创 2021-01-27 17:53:31 · 198 阅读 · 0 评论 -
这些一行 JS 实现功能的代码,让你看起来像一个前端专家
JavaScript 可以做很多神奇的事情!从复杂的框架到处理 API,有太多的东西需要学习。但是,它也能让你只用一行代码就能做一些了不起的事情。看看这 13 句 JavaScript 单行代码,会让你看起来像个专家!取一个随机布尔值 (true/false)这个函数使用 Math.random() 方法返回一个布尔值(true 或 false)。Math.random 将在 0 和 1 之间创建一个随机数,之后我们检查它是否高于或低于 0.5。这意味着得到真或假的几率是 50%/50%原创 2021-01-25 13:55:42 · 210 阅读 · 0 评论 -
Facebook 重构:抛弃 Sass / Less ,迎接原子化 CSS 时代
随着 Facebook 和 Twitter 最近的产品部署,我认为一个新的趋势正在缓慢增长:Atomic CSS-in-JS。在这篇文章中,我们将看到什么是Atomic CSS(原子 CSS),它如何与 Tailwind CSS 这种实用工具优先的样式库联系起来,目前很多大公司在 React 代码仓库中使用它们。由于我不是这方面的专家,所以我不会去深入探讨它的利弊。我只是希望能帮助你了解它的大致内容。先抛出一个令人开心的结论,新的 CSS 编写和构建方式让 Facebook 的主页减少了 80%原创 2021-01-23 23:20:59 · 405 阅读 · 0 评论 -
CSS 奇思妙想边框动画
今天逛博客网站 -- shoptalkshow,看到这样一个界面,非常有意思:觉得它的风格很独特,尤其是其中一些边框。嘿嘿,所以来一篇边框特辑,看看运用 CSS,可以在边框上整些什么花样。border 属性谈到边框,首先会想到 border,我们最常用的莫过于 solid,dashed,上图中便出现了 dashed。除了最常见的 solid,dashed,CSS border 还支持 none,hidden, dotted, double, groove, ridge, inset,原创 2021-01-23 14:31:21 · 290 阅读 · 0 评论 -
2021年前端会有什么新变化?
2020年前端圈带来具有突破意义的内容或框架不多,也不会再有2013年到2017间日日新的框架大战局面,也不会有Node全栈之争,也不会因为React-Native、Weex、Flutter这类跨端而欣喜若狂。我能看到的是今天前端已趋于稳定,在深水区探索,比如蚂蚁金服的x6,在图形可视化方面做的就是非常好,比如淘宝的midway-faas,在Serverless领域确实有它独特的定位。比如语雀,钉钉文档,在线Excel等等,也都不是可以轻松可以搞定的。我很开心的看到,混乱之后,大家都能在深水区里进行原创 2021-01-22 16:51:22 · 469 阅读 · 0 评论 -
带你看看JS的新趋势:「State of JS 2020」中文解读
一、技术趋势一些新兴的 JavaScript 库在开发者间有很高的满意度,但使用率偏低——这可能会让开发者难以选择合适的技术。下面这些数据可以帮我们选择合适的技术。1-1、时间变化趋势第一张图代表着这些库随时间变化的趋势。它有四个象限,纵向由下至上代表着使用率由低到高;横向由左至右代表着使用体验由坏到好。也就是说,这张图中每条线越往右上走(线条颜色是红色),代表着这个库越受欢迎,反之,则代表着这个库越来越不被大家所使用(线条颜色是绿色和灰色)。1-2、满意度与用户数量第二张图代表..原创 2021-01-21 15:20:30 · 440 阅读 · 0 评论 -
前端搞工程化:从零打造性能检测库「源码 + 视频」
前言经常有读者问我什么是前端工程化?该怎么开始做前端工程化?聊下来以后得出一些结论:这类读者普遍就职于中小型公司,前端人员个位数,平时疲于开发,团队内部几乎没有基础建设,工具很蛮荒。工程化对于这些读者来说很陌生,基本不知道这到底是什么,或者说认为 Webpack 就是前端工程化的全部了。笔者目前就职于某厂的基础架构组,为百来号前端提供基础服务建设,对于这个领域有些许皮毛经验。因此有了一些想法,前端搞工程化会是笔者今年开坑的一个系列作品,每块内容会以文章 + 源码 + 视频的方式呈现。这个系列原创 2021-01-21 15:06:46 · 439 阅读 · 0 评论 -
实用函数式编程技巧:Combinator Pattern
在实现《React 优化技巧在 Web 版光线追踪里的应用》时,我有个需求是,让循环不是从 start 到 end,而是从中间开始,往两侧延展。实现下面的效果图片渐进式呈现,不是从上到下,而是从中间展开。一开始,我是用 for 循环加各种变量去切换,调试起来很痛苦,最后也让我失去了耐心。可能这个需求有很直接的处理办法,不过在当时我没想到。因此,我从“编程兵器库”拿出一个强大的武器,解决了这个小问题。并且发现,这种高射炮打蚊子的场景,很适合作为讲解案例。故有此文。Combinator Pa原创 2021-01-20 14:54:52 · 202 阅读 · 0 评论 -
不想加班开发管理后台了,试试这个 Java 开源项目吧!
本文适合有 Java 基础并了解 SpringBoot 框架的同学这里是 HelloGitHub 推出的《讲解开源项目》系列,今天给大家带来一款开源的 Java 后台管理框架——EL-ADMIN它是一个基于 Spring Boot、Spring Data JPA、JWT、Spring Security、Redis、Vue、Element-UI 的前后端分离的后台管理系统。如果你想要学习上面这些框架的使用、增加实战经验、学习代码规范,又或者找接私活开发的脚手架,提高赚钱的效率,EL-ADMIN.原创 2021-01-19 16:04:11 · 148 阅读 · 0 评论 -
innodb是如何一步步插入一条数据的
有情怀,有干货,抖音搜索【黄小姐喜欢编程】关注这个不一样的程序员。有一线大厂面试完整考点、资料以及我的系列文章。前言上周系统上线,发现数据量大的时候查询较慢。经过调查发现,负责该功能的妹妹建表时没有指定主键。妹妹在被严厉批评后伤心地哭诉:三歪说不要用uuid做主键,我就把uuid删了。我:傻瓜不让你用uuid做主键,不是不用主键。看着妹妹悲伤的表情,我语气稍稍缓和,你知道他们为什么不让你用uuid吗?在我的提问下,她和周围的妹妹们都是语焉不详,一句“会导致写操作慢”就把我打发了。原创 2021-01-19 15:15:34 · 616 阅读 · 0 评论 -
newbee-mall 开源商城新计划:秒杀功能、优惠券、对接支付宝
新项目是 newbee-mall 的升级版本,暂时就叫它 newbee-mall-plus 吧,第一阶段会开发秒杀功能、优惠券、对接支付宝这些功能,也会慢慢加入 Redis、 Elastic Search、Sentinel、Docker、K8s、消息队列、Spring Cloud 等技术栈。以上是对于后端技术栈的补充和升级,至于前端技术栈的话,后面可能会加入 React 版本和小程序版本的新蜂商城代码实现。如果还喜欢这个开源项目的话,请点赞支持哈!DuangDuangDuang!n.原创 2021-01-18 16:23:45 · 1339 阅读 · 1 评论 -
前端单元测试调研
前端单元测试调研英国Just Eat的首席UI工程师Ashley Watson-Nolan做过这样一个调查,16年有48.32%的前端开发者没有做过任何前端代码测试,这个数字到18年下降了4.32%, 到19年则下降到了21%,可见前端测试这一环节在前端开发者中的普及率明显上升,下图是18年和19年该调查中开发者对测试工具的选择和使用情况汇总什么是单元测试单元测试(unit testing),是指对软件中的最小可测试单元进行检查和验证,对于JavaScript来说,通常也是针对函数、对.原创 2020-12-31 16:32:58 · 323 阅读 · 0 评论 -
聊聊缓存的妙用和问题
朋友们,大家好呀。正在热火朝天的进行中,之前的技术专题对于技术领域领域有所限制,那我们本期就没有明显的领域限制啦。本期我们来聊一聊缓存的妙用和问题,说一说你是如何利用缓存解决问题,也谈一谈因为缓存又带来了哪些新的问题!回顾一下缓存的原始意义:是指访问速度比一般随机存取存储器(RAM)快的一种高速存储器,通常它不像系统主存那样使用DRAM技术,而使用昂贵但较快速的SRAM技术,缓存的设置是所有现代计算机系统发挥高性能的重要因素之一。可以看到缓存的最初使用是作用于系统级的,但随着一代代工程师的挖原创 2020-12-29 21:29:41 · 158 阅读 · 0 评论 -
如何学习前端知识?
作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通,类似我字样对前端知识一知半解的,一遇到问题就停下工作就四处搜索解决方案的,首先就算不上一个合格的前端人员。像我这样的如果当了前端工程师那工期肯定是不能保证的。合格的前端工程师第一要学会的就是在没有任何外来帮助的情况下(包括搜索引擎),能够完成大多数任务。以下知识点是作为一个前端工程师必须了解和熟悉的: DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 DOM操作——怎样添加...原创 2020-12-28 21:33:23 · 121 阅读 · 0 评论 -
前端监控和前端埋点
前端监控和前端埋点,一个是目的,一个是实现方式,做前端埋点,是为了做前端监控,那为什么要做前端监控呢?前端监控的目的是:获取用户行为以及跟踪产品在用户端的使用情况,并以监控数据为基础,指明产品优化的方向。前端监控前端监控可以分为三类:数据监控、性能监控和异常监控。数据监控数据监控,就是监听用户的行为,常见的监控项有:PV/UV:PV(page view):即页面浏览量或点击量;UV:指访问某个站点或点击某条新闻的不同 IP 地址的人数 用户在每一个页面的停留时间 用户通过原创 2020-12-27 15:46:40 · 441 阅读 · 0 评论 -
如何写出安全的、基本功能完善的Bash脚本
每个人或多或少总会碰到要使用并且自己完成编写一个最基础的Bash脚本的情况。真实情况是,没有人会说“哇哦,我喜欢写这些脚本”。所以这也是为什么很少有人在写的时候专注在这些脚本上。我本身也不是一个Bash脚本专家,但是我会在本文中跟你展示一个最基础最简单的安全脚本模板,会让你写的Bash脚本更加安全实用,你掌握了之后肯定会受益匪浅。为什么要写Bash脚本其实关于Bash脚本最好的解释如下:The opposite of "it's like riding a bike" is "it's l原创 2020-12-27 15:23:17 · 122 阅读 · 0 评论 -
我所理解的前端
入坑前端到今天也将近两年半了,这两天突然想到了第一次面试时面试官的一个问题-------你怎样理解前端的工作?对于当时我一个小白而言完全是胡说一通,词不达意,搞得面试官一脸懵逼,现在想想那可能就叫尬聊吧……时隔两年在不断爬坑中对这个问题有了自己新的认识,今天趁着上午没什么事情,写下这篇博客,想到哪写到哪,谈一谈我所理解的前端。技术方面:第一阶段(新手村)一个前端初学者必须所掌握的核心技能HTML,CSS,JavaScript,这三项是前端最底层的技术支持了,如果你看几年前的回答应该还会有一项原创 2020-12-27 14:11:39 · 142 阅读 · 0 评论 -
Promises/A+ 规范(译本)
简介promise 表示异步操作的最终结果。与 promise 进行交互的主要方式是通过 then 方法,该方法可以注册回调,以接收 promise 的完成值或无法完成 promise 的原因。该规范详细说明了 then 方法的行为,提供了一个可交互的基础,所有与 Promises/A+ 规范一致的 promise 实现都可以依赖于它。因此,该规范应被视为是非常稳定的。尽管 Promises/A+ 组织有时会通过向后兼容的微小更改来修订此规范,以解决新发现的极端情况,但只有经过仔细考虑,讨论和测试之原创 2020-12-26 16:42:57 · 184 阅读 · 0 评论 -
自动生成组件代码—— Vue CLI 插件开发实战
自动生成组件代码—— Vue CLI 插件开发实战前言近期工作的过程中跟Vue CLI的插件打交道比较多,想了想自己在学校写项目的时候最烦的就是项目创建之后手动创建组件/页面和配置路由,于是突发奇想决定写一个脚手架的插件,自动实现创建组件/页面和配置路由的功能。本文会一步一步教你如何编写一个自己的Vue CLI插件,并发布至npm,为所有因为这个问题而烦恼的同学解放双手。关注「Hello FE」获取更多实战教程,正好最近在抽奖,查看历史文章即可获取抽奖方法~本教程的插件...原创 2020-12-26 16:13:46 · 834 阅读 · 1 评论 -
拿到 UI 时,前端人该如何思考?
最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。经常有人私信我,小智这个设计图用 CSS 要怎么布局呀,这个按钮要怎么画的。所以今天,在这篇文章我们来介绍一些新的布局的方法,希望对智米们有些用处。把设计细节放在一边我通常做的第一件事就是把设计细节放在一边。我想先知道这次设计主要包括哪些部分,然后在关注每个部分的细节。考虑以下UI:在上面UI中,有以下特点:Header/Navigation 中间内容 部分 底部的原创 2020-12-24 20:19:10 · 956 阅读 · 1 评论 -
前端如何进行调试
一.为什么需要调试解决bug通常要对代码进行调试,这样才能比较容易的找出关键性问题。掌握一个好的调试技巧是一个开发人员必备的基本技能。二.基本调试(pc端)这里我们拿一套iview-admin 的源码来进行调试1.肉眼调试所谓肉眼调试就是指直接看代码进行调试,这种方式效率非常低下。2.console log(...) 查看console.log(...)打印出的日志应该是目前大多数前端惯用的调试方法。但是这种方式对于缕清程序运行的步骤和过程来说是比较困难的。 比如,我要原创 2020-12-23 17:47:59 · 8987 阅读 · 3 评论 -
前端工程 - 什么是前端工程管理?
在写这篇文章之前, 一直有个问题困扰着我, 什么是前端工程管理? 当我作为面试官和一些候选人聊这个话题的时候, 我得到的答案五花八门, 比如谈目录规范, 编码规范, 做个脚手架, 增加单元测试, CodeReview 等等, 我的直觉告诉我这些和前端工程管理有关系, 但这些一定不是前端工程管理的本质, 但是当我们理不清本质的时候, 可以试着从实施手段去逆向思维, 同时再借着概念正推. 放张图正文从实施手段看前端工程管理从前端工程化提出到现在差不多有好几年的光景, 在这段时间前端生态发展出非常原创 2020-12-23 17:03:43 · 268 阅读 · 0 评论 -
Web前端开发的就业前景怎么样,薪资待遇如何
信息技术的迅速发展,使IT技术者们赶上了一个百年难遇的好机会,尤其是国家出台了“互联网+”的政策后,更是催生了IT行业的就业空间,使其呈现爆发性增长。 如今,微信逐渐成为了大家主要的交流工具,随着各种小程序游戏风靡朋友圈之后,其从业人员Web前端开发工程师的薪资可谓是一路高涨。细心观察下大家不难发现,就目前来看,Web前端作为移动互联网时代的前沿技术,不仅在电脑端,而且在手机端也得到了广泛的应用。据预测,Web前端开发在未来5—10年,将会成为移动互联网领域的主宰者。 当然,很多外行人对原创 2020-12-22 17:58:46 · 1643 阅读 · 0 评论