09 2020 档案
摘要：在数字币的背后，除了加密技术作为支撑系统之外，还有应用生态系统或社会问题，其中包括发行权和接链权等权限问题，比如这些权力是否开放，或在什么程度上开放等。 简要地说，区块链既不是加密技术，也不是数字币，而是一种以加密技术为安全保障的电子化交易信息公示系统，其功能类似于经公证了的信息公示牌。面对区块链技
阅读全文
摘要：小程序商城早已经是每位商户和消费者广为人知的一类在线网上商城，和别的购物商城相比较，它的操作步骤更为便捷，同时带有好多的数据流量基础，商户还可以省掉引流过来的环节，只需把自已的营销推广业务加强就可以，如今有好多的商户逐渐开始借助小程序商城来卖蔬菜，营销推广成交量放大经营管理线下推广门店增涨了好多，但
阅读全文
摘要：关于CPU和程序的执行 1、程序的运行过程，实际上是程序涉及到的、未涉及到的一大堆的指令的执行过程。 当程序要执行的部分被装载到内存后，CPU要从内存中取出指令，然后指令解码(以便知道类型和操作数，简单的理解为CPU要知道这是什么指令)，然后执行该指令。 再然后取下一个指令、解码、执行，以此类推直到
阅读全文
摘要：1 前言 Nginx服务器是Web服务器，也就是我们平时用来提供Web服务的。我们之前可能听过Apache、Tomcat、IIS等的服务器，其实Nginx和它们都是一样的，都可以通过HTTP为浏览器等客户端提供各种服务。 Nginx服务器是一个跨平台的服务器，可以运行在Window和Linux以及M
阅读全文
摘要：常言道：嘴上说不要，习惯却很诚实。朋友，您是否扪心自问过：有过多少次违背了编程的基本规范?或许您根本就没有意识到自己会常犯的那些不良编程习惯。实际上，我们在交付已编译好的代码后，客户是不会在使用中马上发现到程序的缺陷。 通常，编程规则只会规定程序员在编写代码时，需要遵守的准则、以及建议采用的风格，而
阅读全文
摘要：安装 gulp4.0分离了cli和核心部分，所以需要分别安装这两个包，另外对环境要求如下： node >= 8.11.1 npm >= 5.6.0 npx >= 9.7.1 全局安装gulp-cli npm i -g gulp-cli 本地安装gulp npm i -D gulp 查看版本号 $ g
阅读全文
摘要：编写可维护的代码并不容易。这件事学起来难，教别人如何做更难。大多数时候，这是个熟能生巧的事情。但是历年来，我学习到的能让你快速掌握的参考资料还是比较少。 在你全面学习相关知识之前，至少记住这里列出的三个方面： 1. 减少副作用 副作用很糟糕……有时却是必不可少的。 它们造成了应用中大量的复杂性，所以
阅读全文
摘要：从毕业踏入社会到现在，整整走过了十年的职场生涯，不能说混的风声水起，只能讲还马马虎虎，达成了一些自己的小目标，取得了一些自己还比较满意的小成绩。 慢慢的也积累一些职场经验，今天呢，和大家一起来聊一聊职场生存、自我成长的那些事儿。 如今不如以前，再也没有终身职业、铁饭碗了，任何人也不可能一个工作干上它
阅读全文
摘要：1.WHERE字句的查询条件里有不等于号（WHERE column!=…），MYSQL将无法使用索引 2.类似地，如果WHERE字句的查询条件里使用了函数（如：WHERE DAY(column)=…），MYSQL将无法使用索引 3.在JOIN操作中（需要从多个数据表提取数据时），MYSQL只有在主键
阅读全文
摘要：简介 MongoDB 是一种NoSQL 数据库，存储的数据对象由键值对组成。MongoDB 所有存储在集合中的数据都是 BSON 格式。BSON 是一种类似 jsON 的二进制形式的存储格式，是 Binary jsON 的简称。 对比： 关系数据库术语MongoDB术语说明 database dat
阅读全文
摘要：头等函数 在 Python 中，函数是「头等公民」（first-class）。也就是说，函数与其他数据类型（如 int）处于平等地位。 因而，我们可以将函数赋值给变量，也可以将其作为参数传入其他函数，将它们存储在其他数据结构（如 dicts）中，并将它们作为其他函数的返回值。 把函数作为对象 由于其
阅读全文
摘要：我已经淫浸于自由职业大约5年了——全职3年。我喜欢自由职业，这不但实现了高薪，而且也许最重要的是，它的多样性让我迷恋。 当然，你不可能干了5年却没有学到任何东西，所以今天我想花一点时间来分享一些事情，一些我希望能在一开始就知道的事情。其中还有一些是我们需要设法避免的常见错误。 希望能对你有用。 1.
阅读全文
摘要：2013年1月，在拒绝了微软的offer之后，我加入了一家快速发展的创业公司，公司名叫 Lucid Software（Lucidchart和Lucidpress的创造者）。虽然我很感谢微软给我的工作机会，但是我想工作在一个有机会快速进入领导层的地方。我喜欢在 Lucid 工作。Lucid 有着聪明和
阅读全文
摘要：如果时间退回到十多年以前，新兴互联网公司的技术人员几乎都是从「业务开发」开始自己的职业生涯的。然而到了今天，不知道你有没有发现，业务开发和纯技术的开发已经有了明显的分野。 最开始，互联网业务的出现，让人们第一次从用户需求和用户体验的角度来设计产品。正是这种与传统生意的不同，造就了很多互联网早期的传奇
阅读全文
摘要：你可以已经听说过 jsON Web Token (JWT) 是目前用于保护 API 的最新技术。 与大多数安全主题一样，如果你打算使用它，那很有必要去了解它的工作原理（一定程度上）。问题在于，对 JWT 的大多数解释都是技术性的，这一点让人很头疼。 让我们看下，我能否解释清楚 JWT 是如何在不引起
阅读全文
摘要：github 如果说非要选一个网站来代表程序员的话，github一定是排在第一位的，这里是开源的世界，这里是代码的世界，这里是一个程序员展现自我的世界。如果你没有听过github，我估计你一定不是程序员，或者你就是一个假的的程序员。 cnblogs 这是程序员书写心得的地方，这是程序员分享经验的地方
阅读全文
摘要：前言 相信很多前端同学对 vue 或 react 的开发很熟悉了，也知道如何去打包生成一个生产环境的包，但对于生产环境的部署可能有些同学了解比较少。小公司可能都是后端帮忙部署了，大公司会有专门的运维同学部署，对于生产环境的部署工作有些同学接触的不多，所以这次来分享和总结下前端项目部署相关的实战经验：
阅读全文
摘要：走进BAT，你们会发现，他们都喜欢使用Mac，Mac作为一个创作工具，一直深受程序员，教授，高科技行业从业者的喜欢。 Mac及佳的稳定性，也是用户喜欢的一个主要原因，Mac可以让你专注于创作，跟iPhone一样，Mac没有那么多流氓软件和弹窗。提高了我们工作效率。 Mac围绕着创作的生态，也是Mac
阅读全文
摘要：工欲善其事必先利其器，作为程序员不光熟练掌握某种语言技能，相关的工具的运用和选择也相当重要，好的工具让你事半功倍，现在我向码农推荐一下工具，这些工具都是我目前在用的(主要针对Mac平台)。 VSC (Visual Studio Code) VSC 是微软发布的一个开源的轻量级源码编辑器，可以运行在W
阅读全文
摘要：定义数据埋点及其交接主要分为四个部分，梳理数据需求—定义数据指标—埋点整理—文档输出——埋点验收，前两个步骤在上文中已经详细描述过方法，本文不再赘述。 本文较为简洁，整理了梳理埋点的方法和与开发交接的方法，希望大家可以充分吸收。 埋点整理 一个埋点需要传输大量的用户数据，那么为什么要传输这些数据，都
阅读全文
摘要：MVC MVC模式的意思是，可以分成三个部分 视图（View）：用户界面。 控制器（Controller）：业务逻辑 模型（Model）：数据保存 各部分之间的通信方式如下。 View 传送指令到 Controller Controller 完成业务逻辑后，要求 Model 改变状态 Model 将
阅读全文
摘要：react 组件内部的状态是在渲染过程之间保持不变的封装数据。 useState() 是 react hook，负责管理功能组件内部的状态。 我喜欢 useState() ，它确实使状态处理变得非常容易。但是我经常遇到类似的问题： 我应该将组件的状态划分为小状态，还是保持复合状态？ 如果状态管理变得
阅读全文
摘要：为什么说 $$typeof 是最重要的属性？因为它是代码安全的一道重要防线。 如果你用过 react，对 type、 props、 key、 和 ref 应该熟悉。 但你不一定知道 $$typeof？ 首先简单介绍下jsX 当你在写 jsX 时，其实你在调用createElement方法。 reac
阅读全文
摘要：微信小程序的wxss、阿里旗下淘宝、支付宝小程序的acss等等语法很类似原生css，但是在web开发里用惯了动态css语言，再写回原生css很不习惯，尤其是父子样式的嵌套写法非常繁琐。 因此，我希望能有一个自动化构建方案，能够简单地将scss转换成小程序的样式语言。 方案1 以前写微信小程序的依赖库
阅读全文
摘要：对于大多数单页应用程序而言，管理路由是一项必不可少的功能。随着新版本的vue Router处于Alpha阶段，我们已经可以开始查看下一个版本的vue中它是如何工作的。 Vue3中的许多更改都会稍微改变我们访问插件和库的方式，其中包括Vue Router。我们将结合使用Alpha版本的Vue Rout
阅读全文
摘要：当我们的vue项目功能越来越多时，如果有类似的组件，可能会发现自己一次又一次地复制和粘贴相同的数据、方法和 watch。当然，我们可以将所有这些单独的文件编写为一个单独的组件，并使用 prop 来尝试自定义它们，但是使用这么多 props 很容易造成混乱且难懂。为了避免这个问题，大多数人只是继续添加
阅读全文
摘要：tinajs 是一款轻巧的渐进式微信小程序框架，不仅能充分利用原生小程序的能力，还易于调试。这个框架主要是对 Component、Page 两个全局方法进行了封装，本文主要介绍 [tinajs 1.0.0]() 的 Paeg.define 内部做了些什么。Component.define 与 Pae
阅读全文
摘要：在本文中，我们将研究如何使用react的严格模式来获得有关开发期间过时的API和副作用的额外警告。 严格模式 严格模式是用于突出显示应用程序中潜在问题的工具，它不会呈现任何可见的UI。 它只用于激活对其后代的额外检查和警告。 严格模式不会影响生产环境。 我们可以将严格模式添加到react应用程序，如
阅读全文
摘要：Angular CLI 在 8.3.0 发布过一个新命令 ng deploy，可以将 Angular 应用部署到远程服务器或云存储上面，例如：Firebase hosting、Azure、GitHub pages 等等，这也是算是 Angular CLI 最后一个将 Angular 应用从开发到部署
阅读全文
摘要：嵌套路由 嵌套路由：一个路由配置中嵌套其他的路由配置。 嵌套路由挺常用的，比如导航栏有首页、文章、想法、留言4个模块，我们以嵌套路由的形式集成这些模块，在导航栏中点击对应的条目，就会路由到对应的页面（下方显示对应的页面），和html的<iframe>效果差不多。 demo 嵌套路由 <!DOCTYP
阅读全文
摘要：背景 平时在用vue开发后台管理系统的时候，应该会用到大量的table这种组件，正常这种组件我们会在项目里做二次封装，然后针对表头title做参数化配置，如下： export default { data(){ return { tableTitle:[ { label:'省份', prop:'pr
阅读全文
摘要：前言 vue 项目开发过程中，经常用到插件，比如原生插件 vue-router、vuex，还有 element-ui 提供的 notify、message 等等。这些插件让我们的开发变得更简单更高效。那么 Vue 插件是怎么开发的呢？如何自己开发一个 Vue 插件然后打包发布到npm？ 本文涉及技术
阅读全文
摘要：情景 vue+Element 实现管理页面菜单栏， 点击菜单时 router 改变 hash 访问不同子组件。但是改变 hash 时菜单栏展开状态和 highlight 并不会同步， 需要手动实现。 Try Try See 第一反应是通过 onhashchange 监听 hash 的变化， 将 lo
阅读全文
摘要：自 2014 年正式对外发布以来，vue 凭借着入门容易、资料丰富、框架功能完善等优势，成为国内许多前端开发者在众多 JavaScript 框架中的首选。Gitee 上这些优秀的开源 vue 组件也侧面说明了 Vue 的生态在国内已经日臻成熟，而下面这五款开源的 Vue 组件绝对是你不想错过的。 1
阅读全文
摘要：基本Loader webpack中loader是一个Commonjs风格的函数，接收输入的源码，通过同步或异步的方式替换源码后进行输出。 module.exports = function(source, sourceMap, meta) { } source是输入的内容 sourceMap是可选的
阅读全文
摘要：简介 local_cache_sync是一个非常简单易用的Flutter本地储存库，适用于在本地储存一列轻量数据（例如用户保存在本地的设备信息，或者缓存一系列用户信息） local_cache_sync的所有方法，包括保存与读取，都是同步的，而不是异步的。 同步存取意味着你不需要使用await就可以
阅读全文
摘要：如果有人问你将在 2020 年选择哪种框架进行开发，你的答案将是什么？很明显，你主要有两个选择： react.js 和 vue.js！但是，如果你需要选择一个怎么办？好吧，两个最受欢迎的框架 react Js 和 vue.Js 之间的战斗是真实的。确实很难表明哪个能推翻另一个。但是，我们试图在此处区
阅读全文
摘要：微信小程序页面跳转方式有很多种，可以像html中a标签一样添加标签进行跳转，也可以通过js中方法进行跳转。 navigator标签跳转 <view class="btn-area"> <navigator url="/page/navigate/navigate?title=navigate" ho
阅读全文
摘要：1.首先， @click.native 是给组件绑定原生事件，只能用在组件上，不可以用在原生元素上。异常信息： [vue warn]: The .native modifier for v-on is only valid on components but it was used on <butt
阅读全文
摘要：vue 新手经常问的一个常见问题。可以将字符串、数组、数字和对象作为props传递。但是你能把一个函数当作一个props来传递吗? 虽然可以将函数作为props传递，但这种方式不好。相反，vue 有一个专门为解决这问题而设计的功能，接下来，我们来看看。 向组件传入函数 获取一个函数或方法并将其作为一
阅读全文
摘要：对又是我，每天都有新的需求。这次的需求是上传图片的时获取图片的宽高、设备、光圈等信息。 不用考虑服务端做，他们肯定是不做。pc、android、ios 都支持了，现在就缺少 web 这边上传的图片了。 废话不对说，上测试地址：https://www.lilnong.top/static/html/e
阅读全文
摘要：readyState document.readyState 返回当前文档的状态，属性如下： uninitialized 还未开始加载 loading 加载中 interactive 已加载，文档与用户可以开始交互 complete 加载完成 DOMContentLoaded 当 DOMConten
阅读全文
摘要：当我们用JavaScript写ajax程序写得很“开心”的时候，突然有人告诉你有一种东西叫jquery，它会告诉你不直接和HttpRequest是多么的快乐，同时你再也不需要再烦恼纠结的ajax乱码问题，更幸福的是你的js代码将大大地简化，看完本文，你会发现，ajax，简单的来讲就是一句话的事情。
阅读全文
摘要：Blob是JavaScript内建对象，表示不可变的原始数据，类似文件的对象。 blob是表示原始数据的不可变对象，这些数据不一定是JavaScript原生格式的，文件接口基于Blob，继承Blob功能并将其扩展为支持用户系统上的文件。 Blob有很多用途： 可以从网络的内容创建。 可以保存到磁盘或
阅读全文
摘要：我们知道 console.log(message)用法很简单，表示将参数message 打印到控制台上。 console.log('前端小智') // 前端小智 const myAge = 28 console.log(myAge) // 28 本文主要介绍5个有用的技巧，可帮助你在使用consol
阅读全文
摘要：题目 function Foo() { getName = function () { alert (1); }; return this; } Foo.getName = function () { alert (2);}; Foo.prototype.getName = function ()
阅读全文
摘要：最近有用到日历可需要编辑文本的日历，为了绑定数据的方便，所以用js写了一套日历，其实思想也是很简单。实现步骤如下： 1、首先取得处理月的总天数 js不提供此参数，我们需要计算。考虑到闰年问题会影响二月份的天数，我们先编写一个判断闰年的自编函数： function is_leap(year) { re
阅读全文
摘要：function(string, [radix]) {} 如果string不为字符串类型, 则先将string转化为字符串类型 string会忽略前后的空白 依次解析字符, 如果字符不是指定基数中的字符( 例如:2进制中的3、 10进制中的'f' )则停止解析( 首字符为'+'或'-'时除外 ),
阅读全文
摘要：1. 你有没有尝试给一组数字排序？ JavaScript 的sort()函数在默认情况下使用字母数字（字符串Unicode码点）排序。 所以[1,2,5,10].sort() 会输出 [1, 10, 2, 5]. 要正确的排序一个数组, 你可以用 [1,2,5,10].sort((a, b) =>
阅读全文
摘要：在JavaScript中，创建数组可以使用Array构造函数，或者使用数组直接量[],后者是首选方法。Array对象继承自Object.prototype,对数组执行typeof操作符返回object而不是array。然而，[] instanceof Array也返回true。也就是说，类数组对象的
阅读全文
摘要：JavaScript语言的执行环境是单线程（single thread），就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；但是只要耗时比较多，假如有一个任务耗时很长，后面的任务都必须排队等着
阅读全文
摘要：Nodejs 诞生于 2009 年，由于它使用了 JavaScript ，在这些年里获得了非常广泛的流行。它是一个用于编写服务器端应用程序的 JavaScript 运行时，但是 "它就是JavaScript" 这句话并不是 100% 正确的。 JavaScript 是单线程的，它不是被设计用来实现要
阅读全文
摘要：如下代码 const request = function(){ let num = Math.round(Math.random()*100)/100; console.log(num); setTimeout(function(){ if(num < 0.5){ return('1234567'
阅读全文
摘要：前言 在一般的代码中很少会接触到进制和位运算，但这不代表我们可以不去学习它。作为一位编程人员，这些都是基础知识。如果你没有学过这方面的知识，也不要慌，接下来的知识并不会很难。本文你将会学习到： 进制转换 按位操作符 JavaScript进制转换 手动实现进制转换 进制转换 以下使用常见的十进制和二进
阅读全文
摘要：定义 对象是 JavaScript 语言最主要的数据类型，三种原始类型的值——数值、字符串、布尔值——在一定条件下，也会自动转为对象，也就是原始类型的“包装对象”（wrapper）。 所谓“包装对象”，指的是与数值、字符串、布尔值分别相对应的Number、String、Boolean三个原生对象。这
阅读全文
摘要：现在Promise用的比较频繁了，如果哪天突然不用了，可能逻辑就不好厘清了，回调没的说是一大把 废话不多说，进入正题 Promise这个东西很神奇，用起来舒服，若自己写一下，恐怕还真不简单，关键就一个字“绕”，绕过了也就好了 首先定义结构 class MyPromise { constructor(
阅读全文
摘要：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 更好。开发人员在开始一个新的中等项目时经常喜欢重新写轮子，这是一个糟糕的策略，使用第三方库是有意义的。因为这样的库有明确的用途，有更长生成的迭代，如果遇到问题更容易找到解决方法，最主要的一点是提高开发效率，缩短开发周期。
阅读全文
摘要：css权重是由四个数值决定，看一张图比较好解释： 图里是英文的，我翻译过来分别说一下，4个等级的定义如下： 第一等：内联样式，如：，权值为1000.（该方法会造成css难以管理，所以不推荐使用） 第二等：ID选择器，如：#header，权值为0100. 第三等：类、伪类、属性选择器如：.bar， 权
阅读全文
摘要：我们在写asp页面的时候，常常使用include命令来包含公共文件。由于这个方法用起来非常方便，于是很多人在html页面里尝试使用include，但是发现根本就不起作用。这是因为，include是VBScript的命令，因此可以在asp页面里使用。而html静态页面被调用的时候并不经过asp解释器，
阅读全文
摘要：这个应该是已经有很多人做过的东西，我应该只是算手痒，想写一下，所以，花了点时间折腾了这个，顺便把 Dark Mode 的处理也加上了。 首先可以很明确的一点，这个真没技术含量存在，只是需要点耐心。 LED 数字包含了左右各两条线，中间三条线，一共 7 条线。所以，为了能够更容易辨识，在写 demo
阅读全文
摘要：之前使用formData都是在network中查看参数，最近在做一个项目，接口还没有，用的假数据做的交互，突发奇想的console.log了 一下，结果是空的。 一开始以为append失效了，经过查证原来：FormData是一种特殊类型的对象，它不可字符串化，不能仅使用console.log打印出来
阅读全文
摘要：在写页面时，有时会发现自己写的css样式无法生效，我们该如何排查css样式无法生效？常见的css样式不起作用的原因有哪些呢？下面我们就来看一下css样式不起作用的原因。 排查css样式不起作用的方法步骤： 首先，先试一下清除缓存，重启浏览器等手段，无效后再进行进一步排查。 接着按以下流程排查： 以下
阅读全文
摘要：css可以通过word-break与white-space这两个属性来设置自动换行。word-wrap属性允许长单词或URL地址换行到下一行。white-space属性可以设置文本换行方式。 css使容器放不下自动换行： css代码： <style type="text/css"> .linebr
阅读全文
摘要：每次新开发网站或新网页时候我们都需要初始化css样式的属性，这是为什么？下面本篇文章就来给大家介绍一下初始化css的原因，以及方法，希望对大家有所帮助。 初始化CSS的原因 1、浏览器差异 因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示
阅读全文
摘要：介绍： css3 的Flex弹性盒的布局是一个用于页面布局的全新css3模块功能。它可以把列表放在同一个方向（从左到右或从上到下排列），并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器（flex container）来辅助实现。 Flexbox可以简单快速的创建一个具有弹
阅读全文
摘要：属性选择器非常神奇。它们可以使你摆脱棘手的问题，帮助你避免添加类，并指出代码中的一些问题。但是不要担心，虽然属性选择器非常复杂和强大，但是它们很容易学习和使用。在本文中，我们将讨论它们是如何运行的，并给出一些如何使用它们的想法。 通常将 html 属性放在方括号中，称为属性选择器，如下： [href
阅读全文
摘要：对于前端来说，涉及的知识面广，内容繁多，但是万变不离其宗，主要也就是围绕着html(5)，css(less,scss,sass,styus,css3),js(es5,es6),以及常见的几大热门框架vue，react等，话不多说，直接开始进入主题。 1.请说出几个html5新特性 答：html5增加
阅读全文
摘要：按钮是UI/UX最关键的组件之一，在不同设备及平台上得到了广泛的应用。它们具有影响用户行为和体验的能力。假如按钮设计不合理，会令用户产生误解及障碍。按钮设计的目的是引导用户完成我们在交互系统中预置的用户流程得以完成，但糟糕的按钮设计则可能会是你丢失你的用户。那么，现在是时候来研究该如何设计你的按钮了
阅读全文
摘要：可以在需要换行的元素内，将word-wrap属性的值设置为break-word来设置文字自动换行。。下面本篇文章就来给大家介绍一下word-wrap属性，希望对大家有所帮助。 word-wrap属性设置或检索当内容超出其容器边界时是否中断单词，可用于将长单词或 URL 地址在容器的边界处进行自动换行
阅读全文
摘要：在css中可以使用text-decoration属性或border-bottom属性来给文字添加下划线样式。下面本篇文章就来给大家介绍一下，希望对大家有所帮助。 方法1：使用text-decoration属性设置 css的text-decoration属性用于指定添加到文本的修饰，其underlin
阅读全文
摘要：html注释：不被程序执行的代码。用于程序员标记代码，在后期的修改，以及他人的学习时有所帮助。对关键代码的注释是一个良好的习惯。在开发网站或者功能模块开发时，代码的注释尤其重要。 html注释： <!--...--> 注释标签用来在源文档中插入注释，注释不会在浏览器中显示。 我们经常要在一些代码旁做
阅读全文
摘要：css怎么设置文字强制不换行？本篇文章就给大家介绍css设置文字（特别是连续的数字和英文）强制不换行的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。 下面我们通过简单的代码示例给大家介绍css设置文字的强制不换行，且超出部分隐藏的方法 html代码： <div> <p>Thi
阅读全文
摘要：网页标签即html标签是网页浏览器识别符，是浏览器程序默认系统默认许可标签。html标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。 超文本标记语言（外国语简称：HTML）标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单
阅读全文
摘要：用div+css进行网站布局时，做一些浮动层等特殊特殊效果时要考虑到定位问题；这就要用到Position属性。 Position属性有四个值：static、fixed、absolute和relative。 后面两个值在布局中的定位里是经常用到的，顾名思义： ● absolute是指绝对定位 即将对象
阅读全文
摘要：很多小伙伴都知道html5这个概念，但是具体不知道是做什么的，今天我们就来给大家普及一下html5和web前端的关系和区别。 什么是HTML5？ HTML5其实是一种技术的集合，它包括了HTML5，css3，js等技术。而Web前端则是一种职业，国内从2005年开始发展的，是由网页设计师演变过来的。
阅读全文
摘要：前言 css 里面的伪元素其实是非常好用的，但是经常容易被大家忽略，伪元素里面常用到的 content 属性，可能现在很多人仅仅以为 content 属性的值只支持字符串，除了字符串外常用到的还有 uri、counter ，今天所要介绍的就是 conter(计数器)。 先看如下的例子： <div>
阅读全文
摘要：为什么要构建可伸缩的Web应用？ 想象一下，你的营销活动吸引了很多用户，在某个时候，应用必须同时为成千上万的用户提供服务，这么大的并发量，服务器的负载会很大，如果设计不当，系统将无法处理。 接下来发生的就是，随机错误、缓慢的内容加载、无休止的等待、连接断开、服务不可用等问题。 辛辛苦苦吸引来的用户变
阅读全文
摘要：pointer-events css 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target。 /* Keyword values */ pointer-events: auto; pointer-events: none; pointer-events: visibl
阅读全文
摘要：前言 项目启动时 css 应该注意哪些问题 文件名规范 文件名建议用小写字母加中横线的方式。为什么呢？因为这样可读性比较强，看起来比较清爽，像链接也是用这样的方式，例如 // 地址: github的地址 https://github.com/wangjeaf/ckstyle-node 那为什么变量名
阅读全文
摘要：具体用法 使用 -- 声明变量，使用 var() 函数获取变量。 :root{ --header-height: 70px; } body { --color: white; } .header { height: var(--header-height); } var() 函数还可以使用第二个参数
阅读全文
摘要：1： readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。 <input type="text" value="哈哈哈" readonly="readonly"> 2：disabled 被禁用的 input 元素可复制，不能
阅读全文
摘要：自适应的椭圆 1.自适应的椭圆 实现方式是通过border-radius这个属性；border-radius它可以单独指定水平和垂直半径。用 / 分隔这两个值。并且该属性的值不仅可以接受长度值，还能接收百分比的值。百分比的值会基于元素的尺寸进行解析，宽是水平半径的解析，高是垂直半径的解析。 所以可以
阅读全文
摘要：设置滚动条的样式： div::-webkit-scrollbar { width: 0; } 关于::-webkit-scrollbar ::-webkit-scrollbar css伪类选择器影响了一个元素的滚动条的样式 ::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例
阅读全文
摘要：在前端开发过程中，我们经常会使用到浮动(float)，这个我们即爱又恨的属性。爱，是因为通过浮动，我们能很方便地进行布局；恨，是因为浮动之后遗留下来太多的问题需要解决。下面本篇文章给大家介绍css清除浮动的几种方法，希望对大家有所帮助。 方法1：使用带clear属性的空元素 使用空标签清除浮动：在需
阅读全文
摘要：web系统中免不了要使用大量的JavaScript和css文件，如开源的JavaScript框架prototype、jquery、extjs-core等等，通常我们需要压缩js和css文件，那么压缩js和css有什么作用呢？ js css压缩的作用： 1、减小了文件的体积 2、减小了网络传输量和带宽
阅读全文
摘要：在通过ajax或者src动态获取js、css文件的时候，我们常常需要判断文件是否加载完成，以便进行进一步的操作。那么如何判断css是否加载完成？ 豌豆资源搜索网站https://55wd.com 电脑刺绣绣花厂 ttp://www.szhdn.com 判断CSS是否加载完成的方法： 在head标签内
阅读全文
摘要：最近做移动端页面时，经常会用到inline-block元素来布局，但无可避免都会遇到一个问题，就是inline-block元素之间的间隙。这些间隙会导致一些布局上的问题，需要把间隙去掉。对于inline-block元素及去掉间隙的方法，在这里做一个简单的总结。 inline-block是什么？ in
阅读全文
摘要：业务背景 最近在做大屏数据可视化项目得时候，在思考项目交付和运行情况得时候，考虑到了需要在公司大屏显示器上面展示，突然想到了项目可能面临断网及其网速慢得情况下得一下展示问题，因此作为专栏进行这两个问题得讲解 问题一 WebSocket 在网络终端和重新联网后自动链接 **知识点: ** 理解WebS
阅读全文
摘要：从后端开发转职到前端开发真的不容易。特别是当你已经习惯了后端开发的工作模式，习惯了构建数据结构，编写类似于测试驱动开发的测试，习惯了使用持久层、仓库和数据库图表，以及给前端创建API接口。 凡此种种，不胜枚举。后端有其复杂性，所以大部分人没有时间学习前端开发的内部运作方式。 我也是。 甚至可以说，基
阅读全文
摘要：用好 VS Code 插件，不仅能节省你的时间，还能提高工作效率。VS Code 有个市场，它提供很多插件。开发人员可以把插件安装到文本编辑器，增强编辑器功能。在视图菜单中，选择扩展选项或按下 shift + cmd + X 即可进入市场。 善用 VS Code 插件，不仅节省时间，还能提高工作效率
阅读全文
摘要：问题像缝纫机上的丝线 杂乱而复杂 需要慢慢捋清 才能找到线的源头 “在么？” “我使用XX框架启动报错，你帮忙看下？” “我代码报错了，谁能帮我看下？” “我发现一个诡异的问题” 生活中我们经常可以看到一些无效的问题，在开发运维工作中，经常可以看上面这些提问。比较有意思的例子是，工作中突然有个人找你
阅读全文
摘要：nodejs是用C++开发的，它一个基于 Chrome V8引擎的 JavaScript 运行环境。发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。 V8使用C++开发，并在谷歌浏览器中使用。在运行JavaScript之前，相比其它的JavaScript的引
阅读全文
摘要：现在有个需求对所有学生分数进行排名，并且列出名次。刚看到这个需求，我有点懵逼，完全没有思路:joy:，为什么难一点需求，我就不会做呢:pensive: 去网上查询资料,把所有实现都列出来，全部都要学会。 数据库准备 创建一个分数表s_score CREATE TABLE `s_score` ( `i
阅读全文
摘要：此篇主要是记录日常使用时用到的curl命令的参数和示例。不会像-h一样示例 -v 输出通信的整个过程 -o 将服务器的回应保存成文件,可以设置为/dev/null，这样不会缓存到本地 curl -o /dev/null "www.baidu.com" -a 不知道什么意思，往往和voa结合使用 -L
阅读全文
摘要：原因: 不同操作系统下处理行尾结束符的方法是不同的,windows下是CRLF(句尾使用回车和换行),unix下是LF(只换行),mac下是CR(只回车) 方法1: 把编辑器中Git中Warn if CRLF line separators are about to be committed取消勾选
阅读全文
摘要：今天给大家推荐一篇 Git 回滚代码的案例文章，相信大家在日常工作中，也会面临突发情况，需要紧急回滚到之前某个版本的代码，那本篇文章就有了一定的参考意义。另外一个规范的 Gitflow 工作流程，也是可以帮助我们在回滚的时候节省太多的功能，否则分支提交错综复杂，可能在新版本上直接修改代码会更简单。
阅读全文
摘要：MySQL的索引分类问题一直让人头疼，几乎所有的资料都会给你列一个长长的清单，给你介绍什么主键索引、单值索引，覆盖索引，自适应哈希索引，全文索引，聚簇索引，非聚簇索引等……给人的感觉就是云里雾里，好像MySQL索引的实现方式有很多种，但是都没有一个清晰的分类。所以本人尝试总结了一下如何给MySQL的
阅读全文
摘要：老实说，如果你google搜索“程序员的好习惯”这方面的内容，那么就会有很多大同小异的文章映入你的眼帘。 但是今天我想从一个略有不同的角度来探讨这个主题。不是关于如何更擅长编程，而是如何使程序员更有市场竞争力。 不要曲解我上面的意思。更擅长编程肯定能让程序员赚更多的钱。但这方面的提高可能最终会受到边
阅读全文
摘要：流量圈的故事很多，劫持与反劫持的故事在很长时间内将继续演绎下去。对于老老实实做人，认认真真做站的朋友来说，好不容易做出了一点成绩，一劫持就又回到解放前了，那么你的流量都被劫持到哪里去了？常见的劫持方法又有哪些？ 一、Hosts劫持 本劫持是最基本，最简单的一种系统自带的劫持法，是通过修改系统的HOS
阅读全文
摘要：Redis 在当前的技术社区里是非常热门的。从来自 Antirez 一个小小的个人项目到成为内存数据存储行业的标准，Redis已经走过了很长的一段路。随之而来的一系列最佳实践，使得大多数人可以正确地使用 Redis。下面我们将探索正确使用 Redis 的10个技巧。 1、停止使用 KEYS Okay
阅读全文
摘要：随着多屏互动和多端兼容友好的界面变得越来与重要，前端工程师也成为了热门的研发技术岗位之一。随着就业市场大环境的改变，一方面是前端人才的紧缺，另一方面是对前端求职者的要求增高，所以我们需要学的东西也不能仅仅只停留在基础层面。那么，我们应该如何学习前端呢？下面为大家总结了一条前端学习路线，大家可以参考一
阅读全文
摘要：1.Nginx是多进程 or 多线程 ? 通常情况下：Nginx采用多进程模式，每个woker进程拥有一个主线程去响应处理多个用户请求；同时Nginx支持使用AIO线程池去读取和发送大文件，避免woker进程被堵塞。 2.Nginx多进程单线程 每个woker进程拥有一个主线程，在epoll支持下，
阅读全文
摘要：传统的服务器租用托管与云服务器的有哪些区别呢？ 中小企业由于缺乏专业的IT技术人员，在面对IT部署的刚性需求与企业TCO成本的平衡时，往往会选择服务器托管，或是干脆服务器租用等方式。随着云计算技术逐渐落地，云服务也逐渐成为企业用户的新选择。因此服务器租用、VPS和云服务器成为企业的主流选择，那么企业
阅读全文
摘要：Linux Shell/terminal 命令非常强大，即使一个简单的命令就可能导致文件夹、文件或者路径文件夹等被删除。 在一些情况下，Linux 甚至不会询问你而直接执行命令，导致你丢失各种数据信息。 一般来说在 Web 上推荐新的 Linux 用户执行这些命令，当然，也有人哪些写过这代码的人不这
阅读全文
摘要：这八个建议，来源于键者几年来编写 shell 脚本的一些经验和教训。事实上开始写的时候还不止这几条，后来思索再三，去掉几条无关痛痒的，最后剩下八条。毫不夸张地说，每条都是精挑细选的，虽然有几点算是老生常谈了。 1. 指定bash shell 脚本的第一行，#!之后应该是什么？如果拿这个问题去问别人，
阅读全文
摘要：在应用界面中图标的存在，会给用户一个良好第一印象，这个挺重要的。但是从零开始开发图标需要大量的时间和金钱。在你的网站上使用图标可以让你有效地与你的访问者交流:它们增加了可读性，突出了重要的内容，加强了功能或特性，增强了设计。因此，使用现成图标是很好的一个选择。 最佳图标库的列表 这里阿里的iconf
阅读全文
摘要：背景 作为一名程序员，家里多多少少会有一些落了灰的电脑，如果把闲置的电脑变成服务器，不仅有良好的配置，还能用来做各种测试，那就再好不过了。但是局域网的设备怎么被外网访问呢？这就靠内网穿透来实现了。 内网穿透又叫NAT穿透，常用的工具有很多，比如 ngrok、花生壳、frp等，因为我使用的是 frp，
阅读全文
摘要：1. 应用打包 使用electron builder打包只需要在vue.config.js中配置即可，这里需要注意的是，默认情况下electron builder打包出来的安装程序是不能修改安装目录的，需要allowToChangeInstallationDirectory这个配置设置为true。
阅读全文
摘要：Postcss 本身是一个功能比较单一的工具。它提供了一种方式用 JavaScript 代码来处理 css。它负责把 CSS 代码解析成抽象语法树结构（Abstract Syntax Tree，AST），再交由插件来进行处理。插件基于CSS 代码的 AST 所能进行的操作是多种多样的，比如可以支持变
阅读全文
摘要：获取设备信息时得到的窗口高度宽度是px为单位的。 在实际使用时，一般使用rpx ，中间要有个转换过程. 豌豆资源搜索网站https://55wd.com 电脑刺绣绣花厂 ttp://www.szhdn.com 代码如下： wx.getSystemInfo({ success:function (re
阅读全文
摘要：我们先看下 react 官方文档对这两个 hook 的介绍，建立个整体认识 useEffect(create, deps): 该 Hook 接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内（这里指在 react 渲染阶段）改变 DOM、添加订阅、设置定时器、记录日志以及执行其他包含副作
阅读全文
摘要：想在你的vue组件之间共享代码？如果你熟悉 vue 2 则可能知道使用 mixin ，但是新的 Composition API 提供了更好的解决方案。 在本文中，我们将研究mixins的缺点，并了解Composition API如何克服它们，并使Vue应用程序具有更大的可伸缩性。 回顾Mixins功
阅读全文
摘要：$nextTick vue.nectTick() 是在下次DOM更新循环结束之后执行延迟回调，在修改数据之后使用$nextTick，则可以在回调中获取更新后的DOM（dom的改变是发生在nextTick()之后），这个方法作用是当数据被修改后使用这个方法，会回调获取更新后的dom再render出来
阅读全文
摘要：今天探讨一个我们前端面试中经常会遇到的一个问题.使用 index 作为 key 值有什么问题呢? 在我们日常开发中我们经常会和 key 值打交道. 但是我们扪心自问, 真的理解 key 吗? 我想大多数朋友可能会有些许犹豫. 初学者开发过程中, 可能很难理解 key 值存在的意义. 我们可以简单把它
阅读全文
摘要：一、父组件向子组件通信 react 数据流动是单向的，父组件向子组件的 通信也是最常见的方式。父组件通过 props 向子组件传递需要的信息 function EmailInput(props) { return ( <label> Email: <input value={props.email}
阅读全文
摘要：在vuejs中，v-for循环是每个项目都会使用的东西，它允许您在模板代码中编写for循环。 在最基本的用法中，它们的用法如下。 <ul> <li v-for='product in products'> {{ product.name }} </li> </ul> 但是，在本文中，我将介绍六种方法
阅读全文
摘要：今天在开发公司内部的小程序项目时，遇到了一个问题，就是控制手机返回按键的问题，本来我以为很快就可以解决的，没想到最后我用了快一天的时间，才给做好，而且还不是我最初想到的方法。 场景 公司开发的小程序由于业务需要，要把后台管理的部分页面也给搬到小程序中，由于功能相同，且后台使用的elementui，做
阅读全文
摘要：01 前言 过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理。我们看一下官方的定义： vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在
阅读全文
摘要：现在的网站风格已经与它们很早之前的样子有了很大的不同。如果现在再回过头去看有些公司最初的网站UI，我想大多数互联网用户都很难认得出来。所以也多亏了网页设计技术的创新，现在网站不仅仅是只能显示信息，它们同样也可以拥有有趣的动画、多样的布局和互动的元素。而其中，这些大部分都是由css来实现的。 所以cs
阅读全文
摘要：最近要对 react 项目做重构优化等相关的工作，由于有好长时间没碰 react 了，今天索性把一个基于关键字搜索的 demo 做一下简单优化，在此记录以下。 主要从三个方面进行优化处理： 减少事件的触发频率 - 对关键字键入进行 debounce 处理 减少 HTTP 请求 - 对重复的 HTTP
阅读全文
摘要：文章围绕下面demo进行分析 <div id="app"> <span>{{a.b}} {{c}} {{d}}</span> </div> <script> var app = new vue({ el: "#app", data: function(){ return { a: { b: 1 },
阅读全文
摘要：01.先看一个案例 代码如下所示 发现了点击按钮1可以更新title内容，但是点击按钮2却无法更新title内容。这个究竟是为什么呢？ <template> <view class="container"> <text>{{title}}</text> <button type="default"
阅读全文
摘要：关于前端开发，我最开心的事情就是总有新的东西可以学习。但我们可能一辈子都在掌握各种编程语言、库和框架，但仍然一无所知。 因为我们都在学习，这也意味着我们都容易犯错误。没关系，我们的目的是变得更好。如果你犯了一个错误并从中吸取教训，你就做得很好！但是如果你没有学到任何新的东西，并且不断重复犯同样的错误
阅读全文
摘要：当大家考虑在项目中使用 react 的时候，第一个问题往往是他们的应用的速度和响应是否能和非 react 版一样，每当状态改变的时候就重新渲染组件的整个子树，让大家怀疑这会不会对性能造成负面影响。React 用了一些黑科技来减少 UI 更新需要的花费较大的 DOM 操作。 使用 production
阅读全文
摘要：相同点: 1.当URL改变时，页面不会重新加载; 2.都受页面导航回退前进等影响; 不同点: 1.URL链接显示不一样,hash里面会有"#",history没有"#"; 2.如果后台没有做相应配置,history页面会在再次刷新的时候,报404;hash则不会出现404报错 注意点: 给个警告，因
阅读全文
摘要：Create react App 是一个官方支持的创建 react 单页应用程序的方法。它提供了一个零配置的现代构建设置。虽然开箱即用，但是开发中我们还是少不了做一些修改，下面总结了一些常用的配置。 yarn安装依赖包报错 在项目目录下运行yarn，报错如下 yarn install v1.7.0
阅读全文
摘要：前言 大家都知道，vue2 里的响应式其实有点像是一个半完全体，对于对象上新增的属性无能为力，对于数组则需要拦截它的原型方法来实现响应式。 举个例子： let vm = new vue({ data() { return { a: 1 } } }) // oops，没反应！ vm.b = 2 let
阅读全文
摘要：一. 版本 当前还处于 beta版本, 想要正式使用在项目里还需要一段的时间, 但是结构与api变化应该不大了. 这里列出的并不全, 但是够用了 1. alpha 内测版本 2. beta 公测版本 3. Gamma 正式发布的候选版本 4. Final 正式版 5. plus 增强版 6. ful
阅读全文
摘要：前言 vue3.0-beta 版本已经发布了一段时间了，正式版本据说在年中发布（直播的时候说的是年中还是年终，网上传闻说是6月份）。嘴上说着学不动，身体却很诚实地创建一个vue3的项目，兴致勃勃地引入 vue2 插件的时候，眉头一皱，发现事情并没有那么简单。 浏览器无情地抛出了一个错误： Uncau
阅读全文
摘要：前言 随着小程序api开放的功能日渐增多，小程序可以做到的功能和展现形式也越来越多，其中横屏的展现形式就是其中的一种，而实现横屏的方案也有多种，但是每种方案都有一定的缺陷，恰巧最近也在横屏方案上踩了不少坑，接下来就来和大家分享一下小程序的不同横屏方案的优劣（踩坑心得） 组件自带横屏方法 小程序中的媒
阅读全文
摘要：应用场景: 考虑到多应用在一个域名下能提高该域名的seo,所以选择通过域名二级目录形式指向 nextjs应用,这里需要修改 nginx 和 nextjs 配置 条件假设: www.helloworld.com/nextjs 指向 nextjs 目录 nextjs 端口 3000 pm2 管理prod
阅读全文
摘要：概念 keep-alive 是 vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。 作用 在组件切换过程中将状态保留在内存中，防止重复渲染D
阅读全文
摘要：一、简介 rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，其源码中模块的导入导出采用的是ES6模块语法，即源码需要采用ES6语法进行编写。 rollup与webpack的对比: rollup只能处理js模块，而webpack可以处理任何资源，可以把所有的资
阅读全文
摘要：TypeScript已经成为一种非常流行的JavaScript语言，这是有原因的。它的类型系统和编译器能够在您的软件运行之前的编译时捕获各种bug，并且附加的代码编辑器功能使它成为一个非常适合开发人员的高效环境。 但是，当你想用TypeScript编写一个库或包，同时又想用JavaScript来发布
阅读全文
摘要：如果你发现你自己需要在 vue 中做一次强制更新，99.9% 的情况，是你在某个地方做错了事。 1. vue 无法检测实例被创建时不存在于 data 中的 property 原因：由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化，所以 property 必须
阅读全文
摘要：在本文中，我想分享几个技巧，这些技巧将改善你的react代码。 1. 解构 props 在 js 中解构对象（尤其是 props）可以大大减少代码中的重复。看下面的例子： //Parent Component import react from 'react'; import CoffeeCard
阅读全文
摘要：什么是图片懒加载 当我们向下滚动的时候图片资源才被请求到，这也就是我们本次要实现的效果，进入页面的时候，只请求可视区域的图片资源这也就是懒加载。 比如我们加载一个页面，这个页面很长很长，长到我们的浏览器可视区域装不下，那么懒加载就是优先加载可视区域的内容，其他部分等进入了可视区域在加载。 这个功能非
阅读全文
摘要：css实现 在我们平时的业务开发中经常会用到文案超出只有收起，点击在展示全部文案；通常的使用时使用css来实现 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; 效
阅读全文
摘要：问题： 现有三个页面a , b , c , 递进关系，a页面router.push跳转至b，b再router.push跳转至c，c使用$router.replace()回到b，然后点击b页面的返回键，需要点击两次才能回到a页面 需求： c保持router.replace至b方式不变，b页面返回键点击
阅读全文
摘要：1. 实现响应式 响应基本类型变量 首先看一下响应式预期应该是什么样的，新建一个 demo.js 文件，内容如下： // 这种写成一行完全是为了节省空间，实际上我会一行一个变量 let a = 1, b = 2, c = a * b console.log('c:' + c) // 2 a = 2
阅读全文
摘要：使用vue加载SVG图片，有两种方法，一种是雪花loader，一种是vue-svg-loader（官网推荐）。在自己的项目中，本次使用vue-svg-loader加载svg图片，并且对图片进行属性修改。操作步骤： 1：下载svg-vue-loader ，并安装 npm i -D vue-svg-lo
阅读全文
摘要：什么是Provider? Angularjs文档对provider的定义:provider是一个带有$get()方法的对象。injector调用$get方法创建一个新的service的实例。provider还有一些其他的方法，可以用来配置provider。 Angularjs使用$provide注册
阅读全文
摘要：我博客的一位读者在Facebook上联系到我，提出了一个有趣的问题。他说，他的队友不管在什么情况下，都会把每一个回调函数封装在 useCallback() 里面。 import react, { useCallback } from 'react'; function MyComponent() {
阅读全文
摘要：1、基础规则 一个文件声明一个组件： 尽管可以在一个文件中声明多个 react 组件，但是最好不要这样做；推荐一个文件声明一个 react 组件，并只导出一个组件； 使用 jsX 表达式： 不要使用 React.createElement 的写法； 函数组件和 class 类组件的使用场景： 如果定
阅读全文
摘要：与 Angularjs 类似，vue.js 也有自己的数据转换和过滤方法，但是必须记住，过滤器并不改变原始数据，它们只改变输出并返回过滤后的数据。过滤器在很多不同的情况下都很有用，比如保持API响应尽可能干净，在前端处理数据的格式。希望通过将所有逻辑封装在可重用代码块之后来避免重复和连接的情况下，它
阅读全文
摘要：1.vue官方文档 首先我们来看一下vue官方是怎么解释的 好了，我知道很多刚接触的vue的小白其实都不太看的懂官方文档在讲什么，下面我用自己的话翻译一下。 2.ref以及$ref 通过 ref 标注 DOM 元素 // 在 DOM 元素上通过 ref 属性标注，属性名称自定义 <div ref="
阅读全文
摘要：前言 在性能优化上，最常见的手段就是缓存。对需要经常访问的资源进行缓存，减少请求或者是初始化的过程，从而降低时间或内存的消耗。vue 为我们提供了缓存组件 keep-alive，它可用于路由级别或组件级别的缓存。 但其中的缓存原理你是否了解，组件缓存渲染又是如何工作。那么本文就来解析 keep-al
阅读全文
摘要：JavaScript语言的执行环境是单线程（single thread），就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；但是只要耗时比较多，假如有一个任务耗时很长，后面的任务都必须排队等着
阅读全文
摘要：Nodejs 诞生于 2009 年，由于它使用了 JavaScript ，在这些年里获得了非常广泛的流行。它是一个用于编写服务器端应用程序的 JavaScript 运行时，但是 "它就是JavaScript" 这句话并不是 100% 正确的。 JavaScript 是单线程的，它不是被设计用来实现要
阅读全文
摘要：如下代码 const request = function(){ let num = Math.round(Math.random()*100)/100; console.log(num); setTimeout(function(){ if(num < 0.5){ return('1234567'
阅读全文
摘要：前言 在一般的代码中很少会接触到进制和位运算，但这不代表我们可以不去学习它。作为一位编程人员，这些都是基础知识。如果你没有学过这方面的知识，也不要慌，接下来的知识并不会很难。本文你将会学习到： 进制转换 按位操作符 JavaScript进制转换 手动实现进制转换 进制转换 以下使用常见的十进制和二进
阅读全文
摘要：匹配正则 使用 .test() 方法 let testString = "My test string";let testRegex = /string/;testRegex.test(testString); 匹配多个模式 使用操作符号 | const regex = /yes|no|maybe/
阅读全文
摘要：JavaScript语言中的条件语句，除了if 语句，还有switch 语句。switch 常用于根据不同的条件执行不同的操作。虽然它和 if 语句都是用来判断条件的语句，但是它们之间还是有不同。 switch的语法 语法如下所示： switch(expression) { case 变量x: //
阅读全文
摘要：Node.js已成为构建可伸缩Web应用程序的首选技术。由于它提供了许多重要的好处，因此在开发人员中获得了极大的欢迎。 根据Stack Overflow的2020 开发人员调查显示，在一个热情的社区的支持下，node.js一直是最流行的Web框架， 拥有 51.9％的股份。 展望上升趋势，我们揭穿了
阅读全文
摘要：在日常应用场景中，可能会遇到这么一个情况，需要判断用户是否完整的观看完了一部视频，在这个场景中，和视频相关的事件大体涉及到几个部分，获取视频长度，视频开始播放，暂停播放和播放结束，下面来看下如何通过JavaScript来监听获取视频的这几种状态。 （1）html页面视频标签大体如下 <video i
阅读全文
摘要：前言 如果让你手写async函数的实现，你是不是会觉得很复杂？这篇文章带你用20行搞定它的核心。 经常有人说async函数是generator函数的语法糖，那么到底是怎么样一个糖呢？让我们来一层层的剥开它的糖衣。 有的同学想说，既然用了generator函数何必还要实现async呢？ 这篇文章的目的
阅读全文
摘要：数组 Array 数组去重 方案一：Set + ... function noRepeat(arr) { return [...new Set(arr)]; } noRepeat([1,2,3,1,2,3]) 方案二：Set + Array.from function noRepeat(arr) {
阅读全文
摘要：摘要 axios是一个基于promise的HTTP库，可以用于浏览器中进行AJAX请求处理。在项目中，为了实现通用性，封装了一个axios请求。 axios封装 1、配置环境变量 // 根据不同环境变量选择不同的接口服务器域名export const BASE_URL = process.env.r
阅读全文
摘要：定义 reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。 reduce() 对于空数组是不会执行回调函数的。 语法 [2,5,8,6].reduce(function(prev,next,item,arr){ ... },init); prev 表示
阅读全文
摘要：1.打开控制台直接跳转页面 <script> //debug调试时跳转页面 var element = new Image(); Object.defineProperty(element,'id',{get:function(){window.location.href="https://www.
阅读全文
摘要：前言 在 JavaScript 的学习过程中，我们可能或多或少地接触过高阶函数。那么，我们自己对此是否有一个明确的定义，或者说很熟练的掌握这些用法呢 如果文章中有出现纰漏、错误之处，还请看到的小伙伴多多指教，先行谢过 以下↓ 简单来说，高阶函数是一个函数，它接收函数作为参数或将函数作为输出返回 看到
阅读全文
摘要：JavaScript 是一种易于学习的编程语言，编写运行并执行某些操作的程序很容易。然而，要编写一段干净的JavaScript 代码是很困难的。 在本文中，我们将研究如何让我们的函数更清晰明了。 对对象参数使用解构 如果我们希望函数接收很多参数，那么应该使用对象。在此基础上，我们就可以使用解构语法提
阅读全文
摘要：我们都知道JavaScript是单线程语言,就是因为单线程的特性，就不得不提js中的同步和异步 一、同步和异步 所谓单线程，无非就是同步队列和异步队列，js代码是自上向下执行的，在主线程中立即执行的就是同步任务，比如简单的逻辑操作及函数，而异步任务不会立马立马执行，会挪步放到到异步队列中，比如aja
阅读全文
摘要：JavaScript中一些最受欢迎的功能可能是map和forEach。从ECMAScript 5（简称es5）开始，它们就开始存在了。 在本文中，我将讨论它们之间的主要区别，并向你展示其用法的一些示例。 阅读之前 基本上，在JavaScript中遍历对象取决于对象是否可迭代。默认情况下，数组是可迭代
阅读全文
摘要：问题引入 最近看了许多关于js继承实现的相关文章，许多实现方式中都会存在这么一行代码： A.prototype.constructor = A 于是感到好奇，这行代码的实际意义是什么？如果没有的话，还能达到继承的目的吗？ 前置知识 为了熟悉JavaScript中与原型相关的几个基本概念，可以参看这篇
阅读全文
摘要：今天遇到一个cookie的问题： 域为http://xxx.com/index.htm与http://xxx.com/xxx/a-1.htm 的 cookie相同键，传递参数后出现不同值。搞了半天终于发现问题所在：原来是我关于cookie的基础知识没搞清楚 。。。。 Cookie不仅仅有名字和值两个
阅读全文
摘要：基本储存单元 位（bit）：二进制数中的一个数位，可以是0或者1，是计算机中数据的最小单位。 字节（Byte，B）：计算机中数据的基本单位，每8位组成一个字节。各种信息在计算机中存储、处理至少需要一个字节。例如，一个ASCII码用一个字节表示，一个汉字用两个字节表示。 字（Word）：两个字节称为一
阅读全文
