- 博客(59)
- 收藏
- 关注
RSS订阅原创 第一章 快速入门
经过一系列的配置，使得TS和webpack已经结合到了一起，除了webpack，开发中还经常需要结合babel来对代码进行转换以使其可以兼容到更多的浏览器，在上述步骤的基础上，通过以下步骤再将babel引入到项目中。如此一来，使用ts编译后的文件将会再次被babel处理，使得代码可以在大部分浏览器中直接使用，可以在配置选项的targets中指定要兼容的浏览器版本。默认情况下，编译后的js文件会和ts文件位于相同的目录，设置outDir后可以改变编译后文件的位置。
2024-01-08 14:26:41
1161
原创 42 个通过示例解释所有 JavaScript 数组方法
通过将所有元素连接到字符串，同时用逗号分隔每个元素并返回字符串，将所有元素转换为区域设置字符串。在每个元素中展开任何已建立的数组，并根据给定的深度级别继续展开嵌套的数组。将所有元素转换为语言环境字符串，将所有元素连接为字符串，同时用逗号分隔每个元素并返回字符串。返回一个新数组，其中所有元素均由给定回调修改，并按 1 深度级别展平。返回给定元素的最后一个匹配项的索引。创建一个新数组，其中包含调用方数组的元素以及给定索引处替换的给定值。创建一个新数组，其中包含调用方数组的元素以及已替换或删除的元素。
2024-01-01 15:37:26
920
原创 数组操作
改变原数组的方法(9个):splice() 添加/删除数组元素定义： splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目参数:index：必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。 howmany：可选。要删除的项目数量。如果设置为 0，则不会删除项目。 item1, ..., itemX： 可选。向数组添加的新项目。返回值: 如果有元素被删除,返回包含被删除项目的新数组。eg1:删除元素let a = [1, 2, 3, 4,
2020-10-05 21:51:22
257
1
原创 小程序踩坑
1、swiper 点击，class不能使用原生名字，去掉round-dot才能去掉点2、转发3、下拉刷新json："enablePullDownRefresh": true要及时关闭刷新等待wx.stopPullDownRefresh()4、获取用户头像：<open-data type="userAvatarUrl"></open-data>获...
2019-11-10 19:46:51
259
原创 5G 会给前端开发带来怎么样的变化？
物联网、车联网、自动驾驶、神经网络、AR / MR……这些领域都对数据带宽有着非常高的需求，4G 时代的网速还不足以满足大规模使用的需要，因此我们还只能在实验室里看到这些技术，投入市场的还很少。5G 的推广会成为这些领域的加速剂，大大加快相关领域的发展进程。届时伴随各种车载设备、可穿戴设备、语音交互终端、AR / MR 设备……的出现，我们会见到很多全新的交互方式。历史告诉我们，每一次人机交互...
2019-10-12 11:53:27
265
原创 ES6 Class 与 ES5 构造函数对比（Babel编译）
https://juejin.im/post/5cef8c4d6fb9a07f0a2dc493
2019-07-09 18:30:09
144
原创 Vue项目Webpack优化实践，构建效率提高50%
https://juejin.im/post/5c3beaee6fb9a04a027a96411、缩小文件的搜索范围1.1、优化Loader配置（1）优化正则匹配（2）通过cacheDirectory选项开启缓存（3）通过include、exclude来减少被处理的文件。1.2、优化resolve.modules配置1.3、优化resolve.alias配置1.4、优化re...
2019-07-09 18:17:17
239
原创 Node+Koa2+Mysql 搭建简易博客
http://www.wclimb.site/2017/07/12/Node-Koa2-Mysql-%E6%90%AD%E5%BB%BA%E7%AE%80%E6%98%93%E5%8D%9A%E5%AE%A2/https://github.com/wclimb/Koa2-blog
2019-06-27 10:38:19
346
原创 network中的请求信息，headers中的每一项分别是什么意义?
大家好，我是IT修真院深圳分院第01期学员，一枚正直善良的web程序员。今天给大家分享一下，修真院官网js5任务中，关于network中的请求信息，以及headers中的每一项分别是什么意义?1.背景介绍作为一个Web开发人员，日常中与我们开发相关的，就是Chrome的开发者工具。 Network标签页对于分析网站请求的网络情况、查看某一请求的请求头和响 应头还有响应内容很有用，...
2019-06-15 17:00:14
359
原创 webpack
"eslint.validate": [ "javascript", "javascriptreact", "html", "vue", { "language": "vue", "autoFix": true } ],
2019-03-08 10:02:02
107
转载 Vue2 技术栈归纳与精粹
https://uinika.github.io/web/broswer/vue.htmlVue是一款高度封装的、开箱即用的、一栈式的前端框架，既可以结合webpack进行编译式前端开发，也适用基于gulp、grunt等自动化工具直接挂载至全局window使用。本文成文于Vue2.4.x版本发布之初，笔者生产环境当前使用的最新版本为2.5.2。在经历多个前端重度交互项目的开发实践之后，笔者结合...
2019-01-06 13:22:55
360
原创 JavaScript 骚操作
前言如有错误，欢迎批评指正！技术无极限，唯一的限制是你的想象力！在JavaScript世界中，有些操作会让你无法理解，但是却无比优雅。比如下面这些： 5种方式实现值交换下面几种方式都行1. var temp = a; a = b; b = temp; (传统，但需要借助临时变量)2. a ^= b; b ^= a; a ^= b; (需要两个整数)...
2018-12-07 18:23:25
153
转载 Vue项目编译后部署在非网站根目录的解决方案
https://juejin.im/post/5ae03b98f265da0b8e7f1251背景同一个生产部署项目，基内外网的访问路径并不相同，内网是基于域名根目录来访问，而外网却指向了一个子目录。eg. ：vue-router: history模式 内网环境：192.168.1.1:8080/index.html 外网环境：domain.com/ttsd/index.html...
2018-12-03 14:58:36
1010
原创 为什么js中要用void 0 代替undefined，还是有特别的含义呢
这个是Backbone.js中的一句源码if (callback !== void 0 && 'context' in opts && opts.context === void 0) opts.context = callback;此处void 0和undefined意义一样吗，我f12 chrome后，undefined === void 0;...
2018-08-09 16:55:50
5879
原创 js如何准确获取当前页面url网址信息
在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href(设置或获取整个 URL 为字符串)var test = window.location.href;ale...
2018-06-29 14:00:22
161
转载 移动端软键盘监听（弹出，收起），及影响定位布局的问题
一：移动端软键盘监听（弹出，收起） 参考： 链接一 链接二 1.监听resize ( Android）123456789var winHeight = $(window).height(); //获取当前页面高度$(window).resize(function () { var thisHeight = $(this).height(); if...
2018-05-25 14:08:33
5655
转载 看完这篇关于MVVM的文章，面试通过率提升了80%
来看看目前最火的MVVM今天面试又被问到什么是MVVM?光靠说理论已经糊弄不过去了?什么!MVVM的实现不止一种啊?往下看~ 亲手带你剖析MVVM原理!先来总结下MVVM的实现方式传统的MVC中通过发布订阅来进行数据和视图的绑定监听angular1.x中通过脏值检测来实现MVVM模式目前主流Vue的模式:数据劫持 Object.defineProperty、发布订阅ES6中的新特性Proxy和Re...
2018-05-24 18:44:18
1292
转载 在vue中使用sass的配置的方法
1、创建一个基于 webpack 模板的新项目$ vue init webpack myvue12、在当前目录下，安装依赖$ cd myvue$ npm install123、安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass1234、在bu...
2018-04-27 16:14:47
122
原创 getBoundingClientRect()
componentDidMount() { const loadMoreFn = this.props.loadMoreFn const wrapper = this.refs.wrapper let timeoutId function callback(){ const top = wrapper.getBoundingClientRect().top console.lo...
2018-04-21 21:03:47
359
原创 移动端填坑
1、iOS safari 如何阻止“橡皮筋效果”？document.body.addEventListener('touchmove', function (e) { e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)}, {passive: false}); 这是由于safari有一个更新：Updated root document touch event...
2018-04-11 18:12:46
171
原创 vue样式
1、vue.js中内联样式style三元表达式<span v-bind:style="{'display':config.isHaveSearch ? 'block':'none'}" >搜索</span>--------------------------------------------------------------class、style的绑定1.在 v-bin...
2018-03-31 15:23:00
674
转载 JavaScript全讲-实战技巧
本篇我们来聊聊JavaScript在实际开发中的一些技巧！JavaScript由于其语法的随意性，形成了其语言独有的Hackers，许多的Hacker不仅使用起来简洁有力，更会让你的代码看起来逼格高升。1. === （三等号判断符）这个符号前端人员都应该知道。三等号首先判断数据类型是否匹配，再判断值是否相等。我们来查看一下伪代码：双等号，多了一次数据转化的过程，而且其转化的逻辑，是根据不同的数据类...
2018-03-29 09:58:41
835
原创 webpack优化
方案一、合理配置 CommonsChunkPluginwebpack的资源入口通常是以entry为单元进行编译提取，那么当多entry共存的时候，CommonsChunkPlugin的作用就会发挥出来，对所有依赖的chunk进行公共部分的提取，但是在这里可能很多人会误认为抽取公共部分指的是能抽取某个代码片段，其实并非如此，它是以module为单位进行提取。假设我们的页面中存在entry1，entr...
2018-03-28 16:10:25
211
原创 小程序接口调试
1、域名必须是https的， 小程序request合法域名必须是HTTPS. HTTPSSSL证书2、消息推送 添加域名，并把下载校验文件放置在根目录3、添加request、uploadFile、downloadFile合法域名参考：http://blog.csdn.net/towtotow/article/details/78527273?locationnum=7&fps=1...
2018-03-22 17:45:44
3404
原创 CSS3新vw, vh单位
视区相关单位vw, vh..简介以及可实际应用场景“视区”所指为浏览器内部的可视区域大小，即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。移动端vh vw真正的基准度量是layout viewport，也就是meta标签中viewport属性定义的值，默认980px。可以用document.document Elem...
2018-03-11 13:04:45
391
转载 JavaScript八张思维导图
不知不觉做前端已经五年多了，无论是从最初的jQuery还是现在火热的Angular，Vue，React等前端框架，甚至是nodejs等服务端的兴起，归根到底，我始终觉着一切的核心还是JavaScript。于是最近就有了一个想法，想要梳理一下这些年学习以及使用JS的心得。本系列文章主要是针对JS的相关知识点做一个类似提纲似的提炼，一来可以作为今后温故知新的参照；二来也是希望能够帮助大家更加系统清晰的...
2018-02-25 17:27:16
697
原创 JS高级技巧
https://juejin.im/post/59ab7b36f265da24934b2470本篇是看的《JS高级程序设计》第23章《高级技巧》做的读书分享。本篇按照书里的思路根据自己的理解和经验，进行扩展延伸，同时指出书里的一些问题。将会讨论安全的类型检测、惰性载入函数、冻结对象、定时器等话题。1. 安全的类型检测这个问题是怎么安全地检测一个变量的类型，例如判断一个变量是否为一个
2018-02-03 20:06:45
189
转载 探索Vue高阶组件
高阶组件(HOC)是React 生态系统的常用词汇，React 中代码复用的主要方式就是使用高阶组件，并且这也是官方推荐的做法。而Vue 中复用代码的主要方式是使用 mixins，并且在 Vue 中很少提到高阶组件的概念，这是因为在 Vue 中实现高阶组件并不像 React 中那样简单，原因在于 React 和 Vue 的设计思想不同，但并不是说在 Vu
2018-02-03 20:01:02
5470
5
原创 关于TCP三次握手和四次挥手的理解
1. 三次握手： 服务器一定处于Listen状态，否则客户端发过来的连接会被拒绝。注：服务器和客户端的角色是相对的。 客户端发送第一次握手（客户端发送连接请求（SYNC包）到服务器）之后由Closed状态转为Sync-Send状态； 服务器收到第一次握手的客户端SYNC包，然后发送第二次握手（服务器发送SYNC+ACK（客户端SYNC包的确认）包给客户端）之后服务器由Li
2018-02-03 19:57:22
208
转载 Prerender预渲染优化SEO
单页面应用的主要内容都依赖于JS的执行，当其首页面下载下来的时候，其实不是完整的页面，而是HTML + JS文件，浏览器提供执行环境于是页面被渲染了出来。用户在访问的时候体验会很好，但是对于搜索引擎的爬虫就不太友善了，因为他们不能执行JS，这时候Prerender就派上用场了，它可以帮忙把页面渲染完成之后再返回给爬虫工具，我们的页面也就能被解析到了。最近我尝试搭建了基于本地的Prerender
2018-02-03 15:14:53
4161
1
转载 CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport
最近看了很多这方面的文章，能搜到的基本看了个遍，但感觉还是似懂非懂，知道这个东西，很难说出这是个什么东西，先整理一些概念，慢慢消化，以后慢慢探索其中的原因。1、PX(CSS pixels)1.1 定义虚拟像素，可以理解为“直觉”像素，CSS和JS使用的抽象单位，浏览器内的一切长度都是以CSS像素为单位的，CSS像素的单位是px。1.2 注意在CSS规范中
2018-02-03 15:10:57
3491
1
原创 比 Animation.css 还要炫酷的动画库插件
micron.js是一款可生成炫酷 CSS3 动画的js动画库插件。通过 micron.js 插件，你可以为页面的任意DOM元素添加12种炫酷 CSS3 动画效果。并能通过js代码或html5 data属性来串联各种CSS3动画效果。 安装可以通过npm或bower来安装micron.js插件。npm install webkul-micronbow
2018-02-03 12:53:20
503
原创 instagram.css - 使用纯 CSS 实现 Instagram 上的滤镜效果
CSS滤镜（CSS filter）不少前端人员知道，但大多数的用法十分单一，用得最多的就是黑白应用，其实还有很多高级的应用，对设计师来说也需要知道的，以后对图片特效处理又多一种设计方案选择了。今天主要和大家介绍 CSSgram 这个CSS滤镜特效库，作者为其创建出很多美丽的图像效果，并且这个CSS滤镜库是小于1KB，效果的实现方法主要使用 CSS filter 和 CSS Blen M
2018-02-03 12:50:22
1249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人