![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 92
FE一凡
这个作者很懒,什么都没留下…
展开
-
ChatGpt vs 文心一言,谁更厉害
当下最火的人工智能毫无疑问是大模型的聊天机器人,ChatGpt的出现,让无数人为之惊叹,它聪明、逻辑清晰、又什么都懂,甚至被人们认为是第四次工业革命的开端。AI的大模型之争,美国的OpenAI已经率先拔得头筹,我们国内的科技公司也在奋力追赶,代表作有百度的文心一言和阿里的通义千问。 今天我们就对ChatGpt和文心一言分别进行十个领域经典问题的提问,看看它们的智能水平谁更厉害!(本来是想加上通义千问进行三方对比的,但无奈真的弄不到邀请码)原创 2023-05-11 14:49:28 · 3264 阅读 · 1 评论 -
前端注释工具的优雅使用指南
对于代码来说,注释是一个可以帮助我们快速理解代码含义、用法的好工具,今天我们就来盘一盘前端可以使用的优雅注释工具。原创 2022-07-30 14:12:25 · 1727 阅读 · 1 评论 -
隔离期间搭建一个自己的个人博客
隔离期间搭建一个自己的个人博客盼望着,盼望着,五一假期终于到了,结果一条流调短信让我喜提隔离套餐三天。。。罢了,在家闲着也是闲着,我准备把自己搭建博客的全过程写下来,最终得到的成品个人博客链接为 alexsaurora.com,下面是全流程记录:一、提出需求经过思考,我需要搭建的个人博客应该满足以下条件:1,肯定是选择自己购买服务器和域名来搭建,方便自己做一些拓展和个性化的东西。github.io这类的网站我也弄过,但是千篇一律的风格并不能让人满意。2,我以往的文章都是使用markdown文档原创 2022-05-13 10:40:20 · 611 阅读 · 0 评论 -
React-Native之定位实践
React-Native之定位实践当我们谈定位功能时,我们想要的是什么?WGS-84经纬度(即gps经纬度)或者GCJ-02经纬度(中国坐标偏移标准,高德、腾讯地图都适用这个)或者BD-09经纬度(百度坐标偏移标准,百度地图使用),看自己项目需要有了经纬度,我们还想要的是该经纬度对应的地理位置信息,毕竟我们很难从一串数字中看出什么意思有时候我们还需要得到两个经纬度(同一坐标系下)的距离远近对于定位这样的公共模块,我们想要的是一个公共的模块,最好调用一个函数就能得到我们想要的一切定位相关信息,可原创 2021-08-09 17:01:33 · 2119 阅读 · 0 评论 -
React-Native之播放器全屏播放
React-Native之播放器全屏播放前言我们要在react-native中实现一个音/视频的播放器,首先就要使用大名鼎鼎的react-native-video库,该库在github上有5.3k的star,很多的播放器都由使用该库封装而成,我们也不例外,使用这个库来封装出我们自己的播放器。效果老规矩先上效果图:Android直屏:iOS刘海屏:分析我们想要的效果是无论是Android还是iOS,无论是普通直屏还是刘海屏等异形屏,都有相同的用户体验。其中最重要的,就是全屏状态下对不同系原创 2020-11-24 21:20:29 · 1776 阅读 · 3 评论 -
react-native登录之手势登录篇
react-native登录之手势登录篇手势可能是我们使用最多的一种手机操作了,无论是手势解锁,还是手势登录,不知道大家有没有想过,我们每次在九个圆圈上画各种奇奇怪怪的连接线时,手机是怎么记录的呢?难道是记录我们天马行空的线条吗,其实答案简单的令人发指:九个圆圈分别代表数字123456789,我们连线的上下圆圈也就是数字密码的上下文数字,举个栗子,常见的Z型密码,对应的其实是数字密码1235789,所以,无论我们连的多么花里胡哨,手机存储的,永远是9个数字的排列组合。明白了手势登录的原理,接下来让我们.原创 2020-11-03 20:37:00 · 1486 阅读 · 0 评论 -
React Native登录之指纹登录篇
React Native登录之指纹登录篇最近在做react-native的APP,项目登录使用了普通账号密码登录、短信登录、手势登陆、指纹登录和人脸识别登录五种方式,所以准备做一个登录方式的合集。本篇是指纹登录篇,通过手机调用指纹传感器来获取用户指纹并做校验,校验成功则自动登录。首先展示我们最后达成的成果,毕竟无图无真相,下方是真机录屏gif:分析下gif所展示的功能点:1,通过点击操作选项来弹出指纹识别界面,点击取消/上方空白处取消指纹识别2,切换到其他登录方式时,仍然可以调用"更多操作方式.原创 2020-11-02 22:27:28 · 1934 阅读 · 1 评论 -
JavaScript工作原理探秘——JavaScript引擎篇
我们每天都在写的JavaScript是怎么运行的?准确地说,Javascript 在其运行时环境上是如何工作的才对,Node 和 浏览器都是 Javascript 的运行时环境。这篇文章我们来探索下运行时环境的核心——JavaScript引擎。一、JavaScript引擎介绍JavaScript 引擎是什么:一种用于将我们的代码转换为机器可读语言的引擎。JavaScript引擎作用:将js代码编译成机器码,还负责执行代码、分配内存以及垃圾回收。解释器和编译器我们已经知道了JavaScript引.原创 2020-06-10 13:28:30 · 753 阅读 · 0 评论 -
前端快速重装工具集
前言: 每当我们换了新电脑,都需要把我们前端开发的工具重装一次,本文目标就是快速重装前端开发工具,并提供资源(白嫖党看过来~),所有的开发工具都会加入工具集放在文末供大家下载????(ps:因为本人使用win10系统,所以工具集都是基于64位windows平台的)一、node工具对于前端来说,node必须排第一位,现代前端工程化方方面面都离不开node支持。还记得第一次装Node时对着教程创建文件夹的小心翼翼吗,还有开发中因为node版本不对而报的各种错误。。。现在我们有了一个成熟的n原创 2020-06-03 17:57:32 · 333 阅读 · 0 评论 -
微信小程序自定义多列选择器的使用
微信小程序在自带的表单组件中加入了选择器picker,并给出了常用的时间和省市区三级联动选择器,但日常开发中不可能仅仅使用这些选择器,所以我们在学习时先写一个常见的自定义选择器来看一下。原创 2019-06-11 11:40:38 · 18796 阅读 · 2 评论 -
使用react写一个倒计时的按钮
最近在项目中使用计时器写一个倒计时按钮时,一开始没理清关系,后来终于找到了关键,做一个小demo备忘。先把效果图贴上:想做的效果如上,点击按钮后,按钮设为禁用,开始倒计时10s,倒计时结束即恢复。思路如下:1,将控制按钮状态、按钮文字和计时的秒数放在state中,用以改变状态。2,写一个计时器方法,如setInterval(clock,1000);,将clock方法每隔一秒执行一次,在...原创 2018-12-12 14:27:16 · 9383 阅读 · 4 评论 -
在react中,通过点击选中组件的两种情况
想要通过点击组件,来进行组件选中与未选中状态的变换,可以分为两种情况,一种是点击哪一项该项选中,其他项不变,即为唯一选中;另一种是点击一项后,再点击其他项,会选中多项,再次点击已选中项会取消选中状态。下面来分别看一下在react中的两种实现手法,基本思路都是通过state来控制选择项,通过三元运算符来进行组件样式的变换。第一种,唯一选中:先在model文件中写state,state里设...原创 2018-08-06 19:45:40 · 5556 阅读 · 0 评论 -
关于在页头写Tabs的两种写法
最近有一个需求,需要将antdesign的Tab组件放在页头,而内容分离到页面内容,做成这样的效果:想要实现这样的写法,要在页头组件PageHeaderLayout里下文章,这里总结两种写法,分别是将TabPane写在当页和分出多页写的.第一种,放在当页的写法:import React, {Component} from 'react';import {connect} from...原创 2018-07-30 18:01:57 · 2770 阅读 · 0 评论 -
HTML元素中的行级与块级元素不能放在一行。
最近在工作中忽然发现了一个小问题,本来以为自己html标签学的挺好,今天终于明白,一直都是个菜鸟。 背景: 项目使用的是ant design的Grid布局,使用Row和Col。代码如下:<Col> <div style={{display: flex}}> <Icon type="user" style={{ fon...原创 2018-04-12 15:28:57 · 2769 阅读 · 0 评论 -
countUp.js在react中的应用
公司项目需要做一个数字显示器,让我找到一个有趣的项目——CountUp.js。它是一个免费的轻量级javaScript工具,可用于快速创建动画,以更有趣的方式显示数字数据。作用:动画显示数字,千位分隔符,添加前后缀等等。demo在查看CountUp.js工具demogithub在countUp的GitHub, 已经有四千多的Star了,但是只有两条issues,这说明什么,几乎所有人都可...原创 2018-03-02 17:03:18 · 7153 阅读 · 0 评论 -
package.json详解
概述每个项目的根目录下面,一般都有一个package.json文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。npm install命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。最简单的package.json文件,只需要定义两项元数据:项目名称和项目版本。{ "name": "xxx", "ver...原创 2018-02-27 18:02:38 · 1156 阅读 · 0 评论 -
NPM入门
Node.js1,什么是node.js? 简单的说node.js就是运行在服务端的JavaScript node.js是一个事件驱动I/O服务端的JavaScript环境,基于chrome的V8引擎. v8引擎执行JavaScript的速度非常快,性能非常好。NPM1,什么是NPM? NPM是随同node.js一起安装的包管理工具,能解决nod原创 2018-01-20 16:21:52 · 438 阅读 · 0 评论