前端
文章平均质量分 91
AtalantaDavis
女程序员一只
展开
-
记录rem、逻辑像素、dpr等术语
最近在做h5的一个单页面程序,第一次涉及h5的开发。也是第一次知道rem转换,搞搞原理,特来分享。相关术语开始之前,先介绍一些相关术语。物理像素pt、逻辑像素、设备像素比dpr等物理像素:在同一个设备上,它的物理像素是固定的,这是厂商在出厂时就设置好了的,即一个设备的分辨率是固定的。逻辑像素:随着屏幕的改朝换代,在高分辨率中可以理解为从黑白电视一个物理像素对应一个逻辑像素变成了一个物理像素可以变成n个逻辑像素。也可以理解为一个物理像素发一个光点,而现在变成了一个物理像素发n个光点各种颜色。.原创 2021-03-21 22:35:28 · 478 阅读 · 0 评论 -
React框架之对Dva和Umi的简单理解
文章目录简述Dva,Umi和路由的理解Dva基本流程与文件目录规划ModelReducer、EffectDva订阅 (Subcription)service(服务)一个路由的文件目录使用Umi搭建基础列表页面如果想进入约定式路由,打开.umirc.js删除里面routes使用 CSS在Umi中用插件dva简述Dva,Umi和路由的理解dva中讲到约定式路由是如果没有路由配置文件,即按照src/page文件夹下的文件目录结构来生成路由Dva基本流程与文件目录规划Model公共数据React的St原创 2020-09-03 11:05:17 · 907 阅读 · 0 评论 -
ES6标准基础知识
文章目录箭头函数析构赋值JSON转换异步相关箭头函数function function_name(param1,param2) {}写成箭头函数如下:const function_name = (param1, param2) => {}一个参数的箭头函数,简写const function_name = param1 => {}如果箭头函数中只有一个return对象的程序,简写如下const function_name = param1 => ({name:'zh原创 2020-09-03 10:57:57 · 223 阅读 · 0 评论 -
react基础到实战-尚硅谷(学习笔记四)
接上一条博客的内容,再次附上视频教程的学习地址链接:https://www.bilibili.com/video/BV184411x7F9上一篇文章链接:https://blog.csdn.net/AtalantaDavis/article/details/108342941文章目录第六章 react-router概念理解react-routerSPA理解路由的理解前端路由的实现history创建方式函数react-router使用有好几个版本编写路由效果子路由向路由组件传数据路由链接和非路由链接.原创 2020-09-01 15:51:22 · 319 阅读 · 0 评论 -
react基础到实战-尚硅谷(学习笔记三)
接上一条博客的内容,再次附上视频教程的学习地址链接:https://www.bilibili.com/video/BV184411x7F9上一篇文章链接:https://blog.csdn.net/AtalantaDavis/article/details/108245250文章目录第三章 react应用create-react-ap创建react应用react脚手架package.jsonimport.gitignoreyarn.lock创建过程全局下载的以来的根目录第四章 React Ajax.原创 2020-09-01 15:29:53 · 596 阅读 · 0 评论 -
react基础到实战-尚硅谷(学习笔记二)
第二章 React面向组件编程React测试示例的步骤组件的三大属性state编码操作示例步骤props编码操作示例步骤refs示例步骤三种特点总结组件化编码流程示例组件提交提交表单数据示例编码组件的生命周期生命周期函数渲染过程回调函数小知识生命周期流程示例编码React测试示例的步骤定义组件//方式1:工厂函数组件(简单组件)function MyComponent(){ return <h2>工厂函数组件(简单组件)</h2>}//方式2:ES6类组件(复原创 2020-08-26 18:32:23 · 604 阅读 · 0 评论 -
react基础到实战-尚硅谷(学习笔记一)
身为一只react小白,最近在找react的学习资料,在b站上搜到一套react的学习视频,感觉非常的详细,给大家分享一下我的学习笔记。并附上这套视频的学习地址链接:https://www.bilibili.com/video/BV184411x7F9第一章 入门基本认识React特点React高效的原因基本使用步骤JSX虚拟DOMJSX渲染虚拟DOM(元素)动态展示列表数据模块与组件和模块化与组件化的理解js模块组件模块化组件化基本认识React特点Declarative(声明式编码)C.原创 2020-08-26 18:21:54 · 1142 阅读 · 0 评论 -
uni-app手机端电脑端差别
文章目录div标签的差别css的差别第三方库引用的差别div标签的差别table标签在手机端不显示可能是通病。解决方法:使用flex布局。如果已经写好了table表格,可以改成如下这样,会方便一些。<view class="table"> <view class="thead"> <view class="tr"> <view c...原创 2020-01-30 17:09:15 · 1478 阅读 · 0 评论 -
造轮子之uni-app框架封装刷新token函数
app登陆状态判断可能会是token检测的方式,所以用uni.setStorageSync的api将后端传来的token赋值在浏览器缓存里,电脑端查看方式:F12->Application->Local Storage新建一个文件,命名为xxx.js// 公共的请求import HttpRequest from './HttpRequest.js' //这是自己封装的ajax函数...原创 2020-01-27 19:10:41 · 2430 阅读 · 2 评论 -
uni-app框架引用第三方库在手机端和电脑端的差别
最近在写手机端的app和小程序。用的uni-app的框架——使用vue.js开发的一种框架。碰到了好几次第三方库md5算法的引用写登录或者注册功能的时候会对密码进行md5加密。uni-app不可能使用非官方第三方库,又没有封装好的md5第三方库,所以会引用第三方原生js。起初只是简单的在components文件夹里加了md5.js(待会儿后面上传这个js),然后引用其函数。在开头引用...原创 2020-01-27 18:29:40 · 1086 阅读 · 2 评论 -
js检测时间函数
前端token需要每两个小时刷新一次。就用到了时间判断格式。需要js对时间对象有一定的了解,写项目用到了两种格式的解析方式。先上函数代码第一种相对简单,传入时间格式为标准格式:Wed, 01 Jan 2020 00:00:00 GMTfunction check(time) { var time1 = new Date(time) //这个格式直接传入对象就好。 var date2=...原创 2020-01-27 14:22:58 · 492 阅读 · 0 评论 -
调试webpack的插件
分享一个在github上看到的链接,在此膜拜大佬。moduleRaid把这个项目的这个文件moduleraid.js的内容复制到控制台运行。然后就可以直接使用页面的webpackjsonp内的函数了调用函数的时候可以使用以moduleRaid来调用webpackjsonp里的函数。...原创 2019-07-23 21:54:13 · 1169 阅读 · 0 评论 -
CTFd平台二次开(jiao)发(shi)
本次二次开发目的:CTFd平台是安全初学者的联系平台以及竞赛平台,源码在github上公开,使用FLASK+SQLITE进行开发。由于web题目种类繁多,而CTFd没有根据web题目知识点分类的功能,本次目的就是为了在展示题目时,将web题目以知识点的方式分类,供初学者学习。CTFd版本CTFd的版本有很多,这次我用来开发的版本是github源码isislab的源码安装教程自行百度。二...原创 2019-07-18 16:46:03 · 2122 阅读 · 0 评论 -
前端进行导出excel表格二次踩坑
遇到问题问题一:打开表格出现乱码。问题二:数字过长自动变成科学记数法。问题三:在第一次踩坑的基础上,增加了竖列的过滤。解决方法问题一<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www....原创 2019-04-02 22:04:41 · 787 阅读 · 0 评论 -
记一次在前端进行数据导入excel表格的坑(赋代码)
记一次在前端进行数据导入excel表格的坑(赋代码)身边一位大佬要求我写一个用flask框架加载的前端的数据导入excel。于是有了我踩坑的开端。大佬还是很好的,给我发了借鉴链接。参考链接:https://blog.csdn.net/hhzzcc_/article/details/80419396。只使用了其中的方法一。我的代码为:html:&lt;table class="table ...原创 2019-03-08 18:08:23 · 2612 阅读 · 2 评论 -
踩坑之修改前端模板的手机适配
在网上扒了一个前端模板,模改成了自己的,拿来急用。然而放在服务器上后用手机打开的效果,真的极差。于是开始各种模改,参透了media最简单的使用方法。@media (max-width:480px) { p { //此处输入相应css }}在@media外不论是否添加p的css,在屏幕宽度小于480的文档中<p>都会用到上面的css。在一个前端网页里一般会有...原创 2019-03-14 21:21:02 · 653 阅读 · 0 评论