前端
文章平均质量分 64
赵小左
前端菜鸟,喜欢打滚摸爬。
展开
-
前端设置页面字体尺寸跟随屏幕大小而进行变化
window.onresize的意思是,当监测到屏幕分辨率变的时候,所以我们需要一个操作就是,页面一加载完成,我们给window.onresize 绑定一个方法。这是因为,每次window.onresize 都会去执行 resize,而在屏幕分辨率发生变化的时候,window.onresize 和浏览器的自身实现有关系.不同的浏览器和操作系统实现可能不一样,目前谷歌是执行了两次,有是时候是一次。我们去页面上查看,会发现当我们拖动文档流的时候,字体并不会重新设置。1. 我们需要一个监测屏幕分辨率的方法。原创 2022-10-19 20:13:27 · 6415 阅读 · 0 评论 -
使用nw.js将web项目打包为exe软件(xp版本)
使用nw.js将web项目打包成exe软件原创 2022-10-19 18:58:04 · 1276 阅读 · 0 评论 -
Webpack之知识初探索,搭建一个简单的webpack开发环境
webpack 是代码编译工具,有入口、出口、loader 和插件。webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时,它会在内部构建一个依赖图(dependency graph),此依赖图对应映射到项目所需的每个模块,并生成一个或多个 bundle。对前端来说,webpack的理解就是:webpack是从入口文件开始,经过模块依赖加载/分析/打包三个流程完成项目构建。原创 2022-10-19 11:10:23 · 236 阅读 · 0 评论 -
JavaScript之canvas初使用
canvas标签中写入的HTML内容只有在游览器不支持canvas的时候才会显示,一般情况下,为了使网站建设更加完善,我们在canvas标签里,会写入一些视频、图片、当canvas标签不能正常显示的时候,canvas标签中的内容就会被代替canvas显示。ctx.drawImage(imgObj,原图开始裁剪位置x坐标,原图开始裁剪位置y坐标,原图裁剪的宽度,原图裁剪的高度,canvas上开始绘制位置的x坐标,canvas上开始绘制图片y坐标,canvas上图片宽度,canvas上图片高度);原创 2022-10-19 10:12:31 · 2866 阅读 · 0 评论 -
说一说我的java学习路途(记一个前端学习java日常)
梦想全栈,实则前端。原创 2022-10-14 14:29:10 · 2974 阅读 · 1 评论 -
javaScript杂谈之Promise
Promise 是 JavaScript 语言提供的一种标准化的异步管理方式,它的总体思想是,需要进行 io、等待或者其它异步操作的函数,不返回真实结果,而返回一个“承诺”,函数的调用方可以在合适的时机,选择等待这个承诺兑现(通过 Promise 的 then 方法的回调)。async函数是一种特殊语法,特征是在function关键字之前加上async关键字,这样就定义了一个async函数,我们可以在其中使用await来等待一个promise。这里每次的执行过程,其实都是一个宏观任务。原创 2022-10-12 19:11:41 · 393 阅读 · 0 评论 -
js之正则表达式
如果reg设置了全局匹配的话,返回所有符合reg的字符串组成的数组,如果未设置全局匹配,则只返回第一个。找到str中第一个符合reg的公式,(或者第一个str2)出现的位置,就算reg设置了全局匹配,依旧返回第一次出现的位置,如果没有找到符合条件的字符串,则返回-1;将str中符合reg公式的字符串替换成了newstr,如果reg设置了全局匹配,就替换所有,如果未设置,则只替换第一个。元字符:在正则表达式中,有一些字符有着特殊的含义,如果要去匹配这个字符的本身,要将其进行转移(例如:/\//);原创 2022-10-12 18:58:14 · 483 阅读 · 0 评论 -
angular之入门基础
2,angular 是由谷歌开发的框架,奇特点是对于DOM的操作变的更加的简介;代码量大大的降低了,对数据的操作变的更加的灵活(通过控制数据的变化,间接的控制了DOM节点。脏检查(一旦某一个数据发生变化,angular就会在第一时间检测到这个元素,angular一直在实时检查中),angular的模块化也让开发变的更加的方便简洁);(2)要配置angular路由,必须要引入angular路由的js文件,而且这个文件必须和当前引入的angular。值为true的时候为降序,false的时候为升序。原创 2022-10-12 18:55:39 · 1855 阅读 · 1 评论 -
不写Js也能实现点击事件?说说你不知道的HTML之<Label>标签
判断HTML中的那些黑科技之label 标签,不写js 我一样实现点击切换事件。原创 2022-10-11 16:26:36 · 745 阅读 · 10 评论 -
JavaScript之观察者模式
物业会在群里通知办公楼的封锁情况,而各个公司的负责人则需要在群里随时观察是不是有情况,从而做出改变。同时这个群的所有者(物业)也会用有拉人入群,发送公告,清人出群的权限。观察者模式,其实指的就是,一对多的解释。一个对象发生改变,对应的多个订阅者都需要发生对应改变,这种多个对象观察一个对象的区别就是观察者模式。有一个对象为主体,我们也可以叫他为通知者,也就是说,这个主体需要在被观察者的状态改变后,用来通知观察者们。而观察者(公司)仅仅是在物业群有公告发出的时候,根据公告自身,自己做出响应。原创 2022-10-11 14:57:03 · 286 阅读 · 0 评论 -
JavaScript之单例模式(内附vuex安装源码解析)
vuex如何在vue中实现单例模式,我们如何在实际业务中使用单例模式呢?原创 2022-10-10 19:45:20 · 433 阅读 · 0 评论 -
JavaScript代理模式之四大代理
在JavaScript设计模式中有一种模式为代理模式,但是在代理模式之下,还有我们一般不了解的四种模式。来一起温故而知新,看看有哪些是你不清楚的模式。原创 2022-10-10 19:32:08 · 328 阅读 · 0 评论 -
React基础知识
(3)在主store下的reducer中引入各个组件的reducer 以及统一的reducer管理工具 combineReducers 用来统一合并reducer。(4)在对应使用的页面则需要在 store.state.header.focused 中间添加header 组件来获取使用。c. 在对应组件的store的index.js中引入constants 跟actionCreators 两个文件。(2)在对应组件的文件夹store下新建文件actionCreators来表示对应的dispatch方法。原创 2022-10-10 14:29:30 · 523 阅读 · 0 评论 -
上班时间如何正确摸鱼?来一起写一个简单的前端脚手架
它会帮助我们在本地创建一个vue项目,项目名为vue-test-app。让大家看看,如果从0开始,在自己本地开发 一个前端脚手架并发布到npm 呢。一个部门下有若干个前端团队,如果每一个团队都有不同的项目组件库,项目框架,http请求方法,不同的埋点方法或者工具方法,那在后期如果要联动开发是很难的事情。随时前端的发展,在大团队下前端的规范性及开发便携性以及如何提升研发效能是前端开发的首要问题。以上就是一个最基础的前端本地开发脚手架以及发布到npm的一些列流程。它本质上是一个操作系统客户端,通过命令行执行。原创 2022-10-09 11:17:56 · 149 阅读 · 0 评论 -
前端在拿到需求的第一时间应该做什么?
当你第一步做完之后,到第二步,就可以根据以往的经验以及做过的功能来判断当前需求应该使用怎样的技术,怎样的实现方式来达到目得,如果之前有做过的类似的东西,也可以直接拿过来用,或者实在没有头绪,不知道如何开始的时候,推荐你,先上网搜索一下,通过类似产品及项目的使用,来确定你的实现是如何进行的,一定记得,没有最好的实现方式,只有最贴近用户使用方式的实现方式。第一个肯定就是UI,毕竟UI是前端的指路灯,如果你的实现方式与UI的图差的远,那么你的思路则只能作废重新考虑。对业务的理解,业务实现方式的建议与意见。原创 2022-10-09 11:15:15 · 704 阅读 · 0 评论 -
如何将electron+react启动的两条命令合并成一条
项目采用electron 跟react项目开发目前最烦的事情就是,一个命令框需要启动react 一个则需要启动electron。能不能将两个命令进行合并呢?答案是: 能!!!怎么做呢?首先,我们需要新增一个插件concurrently使用命令npm install concurrently --save-dev 进行安装其次,我们需要修改package.json中的命令新增一行命令为 "ele":"concurrently \"electron .\" \"npm star.原创 2021-09-18 19:56:14 · 233 阅读 · 0 评论 -
nsis打包时候如何让附带的第三方软件静默安装
在日常开发中,我们市场会调用一些其它的第三方东西,甚至是为了当前软件,我们会安装一些环境,比如C++环境,或者是.net 环境等等。 例如:我现在有一个wpf开发的软件,它携带了许多第三方的环境跟其它软件。 我利用nsis 将它合并成一个安装包,现在我来开始运行它。初始化打开页面。当我点击下一步的时候与其它软件安装无异第三步install 安装它这时候如果它附带了许多其它软件或者环境,这时候就会有若干个安装框弹出,需要你手动点击下一步。如果用户是个新手,那这无疑给用户带来了麻烦,..原创 2021-09-18 15:32:20 · 3204 阅读 · 1 评论 -
从0开始,带你开发自己的web前端开发脚手架并发布到npm
随时前端的发展,在大团队下前端的规范性及开发便携性以及如何提升研发效能是前端开发的首要问题。如何提升研发效能呢?其实这种说法在大厂中比较常见。一个部门下有若干个前端团队,如果每一个团队都有不同的项目组件库,项目框架,http请求方法,不同的埋点方法或者工具方法,那在后期如果要联动开发是很难的事情。这时候就有了一个说法:前端开发脚手架!它的优点不言而喻:a **自动化:**项目重复代码拷贝/git操作/发布上线操作b **标准化:**项目创建/git flow /发布流程/ 回滚流程c **数原创 2021-04-09 13:16:57 · 410 阅读 · 0 评论 -
前端程序员到底应该学什么?怎么学?从哪开始学?
关于前端的技术发展路线。这两天一直在找简历,面试,筛选简历。突然发现,前端这行感觉像是有了几个大阶层。阶层一,一线城市与二线城市的差距:这两天除过帮自己业务部所在地找寻简历之外也帮集团总部找了简历,集团身在一线城市。这两天下来有了明显的感觉。前端有一道分水岭。一线城市的前端技术栈以:精通熟练 React + TypeScript + node + webpack + 任何一门后台语言为主,此外还熟悉Vue , uni 等一系列前端。并且在Electron也有一定的造诣。二线城市的前端技术栈以原创 2021-01-13 19:32:53 · 860 阅读 · 6 评论 -
js前端使用AES加解密及在线解密工具验证
js 使用AES加解密在项目中安装 crypto.js。npm install crypto-js在项目中新建文件夹 utils新建工具类文件引入crypto-js文件import CryptoJS from 'crypto-js'初始化16位密钥 及 16位iv(密钥偏移量)解密方法export const Decrypt = (word) => { let encryptedHexStr = CryptoJS.enc.Hex.parse(word);原创 2021-01-11 10:28:55 · 5647 阅读 · 0 评论 -
微信小程序将字符串转码为json的时候一直报错,在微信小程序json对象和字符串的转换
今天在开发时候要用微信在其它二维码上获取一些信息。(为string类型)在小程序中接收到后需要进行转码成json来获取这些信息。可是在转码时候一直报错。那么有没有什么处理办法呢?首先:js中将字符串转为json类型 以及将json类型转码为字符串类型有如下方法。var str= {"name":["sex","sex"],"user":["nan","nan"]}//转成json字符串var str1= JSON.stringify(str)//转成json对象var str1Json=原创 2020-05-22 15:23:15 · 3168 阅读 · 0 评论 -
typescript入门到精通
由于时代的进步及科技的进步以及代码的进步…算了,简单来说,就是我觉得我太菜了。所以打算再学一边ts。然后整体的技术准备偏向ts。在前端发展的今天,可能一个js已经满足不了你了。但是不如来试试ts。即日开始。小左将重学ts。有兴趣的小伙伴也可以参与进来哦。一起重学ts。走一条通顺的路。避免走弯路。Qq群:965131699...原创 2020-05-08 09:59:20 · 551 阅读 · 1 评论 -
iview的table 组件展开事件能否绑定到其他事件上?看这里!
许多小伙伴在使用iview的table表格展开列的时候可能会碰到一个问题,就是它的列展开事件能否去绑定到你正在点击当前列的某一个自定义按钮上呢?去查看官网的时候,官网文档也只说了个有个属性_expanded 设置为true 的情况下可以打开当前列。不过百度了下发现大多数人还是不清楚如何让两者进行联动。事件进行绑定呢?首先。我们先要去项vue的的原理是什么?数据驱动视图...原创 2019-07-19 12:47:55 · 866 阅读 · 0 评论 -
js解析递归json
日常在后台管理系统中我们常用到的有递归json。前端根据后端给的接口获取到当前后台管理系统左侧菜单列json。而这个json是一个递归数组。类似于如下:var data = [ { type:'1', children:[ { type:'2', child......原创 2019-03-01 13:52:46 · 2932 阅读 · 2 评论