09 2020 档案
摘要：在JavaScript中，一般考虑使用Date.parse()函数来解析字符串。根据JavaScript的相关文档，可以得知Date.parse(dateVal)返回的是一个整数值，此整数表示 dateVal 中所提供的日期与 1970 年 1 月 1 日午夜之间相差的毫秒数。 不过Date.par
阅读全文
摘要：5G时代已经成为了大家讨论的热点话题，除此之外5G还能带动自动驾驶、物联网、车联网、工业互联网、人工智能、智能家居、智慧城市等行业的将会飞速发展。5G对IT行业的影响是首当其冲的，那么对于Web前端开发而言，5G时代的到来会有什么影响呢？下面，就给大家分享5G时代下对Web前端学习会有哪些影响。 第
阅读全文
摘要：摘要：我们发现了一种针对类似比特币区块链的拒绝服务攻击，这种攻击模式比之前的攻击模式成本要低得多（只需全网20%算力）。区块链依赖于激励机制来保证系统安全。我们展示了攻击者如何破坏这些激励机制，从而导致理性的挖矿者停止挖矿。 自互联网诞生以来，拒绝服务（DoS）攻击问题（也称为洪水攻击）就一直在困扰
阅读全文
摘要：作为一名 Java开发人员，写 SQL 语句是常有的事，但是你知道 SQL 语句背后的处理逻辑吗？比如下面这条 SQL 语句： select * from user where id=1 执行完这条语句后，我们就会得到 id 为 1 的用户信息。那么对于这一条 SQL 语句，MySQL服务器做了哪些
阅读全文
摘要：01 搜索资源网站 学习技术过程我们经常需要使用搜索引擎来检索资料，国内常用的也就是某度了。 当然有条件的话，搜索引擎首先还是推荐使用 Google，如果没办法使用，可以使用以下几个作为备用： Bing Bing 国际版：https://cn.bing.com/ 比某度好用，之前还被停用了几天，最近
阅读全文
摘要：现在公司项目都是前后端分离的方式开发，有些时候由于某些新需求开发或者 bug 修改，想要让前端直接连到我本地开发环境进行调试，而前端代码我并没有，只能通过前端部署的测试环境进行测试，最简单的办法就是直接改 host 把后端测试环境的域名指向我本地的 IP，这对于 HTTP 协议的服务来说是很轻易做到
阅读全文
摘要：总结了笔者日常使用 Swift 的一些小 Tips。 Safe & Fast 1. 能用 let，尽量不用 var 把代码里的 var 全改成 let，只保留不能编译通过的。 ObjC 的 Foundation 层几乎都是继承 NSObject 实现的，平时都在操作指针，所以要区分 Mutable
阅读全文
摘要：内存管理 和 OC 一样, 在 Swift 中也是采用基于引用计数的 ARC 内存管理方案(针对堆空间的内存管理) 在 Swift 的 ARC 中有三种引用 强引用( strong reference )：默认情况下，代码中涉及到的引用都是强引用 弱引用( weak reference )：通过 w
阅读全文
摘要：在文章《微服务架构概览》中，我详细讨论了微服务架构以及在现代软件开发中使用它的优缺点。那么，什么是微服务架构呢？我给出的定义是： 微服务架构是将软件系统分解成可独立部署的自治模块，这些模块通过轻量级的、语言无关的方式进行通信，共同实现业务目标。 软件系统是复杂的。由于人脑只能处理一定程度内的复杂性，
阅读全文
摘要：我有一个很好的朋友，他是一个经验丰富的数据架构师。由于我一直在写关于IT项目管理的文章，因此，我就问他有没有考虑过担任PM的工作。对此，他的回答是：“绝不做PM。” 我进一步地探究了他的理由，并且找出了令他不喜欢项目管理和项目经理的5个原因。 1.项目经理过于结构化 尽管每个IT项目团队可以从一些结
阅读全文
摘要：如今，越来越多的公司正在向DevOps的方向左转，以实现持续集成和持续部署开发。这意味着我们的反馈需要比以往更快，以便确定我们的应用程序是否准备好交付。这就是API测试如此重要的原因，以及为什么应将其作为整体自动化策略重要的一部分。 分享一下我认为不错的五种API测试工具，无论哪种方式，它们都是不错
阅读全文
摘要：技术人一般都口拙，有的人憋了半天都没几句话，有的人巴拉巴拉一大堆却没有重点，那如何做一个中规中矩的演讲呢？此时想必大家都正在如火如荼的进行年终总结或晋升答辩，我总结了一些套路，与大家分享下。 个人总结 个人年终总结的套路。 首先，自我介绍。 开场白，无论是哪个场合，都要先介绍下自己。 比如说， 大家
阅读全文
摘要：我在一家创业公司的小团队里搞软件开发。彼时我们有一位真实的企业客户，且软件的第一版也已发布。开发按进度完工，在发布时我欣喜若狂，也非常骄傲，看着系统服务于每天几百万的独立用户，并发送出数千万条短信真是太令人满意了。到了第二年夏天，公司拿到了真实收入，我的职位变成了开发主管，公司又招了些新人，正待蓬勃
阅读全文
摘要：区块链被诟病的一大原因，就是区块链分布式账本技术(DLT)已经被吹捧成了一剂包治百病的良药，从支付处理和供应链跟踪到数字身份，再到版权保护，似乎当今世界几乎所有的交易问题都可以从中找到答案。 但这也导致了一个问题，许多上链行为是为了用区块链而用区块链。或者换句话说，就算不用区块链，用户的应用问题也能
阅读全文
摘要：1.Awesome 毫无疑问，Awesome是最受欢迎的库，它涵盖了从软件开发到硬件再到业务的所有主题。 目前，它在Github上拿到超123,000星，且其内容庞大，可能得花几天几夜才能看完。 如果想汲取新知识，这便是你的一站式商城。 2. List of (Advanced)JavaScript
阅读全文
摘要：根据“最新哈佛管理信息”（Harvard Management Update）的一项研究，在大约85％的公司中，员工的士气在工作的前6个月后会急剧下降，并且在随后数年持续恶化。为什么会这样？《Inc.》杂志网站上的一篇文章指出，很多时候，领导者在不知不觉中削弱了员工的积极性。文章列举了五个常见的员工
阅读全文
摘要：IT行业发展到现在，安全问题已经变得至关重要，从最近的“棱镜门”事件中，折射出了很多安全问题，信息安全问题已变得刻不容缓，而做为运维人员，就必须了解一些安全运维准则，同时，要保护自己所负责的业务，首先要站在攻击者的角度思考问题，修补任何潜在的威胁和漏洞。 下面通过一个案例介绍下当一个服务器被root
阅读全文
摘要：增强现实技术在开发人员和智能手机用户中越来越受欢迎，但它还是没有在无所不在的技术中占据一席之地。要体验 AR，用户必须安装专用的程序，但经常会在用过几次后就将其删除，甚至根本去下载它。 WebAR 将成为用户不愿意通过下载应用程序体验的解决方案，并且有相当多的证据表明它会成功。 什么是WebAR？
阅读全文
摘要：【Alpha测试】 Alpha测试是由用户在开发环境下进行的测试，也可以是开发机构内部的用户在模拟实际操作环境下进行的测试 测试环境受开发方控制 用户数量相对较少 时间比较集中 先于Beta测试 【Beta测试】 Beta测试是由软件的多个用户在一个或多个用户的实际使用环境下进行的测试。 测试环境不
阅读全文
摘要：一般的，在 Flutter APP 里请求 HTTP 使用的是官方提供的 http 包。 import 'package:http/http.dart' as http; var url = 'https://jsonplaceholder.typicode.com/posts'; var resp
阅读全文
摘要：内存泄漏（Memory Leak）指由于疏忽或错误造成程序未能释放已经不再使用的内存的情况。如果内存泄漏的位置比较关键，那么随着处理的进行可能持有越来越多的无用内存，这些无用的内存变多会引起服务器响应速度变慢，严重的情况下导致内存达到某个极限（可能是进程的上限，如 v8 的上限；也可能是系统可提供的
阅读全文
摘要：一个Angular应用一般情况下包含多个组件，而且要让组件互相之间能进行通讯（数据传送），这样才能构成一个有机的完整系统。 1、情景引入 下面例举一个实际遇到的情况：上图页面包含两个组件，“新增班级组件”和“选择教师组件”，在新增班级时需要选择改班级的管理教师，管理教师列表要从数据库中获取。选择好教
阅读全文
摘要：nodejs 中的 crypto 模块提供了各种各样加密算法的 API。这篇文章记录了常用加密算法的种类、特点、用途和代码实现。其中涉及算法较多，应用面较广，每类算法都有自己适用的场景。为了使行文流畅，列出了本文记录的几类常用算法： 内容摘要：散列(Hash)算法 内容摘要：HMac 算法 内容加解
阅读全文
摘要：先来说说场景，之前我写过一个小爬虫，node写的，一直都是当做玩具来用的。某天不知道谁在刷我的接口，导致被拉黑了。大佬让我换个机器重新装一下，但是因为我的里面用到了一个图片处理库 sharp 装起来很烦，然后就研究研究能不能搞个代理服务器。 大体是如上图，用户的请求最后都会通过我的服务器去请求对方服
阅读全文
摘要：如果你试图创建一个没有根结点的 vue template，像这样： <template> <div>Node 1</div> <div>Node 2</div> </template> 不出意外的话你会得到一个编译错误或者运行时错误，因为 template 必须有一个根元素。 通常你可以在外面套一个
阅读全文
摘要：前言 从Anjular转换到微信小程序，从功能丰富，便捷操作的WebStorm转换到十分难用，不是很人性的微信开发者工具，一开始真的特别不适应，也许是心理作用吧，从一开始就觉得它不好用，后来也是写不下去，后来调整心态，说试试看吧，后来就是越写越顺手，感觉也挺好的，初次接触小程序也是摸着石头过河，要啥
阅读全文
摘要：前端开发框架从最开始的jquery时代，到后来backbone，angular1，再到现在vue和react两分天下，也才用了不到十年的光景。 最开始jquery是为了解决浏览器兼容性的问题而火起来的，准确的说它只是一个库，而不能成为框架。但随着前端页面的复杂度的增加，渐渐数据驱动和mv*的思想开始
阅读全文
摘要：当我们使用 vue 在愉快的开发项目的时候，突然报了一个错误： this is undefined 别担心，不只有你一个人，我也经常遇到这个问题很多次，接下我们一起来看看如何解决这个问题。 一个可能的原因是混淆了常规函数和箭头函数的用法，如果你遇到这个问题，我猜你用的是箭头函数。如果用常规函数替换箭
阅读全文
摘要：随着 vuejs 的使用越来越广泛，出现了几种最佳实践并逐渐成为标准。在本文中，主要分享在平时开发中一些有用资源和技巧，废话少说，我们开始吧。 1.始终在 v-for 中使用 :key 在需要操纵数据时，将key属性与v-for指令一起使用可以让程序保持恒定且可预测。 这是很有必要的，这样vue就可
阅读全文
摘要：何为 provide/inject provide/inject 是 vue 在 2.2.0 版本新增的 API，官网介绍如下： 这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。如果你熟悉 react，这与 react
阅读全文
摘要：Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与php、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。 前端是需要学习node的，下面我们来看一下前端一定要学习node的一些原因： 对于现在的前端来说，尤其是多以 JavaScr
阅读全文
摘要：脚手架在前端工作流中负责项目起始阶段创建初始文件。与其他功能模块不同的是，脚手架是一个完全“启下”的模块，它没有任何前置依赖。创建完成项目初始文件之后，脚手架就再无用武之地了。 在实际的开发过程中，从零开始建立项目的结构是一件让人头疼的事情，所以各种各样的脚手架工具应运而生。它们功能丰富，但最核心的
阅读全文
摘要：art-template支持标准语法和原始语法。标准语法允许模板更易于读写。而原始语法具有强大的逻辑处理能力。标准语法支持基本模板语法和JavaScript表达式。原始语法支持任意JavaScript语句，与Ejs相同。 资源搜索网站大全https://55wd.com 广州品牌设计公司http:/
阅读全文
摘要：前言 前段时间学习了关于vue中响应式数据的原理，（并作了学习笔记vue响应式原理），其实是通过Object.defineProperty控制getter和setter，并利用观察者模式完成的响应式设计。那么数组有一系列的操作方法，这些方法并不会触发数组的getter和setter方法。那么vue中
阅读全文
摘要：vue.use 我们使用的第三方 vue.js 插件。如果插件是一个对象，必须提供install方法。如果插件是一个函数，它会被作为install方法。install方法调用时，会将Vue作为参数传入。该方法需要在调用new Vue()之前被调用。 我们在使用插件或者第三方组件库的时候用到Vue.u
阅读全文
摘要：目前在做一个个人网站，写了一半没有数据填充，也不知道写啥了，就顺带学习下mockjs这个东西，官网上主要介绍它是一个可以随机生成各种类型数据，拦截ajax请求等优点。接下来就近距离结束下mockjs吧！ 1.安装 通过npm为自己的项目安装mockjs。 npm install mockjs 安装完
阅读全文
摘要：它是最优雅的订阅observable 的方式，不仅语法短小精悍，还会自动取消订阅； async 管道用于解包异步原始数据。说到异步数据，就自然而然的会想起 observable 和 promise， async 就是用来订阅他们，然后返回他们发布的最近一个值，然后将组件标记为变更做准备。当组件被销毁
阅读全文
摘要：vue 是一个易于使用的Web应用程序框架，可用于开发交互式前端应用程序。在本文中，我们将介绍指令的修饰符和一些有用的模板简写指令。 修饰符 修饰符用于以特殊方式绑定指令。 事件修饰符 例如，v-on指令的.prevent修饰符将在设置为该值的事件处理函数上自动运行event.preventDefa
阅读全文
摘要：引言 在2020的今天，构建一个 web 应用对于我们来说，并非什么难事。因为有很多足够多优秀的的前端框架（比如 react，vue 和 Angular）；以及一些易用且强大的UI库（比如 Ant Design）为我们保驾护航，极大地缩短了应用构建的周期。 但是，互联网时代也急剧地改变了许多软件设计
阅读全文
摘要：与直接使用 Promise 相比，使用 async/await 不仅可以使代码更具可读性，而且还可以在 JavaScript 引擎中实现一些有趣的优化。 这篇文章是关于一个这样的优化，涉及异步代码的堆栈追踪。 async/await 和 Promise 的根本区别在于 await fn() 暂停当前
阅读全文
摘要：首先滚动贯穿现象： 当前容器已经滚动到底部或者顶部，无法再滚动，容器会默认选择上层容器进行滚动，可以说滚动贯穿并非是一个bug，只是一种现象 解决办法，尝试了很多种解决办法，最后依然采用js阻止默认事件的方式解决 1：监听当前容器的滚动距离，判断出到了顶部或者底部 2：如果在顶部，还要往上滚动，阻止
阅读全文
摘要：typescript三种作用域 全局作用域 − 全局变量定义在程序结构的外部，它可以在你代码的任何位置使用。 类作用域 − 这个变量也可以称为 字段。类变量声明在一个类里头，但在类的方法外面。 该变量可以通过类的对象来访问。类变量也可以是静态的，静态的变量可以通过类名直接访问。 资源搜索网站大全ht
阅读全文
摘要：导语：JavaScript定时器是window的一个对象接口，并不是JavaScript的一部分，它的功能是由浏览器实现的，在不同浏览器之间会有所不同。定时器也可以由node.js运行时本身实现。 几周前我在推特上发布了这样一个面试问题： JavaScript面试问题： 在哪里可以找到setTime
阅读全文
摘要：使用字符串可能是一项繁琐的任务，因为有许多不同的用例。例如，将字符串转换为驼峰大小写这样的简单任务可能需要几行代码才能达到最终目标。 function camelize(str) { return str.replace(/(?:^\w|[A-Z]|\b\w|\s+)/g, function(mat
阅读全文
摘要：介绍 对于很多人来说，使用JavaScript来处理图像不是一件非常简单的事情，幸运的是我们可以借助第三方的库来实现我们想要的功能，本篇文章就介绍一有哪些JavaScript图片处理库可供我们选择和使用!以下排名不分先后 1. Pica 此插件可减小大图像的上传大小，从而节省上传时间。它可以在浏览器
阅读全文
摘要：比较 JavaScript 中的原始值非常简单。只需使用任何一种可用的相等运算符即可，例如严格相等运算符： 'a' 'c'; // => false 1 1; // => true 但是对象却有结构化数据，所以比较起来比较困难。在本文中，你将学习如何正确比较 JavaScript 中的对象。 1.
阅读全文
摘要：如果您符合高级开发人员的资格，其工作涉及JavaScript，那么在编码面试中很有可能会被问到棘手的问题。 遵循这个建议:“熟能生巧”。深入有规律地学习JavaScript将提高您的编码能力，并且可以提高您的面试技巧。 在这篇文章中，你会发现7个乍一看很简单但很棘手的JavaScript面试问题。
阅读全文
摘要：想用Promise异步实现一个递归调用的接口，用来做简单AI的动作序列。发现一开始接触这个then的时候，不是很清楚，参考了网上的一些写法，改成自己的有问题，所以先静下心来研究一下这个调用的顺序问题 例子 先看个例子，参考[1] new Promise((resolve, reject) => {
阅读全文
摘要：前言 在当前的JavaScript中，并没有枚举这个概念，在某些场景中使用枚举更能保证数据的正确性，减少数据校验过程，下面就介绍一下JavaScript如何模拟实现枚举效果。 枚举主要特点 枚举值不能重复 不能被修改 资源搜索网站大全https://55wd.com 广州品牌设计公司http://w
阅读全文
摘要：在信息安全越来越受重视的今天，前端的各种加密也变得更加重要。通常跟服务器的交互中，为保障数据传输的安全性，避免被人抓包篡改数据，除了 https 的应用，还需要对传输数据进行加解密。 目前常见的加密算法可以分成三类 对称加密算法：AES、... 非对称加密算法：RSA、... Hash 算法：MD5
阅读全文
摘要：前言 0.1 + 0.2 是否等于 0.3 作为一道经典的面试题，已经广外熟知，说起原因，大家能回答出这是浮点数精度问题导致，也能辩证的看待这并非是 ECMAScript 这门语言的问题，今天就是具体看一下背后的原因。 数字类型 ECMAScript 中的 Number 类型使用 IEEE754 标
阅读全文
摘要：数组 Array 数组去重 function noRepeat(arr) { return [...new Set(arr)]; } 查找数组最大 function arrayMax(arr) { return Math.max(...arr); } 查找数组最小 function arrayMin
阅读全文
摘要：Array (数组)对象 数组对象的作用是：使用单独的变量名来存储一系列的值。 创建Array对象的语法 new Array(); new Array(size); new Array(element0, element1, ..., elementn); 参数 参数 size 是期望的数组元素个数
阅读全文
摘要：要求 : 两个数组中是否包含公共项，包含返回true，不包含返回false 方法一： 1.使用内置ES6函数some()遍历第一个数组每个元素测试2.第二个数组使用内置函数includes来检查元素是否存在第一个数组中 //第一种 function findCommonElements3(arr1,
阅读全文
摘要：最近在开发一个个人项目时，我冒出了一个尝试让浏览器说话的想法。不知道该怎么做，于是，我在网上寻找了一下答案，在MDN上，我找到了答案。让我们来看看如何通过JavaScript让浏览器说话。 1. 最简单的例子 让我们来创建一个基础函数，这个函数的参数为我们想说的话或者词，最后让我们的浏览器说出来。我
阅读全文
摘要：1.何为声明提升？ 在JavaScript中，当出现var声明的变量或者function声明的函数时，会将该声明提到当前作用域的前面执行，这便是声明提升。值得注意的是，只是提升了声明操作，赋值还是在原来的位置进行。声明提升包括变量声明提升和函数声明提升。 变量声明提升 先来看一看变量的声明提升。比如
阅读全文
摘要：jsDoc 是一个自动化生成 JavaScript 文档工具，它是利用对 JavaScript 函数的特定注释来编译成 html 文件的一个文档工具。 安装 全局安装或者局部安装： npm install jsdoc -g npm install jsdoc -save-dev 基本使用 只要在 J
阅读全文
摘要：基本类型值有：undefined，NUll，Boolean，Number和String，这些类型分别在内存中占有固定的大小空间，他们的值保存在栈空间，我们通过按值来访问的。 （1）值类型：数值、布尔值、null、undefined。（2）引用类型：对象、数组、函数。 如果赋值的是引用类型的值，则必须
阅读全文
摘要：var numA = 0.1; var numB = 0.2; alert( numA + numB ); 0.1 + 0.2 = 0.30000000000000004。计算精度误差问题（和二进制相关）。 对于浮点数的四则运算，几乎所有的编程语言都会有类似精度误差的问题，只不过在 C++/C#/J
阅读全文
摘要：最近有一个工作需求是曝光埋点，让我得以有机会接触相关的东西。之前实习时没有做过这方面的需求，个人项目更是和埋点扯不上关系。以至于上周开会讨论时听到“埋点”这个词就怂了。 不过后面听大佬分析了下后才意识到，原来“埋点”是这个意思。曝光埋点的思路也是很简单：无非是判断某个DOM是否出现在视窗中，出现了就
阅读全文
摘要：随着Golang的日益普及，它是否取代Python？接下来让我们一起看看Go的优点，以及它与Python的区别。 在Web开发的世界里，敏捷才是王道。使用更少的费用和资源来更快地完成网站和网络应用，从而获得更多的竞争优势。此外，他们不仅希望快速完成Web开发，对可用性和用户体验的要求也很高。 这需要
阅读全文
摘要：所有css都支持几个全局属性值，分别是： inherit , initial 和 unset 。其中 inherit 是继承的意思，IE8（标准版）开始支持，不是从IE9开始支持的，网上一些文档是错误的。 inherit 是非常好用的一个css属性。 例如： input, textarea { fo
阅读全文
摘要：层叠性: 如果一个属性通过两个相同选择器设置到同一个元素上，相同的属性就会出现冲突,那么这个时候一个属性就会将另一个属性层叠掉,采用的是就近原则 继承性: 子标签会继承父标签的某些样式 一般以font,line,color,text,list,都能继承 备注 : a标签不能继承字体颜色,h标
阅读全文
摘要：自从接触前端软件开发以来，我发现开发猿一直在努力征服着css。 理由也很充分，开发人员是用逻辑思考的生物。添加一个div元素导致所有代码都不得不往下移一行，而另一个div“浮”到左侧，感觉没有任何意义。 你也一定听到过开发人员的抱怨：“我们只需要向左边移动五个像素，但是…天哪!为什么整个都向下移动了
阅读全文
摘要：什么是选择器?选择器{样式;},在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素，类似这样body{color: pink;font-size: 16px;}; :标签选择器其实就是html代码中的标签,比如<html>、<body>、
阅读全文
摘要：一、资源 先提供资源。如果我弄错了什么，请以这些文档为准： W3C文档、IANA已登记的子标签、BCP 47、RFC 5646。 二、格式简介 先上一张图片： 一个Language Tags，由①到⑦一共四个子标签组成。有什么盘算不清楚的，请参考资源部分提供的文档。 三、各部分含义 ①languag
阅读全文
摘要：引言 对于面试常问的从浏览器输入 URL 到页面渲染过程发生了什么？，我想大家都或多或少能说出一二。但是，其实这个问题很有深度，而你是否回答的有深度，在很大程度上会影响到面试官对你的印象。 并且，网上各种资料都是带浅尝辄止地讲解这个过程，经常会出现今天看到这个版本，明天看到另一个版本地情况。所以，现
阅读全文
摘要：1.提交按钮sumbit <input type="image" src="图片路径"> type="image"默认是sumbit，不用再添加onclick事件提交，否则会发生表单被提交两次的情况。 2.重置按钮reset <input type="image" src="图片路径" onclic
阅读全文
摘要：场景是这样的： 点击输入框失去焦点会触发验证方法，点击提交按钮的时候也会触发验证方法，如果用户点击输入框后点击提交按钮就会同时触发失去焦点方法和提交按钮方法，这样就会触发两次验证。 我想写成只触发一次验证，在开发过程中我发现：在移动端当失去焦点和点击事件同时发生的时候，会先执行失去焦点事件，然后再执
阅读全文
摘要：css选择器中:first-child与:first-of-type是比较容易混淆的概念，这里用案例介绍它们具体的区别。 :first-child 选择器是css2中定义的选择器，从字面意思上来看也很好理解，就是第一个子元素。比如有段代码： <div> <p>第一个子元素</p> <h1>第二个子元
阅读全文
摘要：错误一、转件所谓“应该能行”的代码 错误：无论是JavaScript，还是在服务器上运行的代码，开发人员都需要测试并确认它是否可以正常工作，而不是在部署了之后，就认为它应该就能从一而终地运行。 影响：不经过适当错误检查的网站就是对最终用户耍流氓。不仅会极大地影响用户体验，而且其错误消息内容的类型可能
阅读全文
摘要：方式一：值相加 我们先去MDN看看官方的解释： 优先级是如何计算的？优先级就是分配给指定的 css 声明的一个权重，它由 匹配的选择器中的 每一种选择器类型的 数值 决定。 而当优先级与多个 css 声明中任意一个声明的优先级相等的时候，CSS 中最后的那个声明将会被应用到元素上。 当同一个元素有多
阅读全文
摘要：按钮（button）可能是网页中最常见的组件之一了，大部分都平淡无奇，如果你碰到的是一个这样的按钮，会不会忍不住多点几次呢？ 通常这类效果第一反应可能就是借助canvas了，比如下面这个案例（建议去codepen原链接访问，segmentfault内置的预览js会加载失败） 效果就更加震撼了，当然c
阅读全文
摘要：1、先讲结论 border-radius 这个 css 属性大家应该使用得非常娴熟，现实中用到的场景基本都是四个圆角一致的情况。 比如实现一个圆形按钮，其中 border-radius 数值有些人写为 50%，有些人则写成 100%，不过你会发现两者效果是一样的： 测试 html 代码如下： <st
阅读全文
摘要：html5中的video标签用于播放视频文件的，在video标签中我们可以设置窗口的宽高，视频的自动播放，循环播放以及视频的封面图片等等 html5是下一代HTML，新增了许多新的标签，这些标签实现了许多新的功能。并且还减少了对外部插件的要求同时也可以更好的处理错误。比如HTML5中的video标签
阅读全文
摘要：CSRF绕过后端Referer校验分正常情况和不正常的情况，我们这里主要讨论开发在写校验referer程序时，不正常的情况下怎么进行绕过。 正常情况 正常的情况指服务器端校验Referer的代码没毛病，那么意味着前端是无法绕过的。 我之前考虑过的方案： js修改Referer，失败； 请求恶意网页后
阅读全文
摘要：动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的次数。请用百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，等同于 0% 和 100%。 css3的animation直接提供一个animation-play-state的样式来控制动画的暂停处理。增加
阅读全文
摘要：css让图片铺满的方法：可以使用background-size:cover样式设置背景图片铺满。background-size属性规定背景图像的尺寸。 豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com 豌豆资源搜索网站https://55
阅读全文
摘要：单进程问题 不稳定，插件崩溃浏览器就崩溃 不流畅，脚本执行会让页面卡顿，内存泄漏也会导致浏览器变慢 不安全，恶意插件和恶意脚本容易获取系统权限作恶 多进程优点 进程隔离，插件或者页面崩溃不会导致其他页面崩溃 页面隔离，即使 js 阻塞了渲染进程，影响到的也只是当前的渲染页面，而并不会影响浏览器和其他
阅读全文
摘要：很多时候，我们在项目开发中会出现，单元格内容由于太多导致的换行问题，让表格显得非常的丑陋。下面我们来看一下使用css设置表格内文字不换行的方法。 vi设计http://www.maiqicn.com 办公资源网站大全https://www.wode007.com css可以通过为表格table与td
阅读全文
摘要：在css的学习过程中，我们会遇到一些属性可以继承，那么，css中的继承是什么意思？有哪些属性可以继承呢？下面我们来看一下css中的属性有哪些可以继承。 豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com css中有继承性的属性： 1、字体系
阅读全文
摘要：Scss是Sass3版本当中引入的新语法特性，完全兼容css3的同时继承了Sass强大的动态功能。scss文件可以编译为css文件，下面我们来看一下将scss编译为css的方法。 我们可以使用node来将scss编译为css。下面我们来看一下使用node将scss编译为css的方法。 使用nodej
阅读全文
摘要：在网页制作中，很多时候都会有箭头的情况，我们可以使用css来绘制箭头，css是如何绘制箭头的呢？下面我们来看一下使用css绘制箭头的方法。 我们可以使用css绘制三角形来制作箭头。 一、绘制三角 html代码： <div></div> css代码： .container{ width: 0; hei
阅读全文
摘要：代码引用阿里巴巴iconfont svg图标时发现，设置颜色后，有一部分图标还是显示原始的颜色。原来这部分 svg图标带有 fill 属性，这种图标不能本地修改 fill 属性，需要在项目中移除默认颜色。 svg图标 带有 fill 属性，如果选择的是多色图标且下载到本地的话，默认是带有颜色的。 修
阅读全文
摘要：最近在写页面的时候，需要在左上角加一个logo，但是复制的时候会把这张图片一块选中。 那么我们可以通过css给它设置禁止选中，代码如下： .icon { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none;
阅读全文
摘要：什么是绝对路径？ 绝对路径指的是文件的真正路径，使用绝对路径链接外部资源，如：图片、超级链接、flash、音频、视频等等。代码如下： 1、引入网络上的资源： <img src="http://完整的URL描述地址"> 2、引入电脑本地的绝对路径，如D盘下images文件夹里名称为“aaa.jpg”的
阅读全文
摘要：object-fit: 指定可替换元素的内容应如何适应到需使用的高度和宽度确定的框 平时写代码经常会在代码中插入图片，你是否会多少感觉插入的图片被拉伸或是被缩放，在这里我们就探讨object-fit对图片处理的应用 语法及作用 fill (充满) 整个对象将完全填充内容框。当对象的宽高与内容框不匹配
阅读全文
摘要：最近，我从 Grover网站 上发现以一个好玩儿的悬停动画，这个动画是将鼠标移动到订阅按钮上移动光标，会跟随光标实现相应的彩色渐变。 这个想法很简单，但是它能使这个按钮脱颖而出，人们一下子就注意到它了，增加了点击的概率。 怎样才能达到这个效果，使我们的网站脱颖而出呢？其实，它并不像我们想象的那么难！
阅读全文
摘要：介绍 事件流描述的是从页面中接收事件的顺序。但是IE和Netscape却提出了两个完全相反的事件流，分别是事件冒泡流和事件捕获流。 事件冒泡 IE的事件流称为事件冒泡，从最具体的元素开始，然后逐渐向上传播到文档节点。如下图： 我们以下面代码展示事件冒泡： <!DOCTYPE html> <html>
阅读全文
摘要：a标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL（路径），包括片段标识符和 JavaScript 代码段。 JavaScript: 是表示在触发默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，
阅读全文
摘要：<video> 标签定义视频，比如电影片段或其他视频流，可以放置视频资源，并添加视频控件。 支持的浏览器： Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <video> 标签。 注：Internet Explorer 8 以及更早
阅读全文
摘要：css角度单位有：deg、grad、rad、turn；下面本篇文章给大家介绍一下这些css角度单位。 豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com 1、deg 度（Degress）。一个圆共360度 90deg = 100grad =
阅读全文
摘要：在css中，可以使用filter属性来模糊处理图像；filter属性用于将图像转换为模糊图像。该属性主要用于设置图像的视觉效果。 语法： filter: blur() 属性值： ● blur()：给图像设置高斯模糊，值越大越模糊。如果没有设定值，则默认是0；这个参数可设置css长度值，但不接受百分比
阅读全文
摘要：<object>标签是一个html标签，用于在网页中显示音频，视频，图像，PDF和Flash等多媒体；它通常用于嵌入由浏览器插件处理的Flash页面元素，如Flash和Java项目。它还可以用于在html页面内显示另一个网页。 <object>标签可以和<param>标签一起使用以定义各种参数。当浏
阅读全文
摘要：css中主要的伪元素有四个：before/after/first-letter/first-line，在before/after伪元素选择器中，有一个content属性，能够实现页面中的内容插入。 插入纯文字 content : ”插入的文章”，或者 content:none 不插入内容 #html
阅读全文
摘要：前言 由于html语言的定位问题，在网页中实现居中也不是如word中那么简单，尤其在内容样式多变，内容宽高不定的情况下，要实现合理的居中也是颇考验工程师经验的。网上讲居中的文章很多，但是都不太完整，所以小茄今天就来总结下纯css实现居中的各种方案。学疏才浅，文中如有不当之处，万望指出！ 6种方案 1
阅读全文
摘要：在今天，Python里有很多开发框架用来帮助你轻松创建web应用。web开发框架存在的意义就在于可以快速便捷的构建应用，而不用去在意那些没必要的技术细节(协议、报文、数据结构)。 到2020年为止，基于Python创建的的web应用已经非常多了，国外知名的有youtube.com、instagram
阅读全文
摘要：由于图片是web上最流行的内容类型之一，因此网站的页面加载时间很容易成为一个问题。 即使经过适当的优化，图像也会有相当大的重量。这可能会对访问者在访问网站内容之前等待的时间产生负面影响。很有可能，它们会失去耐心，转向其他地方，除非你能想出一个不影响速度感知的图像加载解决方案。 在本文中，您将学习有关
阅读全文
摘要：Web安全是前端开发人员经常忽略的主题。当我们评估网站的质量时，我们通常会查看性能，seo友好性和可访问性等指标，而网站抵御恶意攻击的能力却常常被忽略。即使敏感的用户数据存储在服务器端，后端开发人员也必须采取重要措施来保护服务器，但最终，保护数据的责任在后端和前端之间共享。虽然敏感数据可能被安全地锁
阅读全文
摘要：高度自适应第一种情况 1.高度不去设置，或者高度设置auto 内容撑开父元素的高度。2.内容撑开父元素的高度 -> 最小高度的设置 min-height3.浮动元素添加高度自适应 -> 添加浮动元素的父元素没有高度，会出现高度塌陷 解决高度塌陷的方法 (1)给出现高度塌陷的元素添加：overflow
阅读全文
摘要：程序员的35岁，似乎是一个沉重的话题。在国内，一般程序员的寿命在20～35岁之间。超过了35岁的程序员，如果继续从事开发工作，在国内相对大多数程序员，很可能会面临淘汰、裁员等不利于个人的局面。 那么，大家关心的问题来了：大龄程序员都去哪了？下面先分享一下我身边的几个故事。 山无棱天地合，乃敢与“co
阅读全文
摘要：现在有一个常见现象：企业想要更快更便宜地构建软件。 这当然是一个可以理解和值得称赞的目标。且每个工程师都应该全心全意支持这个目标。 然而事与愿违。虽然并非是故意的，但是随着时间的推移，我们会因为软件构建中难以预料的复杂性而陷入困境，然后训练自己去寻找边缘案例，分析差距，以及单点要求所带来的所有隐藏的
阅读全文
摘要：编者按：软件工程师是令人羡慕的职业。但是如何才能拿到这份工作？又如何才能做好这份工作呢？拥有相关经验的 Valeri Alexiev 提供了相关建议和工具。其中包括了如何准备面试、如何以软件工程师的身份工作以及如何持续改进方面的经验之谈。 我刚开始工作的头几年是紧张学习的时间。 我得面对现实，成为软
阅读全文
摘要：Git 是一个非常强大的工具，它包含丰富的工具用以维护项目。本文介绍了一些 Git 日常使用过程中的实用技巧和命令，希望这些内容能够对大家有所帮助。 Git diff 通常情况下，我们会在自己的独立分支中完成需求开发，此时就会有需求将自己的分支和其他分支进行对比。这个功能可以通过 git diff
阅读全文
摘要：概述 这篇文章分享 API 接口设计规范，目的是提供给研发人员做参考。 规范是死的，人是活的，希望自己定的规范，不要被打脸。 路由命名规范 动作前缀备注 获取 get get{XXX} 获取 get get{XXX}List 新增 add add{XXX} 修改 update update{XXX}
阅读全文
摘要：不知道大家是否也跟我一样，是一只要把的自己电脑文件安排的条理有序，把没用的文件会及时删掉的程序猿呢？ 如果是的话，那么我们可以愉快地探讨下文章的内容。 如果不是的话，你也可以留下来凑凑热闹嘛(>-<)。 下面要介绍的是今天的主角—— tmpwatch ，它能帮助我们递归删除在给定时间内没有访问的文件
阅读全文
摘要：Java世界中存在许多工具，从Eclipse，NetBeans和IntelliJ IDEA等著名的IDE开始到Java开发人员应该知道的JVM分析和监视工具，如JConsole，VisualVM，Eclipse Memory Analyzer等。 如果你是一位经验丰富的Java开发人员，你可能对这些
阅读全文
摘要：记得之前在规划和设计微服务架构的时候，张队长给了我一个至今依然记忆深刻的提示：『你的设计蓝图里为什么没有看到DDD的影子呢？』 随着对充血模型的领域认知的加深，我越加感觉到DDD的重要性。但是DDD内容繁多，是不是要深入去了解呢，我觉得不必入坑太深，个人浅见，它最核心的一点就是针对贫血模型的不足而设
阅读全文
摘要：新建 创建一个新的 git 版本库。这个版本库的配置、存储等信息会被保存到.git 文件夹中 # 初始化当前项目 $ git init # 新建一个目录，将其初始化为Git代码库 $ git init [project-name] # 在指定目录创建一个空的 Git 仓库。运行这个命令会创建一个名为
阅读全文
摘要：如何成为一名优秀的前端工程师 要有自己的前端知识体系 逐步完善自己的三大能力，首先是编程能力，其次是工程能力，最后是架构能力 在工作中完善自己的领域知识，如教育类，电商类等等 构建自己的知识体系 构建自己的知识体系，就是就是把一些零碎的，分散的，相对独立的知识概念或者观点加以整合，使之形成具有一定联
阅读全文
摘要：想必做过爬虫的同学肯定被编码问题困扰过，有 UTF-8、GBK、Unicode 等等编码方式，但你真的了解其中的原理吗？下面我们就来了解一下 Unicode 和 UTF-8 编码到底有什么关系。 要弄清 Unicode 与 UTF-8 的关系，我们还得从他们的来源说起，下来我们从刚开始的编码说起，直
阅读全文
摘要：你是否遇到过自称 " 多语种程序员 "（polyglot programmer）的人？他们能够掌握多种编程语言。 在程序员的世界里，很多编程高手会被冠以各类称呼，有些称呼听起来很“狗血”，比如： “Code Ninja”（编程小忍者） “Rock Star developer”（摇滚巨星开发者） “
阅读全文
摘要：概述 Docker 是一个用于开发、部署和运行应用的开源平台。它意在使你能更快地进行应用分发。 使用 Docker 可以将应用系统和基础设施分离，并且可以用管理应用系统类似的方式对基础设施进行管理。 Docker 使用了内核的容器功能 + 工作流程 + 工具来助我们管理和部署应用。 什么是 Dock
阅读全文
摘要：Linux基金会和哈佛大学创新科学实验室的研究人员进行了广泛调查和深入研究，得出了有关企业内常用的免费开源软件（FOSS）的一些重要结论与潜在安全风险。 研究人员发现，由于缺少针对FOSS组件的标准化命名方案，企业和其他股东难以快速、准确地识别可疑或易受攻击的组件。 其次，他们还发现，需要更加安全地
阅读全文
摘要：很多人都问，技术人员如何成长，每个阶段又是怎样的，如何才能走出当前的迷茫，实现自我的突破。所以我结合我自己 10 多年的从业经验，总结了技术人员成长的 9 个段位，希望对大家的职业生涯，有所帮助。 第一段 刚接触编程的时候，会觉得这是个很神奇东西，平淡的英文字母，再加上标点符号，竟然可以有这么大魔力
阅读全文
摘要：当您的数据模型已开始稳定，您可以为您的网络应用程序创建公共API。 你意识到，很难对你的API进行重大更改，一旦它发布，并希望尽可能得到尽可能多的前面。 现在，互联网对API设计的意见有很多。 但是，因为没有一个广泛采用的标准在所有情况下都有效，所以你前面有一堆选择：你应该接受什么格式？ 你应该如何
阅读全文
摘要：写本文的目的，主要是源于和一个老前端的交流。 我认为学习计算机理论知识很有用，对职业发展帮助非常大。他认为应用开发和底层开发是两回事，前端属于应用开发，学理论知识完全浪费时间。具体细节就不说了，最后是不欢而散。 不过，有一点我们是达成共识的：学习计算机理论知识不能让你的业务页面写得更快、更好，它不是
阅读全文
摘要：０.介绍 自己开发的使用了ＳＳＬ协议的软件，通常没必要从证书签发机构那里来获取证书，自签证书成了必要的选择。自签证书还可以用来实现客户端登录认证。 1.创建ＣＡ 创建ＣＡ的私钥 openssl genrsa -des3 -out rootCA.key 4096 创建ＣＡ的自签证书 openssl r
阅读全文
摘要：1. 优化代码和算法 一定要先好好看看你的代码和算法。许多速度问题可以通过实现更好的算法或添加缓存来解决。本文所述都是关于这一主题的，但要遵循的一些一般指导方针是： 测量，不要猜测。 测量代码中哪些部分运行时间最长，先把重点放在那些部分上。 实现缓存。 如果你从磁盘、网络和数据库执行多次重复的查找，
阅读全文
摘要：油猴脚本（Tampermonkey）是一个非常流行的浏览器扩展，它可以运行由广大社区编写的扩展脚本，来实现各式各样的功能，常见的去广告、修改样式文件、甚至是下载视频。今天我们就来看看如何编写自己的油猴脚本。当然为了运行油猴脚本，你应该在浏览器中安装油猴插件。 安装油猴插件 安装油猴插件非常简单，直接
阅读全文
摘要：php判断本地文件是否存在可以简单的使用is_file就可以实现。但是在部分情况下会检测远程文件是否存在，实现方式如下 1、可以使用fsocketopen,通过返回的状态码判断2、使用curl，通过通过返回的状态码判断3、可以直接通过get_headers的方法来判断状态码 以上方法是在远程url没
阅读全文
摘要：一款好用的hr系统，能够为企业人事管理带来很多好处？能够帮助人力资源管理者从繁琐的日常事务中解放处理，将更多地精力用于企业的人力资源只能管理和管理决策中，提高整个人力资源管理工作效率。以下详细分享专业hr系统为制造企业带来哪些好处？ 专业hr系统为企业带来以下几点好处： 1.节约人事管理成本 员工流
阅读全文
摘要：私下里，经常有一些读者问我：“作为一名软件开发者，我应该掌握哪些技能，才能被领导赏识给我呢?”说实话，我心目中很多选项，不少于 20 个，但我斟酌再三，只挑选了其中最能让你受益的 8 个，不仅能让领导赏识你，还能让领导给你升职加薪。 01、吃透一门编程语言 这个技能看起来似乎没有必要强调，毕竟程序员
阅读全文
摘要：首先网站被降权和IP没有半毛线关系，举个例子说，IP就像汽车的车牌一样，你的车违章了你能怪车牌的问题吗？ 网站被降权重大概有以下几点原因 1：服务器问题服务器稳定性至关重要，如果连蜘蛛都不能正常爬行，怎么能够把你的内容索引进数据库呢？所以切忌不要贪便宜，买劣质的空间。 2：网站内容不稳定，标题、布局
阅读全文
摘要：您的网站安全吗？在黑客攻击频频发生的这个互联网时代，很多运营者都在纠结是否要安装SSL证书来提高网站的安全性，今天我们就来聊聊网站是否一定要安装SSL证书。 SSL证书是用来干什么的？ SSL证书是帮助网站实现https加密访问的一种数字证书。对于大多数人，可能还不知道我们平常的http和https
阅读全文
摘要：开发人员，大家每天都要用到 python。在本文中，我们将讨论一些 python 中的顶级库，开发人员可以使用这些库在现有的应用程序中应用、清洗和表示数据，并进行机器学习研究。 简介 python 是最流行和使用最广泛的编程语言之一，它已经取代了业界许多编程语言。 python 在开发人员中流行的原
阅读全文
摘要：软件测试包括不同的测试实践，比如单元测试、集成测试、UAT测试和可访问性测试等。每种测试实践在软件开发生命周期(SDLC)中都有重要的地位和作用。 在不同类型的测试中，一些测试有助于改善应用程序的性能，比如性能测试、压力测试和负载测试。虽然这些测试的目的是改善系统性能，但是每种测试实践都有不同的策略
阅读全文
摘要：Git 执行 git pull 命令是报错如下： remote: HTTP Basic: Access denied fatal: Authentication failed for 'http://localhost/rep.git/' 问题原因： 账号密码验证不通过，密码或者权限不对，导致 Gi
阅读全文
摘要：行业专家表示，很多没有使用人工智能的企业开始迫切使用这种新兴技术，而他们的许多竞争对手已经在使用人工智能来提升竞争优势。 人工智能技术显然对于大多数企业来说过于复杂，无法在内部构建。他们需要获得人工智能提供商的帮助来外包其人工智能解决方案。这个过程本身很复杂。那么从哪里开始?如何选择供应商?鉴于人工
阅读全文
摘要：我遇到的大多数开发人员都不怎么热衷于测试。有些会去做测试，但大多数都不测试，不愿意测试，或者勉而为之。我喜欢测试，并且比起编写新的代码，愉快地花更多的时间在测试中。我认为，正是因为专注于测试，我才可以花更少的时间来编写新的代码或修复bug，并且非常有成效。 如果你不确定要不要编写测试或者并不常写测试
阅读全文
摘要：现在的开发人员都趋向于使用新的编程语言，那么旧的编程语言呢？它们的前途一般是这样两种： 仍然可以使用，但逐渐不受大家欢迎； 直接完全死去。 和之前的十佳最受欢迎的编程语言相反，本文我们预测以下这几种编程语言面临着死亡威胁： Perl 曾几何时，几乎每个人都在使用Perl语言编程。但是那些经常使用的人
阅读全文
摘要：对于刚接触容器的人来说，他们很容易被自己构建的 Docker 镜像体积吓到，我只需要一个几 MB 的可执行文件而已，为何镜像的体积会达到 1 GB 以上？本文将会介绍几个奇技淫巧来帮助你精简镜像，同时又不牺牲开发人员和运维人员的操作便利性。本系列文章将分为三个部分： 第一部分着重介绍多阶段构建（mu
阅读全文
摘要：工欲善其事，必先利其器，chrome前端调试必备工具!要想操作浏览器更有效率，我们可以试试掌握以下这些快捷键。 Ctrl+N打开新窗口 Ctrl+T打开新标签页 Ctrl+Shift+N在隐身模式下打开新窗口 Ctrl+O在 Google Chrome 浏览器中打开计算机中的文件 按住 Ctrl 键
阅读全文
摘要：尽管许多用户可以从命令行轻松地使用Git，但有多种GUI客户端可以大大加快你的工作流程，尤其是在你不熟悉平台的情况下。 如果你正在寻找理想的客户端来管理你的Mac上的仓库，本文列出了适用于Mac OS X或Windows系统的最佳GUI Git客户端。 1. GitHub Desktop https
阅读全文
摘要：引言 “哦，天那。相比其他开发者，我又笨又没准备。老板会知道我是多么无能，我要被炒鱿鱼了。” 这种想法，在我们作为一名软件开发人员刚进入工作领域的时候，非常常见。我也不例外。这种想法会让人觉得自己不如其他的开发者，感觉自己是滥竽充数的，感觉自己像一个全面的傻瓜，当涉及到写代码的时候。 在短短的几个月
阅读全文
摘要：在 LeetCode 刷题的时候，题解有的大佬给出的答案很优秀，是 python 的，想抄作业发现有的功能函数都定义在答案函数的内部，主要是闭包操作外部变量方便。不同语言在函数内部定义函数稍有不同，于是记录下自己可能用到的语言在函数中定义函数的方式。 python python 定义内部函数加个 d
阅读全文
摘要：到现在我已经专业地构建软件超过10年时间了。我热爱我的工作，并且我希望能在这一行一直干到成为老程序员的那一天。一路走来，我遇到过很多可怕的事情，让我觉得我的工作非常之讨厌。我希望能有人在我职业生涯的早期给我一些指引，这样的话，当一些我未曾经历过的不幸的可怕事情降临的时候，我不会那么孤单和灰心丧气。
阅读全文
摘要：随着项目体积的增加，参与到项目中的同学越来越多，每个人都有自己的打 git log 的习惯： 格式 1: add: 添加... 格式 2: [add]: 添加... 格式 3: Add 添加... 为了形成统一的规范，达成共识，从而降低协作开发成本，需要对 git commit 记录进行规范。 规范
阅读全文
摘要：现在使用的js语法，基本是ES5的规范 ，15年出的ES6的规范增加了很多其他语法，要看浏览器的支持情况，如果浏览器不支持那么就会报错 ES6 块级作用域 关键字let, 常量const,对象字面量的属性赋值简写,赋值解构,函数参数 - 默认值、参数打包、 数组展开（Default 、Rest 、S
阅读全文
摘要：Ctrl+N 打开新窗口。 Ctrl+T 打开新标签页。 Ctrl+W关闭当前标签。 Ctrl + F4 关闭chrome浏览器。 Ctrl+Tab 或 Ctrl+PgDown 切换到下一个标签页。 Ctrl+Shift+Tab 或 Ctrl+PgUp 切换到上一个标签页。 Ctrl+1 到 Ctr
阅读全文
摘要：最近在知乎看到这样一个问题：“作为IT行业的过来人，你有什么话想对后辈说的？”笔者作为一位工作10年的老前端，忍不住也答了一波，为前端的朋友们总结了10条“走心”建议，都是那些年我踩过的坑，希望能帮你少走一些弯路。 前端十年，从业人数激增面试竞争更为激烈，前几天一个朋友跟我说：“现在全网好像都在告诉
阅读全文
摘要：简单的来说,初级程序员和高级程序员的差别是: 初级多在写代码，高级多在设计代码； 初级多在解决一个问题，高级多在解决一类问题； 初级多在考虑技术问题，高级还要参与业务上的需求； 初级工程师只管接需求，导致自己忙不过来，高级工程师会砍需求， 用自己得经验告诉产品这个需求不需要，告诉设计师这个交互没必要
阅读全文
摘要：1. Color Highlight 谁能记住所有十六进制代码？反正我是记不住的。 VSCode 为我们提供了一个小颜色框作为参考，但它还不够大，无法判断相似颜色之间的差异。Color Highlight 通过用颜色包装每个十六进制代码为我们提供了更大的预览。 地址：https://marketpl
阅读全文
摘要：一、前端迷茫怎么办 从业这么多年，时不时就有前端同行咨询我关于职业发展的事情，其中比较常见的一个就是对前端的迷茫。具体表现为，团队没什么前端，就自己一个人，感觉上面的人也不太重视前端，然后自己平时的工作也驾轻就熟，没什么挑战性，想学点东西，但又不知道该学什么才好，就处于这样一个浑浑噩噩，有些迷茫的状
阅读全文
摘要：这个周末，听了一个关于程序员从小白到骨干的成长经验分享，谈谈个人体会。 了解自己当前正处于什么样的阶段 首先提到的是达克效应，全称为邓宁-克鲁格效应（Dunning-Kruger effect）。它是一种认知偏差现象，指的是能力欠缺的人在自己欠考虑的决定的基础上得出错误结论，但是无法正确认识到自身的
阅读全文
摘要：软件开发人员在任何项目的架构和设计上起着非常关键的作用。当前的现代化架构世界需要现代化或聪明的开发人员，这些开发人员装备了各种务实的技能。了然于心，社会化以及聪明是这个世界所期待的开发人员。 那么，我们该如何定义聪明的开发者呢？有这样5个关键的领域： 1.集中注意力和以目标为导向 开始反思和规划你的
阅读全文
摘要：Trait 是为类似 php 的单继承语言而准备的一种代码复用机制。Trait 为了减少单继承语言的限制，使开发人员能够自由地在不同层次结构内独立的类中复用 method。Trait 和 Class 组合的语义定义了一种减少复杂性的方式，避免传统多继承和 Mixin 类相关典型问题。 Trait 和
阅读全文
摘要：在程序开发的过程中，程序员会经常对源代码以及库文件进行代码对比，在这篇文章里我们向大家介绍六款程序员常用的代码比较工具。 一、WinMerge WinMerge是一款运行于Windows系统下的文件比较和合并工具，使用它可以非常方便地比较多个文档内容，适合程序员或者经常需要撰写文稿的朋友使用。 Wi
阅读全文
摘要：nginx配置负载均衡需要有两个关键配置 在upstream中配置具体负载均衡信息通过proxy_pass 来引用已经配置好的负载均衡信息 在http{}部分引入mylb.conf文件 http { include /etc/nginx/mime.types; default_type applic
阅读全文
摘要：1.使用高性能 DNS CDN 服务本身并不具备域名解析功能，而是依托于 DNS 智能解析功能，由 DNS 根据用户所在地、所用线路进行智能分配最合适的 CDN 服务节点，然后把缓存在该服务节点的静态缓存内容返回给用户。 如果域名转换为 IP 这一过程可用性低且延迟高，那么肯定会对 CDN 性能产生
阅读全文
摘要：单点登录在现在的系统架构中广泛存在，他将多个子系统的认证体系打通，实现了一个入口多处使用，而在架构单点登录时，也会遇到一些小问题，在不同的应用环境中可以采用不同的单点登录实现方案来满足需求。 我将以我所遇到的应用环境以及在其中所经历的各个阶段与大家分享，若有不足，希望各位不吝赐教。 一、共享Sess
阅读全文
摘要：1、版本控制系统（VCS）VCS也许是计算机课程最大的疏漏。这些课程光记得教如何写代码，但却往往忘记教学生如何去管理代码。每一个程序员都应该懂得利用Git或Subversion有效地创建repository（仓库），编辑与提交代码，进行分支与合并，了解项目工作流。 2、学会写作身为程序员要写的不只有
阅读全文
摘要：我已经写了很多年的软件。最近我意识到，我越涉及（致力于，结合于等）开源技术，我写出来的代码就更好。这不由地让我疑惑起来：难道里面有什么相关性或因果关系吗？ 阅读代码能让你变得更优秀 我在编程生涯的早期就明白我阅读的代码越多，我的代码就能变得更好。我知道，当我不得不维护其他人的代码时，简单和干净的代码
阅读全文
摘要：1.1 概念 UDP UDP是User Datagram Protocol的简称，中文名是用户数据报协议，是OSI参考模型中的传输层协议，它是一种无连接的传输层协议，不会对报文进行任何拆分和拼接操作，提供面向事务的简单不可靠信息传送服务，IETF RFC 768是UDP的正式规范。UDP在IP报文的
阅读全文
摘要：据说，某互联网公司招了个日本人做研发，上班第一天就对部门同事说：“我在日本工作时是个加班狂，每天都很晚回家，希望大家跟上我的步伐。”一个月之后他辞职回日本了，扔下一句话：“你们这样加班，经常睡在公司是很不人道的。” 程序猿问科比：“科比，你为何如此成功？”科比反问：“你知道洛杉矶每天凌晨4点的样子吗
阅读全文
摘要：在过去的几十年时间里，对音乐作品和编程同时感兴趣的计算机科学家成功地将两者结合在一起。现在的人工智能谱写的音乐，几乎与由专业音乐人创建的没有区别。 很多专业的开发人员对音乐有着真正的激情，以及许多音乐家涉足过编程，这些已经不是什么秘密。例如，Elvis Costello，一位多产的英国音乐家，被誉为
阅读全文
摘要：你只在早上9点至晚上5点间编码，却担心这样不够好吗？你看见其他的程序员工作于个人项目或开源项目，参与编程马拉松，并花费所有的业余时间编写软件了吗？你可能会认为只在自己的工作时间编码，只朝九晚五地编写软件，将永远不会非常优异。你可能认为，只有那些连吃饭、睡觉和呼吸间都在编码的人才能脱颖而出。但实际上坚
阅读全文
摘要：我们生活在一个社交异常活跃的世界，在这个世界里，人们渐渐地忽视独处的重要性。办公室的设计都正在抛弃以往的那种小隔板间，而采用那种开放的办公区域；学校的学生也不再坐在自己独立拥有的桌椅前，而是成组地呆在一起。持续不断的消息提示音是我们现代文明里的噪音，不断地提醒我们每一条短信、每一条微博和每一条各种通
阅读全文
摘要：主要只是整理了一下我从身边的前端同事及社群朋友们上看到的一些特质，毕竟比起我来，他们在前端领域打滚得更久。当然这些特质应该是适用大部份工程师 (不论哪一端) ，但我还是认为前端工程师平时要更著重这些特质。注：其他领域或许也有「前端」这个术语，但一般人认知的「前端」是泛指「 Web 前端」。这些特质包
阅读全文
摘要：我作为一个web开发者的旅程始于2000年，那时我还只有21岁，我依然可以清楚地记得那些日子里激荡在我内心的感觉。如果一定要找一个词来形容的话，我觉得那是——愉悦。 我不需要担忧时间、最后期限和轻重缓急，也不需要担心生产力。我所要关心的只有一件事，那就是学习，尽可能多和尽可能快地学习。 我急急忙忙地
阅读全文
摘要：Mocha (发音"摩卡")诞生于 2011 年，是现在最流行的 JavaScript 测试框架之一，在浏览器和 Node 环境都可以自由使用。 所谓"测试框架"，就是运行测试的工具。通过它，可以为 JavaScript 应用添加测试，从而保证代码的质量。 本文全面介绍如何使用 Mocha，让你轻松
阅读全文
摘要：dart_native 作为一条比 Channel 性能更高开发成本更低的超级通道，通过 C++ 调用 Native 的 API，深入底层且考虑全面。很多 Objective-C 接口的参数和返回值是 Block，所以这就需要支持用 Dart 语言创建和调用 Objective-C Block。 D
阅读全文
摘要：1、把npm 更新到最新版本 npm install -g npm 2、把npm源切换到taobao源 全局安装nrm：npm install -g nrm 查看正在使用的源：nrm ls 添加源，例如：nrm add taobao https://registry.npm.taobao.org 删
阅读全文
摘要：为什么使用Gulp Gulp自动化构建工具可以增强你的工作流程！易于使用、易于学习、构建快速、插件高质！在日常开发中，可以借助Gulp的一些插件完成很多的前端任务。如：代码的编译（sass、less）、压缩css，js、图片、合并js，css、es6转es5、自动刷新页面等 使用Gulp 1、全局安
阅读全文
摘要：Node.js 是基于 Chrome V8 JavaScript 引擎构建的开源、跨平台运行时环境。事件驱动的非阻塞I/O 模型使,Nodejs 能开发极其轻便且高效的 Web 应用程序。客户端 和 服务端 脚本中使用相同的语言，并且这种独特的功能已提高了全球许多开发人员使用 NodeJS 框架快速
阅读全文
摘要：最近我弄清楚了如何递归地实现嵌套插槽，包括如何使用作用域插槽来实现。起因是我想看看是否可以构建一个复制v-for指令但仅使用template组件。 它还支持插槽和作用域插槽，也可以支持命名插槽，我们可以这样使用它： <template> <div> <!-- Regular list --> <v-
阅读全文
摘要：摘要 在开发项目中时常有点击跳转滚动到锚点的需求，最简单的锚点定位就是给一个a标签，a标签的href = ‘#锚点’，然后给需要跳转的锚点一个id = ‘锚点’。参考最简单的锚点跳转实现方式，在react中使用useRef来实现跳转锚点的功能。 功能具体步骤 1、创建空的Ref import rea
阅读全文
摘要：你所知道的一些事情，你可能不知道的一些事情 Create react App是搭建react项目的快速方法。这样我们可以重点放在代码上，而不是构建工具上。 事实1：可以使用单个命令创建完整项目 这个神奇的命令可以通过以下三种方式之一调用： npx create-react-app my-app np
阅读全文
摘要：由于一些演示，需要对编码名称等可快速进行修改，需要页面方便配置。由于build后的vue项目基本已经看不出原样，因此需要创建一个文件，并在打包的时候不会进行编译。 vue-cli 2.0的作法是在static文件下创建js。vue-cli 3.0 的写法则是直接在public文件夹下创建js、 具体
阅读全文
摘要：背景 前端开发都少不了对后台的调用，后台地址配置在哪里，是一个很纠结的问题 为此大家开动脑筋，想了不少办法： 豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com 在代码中定义一个常量如baseUrl，后台请求时，统一拼上这个baseUrl；
阅读全文
摘要：一、 在前后端完全分离的情况下，vue项目中实现token验证大致思路如下： 第一次登录的时候，前端调后端的登陆接口，发送用户名和密码 后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token 前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面 前
阅读全文
摘要：用到 react Navigation 组件 兼容性: IOS/Android原理: react Navigation 为页面的 props 上挂载了 navigation 对象, 可用来做路由跳转，在做页面跳转时可以携带参数/回调方法前往目标页面， 从而达到传参的目的。 切换路由方法： this.
阅读全文
摘要：路由设计 本则路由考虑验证进入登录页面，完成登录操作进入首页。 import vue from "vue"; import Router from "vue-router"; Vue.use(Router); import store from "@/store/store"; // (延迟加载)
阅读全文
摘要：现在前端工程师的工作已经不想几年前那样，仅仅写一些页面调整一下样式就可以拿到高薪了。由于前端技术的发展，以及企业对前端工程师的要求越来越高，现在前端工作也越来越复杂。不过只要掌握目前比较流行的主流框架，完全可以轻松应对老板提出的各种需求。今天就和大家聊聊前端工程师必须了解的主流前端框架。 已经从事前
阅读全文
摘要：没有选择是痛苦的，有太多的选择却更加痛苦。而后者正是目前前端领域的真实写照。新的框架层出不穷：它难吗？它写得快吗？可维护性怎样？运行性能如何？社区如何？前景怎样？好就业吗？好招人吗？组建团队容易吗？ 每一个框架都得评估数不清的问题，直到耗光你的精力。这种困境，被称为“布利丹的驴子” —— 一只驴子站
阅读全文
摘要：创建store import { action, observable } from 'mobx'; class Store { @observable count = 1; @action setCount = () => { this.count++; } } export const stor
阅读全文
摘要：ESLint 不管是多人合作还是个人项目，代码规范都是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。 准备工作 一、VSCode ESLint插件 ESLint插件用于根据工程目录的.eslintrc.js配置文件在编辑器中显示一些错误提示。 二、基于vue-cli创建项
阅读全文
摘要：问题发现 最近准备对团队里公共的插件做一些小动效，优化用户体验。这次的先从最简单的toast插件入手。主要的文件有如下两个：index.js import Toast from './Toast.vue'; const _TOAST = { show: false, component: null
阅读全文
摘要：一、组件生命周期 每个react类组件都包含“生命周期方法”(function组件是没有生命周期方法的)，你可以重写这些方法，以便于在运行过程中特定的阶段执行这些方法。在接下来的文章中，生命周期方法的书写会遵照如下规则，以方便大家理解。 1、加粗生命周期方法表示常用的生命周期方法，开发中会经常使用到
阅读全文
摘要：1 / 状态管理 Rxjs + Service 组件内管理状态：在组件中可以声明一个属性，作为组件的内存存储。每次操作时调用服务（service）中的方法，然后手动更新状态。 export class TodoComponent { todos : Todo[] = []; // 在组件中建立一个内
阅读全文
摘要：一、watch进阶 从我们刚开始学习Vue的时候，对于侦听属性，都是简单地如下面一般使用： watch:{ a(){ //doSomething } } 实际上，Vue对watch提供了很多进阶用法。 handler函数 以对象和handler函数的方式来定义一个监听属性，handler就是处理监听
阅读全文
摘要：1、父子传参： 父组件的数据、方法传递给子组件，子组件通过props接收，可以是数组、对象。 2、子传父（两种）： this.$emit('')可以触发一个自定义的事件 秒收目录站https://www.tomove.com.cn 第一种方法:(推荐) 第一步: 在子组件中绑定一个函数 <p><bu
阅读全文
摘要：一 、问题 vue项目打包上线前总会遇到一个问题就是开发过程中遗留的console代码，其实方法很简单： 下载依赖包 npm install babel-plugin-transform-remove-console --save-dev； 下载成功后在根目录的babel.config.js配置文件
阅读全文
摘要：对于对象 vue无法检测property的添加或移除，由于vue会在初始化实例时对property执行getter/setter转换，所以propterty必须在data对象上存在才能让Vue将它转换为响应式的。例如 var vm = new Vue({ data:{ a:1 } }) // `vm
阅读全文
摘要：前言 在 vue 的官网中的过渡动画章节中，可以看到一个很酷炫的动画效果 乍一看，让我们手写出这个逻辑应该是非常复杂的，先看看本文最后要实现的效果吧，和这个案例是非常类似的。 预览 分析需求 拿到了这个需求，第一直觉是怎么做？假设第一行第一个图片移动到了第二行第三列，是不是要计算出第一行的高度，再计
阅读全文
摘要：目前跨端开发比较热门的就是 react Native 和 Flutter 了，到底该选哪门技术似乎也快成了大前端圈的一个热门话题。对于web前端来说，基于web生态的 react Native 应该是一个更加顺畅而自然的选择；但 Flutter 让人动心的地方就是高性能和 跨端UI一致性。而 Rea
阅读全文
摘要：前言 computed 在 vue 中是很常用的属性配置，它能够随着依赖属性的变化而变化，为我们带来很大便利。那么本文就来带大家全面理解 computed 的内部原理以及工作流程。 在这之前，希望你能够对响应式原理有一些理解，因为 computed 是基于响应式原理进行工作。如果你对响应式原理还不是
阅读全文
摘要：hookEvent,原来可以这样监听组件生命周期 1. 内部监听生命周期函数 今天产品经理又给我甩过来一个需求，需要开发一个图表，拿到需求，瞄了一眼，然后我就去echarts官网复制示例代码了，复制完改了改差不多了，改完代码长这样 <template> <div class="echarts"></
阅读全文
摘要：背景 我所在的小组主要面向内部, 开发内部平台, 大多数页面都存在以下的结构: 筛选框 + 表格; 小组内vue UI框架选型为view-design, view-design的Table组件支持使用jsON自动构建出表格, 但是并没有提供筛选框组件; 尽管有提供Input, Select等组件,
阅读全文
摘要：react 是一个专注的组件库。因此，它对如何请求远程数据没有什么建议。如果要通过 HTTP 请求数据并将其发送到 Web API ，可以考虑下面四种方法。 内联写法 集中管理 自定义 Hook react-query/swr 注意：在本文中，我将使用 fetch 进行 HTTP 调用，但是这些模式
阅读全文
摘要：有的东西，看似简单，实则不简单，还是要多总结，在真实项目当中予以应用。 在vue当中绑定class和style的方式有很多种，基本都知道，但是在项目当中真正遇到需要用样式变化呢的场景却怎么也想不起来，很模糊，只能写一些简单地样式逻辑，今天来总结一下vue中动态绑定样式的情况。 demo01: 点击激
阅读全文
摘要：实现步骤 html + bootstrap布局画3个面板。 注：面板样式 position 属性必须是绝对位置或者相对位置。 监听面板的的 mousedown事件。 记录当前对应面板的位置target_index，设置面板透明拖动。 监听当前被拖动的面板的mousemove事件。 根据鼠标移动的位置
阅读全文
摘要：前端vue页面上的导出或者下载功能，一般是调用后端的一个接口，由接口生成excel,word这些文件的流信息，返回给vue，然后由vue去构建下载的动作，这边整理了一下，封装了一下，方便以后复用。 封装一个download文件 使用年月日时分秒毫秒做为文件的名称，下载为excel文件 /** * 下
阅读全文
摘要：定义 对象是 JavaScript 语言最主要的数据类型，三种原始类型的值——数值、字符串、布尔值——在一定条件下，也会自动转为对象，也就是原始类型的“包装对象”（wrapper）。 所谓“包装对象”，指的是与数值、字符串、布尔值分别相对应的Number、String、Boolean三个原生对象。这
阅读全文
摘要：现在Promise用的比较频繁了，如果哪天突然不用了，可能逻辑就不好厘清了，回调没的说是一大把 废话不多说，进入正题 Promise这个东西很神奇，用起来舒服，若自己写一下，恐怕还真不简单，关键就一个字“绕”，绕过了也就好了 豌豆资源搜索网站https://55wd.com 广州vi设计公司http
阅读全文
摘要：JavaScript 语言最初是为简单的表单操作而发明的，没有诸如模块或命名空间之类的内置功能。多年以来发明了大量的术语、模式、库、语法和工具来模块化 JavaScript。本文讨论了 JavaScript 中的所有主流模块系统、格式、库和工具，包括： JavaScript 模块格式和工具大全 II
阅读全文
摘要：相似： 都是块级作用域 都不能和它所在作用域内的其他变量或函数拥有相同的名称 区别： const声明的常量必须初始化，而let声明的变量不用 const 定义常量的值不能通过再赋值修改，也不能再次声明。而 let 定义的变量值可以修改。 补充 我们先来认识一下JavaScrip的两种作用域：全局变量
阅读全文
摘要：CSRF（Cross-site request forgery）：跨站请求伪造 攻击原理 要完成一次CSRF攻击，受害者必须满足两个必要的条件 登录受信任网站A，并在本地生成Cookie。（如果用户没有登录网站A，那么网站B在诱导的时候，请求网站A的api接口时，会提示你登录） 在不登出A的情况下，
阅读全文
摘要：虽然JavaScript本身很棒，但有它对应生态圈也很重要，这些圈会让 js 更好。开发人员在开始一个新的中等项目时经常喜欢重新写轮子，这是一个糟糕的策略，使用第三方库是有意义的。因为这样的库有明确的用途，有更长生成的迭代，如果遇到问题更容易找到解决方法，最主要的一点是提高开发效率，缩短开发周期。
阅读全文
摘要：前言 在异步编程中，Promise 扮演了举足轻重的角色，比传统的解决方案（回调函数和事件）更合理和更强大。可能有些小伙伴会有这样的疑问：2020年了，怎么还在谈论Promise？事实上，有些朋友对于这个几乎每天都在打交道的“老朋友”，貌似全懂,但稍加深入就可能疑问百出，本文带大家深入理解这个熟悉的
阅读全文
