麦田上的字节
一个文绉绉的前端程序员
展开
-
2022年最新前端学习路线图
1.前端核心基础阶段2.前端核心高级阶段3.JavaScript高级4.JS后台技术阶段5.前后端交互阶段6.工程化阶段7.前端新型Web框架阶段8.跨平台开发阶段9.底层原理的实现...原创 2022-02-19 21:18:15 · 5411 阅读 · 0 评论 -
一些前端大牛都在学习的github库
前端知识比较杂,长时间的工作容易沉浸在业务当中,技术提升有限,这里发现了前端的新大陆,可以帮助小伙伴们巩固基础知识,完善自己的知识体系,欢迎点赞收藏,兄弟们,赶紧干起来吧!1.JavaSc...原创 2022-03-02 22:44:16 · 2293 阅读 · 0 评论 -
前端代码规范网址导航(总结)
在大公司代码规范是非常重要的一件事情,多人协作,还有代码评审。所以能写出漂亮的代码非常重要。这就好比你自己在家,无论是穿大裤衩子,还是背心,甚至是光膀子,都没人管你。但你要出门去约会,就要把最好的一面展现给别人。这是对别人的尊重,也是给自己的背书。所以遵守代码规范,写出漂亮的代码,是每个程序员都应该追求的事情。整理了一些编码规范的代表网站京东凹凸实验室前端代码规范.网址是:Aotu.io - 前端代码规范 腾讯前端代码规范网址是:TGideas文档库 百度前端代码规范文档Gith...原创 2021-09-18 10:06:08 · 2237 阅读 · 46 评论 -
前端工程师直线学习路径
想自学前端?却不知道学习路径。报个班吧,又怕被坑。一张学习前端路径是带你少走N条弯路。最近两年,前端技术和三大框架地位趋于稳定,推荐这个前端开发学习路径。新手自学前端的五大阶段。第一阶段想...原创 2021-06-10 10:30:25 · 3541 阅读 · 9 评论 -
VS code常用插件推荐(总结整理篇)
简介vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器。当前市面上常用的轻型代码编辑器主要是:sublime,notepa...原创 2021-06-11 08:00:00 · 56857 阅读 · 20 评论 -
现在抖音这么火,那么你知道如何用CSS实现抖音字体?
比如这种抖音字体是不是感觉很酷,它是如何实现的呢,下面孙叫兽就简单分享一下CSS的实现方法,记得点赞收藏。老司机给大家的一些小建议,一定要敲代码敲代码敲代码(重要的事情说三遍),程序员是实...原创 2021-07-18 08:00:00 · 1634 阅读 · 0 评论 -
对后台返回的数据进行评分排序、时间排序!
导读:对后台返回的数据进行评分排序,时间排序,可以倒序,可以正序。按照评分排序正序 qualityScoreSort(){ this.tableData0.sort((a, b) => { return b.qualityScore - a.qualityScore //从大到小 }) },倒叙 qualityScoreSort(){ this.tableData0.sort((a, b) => { return a.qualityScore -.原创 2021-06-09 10:34:37 · 2341 阅读 · 2 评论 -
前端开发——移动端及响应式布局解决办法总结(适配)
问题分析:前端开发一个产品(网站、系统、APP等)会遇到的一个难点就是适配问题,比如开发一个网站,你在一个页面开发的时候从视觉看起来没什么异样,换个不同分别率的设备,电脑,手机等,发现样式全乱了,这个不是我们想要的结果,所以,浏览器适配,响应式布局就显得尤为重要。目录响应式原理响应式适用于那些网站手机端网页适配 自适应布局一些有用的帖子随着智能手机,平板电脑的普及!以及电脑显示器越来越大!在享受大屏幕带来的视觉震撼的时 候!对于网页设计以及布局来说!我们需要做...原创 2021-05-09 13:49:27 · 3709 阅读 · 2 评论 -
如何科学高效的学习Web前端开发?
近几年,web前端开发工程师越来越火了,薪资待遇也快接近后端开发工程师了。很多准备入行前端开发工程师的小伙伴们,不知道准备得怎么样了呢? 有的朋友在想方设法的学习,争取在年后的金九银十能靠实力找到一份满意的工作!有的小伙伴在准备准备回家过个团圆年,来年再战!还有的小伙伴很迷茫,想学前端,却没有方向!这篇文章,就是教你零基础如何高效的学习web前端。web前端开发(也称为客户端开发)主要是通过html,css,JavaScript,ajax,DOM等前端技术,实现网站在客服端的正确显示及交互功能。在早期.原创 2021-04-10 00:47:05 · 2212 阅读 · 0 评论 -
HTML面试题
声明:从市面上搜集的涵盖html的面试题,自己解答,仅供参考。HTML5HTML5HTML5有哪些新特性? 请写出至少5个 html5新增的标签和使用场景 HTML5引入什么新的表单属性 与HTML4相比HTML5废弃了哪些元素 如何处理HTML5新标签的浏览器兼容问题 如何区分HTML和HTML5 HTML5 为什么只需要写 <!DOCTYPE> HTML5新的doctype和charset是什么? 如何在HTML5页面嵌入音频? 如何在HTML5页面嵌入视频? H原创 2021-04-09 13:22:31 · 1318 阅读 · 0 评论 -
小程序开发从0到1
公司最近也想做小程序,简单梳理了一下,希望能给新人带来一点启发。话不多说,直接上干货。不是码农也想开发的直接采用混合式开发的方案,查漏补缺,用模板肯定会有点生硬,想走的更远建议还是采用原生开发的方式。补充资料:腾讯云官网:(https://cloud.tencent.com/?fromSource=gwzcw.2212127.2212127.2212127&utm_me...原创 2021-04-09 13:19:33 · 1375 阅读 · 0 评论 -
常用正则表达式整理【总结】
平时不太喜欢记忆这些东西,开发的时候需要拿过来直接用就好,还有面试的时候直接让你敲的,这里记录一下。目录一、校验数字的表达式二、校验字符的表达式三、特殊需求表达式一、校验数字的表达式数字:^[0-9]*$ n位的数字:^\d{n}$ 至少n位的数字:^\d{n,}$ m-n位的数字:^\d{m,n}$ 零和非零开头的数字:^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(\.[0-9]{1,2})?$ 带1-2..原创 2021-03-28 23:17:01 · 1587 阅读 · 2 评论 -
移动端适配的几种解决办法
所谓移动端适配,就是WebApp在不同尺寸的屏幕上等比显示原则开发时方便,写代码时设置的值要和标注的 160px 相关 方案要适配大多数手机屏幕,并且无 BUG 用户体验要好,页面看着没有不适感思路写页面时,按照设计稿写固定宽度,最后再统一缩放处理,在不同手机上都能用 按照设计稿的标准开发页面,在手机上部分内容根据屏幕宽度等比缩放,部分内容按需要变化,需要缩放的元素使用 rem, vw 相对单位,不需要缩放的使用 px 固定尺寸+弹性布局,不需要缩放viewport 适配&.原创 2021-03-11 22:35:54 · 6019 阅读 · 5 评论 -
【前端笔试题】文本居中的几种小技巧
html+css实现文本居中的四种方法原创 2021-03-11 21:48:04 · 1939 阅读 · 2 评论 -
H5工程师跨页面取值的几种方法
高级前端工程师必知必会原创 2021-03-01 23:41:47 · 4244 阅读 · 4 评论 -
前端使用正则表达式从接口地址栏取值并将对应的值展示在页面上
业务场景,APP分享出链接,通过get请求接口方式,展示对应的字段。需求图:获取某单号 var name="";//姓名 var idNo="";//证件号 var applicationNo=getParams("applicationNo");//号码 window.onload = function(){ fetch("https://xxxxx/picc-interface/queryApplicantFiveElements?applicat..原创 2021-02-23 18:00:32 · 1804 阅读 · 0 评论 -
前端工程师必须知道的用javaScript刷新当前页面的3种方法
前端工程师必读原创 2021-02-05 20:50:31 · 8078 阅读 · 8 评论 -
设置按钮5秒后可以点击下一步||5秒后自动关闭网页
场景:业务需要在点击拍摄的时候提示一个用户须知页面,5秒后可以点击下一步。这属于一个js计时器的功能。这里用jQuery实现一下效果图:html<div style="text-align: center;"> <input type="button" value="下一步" id="nextBtn" onclick="btnfunction()" disabled> <!-- <button id="nextBtn">下一步<.原创 2021-02-03 15:39:32 · 7488 阅读 · 10 评论 -
论赵泽彬多终端应⽤下的架构设计
导读:1.应⽤特点及关键问题2.解决思路及实现⽅案3.实践效果及未来⽅向总结下来就是,搞成可扩展性强,健壮性强,降低人员成本,沟通成本,一套代码多端使用,统一维护!...原创 2021-01-21 20:22:56 · 1484 阅读 · 0 评论 -
大前端工程师进阶之路,Node全栈为前端带来更多可能
导读:对那些刚入门前端的开发者来说,前端是一个“令人畏惧”的领域,尤其是在你看到前端的技能图谱时,你会发出这样的感叹,前端怎么有那么多的东西要学?我应该从何处学起?我又该如何应对千变万化的前端技术?目录如何选择?关于变化前端工程师如何抉择全栈工程师很吊?说一说node全栈?K型人才?在大厂,前端晋升靠啥?大前端的边界到底在哪里?如何选择? 俗话说,“男怕入错行,女怕嫁错郎”。其实前端开发也一样,从开发工具到前端框架,开发者都面临着选择,选对了技术方向..原创 2021-01-21 19:57:56 · 1672 阅读 · 0 评论 -
前端工程师之华为手机如何打开开发者模式并进行手机调试查看原生APP效果。
导读:我这手机是华为nova 3系列手机,作为一名前端工程师,需要将代码安装包搞到手机,便于查看自己开发的功能模块是否完善。目录工具准备华为手机如何打开开发者模式?替换手机应用安装包这种应用为啥不上线应用商店?工具准备华为手机,电脑,编译器用的HB-X,USB数据线。华为手机如何打开开发者模式?手机打开 设置——》系统——》关于手机——》EMUI版本(有的手机可能是Android)。双击6到7次,打开开发者模式。参考教程请参考:https://jingy..原创 2021-01-20 18:58:40 · 5714 阅读 · 5 评论 -
javaScript中const,var,let区别与用法详解
业务场景:今天想从正则表达式数组对象取出几个参数的值,发现好多人都用的const声明的变量,这里一起总结一下吧。上一篇——》前端使用正则表达式获取地址栏URL参数的值并将需要的参数值展示在页面场景:查阅相关资料,总结一下js中三种定义变量的方式const, var, let的区别如下:1.const定义的变量不可以修改,而且必须初始化。1 const b = 2;//正确2 // const b;//错误,必须初始化 3 console.log('函数外const定义b:'.原创 2021-01-20 09:35:47 · 1504 阅读 · 0 评论 -
前端使用正则表达式获取地址栏URL参数的值并将需要的参数值展示在页面
业务场景:APP中有个H5页面需要分享到微信,用户点击这个消息会跳转到这个网页进行信息确认,然后引导用户下载另一个应用。我们前端工程师需要做的就是将分享的参数在这个网页的地址栏进行获取并展示在信息确认页面。分享功能请参考我上一篇文章:友盟U-share sdk 分享的接入(支持Android及IOS)URL地址(例):https://www.baidu.com/?taskId=202008271119381110000637165xxxx&applicationNo=6200434509.原创 2021-01-19 23:52:35 · 3848 阅读 · 22 评论 -
前端工程师应该掌握哪些技能才方便找工作?
作为前端工程师,必须掌握到一定的技能才方便找工作,找高薪工作,你需要掌握这些技能。目录HTML5+CSS3移动Web网页开发JavaScript网页编程node与ajaxVUE项目实战微信小程序React项目实战框架原理与进阶移动APP开发node进阶可视化与游戏架构与运维总结HTML5+CSS3移动Web网页开发JavaScript网页编程node与ajaxVUE项目实战微信小程序Re...原创 2021-01-18 21:49:15 · 1849 阅读 · 0 评论 -
前端初级html\css知识点总结
以前的笔记,初级前端知识点,浅显易懂,一,html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜...原创 2019-11-28 18:37:30 · 572 阅读 · 0 评论 -
我是如何用Jquery实现网页缩小放大的
背景:一个比较老的后台系统,客户想操作父窗口的内容,同时查看子窗口,这就需要对页面进行缩小和放大,刚开始领导让我做一个假的隐藏然后缩放,经过测试此法不通,因为这个项目很庞大,框架较老,还有蒙版,使用隐藏hide()属性隐藏后,这个网页就不见了,在N个另一个页面加show()方法显示不出来,况且还有蒙版,显然不行,我决定用animate()动画操作。推荐:孙叫兽在线演示jquery各种实例,$()操作整个世界操作的网页html:js:效果:...原创 2020-11-12 12:52:09 · 4194 阅读 · 47 评论 -
【jquery系列|Jquery总结篇】包含各种实例,文末有彩蛋!
孙叫兽,前端全栈工程师,微信公众号:电商程序员,如果本文对你有帮助,记得收藏点赞+关注。jQuery 是一个 JavaScript 库,极大地简化了 JavaScript 编程,很容易学习。(注:本文不演示效果)演示jQuery 的 hide() 函数,隐藏当前的 HTML 元素。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>微信公众号:电商程...原创 2020-11-09 23:01:41 · 1888 阅读 · 83 评论 -
如何查看node的版本及安装的位置?
好多粉丝说我的node版本不支持win7,我把安装包放到了主页QQ群群文件,CSDN资源也有上传。那么如何查看电脑版本?电脑快捷键win+R,cmd进入黑窗口node -v如何查看node安装的位置?where node如下图所示:...原创 2020-11-10 23:23:42 · 12733 阅读 · 14 评论 -
电脑win7支持的node.js版本
从官网看了都是最新的版本,我这电脑是win7的,最新版支持最低版本win8.1.只能找一个支持win7、的node版本。官网:https://nodejs.org/en/download/建议打开图标下载,打开链接下载速度特别慢。下载完成后直接傻瓜式安装即可,一般安装成功会有提示。我这边再确认一下。ok.安装完成。...原创 2020-09-24 00:12:24 · 69200 阅读 · 59 评论 -
小白如何从零开始设计并开发一个微信小程序?
微信小程序官网:https://mp.weixin.qq.com/cgi-bin/wx微信小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/微信小程序API:https://developers.weixin.qq.com/miniprogram/dev/api/微信小程序开发的简要过程(包括制作、提交审核、发布、下载小程序码等):1. 小程序原型设计 开发前,最好先做个原型,把自己的需求理顺。我.原创 2020-12-21 14:27:44 · 3076 阅读 · 0 评论 -
微信小程序【WXSS 文件编译错误】unexpected “?“at pos 1的解决办法。
问题:解决办法:在控制台输入openVendor(),清除里面的wcscwcsc.exe然后重启工具。如果涉及编码格式乱码的,请手动改为uft-8.问题:解决办法:原创 2020-12-01 15:00:50 · 11395 阅读 · 25 评论 -
微信小程序微信支付安卓手机可以,苹果手机支付失败。
问题截图:解决办法有3种可能性,请按照对应的情况排查:1.wx.request 无法发起网络请求,提示没有权限,域名已经配置过了,证书检测也是正确没问题的? 测试ios和安卓,假如有一方可以,一方不行,则是证书问题,请选用受认可的证书 检测地址:https://www.qcloud.com/product/ssl.html#userDefined10 配置指引地址:https://www.qcloud.com/doc/product/400/6973 ...原创 2020-07-21 09:20:42 · 3605 阅读 · 21 评论 -
使用微信开发者工具添加小程序底部导航栏报错
粉丝求助:示例图:看了这个页面,很明显这个页面引用的路径都有问题。解决办法:原创 2020-06-27 14:33:44 · 1307 阅读 · 0 评论 -
GetWeApp聊天室 代码(微信小程序)
说明:实现聊天功能,特色: 使用webSocket实现即时通信 发送和显示表情 数据接口: 数据接口 目录结构: images — 存放项目图片文件 layout — 存放项目公共样式库文件 pages — 存放项目页面文件 utils — 存放项目数据获取,日期格式化等文件 项目地址:项目地址下载地址...原创 2020-01-09 09:46:52 · 1655 阅读 · 0 评论 -
微信小程序开发起步
刚开发开发小程序的小伙伴可以参考下面的帖子:https://cloud.tencent.com/developer/article/1190821原创 2019-12-09 13:19:56 · 497 阅读 · 0 评论 -
小程序开发从0到1
公司也想开发一个小程序,简单做了一个方案,仅供学习。直接上干货不是资深码农可以采用混合式开发的方式,效果快,简单,查漏补缺,申请小程序账号,注册域名,购买服务器还是必不可少的,根据情况处理即可。弊端,用起来比较生硬,谁用谁知道。补充资料:域名注册:1.阿里云:https://click.aliyun.com/se/1003074876/2.腾讯云:https://cloud...原创 2019-11-15 12:40:54 · 827 阅读 · 19 评论 -
微信小程序源码下载链接
参考链接备用:https://www.cnblogs.com/ytkah/p/9003620.html微信小程序的火热程度大家都有所了解,也有很多牛人写了不错的小程序,今天ytkah就整理一些github上的小程序开源项目,源码可以直接下载来用,感兴趣的朋友赶紧去看看吧!以下小程序排名按star的数量来排,数字动态变化中,请参考具体的项目...转载 2019-11-11 16:48:17 · 1164 阅读 · 0 评论 -
JavaScript 如何求两个数的最小公倍数
1 .用辗转相除法求最大公约数算法描述:m对n求余传给自己,再次求余, 若余数等于0则 n 为最大公约数2.最小公倍数 = 两个数的积 / 最大公约数基本思想是采用将两个数相乘,然后除以它们的最大公约数function getMinCommonMultiple(a, b){ return a * b / getMaxCommonDivisor(a, b);}在我国古代的《九章算术》中就有记载,现摘录如下:约分术曰:“可半者半之,不可半者,副置分母、子之数,以少减多,更..原创 2020-12-24 17:56:40 · 2728 阅读 · 3 评论 -
【算法图解|4】JavaScript 如何求数组的最大值和最小值
取出数组中的最大值或者最小值是开发中常见的需求最原始的方法,莫过于循环遍历一遍:var arr = [6, 4, 1, 8, 2, 11, 23];var result = arr[0];for (var i = 1; i < arr.length; i++) { result = Math.max(result, arr[i]);}console.log(result);通过遍历数组求出一个最终值,我们就可以使用 reduce 方法:var arr = [.原创 2020-12-24 17:51:09 · 1693 阅读 · 1 评论 -
前端全栈大佬是如何使用javaScript实现一个无缝轮播(最终版)
效果图:代码如下:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>优化后的无缝轮播图</title> <style> body{-webkit-user-select: none; } ul,li{ list-style: none;原创 2020-12-21 12:19:30 · 9108 阅读 · 12 评论