![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
程序员
梦想编程
这个作者很懒,什么都没留下…
展开
-
程序员职场的出路在哪里
在分享这篇文字前,我先说一下,我这里有一份Java学习资料,直接加我的Java直播学习群:723197800就能免费领取关于程序员的996,我们谈谈历史和逻辑当然,有人不爱听,所以我还回复了一篇谈谈事实和逻辑那这个话题呢,爱听也好,不爱听也好,我旧文提了,我讲的是事实,不是观点,再争论,再重复,再谈逻辑,特别没意思,支持我的读者也会厌烦。那今天呢,是顺着...转载 2019-05-09 10:58:54 · 100 阅读 · 0 评论 -
「中高级前端面试」JavaScript手写代码无敌秘籍
1. 实现一个new操作符new操作符做了这些事:它创建了一个全新的对象。 它会被执行[[Prototype]](也就是__proto__)链接。 它使this指向新创建的对象。。 通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。 如果函数没有返回对象类型Object(包含Functoin, Array, Date, RegExg...原创 2019-06-11 11:07:33 · 232 阅读 · 0 评论 -
【前端词典】 Vue 响应式原理其实很好懂
如何理解响应式可以这样理解:当一个状态改变之后,与这个状态相关的事务也立即随之改变,从前端来看就是数据状态改变后相关 DOM 也随之改变。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。抛个问题我们先看看我们在 Vue 中常见的写法:<div id="app" @click="changeNum"> {{ num }}<...原创 2019-06-11 11:07:08 · 254 阅读 · 0 评论 -
vue 常用插件
UI组件element- 饿了么出品的Vue2的web UI工具套件Vux- 基于Vue和WeUI的组件库mint-ui- Vue 2的移动UI元素iview- 基于 Vuejs 的开源 UI 组件库Keen-UI- 轻量级的基本UI组件合集vue-material- 通过Vue Material和Vue 2建立精美的app应用muse-ui- 三端样式一致的响应式 U...原创 2019-06-11 11:06:46 · 293 阅读 · 0 评论 -
for,for...in,for...of以及foreach循环的用法
1.for()循环// for循环的表达式之间用的是;号分隔的,千万不要写成,for (初始化表达式1; 判断表达式2; 自增表达式3) { // 循环体4}2.for...in索引遍历var obj1 = { name:'张三', age : 17, sex : '男',}for(var k in obj1){ console....原创 2019-05-31 16:10:23 · 232 阅读 · 0 评论 -
跨域解决方案之JSONP,通过借助调用百度搜索的API了解跨域案例
跨域解决方案之JSONP同源策略同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略,它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源...原创 2019-05-31 16:13:26 · 254 阅读 · 0 评论 -
原生JS-----一个剪刀石头布游戏
html:<h1>这是一个剪刀石头布游戏</h1> <h2>请出拳吧!少年!</h2> <h3>您已经获胜了<span id="win-count"></span>次!!!</h3> <div id="choose"> <img src...原创 2019-06-25 14:51:02 · 689 阅读 · 0 评论 -
《高性能javascript》随笔
1、css文件在head标签中引入,保证在渲染结构的时候进行样式渲染2、Js文件放在body的底部,确保在渲染dom树的时候不会出现js阻塞3、函数内的变量是访问速度最快的,全局变量的访问速度是最慢的,减少全局变量的访问4、函数中使用多次全局变量的时候可以把全局变量赋值给一个新的局部变量5、闭包会影响内存和性能,减少不必要的闭包函数的使用6、尽量避免使用对象成员,使用的话同一个函数中避免...原创 2019-06-25 14:50:55 · 251 阅读 · 0 评论 -
使用JavaScript获取url中的参数值
一些可以使用的去获取url中指定的部分:如http://www.mystuff.com.cn/aboutus/location 对象 含有当前URL的信息,属性 href 整个URL字符串protocol 含有URL第一部分的字符串,如http:host 包含有URL中主机名:端口号部分的字符串.如//www.mystuff.com.cn/aboutus/...原创 2019-06-25 14:50:48 · 491 阅读 · 0 评论 -
精读《Optional chaining》
1. 引言备受开发者喜爱的特性 Optional chaining 在 2019.6.5 进入了 stage2,让我们详细读一下草案,了解一下这个特性的用法以及讨论要点。借着这次精读草案,让我们了解一下一个完整草案的标准文档结构是怎样的。一个新特性的文档,首先要描述 起因 是什么,也就是为什么要增加这个特性,大家不会没有理由的就增加一个特性。其次是其他语言是否有现成的实现版本,参考他们...原创 2019-06-24 10:33:32 · 191 阅读 · 0 评论 -
JS无形装逼,最为致命
日历创建过去七天的数组,如果将代码中的减号换成加号,你将得到未来7天的数组集合// 创建过去七天的数组[...Array(7).keys()].map(days => new Date(Date.now() - 86400000 * days));复制代码生成随机ID在原型设计时经常使用的创建ID功能。但是我在实际项目中看到有人使用它。其实这并不安全// 生成长度...原创 2019-06-11 11:07:57 · 152 阅读 · 0 评论 -
探秘 flex 上下文中神奇的自动 margin
为了引出本文的主题,先看看这个问题,最快水平垂直居中一个元素的方法是什么?水平垂直居中也算是 CSS 领域最为常见的一个问题了,不同场景下的方法也各不相同,各有优劣。嗯,下面这种应该算是最便捷的了:<div class="g-container"> <div class="g-box"></div></div>复制代码.g...原创 2019-06-11 11:08:17 · 228 阅读 · 0 评论 -
11 种在大多数教程中找不到的 JavaScript 技巧
在这篇文章中,我将分享11条我认为特别有用的技巧。这篇文章是为初学者准备的,但我希望即使是中级JavaScript开发人员也能在这个列表中找到一些新的东西。1..过滤唯一值Set对象类型是在ES6中引入的,配合展开操作...一起,我们可以使用它来创建一个新数组,该数组只有唯一的值。const array = [1, 1, 2, 3, 5, 5, 1]const uniqueArra...原创 2019-06-06 15:04:21 · 167 阅读 · 0 评论 -
那些不买衣服的程序员
01早上8点,西二旗地铁站。浩浩荡荡的上班大军里,少不了一群穿着格子衫,背着电脑包的懵逼青年。他们着装统一,表情木讷,嘴里念着“helloworld”。不用问,他们一定是程序员。数一数,里面有多少程序员几千年来,时尚像病毒一样不断进化,横扫世界。它遇神杀神,遇佛杀佛。遇到程序员后,含羞自尽。因为程序员是时尚休止符。走出中关村地铁站,左侧是新中关购物中心,右侧是欧美汇...转载 2019-05-06 17:51:34 · 250 阅读 · 0 评论 -
给前端开发者的5点建议
最近接触了很多前端的小伙伴,和他们谈了很多职业发展的问题,大部分是做了一到三年的前端新手。在交流中发现了一个很有意思的现象,同样是入门不足三年,有部分人觉得前端很有前途,甚至有人年薪已经30W以上,但也有部分人觉得前端薪资不高,技术体系庞杂,迭代速度飞快,苦于学习各种不断更新的技术和框架,心神俱疲。同样是前端工程师,技术体系是相同的,工作年限也是相近的,为什么差别这么大?我在前端领域摸爬滚...原创 2019-06-05 14:30:54 · 364 阅读 · 0 评论 -
CSS之文本两端对齐
说起text-align,大家一定都不觉得陌生,我们常用关键字left、right、center实现行内元素相对父元素左、右、居中对齐,当然我们也使用justify来实现文本两端对齐。如上图,两端对齐相对于左对齐,视觉上显得整齐有序。但justify对最后一行无效,通常这样的排版对整段文字是极好的,我们并不希望当最后一行只有两个字时也两端对齐,毕竟这是不便于阅读的,那么当我们只有一行文本,...原创 2019-06-05 14:30:21 · 295 阅读 · 0 评论 -
JS中的async/await的执行顺序详解
虽然大家知道async/await,但是很多人对这个方法中内部怎么执行的还不是很了解,本文是我看了一遍技术博客理解 JavaScript 的 async/await(如果对async/await不熟悉可以先看下http://es6.ruanyifeng.com/#docs/async)后拓展了一下,我理了一下await之后js的执行顺序,希望可以给别人解疑答惑,先简单介绍一下async/await...翻译 2019-06-05 14:41:44 · 700 阅读 · 0 评论 -
如何在 JS 循环中正确使用 async 与 await
async 与 await 的使用方式相对简单。 蛤当你尝试在循环中使用await时,事情就会变得复杂一些。在本文中,分享一些在如果循环中使用await值得注意的问题。准备一个例子对于这篇文章,假设你想从水果篮中获取水果的数量。const fruitBasket = { apple: 27, grape: 0, pear: 14};复制代码你想从fruitBaske...原创 2019-06-05 14:48:31 · 775 阅读 · 0 评论 -
重学前端(9)正则还真要多练
正则表达式简介什么是正则表达式正则表达式:用于匹配规律规则的表达式,正则表达式最初是科学家对人类神经系统的工作原理的早期研究,现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。 正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则...原创 2019-06-05 14:51:35 · 163 阅读 · 0 评论 -
我从来不理解JavaScript闭包,直到有人这样向我解释它
正如标题所述,JavaScript闭包对我来说一直有点神秘,看过很多闭包的文章,在工作使用过闭包,有时甚至在项目中使用闭包,但我确实是这是在使用闭包的知识。最近看到的一些文章,终于,有人用于一种让我明白方式对闭包进行了解释,我将在本文中尝试使用这种方法来解释闭包。准备在理解闭包之前,有个重要的概念需要先了解一下,就是 js 执行上下文。这篇文章是执行上下文 很不错的入门教程,文章中...原创 2019-06-05 14:54:56 · 134 阅读 · 0 评论 -
给2019前端的5个建议
一、基于 Redux 的状态管理从2013年React发布至今已近6个年头,前端框架逐渐形成 React/Vue/Angular 三足鼎立之势。几年前还在争论单向绑定和双向绑定孰优孰劣,现在三大框架已经不约而同选择单向绑定,双向绑定沦为单纯的语法糖。无论你是否承认,框架间的差异越来越小,加上Ant-Design/Fusion-Design/NG-ZORRO/ElementUI组件库的成熟,...原创 2019-06-05 15:03:56 · 159 阅读 · 0 评论 -
一个合格的中级前端工程师必须要掌握的 28 个 JavaScript 技巧
1.判断对象的数据类型使用 Object.prototype.toString 配合闭包,通过传入不同的判断类型来返回不同的判断函数,一行代码,简洁优雅灵活(注意传入 type 参数时首字母大写)不推荐将这个函数用来检测可能会产生包装类型的基本数据类型上,因为 call 会将第一个参数进行装箱操作2. ES5 实现数组 map 方法值得一...转载 2019-06-05 15:24:21 · 164 阅读 · 0 评论 -
【前端词典】学习 Vue 源码的必要知识储备
前言当你想学习 Vue 源码的时候,需要有扎实的 JavaScript 基础,下面罗列的只是其中的一部分比较具有代表性的知识点。如果你还不具备 JavaScript 基础的话,建议不要急着看 Vue 源码,这样你会很容易放弃的。我会从以下 7 点来展开:Flow 基本语法 发布/订阅模式 Object.defineProperty ES6+ 语法 原型链、闭包 函数柯里化...原创 2019-06-05 15:29:03 · 162 阅读 · 0 评论 -
关于webpack4的14个知识点,童叟无欺
前言Webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。WebPack和Grunt以及Gulp相比有什么特性其实Webpack和另外两个并没有太多的可比性,Gulp/Grunt是一种能够优化前端的开发流程的工具,而WebPac...原创 2019-06-05 15:37:55 · 202 阅读 · 0 评论 -
前端进阶之什么是BFC?BFC的原理是什么?如何创建BFC?
盒模型The CSS box model describes the rectangular boxes that are generated for elements in the document tree and laid out according to the visual formatting model.CSS盒模型描述了通过 文档树中的元素 以及相应的 视觉格式化模型(v...原创 2019-06-06 14:46:37 · 256 阅读 · 0 评论 -
公司要求会使用框架vue,面试题会被问及哪些?
如果你是一个已经在学习前端开发的初学者亦或者是一名在代码界纵横多年的程序员,那你一定知道现在最火的前端框架之一Vue.js。它相比于React与Angular上手更加容易,或许这也是很多初学者选择vue的原因之一。我们看到很多招聘上都写着掌握vue开发项目,那么面试都会问什么呢?别急,下面是我给大家整理了一份比较全面的Vue面试高频考题解析小册。对于MVVM的理解...原创 2019-06-06 14:46:58 · 167 阅读 · 0 评论 -
『前端技术』相比后端是否只能打辅助?
问题来源于知乎提问,截图如下:前后端如何定义 前端生存现状 前端的下半场 前端的机遇1. 前后端如何定义?论坛上人们经常会为前后端的问题展开撕 x 大战,很多时候问题的根源是没有定义好前后端的概念.因为这两个词本身就很笼统,就我个人而言我是这样理解的狭义前端: 就是纯粹的 Web 前端,基于浏览器技术是前端应用狭义后端: 就是纯粹的 Web 后端,基于服务器为前端提...原创 2019-06-06 14:46:45 · 127 阅读 · 0 评论 -
【JS 进阶】你真的掌握变量和类型了吗
导读变量和类型是学习JavaScript最先接触到的东西,但是往往看起来最简单的东西往往还隐藏着很多你不了解、或者容易犯错的知识,比如下面几个问题:JavaScript中的变量在内存中的具体存储形式是什么? 0.1+0.2为什么不等于0.3?发生小数计算错误的具体原因是什么? Symbol的特点,以及实际应用场景是什么? [] == ![]、[undefined] == false为...原创 2019-06-06 14:54:30 · 136 阅读 · 0 评论 -
7个有用的Vue开发技巧
1 状态共享随着组件的细化,就会遇到多组件状态共享的情况,Vuex当然可以解决这类问题,不过就像Vuex官方文档所说的,如果应用不够大,为避免代码繁琐冗余,最好不要使用它,今天我们介绍的是vue.js 2.6新增加的Observable API ,通过使用这个api我们可以应对一些简单的跨组件数据状态共享的情况。如下这个例子,我们将在组件外创建一个store,然后在App.vue组件里面使...原创 2019-06-06 14:57:22 · 113 阅读 · 0 评论 -
小程序多端框架全面测评
多端笔者以为,现在流行的多端框架可以大致分为三类:1. 全包型这类框架最大的特点就是从底层的渲染引擎、布局引擎,到中层的 DSL,再到上层的框架全部由自己开发,代表框架是 Qt 和 Flutter。这类框架优点非常明显:性能(的上限)高;各平台渲染结果一致。缺点也非常明显:需要完全重新学习 DSL(QML/Dart),以及难以适配中国特色的端:小程序。这类框架是最原始也是最纯正的的...原创 2019-06-24 10:33:25 · 301 阅读 · 0 评论