自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

艾瑞-Arin

积少成多

  • 博客(23)
  • 收藏
  • 关注

原创 VSCode保存时自动生成dist的解决办法

搜索compile-hero找到 Compile-hero

2023-02-15 10:35:25 1271

原创 Python3学习--基础入门1

一、前言Python 是一种解释型、面向对象、动态数据类型的高级程序设计语言。Python 由 Guido van Rossum 于 1989 年底发明,第一个公开发行版发行于 1991 年。像 Perl 语言一样, Python 源代码同样遵循 GPL(GNU General Public License) 协议。官方宣布,2020 年 1 月 1 日, 停止 Python 2 的更新。Python 2.7 被确定为最后一个 Python 2.x 版本。Python 的 3.0 版本,常被称为

2021-10-27 15:00:44 223

原创 React项目在线切换antd主题

1、安装插件npm install antd-theme-generator2、src文件夹下添加styles/index.less+styles/variables.less根目录新建color.jsconst path = require('path');const { generateTheme } = require('antd-theme-generator');const options = { stylesDir: path.join(__dirname, './src/st

2021-04-07 16:42:15 1472 4

原创 前端知识点面试题 - HTML基础篇(1)

2、标签上 title 属性与 alt 属性的区别是什么?title :鼠标放入时提示的文字,alt : 图片路径出错时,提示文字3、HTML5 中的 datalist 是什么?HTML5中的Datalist元素有助于提供文本框自动完成特性浏览器内核有哪计算些?概念是什么?Trident内核:IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称MSHTML]Gecko内核:Netscape6及以上版本,FF,MozillaSuite/SeaMonkey等。Presto

2021-03-11 19:14:12 244 1

原创 前端开发规范细则

关于界面展示界面支持自适应 / 设置最小宽 / 整体缩放 — 不允许出现界面错乱的情况。按钮不允许重复点击,设置loading状态。表单提交后loading状态下,不允许编辑表单,可以添加遮罩蒙层。接口请求未返回,需要有loading状态。样式初始化,避免浏览器自带样式影响界面效果。点击区域不能过小,比如一个文字按钮,可适当添加边距加大点击区域。比如下拉按钮,点击区域扩大到整行,而不止下拉图标。需要考虑文字过长时的展示效果。可以省略号展示,但必须添加title属性。要对设计搞有疑问时,须尽

2021-03-11 19:04:51 162

原创 nginx转发https网页加载http图片乱码问题

原因一:在一个https的网站中,如果加载了http图片资源,浏览器将认为这是不安全的图片资源,将会默认阻止,导致图片是不加载的,同样的css资源、js资源也是一样不加载的。解决方案:网页使用https情况下需要全站代码都支持https://。如果网站存在图片、js、css、mp4、mp3等任何外来的http数据网页会提示不安全。将外联或本地源码都改成https,外联资源不支持https的下载到本地网页调用。原因二:X-Content-Type-Options互联网上的资源有各种类型,通.

2021-03-08 10:51:03 3090 1

原创 前端知识点面试题 - CSS基础篇(2)

1、png、jpg、gif 这些图片格式的区别png是便携式网络图片(Portable Network Graphics)是一种无损数据压缩位图文件格式.优点是:压缩比高,色彩好。大多数地方都可以用。jpg是一种针对相片使用的一种失真压缩方法,是一种破坏性的压缩,在色调及颜色平滑变化做的不错。在www上,被用来储存和传输照片的格式。gif是一种位图文件格式,以8位色重现真色彩的图像。可以实现动画效果.webp格式是谷歌在2010年推出的图片格式,压缩率只有jpg的2/3,大小比png小了45%。

2021-03-04 15:39:34 135 1

原创 前端知识点面试题 - CSS基础篇(1)

说出标准的CSS的盒子模型是什么?与低版本IE的盒子模型有什么不同的?盒子模型就是 元素在网页中的实际占位,有两种:标准盒子模型和IE盒子模型标准(W3C)盒子模型:内容content+填充padding+边框border+边界margin宽高指的是 content 的宽高低版本IE盒子模型:内容(content+padding+border)+ 边界margin,宽高指的是 content+padding+border 部分的宽高CSS 如何设置这两种模型?box-sizing :

2021-03-04 13:55:04 332 1

原创 mpass小程序开发总结

小程序前言mPaaS 小程序,源自于支付宝小程序框架,继承了支付宝小程序框架的易开发性、跨平台性以及 Native 性能,不仅帮助开发者实现面向自有 App 投放小程序,还可快速构建打包,覆盖支付宝、淘宝、钉钉等应用。基于 mPaaS 小程序,开发者能够快速优化发布包大小,节省流量和存储。同时,服务迭代不再受发版限制,快速发布,快速迭代。甚至,基于统一的开发标准,小程序仅需开发一次,便可快速投放至多端。有过vue项目经验者上手相对容易可参考api进行开发小程序api地址开发过程中遇到的问题记录

2021-03-03 16:00:30 4122 1

原创 使用rem来实现不同分辨率界面自适应

在界面初始化添加以下js在index.html中加入此段js<script> function handleResize() { var htmlWidth = document.documentElement.clientWidth|| document.body.clientWidth let htmlDom=document.getElementsByTagName('html')[0] htmlDom.style.fontS

2021-03-03 15:28:48 2698 1

转载 常用表单正则:手机号、两位小数、邮箱

常用语法. - 除换行符以外的所有字符。^ - 字符串开头。$ - 字符串结尾。\d,\w,\s - 匹配数字、字符、空格。\D,\W,\S - 匹配非数字、非字符、非空格。[abc] - 匹配 a、b 或 c 中的一个字母。[a-z] - 匹配 a 到 z 中的一个字母。[^abc] - 匹配除了 a、b 或 c 中的其他字母。aa|bb - 匹配 aa 或 bb。? - 0 次或 1 次匹配。* - 匹配 0 次或多次。+ - 匹配 1 次或多次。{n} - 匹配 n次。{n

2021-03-03 14:52:41 225 1

原创 在mac系统的Chrome中安装React Devtools调试工具

这里写自定义目录标题1、下载React Devtools2、安装依赖包3、添加扩展程序1、下载React Devtools首先到github上下载react-devtools文件到本地,地址https://github.com/facebook/react-devtools使用v3分支2、安装依赖包进入到react-devtools-3目录,进行安装依赖3、添加扩展程序安装成功...

2019-11-13 14:14:50 2567 1

原创 mac中修改文件需要管理员权限

最近在做项目时,修改个别文件出现以下提示“权限不足,以管理员身份重试”,每次修改都需要输入电脑密码。如下图:后发现是文件设置了权限,通过右击文件查看简介发现权限中,并不包含管理员点击小锁输入密码,然后点击加号新增管理员即可如果需要设置 某个文件夹及里面所有文件权限,则选择应用到包含的项目查看自己管理员账户方法如下...

2018-07-06 14:12:58 30536 2

原创 mac下git设置用户名密码

设置用户名和邮箱git config --global user.name [username]git config --global user.email [email]查看用户名和邮箱git config --global user.namegit config --global user.email查看配置文件git config --list编辑配置文件vi .gitconfig s...

2018-04-13 10:56:32 60017 3

原创 backbone.js Backbone.Model不执行validate验证方法

参考backbone.js中文文档和backbone.js入门教程pdf都有类似的一段关于Backbone.Model validate方法的案例,发现这段代码并未执行validate方法,如下:通过进一步学习和验证发现,应当绑定的是invalid事件而不是error事件,使用save方法,而非set方法。这样才能触发validate方法,正确案例如下:var Chapter = Backbone.

2016-12-09 14:09:38 900

原创 小米华为手机自带浏览器上传图片提示:没有应用可执行操作

最初以为是组件问题,后来发现用原生的表单上传是没有问题的。通过对比发现是多了个accept属性。

2016-12-05 10:59:02 14391 2

原创 Sublime Package Control:There are no packages available for installation

当sublime安装插件时提示: Package Control:There are no packages available for installation是因为网络问题打不开以下地址,找不到channel_v3.json文件

2016-11-12 15:37:46 371

转载 Git GUI 的使用

权限校验首先,服务器需要身份识别。一段RSA加密字符串。启动GUI,菜单-帮助 【Step1-创建密钥】Generate SSH KEY【Step2-添加密钥】去你的代码托管服务器,你的账号设置中,添加它。比如在Github中的地址,title随意,比如你可以用Home,company等作为标识来区别。账号保存如果不做设置的话,每次提交的时候,都会询问你填写密码。于是我们先来把这个设置好。【Ste

2016-01-25 10:21:38 4925

原创 js Math 对象方法

首先我们看以下几个方法: Math.ceil()用作向上取整。 Math.floor()用作向下取整。 Math.round() 我们数学中常用到的四舍五入取整。 console.log(Math.ceil(5.9)); //6console.log(Math.ceil(5.1)); //6console.log(Math.ceil(-5.9)); //-5consol

2016-01-11 11:05:54 394

原创 position:fixed在chrome浏览器中无效

在项目制作过程中发现position:fixed突然无效,后发现是因为父级div使用了css3中的transform:translateZ(0)属性,导致webkit内核的浏览器使用transform:translateZ(0)属性时,position:fixed无效。

2016-01-08 15:32:38 1119

原创 Grunt搭建自动化web前端开发环境

说明:以下为windows环境示例前期准备安装Node.js下载Node.js 下载地址https://nodejs.org/ 奇数版本号的 Node.js 被认为是不稳定的开发版。so下载偶数版本的。安装Node.js 将下载好的文件双击打开进行“下一步”式的安装。运行以下命令,得到版本号,则安装成功node -vGrunt和 Grunt 插件是通过 npm

2015-12-30 16:50:44 420

原创 css盒模型

什么是盒模型首先我们说一下盒子的问题:比如一个盒子中装一本书,那么盒子对应div,书就是div中的content,书与盒子之间的距离是padding,盒子的厚度是border,两个盒子之间的距离就是margin,这样理解起来就容易多了。从上图中我们可以看出,是一个宽高为170*50的div,padding是10px,border是5px,margin是15px。

2015-12-30 15:27:42 368

原创 css3的calc()实现自适应布局

随着自适应布局的出现,我们在制作页面的时候,经常会碰到元素的宽度为100%的情况。了解盒模型的朋友不难想到,如果这个元素有margin,padding,border的时候,此时的元素整体宽度必会大于父级元素的宽,就会导致页面结构错乱等一系列布局问题。为了解决这种问题,我可以通过calc()来实现。calc()是什么calc()怎么用calc()实例

2015-12-30 13:11:43 10518 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除