关闭
当前搜索:

小程序系列——缠

这一篇文章将是小程序系列的第三篇文章,我们会更加的篇实践。上一篇文章最后介绍的知识点是模板,这个知识点很重要,因为它对于功能模块的封装,进行模块化开发,启着关键的作用。所以,这一篇文章第一个知识点还是模板使用,我们使用模板,实践封装一个小程序 toast。模板实践开发我们要利用模板,开发一个小程序的 toast。因为,原生 api 提供的 toast 对于类型、字数等方面都有很大的局限性。所以,我...
阅读(39) 评论(0)

前端时间账号被盗用了

最近没有登录博客,今天一看居然成了发布广告了,发了好多篇 App 上架之类的广告信息,账号被盗用了。都是弱口令的锅,紧急修改了密码,感谢盗用者只是发布了一些消息,没有进行原文章的删除操作~~新年祝好,提高博客更新频率!!...
阅读(32) 评论(0)

小程序系列——进

小程序系列——进这是小程序进行曲的第二篇,主要会集中在 api 的讨论与功能实现上面。可能会分多个篇幅来进行分享,每个篇幅选择几个功能主题来分析,每个功能主题又会发散出多个 api 的应用与相关注意事项。这个曲目看完,对于基础的小程序需求,我们应该都能 hold 一下了。OK,Battle Symphony ~ ~ ~转发/分享在小程序中的转发或者分享(下文统一使用转发),我们根据转发内容的不同可...
阅读(101) 评论(0)

小程序系列——始

第一个问题:什么是小程序从关注的角度不同,可能理解得出的结论也不尽相同。例如:作为一个产品经理,可能更关注小程序的亮点,基于此亮点我们能做出什么有受众群体的微app。比如,小程序是以微信这个超级 app 为宿主的,微信本身的使用群体与便捷性可能会导致小程序的使用场景最好是挥之即来,用完即去的情况,等等。但是,从开发的角度来看,我们可能更关心的是技术实现。更关注我们用这套框架,可使用的能力有哪些,存...
阅读(73) 评论(0)

ES6 异步编程(一)——Promise

嘿,大家好呀,今天这篇文章和大家聊聊 ES6 的异步编程实现。当然,ES6 中提出了多种解决方案,我们今天先聊聊 Promise 这个异步编程解决方案。 异步编程 JavaScript 中为什么会有异步编程这个概念呢?老生常谈的答案,因为 JavaScript 是单线程的。那么是什么造就了 JavaScript 的单线程呢?在浏览器中,单线程的 JavaScript 的运行机制...
阅读(181) 评论(0)

如何恰当地使用 React 生命周期方法

对于 React 生命周期方法,如果你不清楚什么情况下该使用哪一个方法,可能会感到困扰。今天,我将向你展示存在哪些生命周期方法以及该如何使用它们。 介绍 React 组件拥有几个“生命周期方法”(lifecycle methods),它们允许我们在特定的时间点执行一些 actions(例如:从 server 请求数据)。当我开始学习 React 时,我发现很难弄清楚我应该为某些操作...
阅读(161) 评论(0)

JavaScript 工作原理(一)——内存管理与四种常见内存泄漏的处理方法

几周前,我们新开了一系列文章,旨在深入 JavaScript,探寻其工作原理。我们认为通过了解 JavaScript 的构建方式和其运行规则,我们能写出更好的代码和应用。 第一篇文章重点介绍了引擎、运行时和调用栈的概述。第二篇文章仔细地分析了 Google's V8 JavaScript 引擎的内部部分并且为如何编写更好的 JavaScript 代码提供了一些建议。 这是第三篇文章,我...
阅读(258) 评论(0)

RGBA颜色与兼容性的半透明背景色

一、周末的唠唠叨叨 这周真是辛苦的一周,很多事情不得已都拖着,比如现在这篇文章早前几天前就应该完工了;关于vertical-align属性的下集还没有开始写,jQuery在线参考内容添加还没有做,CSS3额外知识点部分添加插入图片盒链接的功能还没完工,搞笑鑫情也是搁置了好几天,究竟什么原因呢?女人,每晚要花个把小时交一位女同事photoshop,于是这宝贵的晚上的时间就被掐断了,做什么都不利...
阅读(300) 评论(0)

水平垂直居中固定比例 Div

水平垂直居中固定比例 Div 场景:div 宽度百分比,高宽固定比例,水平垂直居中展示 对于这种情况肯定会有多种实现,有的可能用 js 去计算设计,有的可能直接用 css 实现,而 css 实现又会有多种实现方式。下面主要讨论的是用 css 绝对定位实现的一种方式。对于本文来说,这种效果的实现是次要的,我们主要来讨论一下它里面所涉及到的知识点,细细分析下来,是会有很多值得注意的知识...
阅读(166) 评论(0)

模块固顶和固底的一种实现方法—Api(Element.getBoundClientRect())

页面固顶和固底的一种实现方式 引:在 pc web 开发的过程中,经常会遇到一些模块固定的需求,接下来介绍一种固定的方式,通过 Element.getBoundClientRect() Api 来实现。 开发过程中需要获取页面元素的位置,可以参考 用Javascript获取页面元素的位置 这篇文章。 具体的效果 Demo,可以查看这个 git 仓库。 效果展示 看这里。...
阅读(173) 评论(0)

用Javascript获取页面元素的位置

用Javascript获取页面元素的位置 学习笔记整理 网页概念 网页大小 —— 通常情况由内容和 CSS 样式表决定。浏览器窗口(viewport)大小 —— 在浏览器窗口中看到的网页面积 显然,如果网页的内容能够在浏览器窗口中全部显示(也就是不出现滚动条),那么网页的大小和浏览器窗口的大小是相等的。如果不能全部显示,则滚动浏览器窗口,可以显示出网页的各个部分。 ...
阅读(202) 评论(0)

super() OR super(props) -- What's The Difference

Questions: When is it important to pass props to super(), and why ? class MyComponent extends React.Component { constructor(props) { super(); // or super(props) ? } } Answer : Th...
阅读(104) 评论(0)

HTTP Referer 的故事

什么是HTTP Referer 简言之,HTTP Referer是header的一部分,当浏览器向web服务器发送请求的时候,一般会带上Referer,告诉服务器我是从哪个页面链接过来的,服务器籍此可以获得一些信息用于处理。比如从我主页上链接到一个朋友那里,他的服务器就能够从HTTP Referer中统计出每天有多少用户点击我主页上的链接访问他的网站。 Referer其实应该是英文单词...
阅读(219) 评论(0)

CSRF 攻击的应对之道

CSRF 背景与介绍 CSRF(Cross Site Request Forgery, 跨站域请求伪造)是一种网络的攻击方式,它在 2007 年曾被列为互联网 20 大安全隐患之一。其他安全隐患,比如 SQL 脚本注入,跨站域脚本攻击等在近年来已经逐渐为众人熟知,很多网站也都针对他们进行了防御。然而,对于大多数人来说,CSRF 却依然是一个陌生的概念。即便是大名鼎鼎的 Gmail, 在 20...
阅读(75) 评论(0)

深入 Generator 函数(三) (Going Async With ES6 Generators)

Going Async With ES6 Generators 作者简介:Kyle Simpson is an Open Web Evangelist from Austin, TX, passionate about all things JavaScript. He's an author, workshop trainer, tech speaker, and OSS contribu...
阅读(129) 评论(0)

深入 Generator 函数(二) (Diving Deeper With ES6 Generators)

Diving Deeper With ES6 Generators 作者简介:Kyle Simpson is an Open Web Evangelist from Austin, TX, passionate about all things JavaScript. He's an author, workshop trainer, tech speaker, and OSS contri...
阅读(162) 评论(0)

Generator 函数基础(一) (The Basics of ES6 Generators)

原文地址:The Basics Of ES6 Generators 作者简介:Kyle Simpson is an Open Web Evangelist from Austin, TX, passionate about all things JavaScript. He's an author, workshop trainer, tech speaker, and OSS contri...
阅读(177) 评论(0)

Redux 生产实践使用注意事项

背景:在我们使用 React 时,通常都是和 Redux 配合使用,Redux 管理数据状态,去控制 DOM 的渲染与更新。 在使用 Redux 的时候,有一些注意的地方,否则可能出现意料之外的情况,却不知道原因是什么,其中有一点就是下面这个例子: /** * action-reducer.js * @param {*} uid */ const getUid = (uid)...
阅读(114) 评论(0)

IE 、Edge、360兼容模式 浏览器背景抖动处理

问题原因:出现这种情况原因是这几个浏览器对于滚动处理方面有 bug,滚动的执行频率和浏览器的渲染频率不搭配,导致 fixed 背景图先随屏幕滚动到上方,然后又从新渲染回来。这样就出现了上下抖动的情况。 解决办法: if(navigator.userAgent.match(/Trident\/7\./)) { document.body.addEventListener && doc...
阅读(330) 评论(0)

固定宽度中,展示图片和旋转图片展示的实现姿势

。。。。待整理...
阅读(86) 评论(0)
137条 共7页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:90326次
    • 积分:2086
    • 等级:
    • 排名:千里之外
    • 原创:112篇
    • 转载:16篇
    • 译文:9篇
    • 评论:14条
    个人主站
    最新评论