SF
web全栈工程师的取经之路
web全栈工程师的取经之路
注册登录
关注博客
注册登录
主页
关于
RSS
再说深拷贝对象的研坑
前端技术精髓
2020-03-11
阅读 4 分钟
2.2k
浅拷贝:只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存。深拷贝:会另外创造一个一模一样的对象,新对象跟原对象不共享内存,修改新对象不会改到原对象。
挥别web移动端开发差异和经典坑
前端技术精髓
2020-02-27
阅读 4 分钟
2.3k
web移动端 电话号码识别差异 在 iOS Safari (其他浏览器和 Android 均不会)上会对那些看起来像是电话号码的数字处理为电话链接,比如: 7 位数字,形如:1234567 带括号及加号的数字,形如:(+86)123456789 双连接线的数字,形如:00-00-00111 11 位数字,形如:13800138000 关闭识别 {代码...} 开启识别 {代码...} 输...
优雅异步编程方式
前端技术精髓
2019-12-05
阅读 5 分钟
1.8k
对于并发处理的多个任务,如果任务与任务之间没有联系,那么这些任务是可以并行执行的,如果任务与任务之间有依赖,那么这些任务就需要串行执行了,因此对于并发的任务处理可以总结为两种情况,一种是并行的任务处理,另一种是串行的任务处理。
动态海报营销FabricJs方案
前端技术精髓
2019-10-14
阅读 6 分钟
4.1k
Fabric.js是一个可以简化Canvas程序编写的库。 Fabric.js为Canvas提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具。Fabric.js可以做很多事情,如下:
程序员从业心得
前端技术精髓
2019-08-30
阅读 3 分钟
2.4k
团队没什么前端,甚至有有一些团队就那么一个人,感觉上面的人也不太重视前端,然后自己平时的工作也驾轻就熟,没什么挑战性,想学点东西,但又不知道该学什么才好,就处于这样一个浑浑噩噩,有些迷茫的状态。该学什么?框架还是基础?体验还是逻辑?该怎么学?看书还是视频,自学还是报班?该怎么走?技术还是管理?业...
vuejs组件通信精髓归纳
前端技术精髓
2019-02-21
阅读 11 分钟
11.4k
常规页面组件,由 vue-router 产生的每个页面,它本质上也是一个组件(.vue),主要承载当前页面的 HTML 结构,会包含数据获取、数据整理、数据可视化等常规业务。
小程序性能优化总结
前端技术精髓
2019-01-09
阅读 2 分钟
3.7k
历史总结: 小程序倒计时深究 小程序实战踩坑之B2B商城项目总结 初试小刀自我简历小程序 启动加载优化 在小程序启动时,微信会在背后完成几项工作:下载小程序代码包、加载小程序代码包、初始化小程序首页。初始化小程序环境是微信环境做的工作,我们只需要控制代码包大小,和通过一些相关的缓存策略控制,和资源控制,逻...
移动端滚动研究
前端技术精髓
2019-01-05
阅读 4 分钟
2.8k
在移动端如果使用局部滚动,意思就是我们的滚动在一个固定宽高的div内触发,将该div设置成overflow:scroll/auto;来形成div内部的滚动,这时我们监听div的onscroll发现触发的时机区分android和ios两种情况,具体可以看下面表格:
小程序倒计时深究
前端技术精髓
2018-12-27
阅读 4 分钟
5.5k
因为请求数据写在onShow 函数里面,所以每次切换界面都会刷新,这就会导致,如果当前 定时器在跑的话,再次刷新会再次常见定时, 那么就会导致刷新几次有几个定时器,同时在跑,那么前端界面显示的计时数字 就会不时跳动,所以需要保证在跑的定时器只有一个。将定时器对象创建为全局的,在每次开启定时器的时候先清空之...
小程序实战踩坑之B2B商城项目总结
前端技术精髓
2018-12-24
阅读 5 分钟
4.3k
因为业务需要,我会在下订单页面触发 onShow(),在onShow里面会有调取查询购物车的商品数据,如果商品数据不存在,就会跳转到首页。当用户支付完成后,返回下订单页面,触发onShow生命周期,导致调取查询购物车api,因为已经创建订单去支付了,所以购车车的商品数据就在后台不存在了,所以在 跳过去支付成功页面的那一刻...
javascript对深拷贝对象的研坑
前端技术精髓
2018-12-15
阅读 3 分钟
2.1k
对于深拷贝,浅拷贝的概念不多说,概念可以自行百度哟!这里对深拷贝对象进行一些研究! 只有值类型数据的深拷贝 针对只有值的数据对象,下面一行代码足以! {代码...} 不严谨的简单的深拷贝 {代码...} 问题存在: 没有对参数做检验 判断是否对象的逻辑不够严谨 没有考虑数组的兼容 进阶深拷贝 {代码...} 问题存在: 拷...
Vue.js自定义tipOnce指令用法实例
前端技术精髓
2018-12-15
阅读 2 分钟
1.9k
vuejs自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念,但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和扩展,不仅可用于定义任何的DOM操作,并且是可复用的。
跨域通信
前端技术精髓
2018-10-19
阅读 7 分钟
2.9k
>>>点击获取更多文章<<< 同源策略限制范围 Cookie、LocalStorage 和 IndexDB 无法读取。 DOM 无法获得。 AJAX 请求不能发送。 跨域图表 那到底什么是跨域,简单地理解就是因为JavaScript同源策略的限制,a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表: 特别注意两...
JavaScript内存泄漏
前端技术精髓
2018-10-17
阅读 2 分钟
2.3k
内存泄漏(Memory Leak)是指程序中己动态分配的堆内存由于某种原因程序未释放或无法释放,造成系统内存的浪费,导致程序运行速度减慢甚至系统崩溃等严重后果。
谈谈Websockt
前端技术精髓
2018-09-25
阅读 4 分钟
3k
它是在特定的的时间间隔(如每1秒),由浏览器对服务器发出HTTP请求,然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点,即浏览器需要不断的向服务器发出请求,然而HTTP请求可能包含较长的头部,其中真正有效的数据可能只是很小的一部分,显然这样会浪费很多的带宽等资源。
谈谈HTTP1.0,HTTP1.1和HTTP2.0区别
前端技术精髓
2018-09-23
阅读 5 分钟
15k
>>>点击获取更多文章<<< HTTP定义 HTTP协议(HyperTextTransferProtocol,超文本传输协议)是用于从WWW服务器传输超文本到本地浏览器的传输协议。 HTTP发展史 HTTP的基本优化 影响一个 HTTP 网络请求的因素主要有两个:__带宽和延迟__。 __带宽__:如果说我们还停留在拨号上网的阶段,带宽可能会成为...
努力何处用
前端技术精髓
2018-09-08
阅读 2 分钟
1.5k
有些人非常勤奋,别人休息和娱乐的时候,都在工作学习。但是努力了一辈子,人生也没有显著的提升,就像报道里经常说的:"某某在平凡的岗位上,勤勤恳恳工作了一辈子"。
利用vuejs+element-ui+Parcel搭建自定义后台
前端技术精髓
2018-08-21
阅读 2 分钟
3k
公司内部的后台,和后台菜单都是利用java后台建设,无需要再自己写的后台界面,菜单java自动创建,只需要配置好url即可实现。估计很多小伙伴公司内部都是这样的搭配吧?所以我只需要知道url,和有一套验证机制就ok了。
研讨浏览器绘制和Web性能的注意事项
前端技术精髓
2018-08-18
阅读 3 分钟
3.4k
Web浏览器将HTML、CSS和JavaScript转换成已完成的过程视觉化表示是相当复杂的,涉及到很好的"魔术"。下面是一组简化的浏览器步骤:
脚本错误量极致优化-让脚本错误一目了然
前端技术精髓
2018-08-16
阅读 3 分钟
1.6k
>>>点击获取更多文章<<< 示例 · 压缩代码定位错误困难 1.源代码(存在错误) {代码...} 2.经 webpack 打包压缩后产生如下代码 {代码...} 3.代码如期报错,并上报相关信息 {代码...} 此时,错误信息中行列数为 1 和 515。 结合压缩后的代码,肉眼观察很难定位出具体问题。 如何定位到具体错误 方案一:...
自定义属性--和calc
前端技术精髓
2018-08-08
阅读 3 分钟
2.5k
>>>点击获取更多文章<<< 最近在弄练习写demo11,写到有关于 --XXX的自定义属性,calc,平时很少用,比较生面口,于是将它mark下来。 自定义属性 (--*) 带有前缀--的属性名,比如--example--name,表示的是带有值的自定义属性,其可以通过 var 函数在全文档范围内复用的。 CSS 自定义属性是可以级联的...
初试小刀自我简历小程序
前端技术精髓
2018-08-08
阅读 3 分钟
8.2k
最近在做小程序,和域名更换,和新域名备案事情,甚是较忙,少写了文章,今天尝试写一篇小白总结小程序的常见问题,刚接触小程序不到2周,在业余时间尝试小刀小程序,在做这个简历之前,自己亲身搜索了个人简历的小程序,都体验过,大部分是参差不齐,我这个算是比较用心的制作了,搜索出来的简历小程序要不就是其他第三...
脚本错误量极致优化-监控上报与Script error
前端技术精髓
2018-08-05
阅读 4 分钟
2k
在前端开发工作中,除了项目开发保质保量上线以外,项目的数据监控也应该配套起来,确保线上的正常运转。如上报 pv监控项目是否正常运转;测速上报反应项目质量;脚本错误监控作为监控中重要一环,当页面发生报错的时候,通过上报错误信息,能及时发现存在问题,修复优化、减少损失。
A parameter verify tools for Egg
前端技术精髓
2018-07-19
阅读 4 分钟
3.4k
最近接触EGG框架,刚接触,其中涉及到验证参数的一些运用,网上找的egg-validate 都不是很好用,最后找到了parameter插件,挺好用,推荐给大家,直接上代码。
CORS跨域
前端技术精髓
2018-07-15
阅读 9 分钟
6.8k
比如,站点 [链接] 的某 HTML 页面通过 <img> 的 src 请求 [链接]。网络上的许多页面都会加载来自不同域的CSS样式表,图像和脚本等资源。
WEB开发面面谈之(4)——RESTful API 设计指南
前端技术精髓
2018-07-09
阅读 4 分钟
2.8k
因此,必须有一种统一的机制,方便不同的前端设备与后端进行通信。这导致API构架的流行,甚至出现"API First"的设计思想。RESTful API是目前比较成熟的一套互联网应用程序的API设计理论。
自制上报错误与监控性能
前端技术精髓
2018-07-05
阅读 4 分钟
1.8k
注意 注释 的“抓取文件404报错”,“抓取js常规报错”,“抓取页面性能时间”,代码很好理解,将整个操作放在闭包内执行,以免污染外面。 这段代码必须放在head标签头部内,若头部有js外联,那该段代码必须放在js外联之上,若将这段代码放置在[链接],那代码如下:
谈谈ES6前后的异步编程
前端技术精髓
2018-07-01
阅读 4 分钟
3k
为了解决这个问题,Javascript语言将任务的执行模式分成两种:同步(Synchronous)和异步(Asynchronous)两种模式概念很好理解。
WEB开发面面谈之(5)——写JS时必须注意的的一些问题
前端技术精髓
2018-06-29
阅读 4 分钟
1.9k
更多详情请看[链接] 下面例举了日常前段开发中遇到的场景,解决方案有很多,但从开发阶段就进行规范,可以很大程度避免很多后续的潜在和兼容问题。 获取body元素 非标准做法 {代码...} W3C规范方法 {代码...} 使用jQuery/Zepto {代码...} 获取窗口标题 非标准做法 {代码...} W3C规范方法 {代码...} 使用jQuery/Zepto {代...
mysql 切合业务精用语句收集
前端技术精髓
2018-06-27
阅读 2 分钟
1.6k
例如下面的 根据 self_wechatid 进行group by ,统计出 性别总数,男总数(gender = 1为男),女总数(gender = 2为男),不详总数。
1
(current)
2
下一页
1
(current)
下一页