作者 | Daniel Anderson 译者 | 核子可乐 策划 | 田晓旭 不容错过的 11 项 HTML/JS/CSS 技巧。 通过以下 HTML/CSS/JavaScript 相关技巧,希望能帮助大家填补一点点关于前端开发方面的知识空白。 data:text/html, <html contenteditable> 11 在 if 代码块中,去掉多个语句之间的大括号 if (1 === 1)alert("Alert 1"), alert ("Alert 2"); 12 总结 虽然这 11 项技巧未必都很实用,但至少也算是各具价值,而且大多没能在实际前端开发中得到重视。 原文链接: https://medium.com/javascript-in-plain-english/11-frontend-tricks-that-most-frontend-developers-dont-know-about
一、前言 微信为广大开发者提供了两个平台,分别是微信公众平台和微信开放平台。本节将简单概述这两个平台的基本功能。 订阅号的缺点是,一个用户的所有订阅号会收缩至【订阅号消息】中降低了订阅号的打开频率,而且开发接口没有服务号那么丰富,不能调用支付接口。 服务号 服务号每个月可以推送四次内容,相对于订阅号少了很多。 而且服务号提供了丰富的开发接口。商家可以通过服务号为用户提供线上功能,网店或者在线课堂也可以通过服务号扩展业务。 小程序 我们可以把小程序当做嵌入在微信中的app。 三、微信开放平台 微信开发平台需要单独注册,不能与微信公众平台使用相同的邮箱。 微信开放平台将微信的能力扩展到了微信之外,例如网站、APP等第三方平台。 五、开发文档 公众号开发文档 小程序开发文档 开放平台开发文档 微信支付开发文档 JS-SDK说明文档
,'2019-02-01','month') //["2018-05", "2018-06", "2018-07", "2018-08", "2018-09", "2018-10", "2018-11 ", "2018-12", "2019-01", "2019-02"] 3、moment.js当日期为周日时,获取所在周的周日,出现的bug let date='2019-08-11' //获取该日期所在的周几 = moment(date) .week(+end_weeknumber) .isoWeekday(7) .format('YYYY-MM-DD') //'2019-08-11 ' 特别特别需要注意的就是,当所选日期是周日的时候,获取所在的周数是需要加 1 的 配合 前端小知识10点(2019.9.29) 的第一点使用: 完美版: let date='2019-08-11' },100) }, 这个知识在自己的项目里还是挺有用的,一个是拖拽,另一个是鼠标滚轮滚动里也用到过 10、获取网页缩放比例 window.devicePixelRatio 11
一、概述 在web开发中,我们经常会让网站接入微信登录功能,这样用户免于注册账号,网站开发人员也可以更为方便地获取到用户信息。 一、网站扫码登录置流程 开发文档 具体的开发流程官方文档已经给出了详细的说明,但是文档更关注的是严谨和全面,本节的内容更倾向于简单易懂。下面介绍一下扫码登录的开发流程。 网站微信扫码登录流程 网站跳转到以下链接:注意连接中的两个参数 appid:微信开发平台提供的appid redirect_url:用户扫码登陆后跳转的地址 https://open.weixin.qq.com
开通微信支付后,需要在微信支付后台【产品中心】=>【开发配置】中配置【JSAPI支付授权目录】和【Native支付回调链接】,如下图所示: image.png 微信支付可以分为两种情况,微信浏览器之外的扫码支付 然后将这个值传递给前端,再由前端调用jsapi完成支付,示例代码如下所示: 1 document.querySelector(".pay").onclick = function(){ 2 "signType": `{{signType}}`, //微信签名方式: 10 "paySign": `{{paySign}}` //微信签名 11 if (res.err_msg == "get_brand_wcpay_request:ok") { 14 // 使用以上方式判断前端返回 } else { 28 onBridgeReady(); 29 } 30 } 交易类型为【NATIVE】 返回的结果包括一个code_url字段,将这个字段的值传递给前端
本期精读的文章是:debugging-tips-tricks 编码只是开发过程中的一小部分,为了使我们工作更加高效,我们必须学会调试,并擅长调试。 代码不可能没有 BUG,调试与开发也始终交织在一起,我们在这两种矛盾中不断成长。 假数据、边界值测试、开发环境代码加载,每一项都非常有用。 定制 Chrome 拓展 对于特定业务场景也可以通过开发 chrome 插件来做,比如分析自己网站的结构、版本、代码开发责任人、一键切换开发环境。 讨论地址是:精读《前端调试技巧》 · Issue #17 · dt-fe/weekly
2.Bookstrap...复制粘贴...复制粘贴...link导入bookstrap.css,分分列,然后往里面贴
计算机网络知识文章链接:https://cloud.tencent.com/developer/article/2474032 本篇文章主要介绍了计算机网络知识最近看到一个不错的开源项目,作者用react复刻了一个win11 但作者也说了开发这个工具的原因浪费一周的时间去完成这个工具,仅仅是为了掩盖自己的不安全感,让自己看上去看很强。作者原话是这样说的:“WHY NOT? 如果你想去体验下,作者提供了一个的demo环境,地址如下:https://win11.blueedge.me/而如果你想自己启动一个这样的项目的话,最快捷的方式是通过docker启动,方式如下:docker run -d --restart unless-stopped --name win11react -p 3000:3000 blueedge/win11react:latest当然了,如果你熟悉一些自动化在线部署平台如 前面也提到了,它不是一个操作系统,也和microsoft没有任何关系,作者写这个项目用了不到10天,真正写代码仅用了6天如果你是前端开发者,或者在学习react,那么这个项目可以作为一个不错的练手项目。
前端开发是创建WEB页面或APP等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 [1] 。 前端开发从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。 [2] 前端开发跟随移动互联网发展带来了大量高性能的移动终端设备应用。HTML5,Node.js的广泛应用,各类UI框架,JS类库层出不穷,开发难度也在逐步提升。 [1]
一、前言 微信为广大开发者提供了两个平台,分别是微信公众平台和微信开放平台。本节将简单概述这两个平台的基本功能。 订阅号的缺点是,一个用户的所有订阅号会收缩至【订阅号消息】中降低了订阅号的打开频率,而且开发接口没有服务号那么丰富,不能调用支付接口。 服务号 服务号每个月可以推送四次内容,相对于订阅号少了很多。 而且服务号提供了丰富的开发接口。商家可以通过服务号为用户提供线上功能,网店或者在线课堂也可以通过服务号扩展业务。 小程序 我们可以把小程序当做嵌入在微信中的app。 三、微信开放平台 微信开发平台需要单独注册,不能与微信公众平台使用相同的邮箱。 微信开放平台将微信的能力扩展到了微信之外,例如网站、APP等第三方平台。 五、开发文档 公众号开发文档 小程序开发文档 开放平台开发文档 微信支付开发文档 JS-SDK说明文档
因此开发调取微信支付和JS-SKD接口,必须了解微信签名的规则。 二,规则 确定参与签名的分段,例如ncencestr,timestamp等。
一、概述 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。例如我们网页中希望实现扫一扫、获取本地相册、位置信息、分享功能等,都可以使用JS-SDK来实现。 jsapi_ticket 6 const jsapi_ticket; //通过上述接口获取 7 //当前页面的url 8 const url; 9 //拼接成参数对象 10 const params = { 11 利用上一节的签名算法生成签名 17 const signature = getSign(params) 权限验证配置 以上代程序由服务器端完成,通过以上程序,我们已经得到了时间戳、加密字符串,还有签名,然后再前端的页面中引入 jsApiList: [ 8 "updateAppMessageShareData", 9 "updateTimelineShareData" 10 ] 11 安全域名一致 6 imgUrl: imgUrl, // 分享图标 7 success: function () { 8 9 } 10 }); 11
因此开发调取微信支付和JS-SKD接口,必须了解微信签名的规则。 二,规则 确定参与签名的分段,例如ncencestr,timestamp等。
既然都是前端开发,两者肯定有紧密的联系,移动前端开发和web前端开发其实都属于前端开发的范围,目前前端发展的趋势就是大前端,可以说是包罗万象,当然也就包含PC端和移动端领域,而现在的前端开发人员也已早就不是当年的切图仔了 ,需要学习和掌握大前端体系方方面面的知识才能在日常的开发中游刃有余,但是不论趋势如何发展,目前来看HTML、CSS和JavaScript依然是整个前端开发的三大基石。 所以不论是想做移动前端开发还是web前端开发,这三样基础技术都必须熟练掌握。 移动前端开发和web前端开发都属于前端开发,那具体又有什么区别呢? 1、业务的应用场景 web前端开发主要指传统的PC端网页开发,页面主要是运行在PC端浏览器中,移动前端开发出来的页面主要是运行在手机上;直观上会感觉,PC端页面大一些,移动端页面小一些,但是根据开发经验 ,页面大可并不代表书写的代码复杂,页面小也并不意味着开发简单,难与易主要还是取决于具体的业务需求。
移动端APP开发方式概述 按照开发分类,大致可以分为下面这三种: 1、WebApp WebApp开发,严格来说并不是一个APP软件,只是一个Web型的微网站。市面上也被叫做H5应用程序 。 写页面的方式来开发App(APIClound)。 优点:开发时间短、兼容性强、方便系统移植。 缺点:必须有网络的支持,用户体验相对差,对于手机的一些原生底层功能不能实现。 3、HybridApp(混合式App开发) 介于WebApp和NativeApp这两者之间的App,开发时间短、成本低、用户体验度好,可以调用手机底层组件,方便移植,是目前及未来App开发的流程趋势。 一半是原生的,一半是前端程序员可以做的。 混合应用程序是集前两者开发方式的优点于一身,让开发人员可以把HTML5应用程序嵌入到一个细薄的原生容器里面,集原生应用程序和HTML5应用程序的优点(及缺点)于一身。
记录前端学习历程 kissy UI JavaScript 1 funtion方法的高级特性 2 图解闭包 3 JS面向对象高级特性 4 DOM 四个常用的方法 5 DOM 相册实现点击加载图片 初识AngularJS 续 3 第一个AngularJS小程序 4 表达式 5 表单 6 过滤与排序 7 模块化 8 自定义指令 9 自定义过滤器 10 指令的复用 11
此外语义化的 HTML 结构,有助于机器(搜索引擎)理解,另一方面多人协作时,能迅速了解开发者意图 ? maximum-scale: 最大缩放比例; <meta name="viewport" content="width=device-width, initial-scale=1.0"> 此手册是在开发中积累下来的经验和参考其它规范 /指南制定的,它只是起指导作用,除个别条目强制之外,大多数为非强制约束,开发者可根据自己的实际情况自行决定是否要遵守 该指南只是保证大方向一致性和最佳实践的阶段性总结,不是最后结论
使用不带BOM的UTF-8编码 在HTML中指定编码<meta charset="utf-8">; 无需使用@charset指定样式表编码,它默认为UTF-8(参考@charset);
前端开发不断演变的角色 过去,前端开发主要侧重于网站在各种浏览器上的外观。然而,前端开发的范围已经扩大。如今,它不仅涉及美学,还涉及增强用户体验和 Web 应用程序的整体功能。 随着互联网的发展,前端开发通过适应挑战和抓住机遇来改进用户体验并满足当前需求,从而跟上步伐。 前端开发人员的角色 从事前端工作的开发人员在将设计理念与技术执行连接起来方面发挥着作用。 随着技术的不断发展,对有才华的前端开发人员的需求将继续上升,突显他们对塑造动态在线环境的贡献。 前端开发人员的基本技能 前端开发是一个动态领域,需要技术技能和创造天赋的结合。 前端开发人员的学习和开发资源 在快速发展的前端开发领域保持最新状态需要致力于持续学习和发展。 前端开发的未来 在这篇文章中,我们深入探讨了前端开发的基础知识、挑战和不断发展的格局。
前端行业其实很少人去深究前端开发工程师中的“工程师”这三个字,究竟是什么意思。其实在我看来,许多所谓的前端开发工程师只是做前端开发的工作而已,远配不上工程师这三个字。 恩,其实我是说,我配得上前端开发工程师中的“工程师”这三个字。不要急着喷我,我有理由的。 举个例子吧,外包公司大家都知道,在那公司里,多数都是只做软件,不做业务。 我不仅拥有编写前端程序代码的开发思路,我还有能解决问题的思路。我这种能力比能记住和使用很多函数方法插件框架。。这些东西要强的多。 对于一个合格的开发工程师来讲,不管你前端还是后端,给你一个活儿,你最好想想它是干嘛的?谁需要它?它的产出物给谁?把这个工作任务,放在整个网站的业务流程中去思考它的定位。 就例如淘宝双11时,前端资源的千万级并发访问,这问题你根本都接触不到的,人家就能给解决了!那人家就是大神了。就这么简单。