总结
文章平均质量分 60
前端向朔
学习-撕裂-成长-变强
展开
-
JS打开新窗口(window.open() 、href)
JS打开新窗口常用于文件、图片预览,或者加载一个新页面。window.open() - 打开新窗口用法:window.open(strUrl, strWindowName, [strWindowFeatures]);strUrl: 新窗口需要载入的url地址,项目中我们打开的是一个在线文档。strWindowName:新窗口的名字,通过这个名字我们可以获得新窗口的引用,容易重复,如果我们希望每次打开新窗口都是一个全新的窗口,可以设置成关键字 “_blank”。strWindowFeatu原创 2021-10-21 19:13:15 · 59970 阅读 · 1 评论 -
移动端跨终端技术方案选型(思路)
需求目的在移动互联网时代,应用平台越来越多,有 Android、iOS、H5、小程序、快应用等,而小程序目前又有很多服务商,比如微信小程序、支付宝小程序、百度小程序、头条小程序、QQ轻应用,我们的应用想要在用户能触达的平台和服务商中都能提供相应的产品服务,针对不同的端去编写多套代码,做各端的应用,产品运营和开发成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要,那有没有什...原创 2020-06-10 11:14:14 · 1890 阅读 · 4 评论 -
Web动画形式
背景对于Web开发者来说,不管什么细分方向,比如数据可视化、网站系统、电商网站等等,都会涉及到一个难题“动画”。 因为动画关系到Web开发的两个比较重要的点,一是视觉效果,二是用户体验,通过酷炫动画效果可以给视觉加不少分,同样,恰到好处的微动效也会给用户体验带来不错的惊喜,基于此,我们的Web动画该如何实现,他有哪些实现方式呢?动画形式大概梳理了下,动画有不止以下几种形式: 一、C...原创 2018-06-10 15:27:24 · 5218 阅读 · 2 评论 -
单屏(全屏)适配解决方案(jQuery插件)
背景在平时的web开发过程中,经常会要实现单屏或者叫全屏的效果,同时要满足设备适配要求,虽然一些常见的插件能实现一定的效果,但是如果需要灵活运用的话还是会受到很多限制,在不断的实践过程中,我们梳理了一套全屏适配解决方案,能兼容IE8+,下面我们来详细了解。案例分析案例一: 可以看到图中元素有几类, 1.中间主体内容元素 2.背景图片 3.背景图片上面,主体内容下面的粒子效果...原创 2018-05-17 13:27:56 · 4552 阅读 · 0 评论 -
2017年学习总结
概述新年都第二周了才来写总结的也是没谁了。看了下17年元旦是自己一个人在家的,好好思考了下接下来要做什么,虽然17年已经过完,证实当时的计划有很多都偏离了方向,但是定个目标还是很重要的,这样让自己可以有节奏的掌握自己的规划进度。刚好接下来也要定18年上半年的KPI和IDP了,去年下半年的基本都完成了,因为给自己的定的目标不是很高,但是好在切实有效的执行完了,感觉还是有点收获的。像这种碎碎念的文章其实原创 2018-01-08 20:50:49 · 801 阅读 · 2 评论 -
UE、UI、UCD、UED?你知道你是干啥的吗
名词UE (User Experience) : 用户体验 UI (User Interface) : 用户界面 UCD (User-Centered Design) :以用户为中心的设计 UED (User-Experience Design) :用户体验设计名词解释什么是UI?UI(User Interface)即用户界面,也称人机界面。是指用户和某些系统进原创 2017-06-27 23:30:23 · 26774 阅读 · 1 评论 -
如何说服老板页面兼容IE9+
从以下数据看,我们的页面兼容IE9+是可行的。注:浏览器市场份额占比,数据来自百度统计(http://tongji.baidu.com/data/browser)和StatCounter(http://gs.statcounter.com/),因为地域环境的问题,前者更符合国内实际情况。数据一:2017年4月-2017年7月数据结果显示,用户占比较大的浏览器品牌分别是chrome(41.58%)和I原创 2017-07-28 13:15:41 · 3166 阅读 · 0 评论 -
前端名词解释(持续更新)
前端名词解释 前端名词解释 名词:HTML 解释: HTML 是用来描述网页的一种语言。 HTML拥有很多标签入等。 HTML文档 = 网页,HTML文档包含“标签”和“纯文本”。 HTML的结构决定这个页面稳不稳定,规不规范,性能好不好。名词:HTML5 解释: HTML5 是 HTML的新标准,它更加语义化,并新增了许多语义化标签。 由于HTML5在PC上只原创 2017-04-26 21:53:02 · 4738 阅读 · 1 评论 -
移动Web开发实战专栏总结(PPT分享)
以下为我将专栏《移动Web开发实战》重新从不同的角度进行整体的梳理之后,在团队分享的PPT。在这里分享给大家。写PPT之前,先将要分享的内容用脑图梳理出来,有了框架填内容就比较快了。 1、禁止ios和android用户选中文字 2、禁止ios长按时触发系统的菜单,禁止ios&android长按时下载图片 3、webkit去除表单元素的默认样式 4、去除a...原创 2018-06-25 16:46:04 · 4734 阅读 · 3 评论 -
帧动画的多种实现方式与性能对比
概述前面我分享了《Web动画形式》,各种动画形式都可以制作出一种类型的动画,那就是帧动画,也叫序列帧动画,定格动画,逐帧动画等,这里我们统一用帧动画来表述,接下来我们就来看看帧动画有哪些打开方式吧。 (高兴的小伙子)应用场景帧动画一般用来实现稍微复杂一点的动画效果,同时希望动画更细腻,设计师更自由的发挥。他可以定义到每一个时间刻度上的展现内容,我们一般用帧动画来做页面的Loadi...原创 2018-07-11 10:42:47 · 12217 阅读 · 4 评论 -
2018学习总结
今年是拔高和成长的一年。重构技术的拔高和前端知识的补充成长。今年申请成为了CSDN博客专家,对写博客产生了一种特殊的感情。今年一整年都没有“刷”和“发”朋友圈,对微信朋友圈失去了兴趣,我尝试打开看了几次,最后都觉得无聊关掉了。原创 2018-12-29 20:10:53 · 783 阅读 · 0 评论 -
我正在参加2018博客之星评选,需要您的支持,非常感谢
我正在参加CSDN 2018博客之星评选,希望您能投我一票,我在No.125。下边这个是我哦!感谢您宝贵的一票,投票地址:https://bss.csdn.net/m/topic/blog_star2018...原创 2019-01-08 17:54:45 · 544 阅读 · 5 评论 -
多端统一技术方案选型
文章目录概述需求目的考虑因素项目因素团队因素技术因素技术选型候选技术初步筛选详细对比多端支持流行活跃度开发工具组件库/工具库/Demo实践反馈支持宝小程序百度小程序结果评审做出决定参考文章概述本文是记录我们在寻找多端统一技术方案选型的一个过程,也是我自己的一个思路。主要用来记录这个过程,结果并不重要,通过本次事件,让我能多方面考虑,综合思考,最终决定某项技术方案在团队的落地,这适用于所有的技术...原创 2019-04-17 09:17:14 · 1944 阅读 · 0 评论 -
Swiper自定义分页器
Swiper自定义分页最终实现效果图:HTML DEMO(官网例子)<link rel="stylesheet" href="path/to/swiper.min.css"><div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div>原创 2017-02-28 20:34:21 · 47355 阅读 · 20 评论 -
2016,上路了 就不难
上路了,就不难。不行了,在2016年的最后两个多小时,必须要撸一篇年终总结了。只要你先上路,走着走着就不难了,站在原地,一定很难。原创 2016-12-31 22:42:52 · 1631 阅读 · 1 评论 -
JS高程-数据类型
今天有个同学过来面试WPF,然后用我的电脑上机,项目组座位的紧张,更别说电脑了,所以我就孤独的到一边去学习了。拿起JS高程,为什么直接看数据类型了呢?首先因为前面都是介绍性文字,直接看第三章,其次刚好看到一篇微信,上面问了一下基本数据类型有哪些?看似简单基础的题,却一下子把我问懵比了,确实搞得挺乱记不清楚了,于是书中找答案。一,基本数据类型有5种 Undefined:只有undefined一个值,原创 2016-06-08 23:39:02 · 925 阅读 · 0 评论 -
圣杯布局&双飞翼布局认识
作为纯野生的前端小白,当第一次听到圣杯布局的时候是懵逼的,这是什么布局,简直从来没听过。于是乎搜索引擎搜索一番,狂点开十来个页面,看demo,看评论,动手实践demo,最后。。。“圣杯布局从听过到看过”Duang!!!先贴出我看的文章: 1.这篇思路清晰,一看就清楚了。 http://www.cnblogs.com/imwtr/p/4441741.html2.这篇是最好的实践,把常用的圣杯布局写原创 2016-06-15 18:23:27 · 1213 阅读 · 0 评论 -
写给前端小白的切图技巧(实用)
我一开始是不会切图的,面试的时候心里也没有底气,但是之前也知道一点切图的知识,只是没有那种疯狂的天天做切图,所以一直也不敢说自己会熟练的切图,经过近一个月的切图经历之后,今天来分享一下纯纯的小白切图基础。切图工具Photoshop 安装好PS之后,先要调整工作区域的布局。 1.选择“窗口”——把“信息”,“属性”,”字符”,“段落”,“图层”,“历史记录”面板打开,其他的可以先关闭了,在切图的工原创 2016-08-21 17:20:33 · 40780 阅读 · 1 评论 -
软件开发职位中英对照表
有时候好奇,有时候又会忘,基于我自己呆过的公司,总结了一些职位,如果有误请指正,有其他岗位也可以留言哦。管理人员(Manager)-技术总监(CTO - chief technology officer/technical director) -项目经理(Project Manager)PM -产品经理(Product Manager)PM开发人员 (DEV-developer)原创 2016-10-14 00:29:14 · 8619 阅读 · 0 评论 -
分享到新浪/腾讯/人人等
我们经常会有分享到大网站的需求来满足用户吸引。常用的有分享到新浪/腾讯/人人网等。那么如何实现这些分享呢?今天就来探究一下,,首先了解一下第三方登录。1.常用的第三方登陆我们想要在自己的网站上提供第三方平台登录,类似这样的: 这样的需求我们是要到腾讯QQ或者新浪开发者平台申请appkey权限才能接入的第三方平台的用户数据,获取用户的昵称,头像,性别,id等信息,可以写入数据库作为本站登录的一种方式原创 2016-10-25 22:59:57 · 2173 阅读 · 0 评论 -
JS参数理解(基本类型和引用类型)
JS参数理解用过JS的同学肯定知道,JavaScript中,函数的参数简直就是”怪胎“! 1、不规定参数个数 2、不规定参数类型 3、参数随便传。。。为什么会这样呢?Java里面可是靠参数个数,参数类型来实现重载的啊,JS中怎么抛弃了这样一个设计思路呢?JS的参数到底是何方神圣。。。让我们一探究竟!原来,在ECMAScript中,参数在内部是用一个数组来表示的,函数接收到的始终是这个数组,而数原创 2016-06-13 17:48:54 · 1613 阅读 · 0 评论 -
前端面试题汇总(一)
HTMLDoctype作用?严格模式与混杂模式如何区分?它们有何意义? HTML5 为什么只需要写 ? 行内元素有哪些?块级元素有哪些? 空(void)元素有那些? 页面导入样式时,使用link和@import有什么区别? 介绍一下你对浏览器内核的理解? 常见的浏览器内核有哪些? html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 H原创 2016-10-05 22:05:15 · 2477 阅读 · 0 评论 -
前端面试题汇总(二)含解答
HTML面试题1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言 最主要的不同: XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。2.前端页面有哪三层构成,分别是什么?作用是什么?结构层 Html 表示层 CSS 行为层 js;3.你做的页面在哪些流览器测试转载 2016-10-05 22:11:12 · 1510 阅读 · 0 评论 -
前端面试题汇总(三)
各大公司(BAT等)都会涉及到的前端开发面试题线程与进程区别一个程序至少有一个进程,一个进程至少有一个线程. 线程的划分尺度小于进程,使得多线程程序的并发性高。 另外,进程在执行过程中拥有独立的内存单元,而多个线程共享内存,从而极大地提高了程序的运行效率。 线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行,必须依存在应用程序中,转载 2016-10-05 22:15:54 · 536 阅读 · 0 评论 -
前端面试题汇总(四)
BAT及各大互联网公司2014前端笔试面试题–Html,Css篇注:本文转载,可移步原文评论。很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧,不仅适用于求职者,对于巩固复习前端基础更是大有裨益。而更多的题目是我一路以来收集的,也有往年的,答案不确保一定正确,如有错误或有更好的解法,还请斧正。前面几题是会很基础,越下越有深度。 1.你做的页面在哪些流览器测试过?转载 2016-10-05 22:33:30 · 2766 阅读 · 1 评论 -
前端面试题汇总(五)
BAT及各大互联网公司2014前端笔试面试题–JavaScript篇初级Javascript:1.JavaScript是一门什么样的语言,它有哪些特点?没有标准答案。2.JavaScript的数据类型都有什么?基本数据类型:String,Boolean,Number,Undefined, Null引用数据类型:Object(Array,Date,RegExp,Function)那么问题来了,如何判断转载 2016-10-05 22:52:50 · 2060 阅读 · 0 评论 -
我的前端“先行”之路
自我介绍大家好,我叫邓旭辉,英文名Luke,网络ID向朔1992。我是五月份加入老尚的先行者计划的,下面我先会介绍一下自己这段时间的一些收获和感受,其次介绍自己是如何从焦虑转变到现在的学习状态,中间经历了哪些心理过程,最后会介绍一下自己目前的学习计划和学习现状以及学习总结。焦虑期背景 我是今年2月份开始在深圳一下外企实习,这家外企是一家全球公司,深圳分公司是主要做外包的,项目都是上千万RMB的规模原创 2016-11-11 23:02:34 · 2022 阅读 · 4 评论 -
《团队执行力》分享记录
不行了,很久都没有写博了,因为最近一直在忙着Vue2.0的项目,想着过些日子好好来分享一下自己在Vue2.0的项目实践中踩的坑,就抱着这样的心态,11月都过完了,我们项目还没上线呢,而且自己手里负责的模块好多都有难题或者说进度比较慢,好慌呢!不过周一的分享会我还是准备了一下,在周一给同事推荐了一本书,叫《团队执行力》。下面我在这里也分享一下。而且早会分享完了之后,引发了我一些思考,比如:如何快速的向原创 2016-12-03 22:43:36 · 2126 阅读 · 0 评论 -
2017年,我要怎么学前端
今天本来是要写一篇技术文章的,可是啊可是,第一天发生的事情太美好,美好的没心情写技术文章了。我来跟大家复盘一下今天发生的事情。美好的第一天开始上午也没什么事,就起来洗澡洗漱,扫地拖地打扫卫生(没错,我就是这么爱卫生),出门给自己弄点好菜吃(其实,我的梦想是当一名厨师,55555....),下午洗衣服,中午吃完饭已经是下午快两点了,想了一会写文章的事情,就有点困了,之前起床晒了被子,原创 2017-01-01 21:45:06 · 2357 阅读 · 0 评论 -
前端学习方法总结
今天做了两件事。分别是学习了bootstrap和AngularJS的API文档,直接看文档。在看之前虽然早就听说了这两门技术,但是一直没有去学习他,今天在学习之后,我发现前端的技术学习是需要一定的学习方法,其实做什么都要方法啦,只是今天在这一块有点感触。我在学习了之后发现其实挺简单的,bootstrap和AngularJS都有一定的共性。 第一:先引入库文件,或者CDN(内容分发网络) 第二:根原创 2016-06-07 23:32:30 · 902 阅读 · 0 评论