精华内容
下载资源
问答
  • 2018-06-21 22:09:14

    最早的前端都是野生的
    JS面向对象思想(与哲学相关)参考自Java
    前端所以的库都在做一件事情,怎么让前端不操作页面(DOM)
    RAILS社区
    Ruby
    Sass

    MVC 前端太多异步,不太适合
    MVVM 双向绑定 ,失控的局面

    tj node.js

    Rails关键字

    • 程序员幸福最大化
    • 约定优先配置
    • 主厨精选
    • DRY (don’t repeat yourself)

    Rails社区对前端的启发

    • Coffee Script —- (ES6)
    • SASS
    • LESS
    • Yarn —– (npm)
    • Ember.js ——(Angular)

      vue react 都只能称为库,不是框架。

    多语言开发者

    重视整合

    产品的架构和团队组织架构是相对的。
    启示,组织架构和产品架构要保持一致。

    框架使前端变复杂容易了。

    理想框架

    • 少加班
    • 有稳定品味的领导
    • 容纳新事物

    前端还处于初级阶段

    晋升
    很难,切页面的不能当将军
    后端,产品经理,设计
    跨界,产品意识

    更多相关内容
  • web前端分享

    2014-12-12 10:22:59
    关于中国互联网行业的现状(就业方面的),以及前端自学的常用资源(很少几个,但都是最有用的)。
  • 前端分享--Vue简介

    2018-05-09 03:03:59
    一份关于Vue的前端分享PPT,内容比较浅显,主要介绍了Vue的基础知识部分,好了好了,介绍就这些吧,字数够了吗?这一份文档不算特别好,但还算凑合了,喜欢就下载支持一下呗
  • frontend:前端技术交流

    2021-04-28 05:02:41
    一个人走的快,一群人走的远。 独学而无友,则孤陋而寡闻。 介绍 我是继伟,本科学习的是生物学,毕业后因志趣选择了程序员这一职业。目前自己不到两年的编程经验。...下图所列大致是我们现在组织分享交流的
  • 前端实现分享

    2018-01-30 02:22:35
    使用纯js实现第三方分享。包括QQ分享,QQ空间分享、朋友圈分享、微博分享、人人网分享等,不支持微信分享。微信不对外其他分享接口,只能在微信内部实现分享
  • 程序员轻松应对前端分享课第一季

    千人学习 2016-09-23 09:04:51
    介绍了很多前端组件和js封装方法,帮助程序员了解什么样的业务使用什么样的前端组件,做到应对自如,没有的控件自己封装,原有的控件也能封装的更好用,更智能,自动化。
  • 前端笔试题分享 前端面试pdf.pdf
  • 前端如何实现活动分享功能

    千次阅读 2022-03-12 15:45:37
    最近遇到了将我们做的活动链接以二维码的形式分享到微信,qq等第三方平台上,通过扫码的形式打开我们的活动的需求。 难点 1.如何将链接转换成二维码 2.有二维码也不行,太单调了,分享出去的不能只是一个二维码,...

    前言

    最近遇到了将我们做的活动链接以二维码的形式分享到微信,qq等第三方平台上,通过扫码的形式打开我们的活动的需求。

    难点

    1.如何将链接转换成二维码
    2.有二维码也不行,太单调了,分享出去的不能只是一个二维码,应该还需要有体现当前活动的元素,所以需要生成一个截图,在截图中需要二维码,活动元素等

    如何将链接转换成二维码,使用vue-qr

    首先在代码中下载vue-qr这个库

        <vue-qr
             :text="browserUrl"
             :margin="0"
             colorDark="#000"
             colorLight="#ffe2c4"
             logoSrc="logoIcon"
         ></vue-qr>
    

    text属性是你需要生成二维码的链接
    colorDark属性是实点的颜色
    colorLight属性是空白的颜色
    logoSrc属性是二维码中间的图片

    总结,使用这个库可以解决链接转换二维码的问题

    如何将活动生成一个截图,使用html2canvas

     let node = document.getElementById('toastMask');
     html2canvas(node).then(function (canvas) {
         //返回图片的二进制数据
         var dataUrl = canvas.toDataURL('image/jpeg', 1.0);
           _this.dataUrl  = dataUrl
     });
    
    展开全文
  • 公司要求每周都要分享,自己当时分享前端文件上传,希望能给大家一点参考
  • 30个前端技术分享主题

    万次阅读 多人点赞 2019-03-01 11:21:27
    这是我们团队前30期的前端内部技术分享主题,我做的是第1、10、19期的分享,仅供大家参考

    这是我们团队前30期的前端内部技术分享主题,我做的是第1、10、19期的分享,仅供大家参考 

    展开全文
  • 前端技术分享

    2014-07-09 14:15:16
    分析目前流行的UI框架和JS框架,最后提供了主流的WEB技术选型建议
  • 前端网页的分享功能

    万次阅读 2018-05-25 17:47:13
    分享是现在的web开发,最常用的功能,对于前端网页,有很多现成的别人已经做好的东西,提供给我们使用。 第一类——常用分享方式 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &...

    分享是现在的web开发,最常用的功能,对于前端网页,有很多现成的别人已经做好的东西,提供给我们使用。

    第一类——常用分享方式

    这里写图片描述

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
    <!--就下面这一块代码是重点-->
    <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"1","bdMiniList":["tsina","weixin","mail","linkedin","copy","print"],"bdPic":"","bdStyle":"0","bdSize":"32"},"slide":{"type":"slide","bdImg":"3","bdPos":"left","bdTop":"100"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
    </body>
    </html>

    第二类——自定义

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    1、新浪微博
    <a href="http://v.t.sina.com.cn/share/share.php?url=http://www.jb51.net&title='分享内容'" target="_blank">新浪微博</a> </p> <p>2、腾讯微博
        <a href="http://v.t.qq.com/share/share.php?url=http://www.jb51.net&title='分享内容'" target="_blank">腾讯微博</a> </p> <p>3、开心网
        <a href="javascript:window.open('http://www.kaixin001.com/repaste/share.php?rtitle='+encodeURIComponent(document.title)+'&rurl='+encodeURIComponent(document.location.href)+'&rcontent=');void(0)">开心网</a>
        或者用
        <a href="http://www.kaixin001.com/repaste/share.php?rurl=http://www.jb51.net&rcontent=http://www.baidu.com&rtitle=kaixin" target="_blank">开心网</a> </p> <p>4、豆瓣网
        <a href="javascript:window.open('http://www.douban.com/recommend/?url='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title));void(0)">豆瓣</a> </p> <p>或者用
        <a href="http://www.douban.com/recommend/?url=http://www.jb51.net&title=douban" target="_blank">豆瓣</a> </p> <p>5、人人网
        <a href="javascript:window.open('http://share.renren.com/share/buttonshare.do?link='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title));void(0)">人人网</a>
        或者用
        <a href="http://share.renren.com/share/buttonshare.do?link=http://www.jb51.net" target="_blank">人人网</a> </p> <p>6、百度贴吧
        <a href="http://tieba.baidu.com/f/commit/share/openShareApi?url=http://www.jb51.net&title=hello&desc=&pic=" target="_blank">百度贴吧</a> </p> <p>7、QQ好友
        <a href="http://connect.qq.com/widget/shareqq/index.html?title=qqhaoyou&url=http://www.jb51.net&desc=还不错哦&pics=&site=优酷" target="_blank">QQ好友</a> </p> <p>8、QQ空间
        <a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://www.jb51.net" target="_blank">QQ空间</a> </p> <p>9、腾讯朋友
        <a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?to=pengyou&url=http://www.jb51.net" target="_blank">腾讯朋友</a> </p> <p>
        10、百度收藏
        <a href="javascript:window.open('http://cang.baidu.com/do/add?it='+encodeURIComponent(document.title.substring(0,76))+'&iu='+encodeURIComponent(location.href)+'&fr=ien#nw=1','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes'); void 0">百度搜藏</a> </p> <p>11、优酷空间
        <a href="http://i.youku.com/u/share/?url=http://www.jb51.net&content='分享内容'" target="_blank">优酷空间</a> </p> <p>12、搜狐微博
        <a href="http://t.sohu.com/third/post.jsp?content=utf-8&url=http://www.jb51.net&title=souhu" target="_blank">搜狐微博</a> </p> <p>13、MSN
        <a href="http://profile.live.com/badge/?url=http://www.jb51.net&Title=msn" target="_blank">MSN</a> </p> <p>14、猫扑
        <a href="http://tt.mop.com/share/shareV.jsp?title=moptietie&pageUrl=http://www.jb51.net" target="_blank">MOP贴贴</a> </p> <p>15、网易微博
        <a href="http://t.163.com/article/user/checkLogin.do?link=http://www.jb51.net" target="_blank">网易微博</a> </p> <p>16、QQ书签 </p> <p><a href="javascript:window.open('http://shuqian.qq.com/post?from=3&title='+encodeURIComponent(document.title)+'&uri='+encodeURIComponent(document.location.href)+'&jumpback=2&noui=1','favit','width=930,height=470,left=50,top=50,toolbar=no,menubar=no,location=no,scrollbars=yes,status=yes,resizable=yes');void(0)">QQ书签</a> </p> <p>17、GOOGLE书签:
        <a href="javascript:window.open('http://www.google.com/bookmarks/mark?op=add&bkmk='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title));void(0)">Google</a> </p> <p>18、Twitter
        <a href="javascript:window.open('http://twitter.com/home?status='+encodeURIComponent(document.location.href)+' '+encodeURIComponent(document.title));void(0)">Twitter</a> </p> <p>19、Facebook
        <a class="fav_facebook" rel="nofollow" href="javascript:window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(document.location.href)+'&t='+encodeURIComponent(document.title));void(0)">Facebook</a> </p> <p>20、Delicious书签: </p> <p><a href="javascript:window.open('http://del.icio.us/post?url='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title)+'&notes=');void(0)">Delicious</a>
    
    </body>
    <script>
    
    </script>
    </html>
    展开全文
  • 公司前端分享Electron
  • 好程序员web前端分享初学者必看web前端学习路线图,随着移动互联网的发展,web前端逐渐受到企业的重视,前端开发人员的薪资也水涨船高,越来越多的人看好前端行业的发展,想要转行加入。下面,好程序员web前端培训小...
  • 前端架构, 新浪博客前端架构分享.ppt
  • 主要介绍了一张Web前端的思维导图分享,本文直接给出思维导图,图中详细描述了一些需要学习的知识、一些必备的知识,需要的朋友可以参考下
  • 工作两年前端经验分享

    千次阅读 2021-03-03 15:12:10
    关注公众号前端开发博客,回复“加群”加入我们一起学习,天天进步转自:知乎https://www.zhihu.com/question/425782106/answer/154300721...
  • web前端分享HTML5中的nav标签学习笔记

    千次阅读 2019-08-17 11:14:49
    好程序员web前端分享HTML5中的nav标签学习笔记,nav标签全称navigation,顾名思义,是导航的意思。根据HTML5的相关标准定义如下: “A section of a page that links to other pages or to parts within the page: a...
  • 前端小知识分享

    千次阅读 2019-01-17 21:14:55
    小妙招,简单搞定图片切换小按钮效果 ... 小伙伴们在学前端时,时常会遇到些问题。如很简单的样式需要花费十几行代码等。要能把实体字符巧妙用上会省不少功夫哦。小学者在这里分享一下对应按钮实体字符的应用。 ...
  • 前端资源分享-只为更好前端

    千次阅读 多人点赞 2018-05-12 16:07:17
    一、团队组织网站说明腾讯 AlloyTeam 团队腾讯Web前端团队,代表作品WebQQ,致力于前端技术的研究ISUX腾讯社交用户体验设计,简称ISUX,腾讯设计团队网站CDC腾讯用户研究与体验设计部FEX百度Web前端研发部出品淘宝...
  • 来,和魔王哪吒总结一下,分享一下自己对前端学习总结,经验分享,以及写过的项目经验分享过程。 如果觉得还不错的话,浏览的过程中,需要您: 点赞,分享,评论 有钱的捧个钱场,没钱的捧个人场 技术实践、读书...
  • 前端微信分享功能,代码不是很多,不过需要细心查看,刚开始着手一个东西,不管多陌生,但是不要害怕,就什么都好解决了。
  • 此链接收集了前端从html、css、js到vue框架的面试题集,由浅入深,带你掌握面试必问的问题,为你轻松拿下offer。
  • 最近一直有给新同学做前端方面的培训,也有去参与公司前端的招聘,所以把自己资料库里面很多高效且有用的知识做了些规整分类,然后再分享一篇关于前端优化方面的总结。而且春节一过就又是招聘的高峰期了,在校的、...
  • 从中台的前端走向前端的中台; 钉钉表格 — 从 0 到 1 打造 在线 Excel; 盒马中后台跨端方案探索; 基于 WebAssembly 的 IoT应用架构实践; 跨端的另一种思路; 媒体智能-淘宝直播流媒体互动实践; 前端智能化实践...
  • 文章目录 2021届前端秋招经验分享(最终拿下拼多多、美团、京东offer) 战绩 心得 暑期实习 秋招 基础 项目 简历 笔试 面试 个人介绍 面试环节 建议 结语 2021届前端秋招经验分享(最终拿下拼多多、美团、京东offer...
  • 前端电子书分享

    2018-12-21 15:58:21
    你不知道的 javascript 上中下 三册 pdf CSS 权威指南第三版 mobi Javascript 高级程序设计
  • 前端的资料,内容详细,欢迎下载。
  • 主要介绍了jQuery前端分页示例分享的相关资料,需要的朋友可以参考下
  • 前端笔记.zip

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 232,494
精华内容 92,997
关键字:

前端分享