songEagle

STAY CURIOUS. STAY HUMBLE.

发布于 09月06, 2019

经验分享

【异步编程系列】async/await在for循环里运行结果怎么样?

经验分享 2019年09月06日 星期五 上午

一、前言

简单的async/await使用,将异步改成同步,如果在循环中使用async会怎么样?

二、需求

需求是这样的:异步获取数组这种的数组中元素

MORE

发布于 09月03, 2019

经验分享

【Iterator系列】你需要知道的for in和for of 的区别和原理

经验分享 2019年09月03日 星期二 下午

你需要知道的for in和for of 的区别和原理

一、前言

上次有人问我,for in 和for of的区别,我说:for in是获取属性名,for of获取属性值。 但是他说,你说的不对。害怕,果然都是大佬。

二、我们先来看一些例子

首先我们先看一个对象遍历的例子 ```js var obj = {name: 'saucxs',age: 21,sex: 1}; for(key in obj){

MORE

发布于 09月02, 2019

经验分享

【css系列】Grid布局,你会了吗?

经验分享 2019年09月02日 星期一 下午

Grid布局,你会了吗?

一、前言

之前一直觉得flex弹性盒布局已经很可以了,缺点是浏览器兼容性差,IE9及以上。

二、各种布局的梳理

1、静态布局

静态布局也就是传统的布局,屏幕宽或者高变化的时候,盒子使用横向或者纵向滚动条来查看遮挡, 也就是说,不管浏览器的视窗大小变化,都是按照html语义标签排列的布局来布置。

2、弹性布局

MORE

发布于 08月27, 2019

项目实战

【安卓混合开发】Cordova+Vue实现Android APP开发(一)

项目实战 2019年08月27日 星期二 上午

一、前言

android开发以前干过,但是一直觉得比较麻烦,缺少分享功能,现在的app大多数是h5的混合开发的app,需要用到原生的android API的时候需要去做兼容,如果是开发速度合并效率,还是混合的H5开发比较受企业的青睐。现在先来自己趟趟水环境配置。

二、下载并安装Android Studio

 Android Studio中文社区地址:http://www.android-studio.org/

MORE

发布于 08月27, 2019

经验分享

【css系列】纯 CSS 实现绘制各种三角形(各种角度)

经验分享 2019年08月27日 星期二 上午

一、前言

三角形实现原理:宽度width为0;height为0;(1)有一条横竖边(上下左右)的设置为border-方向:长度 solid red,这个画的就是底部的直线。其他边使用border-方向:长度 solid transparent。(2)有两个横竖边(上下左右)的设置,若斜边是在三角形的右边,这时候设置top或bottom的直线,和右边的斜线。若斜边是在三角形的左边,这时候设置top或bottom的直线,和左边的斜线。

二、实现

2.1 Triangle Up

image

MORE

发布于 08月27, 2019

经验分享

【微信小程序】实现tab选项卡

经验分享 2019年08月27日 星期二 上午

一、前言

小程序开发中,有很多封装好的控件供开发者使用,但是,很常见的tab选项卡居然没有,只能自己搞一个。

实现原理也很简单,无非是用给view(tab)设置一个点击事件bintap,并且给view(tab)一个data-idx索引,根据当前index来改变tab的状态并决定swiper显示那个内容,改变swiper的内容只需要改变swiper的current就好。

二、效果

MORE

发布于 07月29, 2019

经验分享

【解决方案】数据埋点的一点思路与vue的SPA单页面实践

经验分享 2019年07月29日 星期一 上午

一、前言

数据埋点是监控用户在应用中的表现行为,对于TO C的产品迭代来说越来越重要。

数据埋点是产品需求分析的来源,检验功能是否达到预期。前端是更贴近用户,我来说说数据埋点在系统开发中的方案。

二、数据埋点方案分析

不同的产品对于数据的关注的角度不同,根据需求来采集和设计不同的方案。比如信息流的产品抖音,关注用户的停留时间更高。比如商品类的注重的是“复购率”,统计新老用户。

MORE

发布于 07月25, 2019

经验分享

【nginx系列】nginx升级到支持http_image_filter_module处理图片

经验分享 2019年07月25日 星期四 上午

一、前言

最近在研究nginx在前端中使用最大化,发现了可以很好的处理图片。

二、http_image_filter_module模块

我们先来到软件包的地方看到了configure。

image

MORE

发布于 07月23, 2019

经验分享

【nginx系列】nginx升级到支持HTTP2.0

经验分享 2019年07月23日 星期二 下午

一、前言

最近想折腾一下服务器,升级到http2.0。

然后nginx照着官网配置了一下 ```

    # ssl写在443端口后面。这样http和https的链接都可以用
    listen 443 ssl http2 default_server;
    server_name chat.chengxinsong.cn;

# HSTS的合理使用,max-age表明HSTS在浏览器中的缓存时间,includeSubdomainscam参数指定应该在所有子域上启用HSTS,preload参数表示预加载,通过Strict-Transport-Security: max-age=0将缓存设置为0可以撤销HSTS

MORE

发布于 07月23, 2019

经验分享

【npm系列】如何升级自己之前写的npm包,然后发布到npm官网上,然后其他项目怎么更新最新的包

经验分享 2019年07月23日 星期二 下午

一、前言

之前写了一篇发布npm包,手把手教你用npm发布第一个npm包的详细教程:https://www.mwcxs.top/page/600.html 如果你想升级自己写的包,该如何做,本文就是介绍这个的。

二、准备阶段

1、你经写了一个npm包(watermark-dom),然后已经上传到npm中,那么它的版本就是1.0.0;

image

MORE

加载更多

本站总访问量 本站访客数人次