前端学习
关注
分享
扫一扫
坚持每天学习
斑驳的岁月
这个作者很懒，什么都没留下…
展开
-
Win10 修改文件的默认打开方式
1.设置2.点击应用3.点击默认应用4.点击修改文件类型默认应用5.根据后缀名指定默认打开的应用OK原创 2021-06-12 10:53:29 · 871 阅读 · 0 评论 -
SMPlayer在ubuntu16.04下没有声音的解决办法| mysql无法修改
将smplayer的"首选项->音频->输出驱动“设置由pulse改为alsa即可原创 2019-06-19 13:02:44 · 470 阅读 · 0 评论 -
初始布局为两栏，当窗口宽度减少到一定程度，布局变为一栏
解决方案：使用最小宽度<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>a</title> <style type="text/css"> body{ height: 100px; margin: 0; }原创 2021-11-11 20:23:11 · 230 阅读 · 0 评论 -
Search组件的封装
实现如图中间的searchbarreact native中判断设备的dpi信息DPR: 设备像素比DPR(devicePixelRatio)是默认缩放为100%的情况下，设备像素和CSS像素的比值 dpr，也被成为device pixel ratio，即物理像素与逻辑像素的比，那也就不难理解：iphone6下dpr=2，iphone6+下dpr=3（考虑的是栅格化时的像素，并非真实的物理像素）;DPR = 设备像素 / CSS像素(某一方向上)1在早先的移动设备中，并没有DPR的概念。.原创 2021-10-01 10:46:44 · 224 阅读 · 0 评论 -
自定义一个hook 异步获取数据
传入url， 请求数据原创 2021-09-24 15:59:28 · 672 阅读 · 0 评论 -
react-native-swiper
周活比较高的一个react native的swiperyarn add react-native-swiperwrpper没有样式，原创 2021-09-24 14:54:34 · 297 阅读 · 0 评论 -
类型验证-React检查组件传入的props参数
prop-types包yarn add prop-types -Sindex.jsximport React, { Component } from 'react'import Child from './Child'import { Abc } from './Abc'const abc = new Abc()class Index extends Component { state = { count: 0, } render() { return (原创 2021-08-20 21:07:40 · 446 阅读 · 0 评论 -
HASH、MAC、HMAC学习
Hash是一种从任何一种数据中创建小的数字“指纹”的方法。散列函数把消息或数据压缩成摘要，使得数据量变小，将数据的格式固定下来。如果两个散列值是不相同的（根据同一函数），那么这两个散列值的原始输入也是不相同的。这个特性是散列函数具有确定性的结果，具有这种性质的散列函数称为单向散列函数。但另一方面，散列函数的输入和输出不是唯一对应關係的，如果两个散列值相同，两个输入值很可能是相同的。但也可能不同，這種情況稱為「碰撞」，這通常是兩個不同長度的散列值，刻意計算出相同的輸出值。Hash，一般翻译做“散原创 2021-07-29 22:49:03 · 4523 阅读 · 0 评论 -
关于echarts
一个简单程序echarts入门<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&原创 2021-07-17 22:37:25 · 140 阅读 · 2 评论 -
前端图片预加载
前端页面的用户体验对于一个网站来说是至关重要的，让在可视区域的图片立即加载进来，而让不在可视区域并且需要通过滚动条进行滚动显示的图片在图片滚动到可视区域内再显示出来，几乎等价创建一个img标签var img = new Image(); //1var img = document.createElement("img"); //2图片加载需要时间img.src = "./img/2.img";console.log(img.width); 0 一段时间后显示宽度 1024将图片加载完.原创 2021-07-02 23:13:19 · 1604 阅读 · 0 评论 -
typescript入门时文章
1.官方文档https://www.tslang.cn/docs/index.html2.命名空间https://www.cnblogs.com/niklai/p/5837899.html感激作者们原创 2021-06-30 17:05:25 · 116 阅读 · 0 评论 -
jQuery总结
文章目录简介一、jQuery代码风格二、jQuery选择器1.引入库2.读入数据总结简介jQuery是一个JavaScript库，它通过封闭原生JavaScript函数得到一整套定义好的方法。jQuery作为JavaScript封装的库，他的目的就是为了简化开发者使用JavaScript。主要功能有以下几点：HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScript特效和动画HTML DOM遍历和修改AJAXUtilitiesjQuery的使用：jQuery属原创 2021-06-20 01:21:10 · 688 阅读 · 0 评论 -
nrm报错 ERR_INVALID_ARG_TYPE
D:\webdevelopment\JavaScript\practice> nrm lsinternal/validators.js:117throw new ERR_INVALID_ARG_TYPE(name, ‘string’, value);^[TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received undefinedat validateString (intern原创 2021-06-15 11:23:41 · 481 阅读 · 2 评论 -
nvm安装与使用
nvm node.js version managementnodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。windows用户下载安装：https://github.com/coreybutler/nvm-windows下载后按照默认配置一步步安装，由于国外的镜像源下载慢，所以打开C:\Users\dell\AppData\Roaming\nvm\settings.txt添加node_mirror: https://npm.taobao.org/mirrors/node/n原创 2021-06-15 09:53:23 · 9245 阅读 · 0 评论 -
同步与异步的区别、JavaScript中循环里使用setTimout
1.同步与异步同步和异步关注的是消息通信机制。所谓同步，就是在发出一个调用时，在没有得到结果之前，该调用就不返回。但是一旦调用返回，就得到返回值了。换句话说，就是由调用者主动等待这个调用的结果。而异步则是相反，调用在发出之后，这个调用就直接返回了，所以没有返回结果。换句话说，当一个异步过程调用发出后，调用者不会立刻得到结果。而是在调用发出后，被调用者通过状态、通知来通知调用者，或通过回调函数处理这个调用。同步的优点是：同步是按照顺序一个一个来，不会乱掉，更不会出现上面代码没有执行完就执行下面的代转载 2021-05-22 10:52:52 · 138 阅读 · 0 评论 -
内容不同的时候，效果不同
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-05-08 17:48:11 · 125 阅读 · 0 评论 -
实现一个未知宽度的盒子水平居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>实现一原创 2021-05-08 17:45:27 · 199 阅读 · 0 评论 -
实现小三角形，鼠标悬停小三角形出现
1.图片实现html:<div> <p>服务行业</p> <img src="icon.jpg" /></div>css:* { margin: 0; padding: 0; } div { width: 200px; height: 50px; border: 2原创 2021-05-08 09:15:08 · 1189 阅读 · 0 评论 -
background-attachment: fixed/scroll
scroll表示背景图像随对象滚动而滚动，是默认选项；fixed表示背景图像固定在页面不动，只有其他的内容随滚动条滚动。原创 2021-05-05 19:22:26 · 413 阅读 · 0 评论 -
前端学习-002
文章目录前言一、常见标签1.标题标签 <h1>-<h6>2.段落和换行标签3.文本格式化标签4.<div>和<span>标签（盒子，无语义，用来布局）5.图像标签6.超链接标签总结前言一、常见标签1.标题标签 <h1>-<h6>head，标题，一个标题独占一行。2.段落和换行标签<p></p>，paragraph，段落，将HTML文档分割为若干段落，一个段落中的文本根据浏览器窗口的大小自动换行。&原创 2021-04-09 03:00:42 · 179 阅读 · 0 评论 -
前端学习-001
文章目录HTML入门--Day1一、基础知识二、实战1.安装vscode环境（网上搜）2.vscode插件（1、 2 、4）总结HTML入门–Day1一、基础知识二、实战1.安装vscode环境（网上搜）下载地址：http://vscode.cdn.azure.cn/stable/78a4c91400152c0f27ba4d363eb56d2835f9903a/VSCodeUserSetup-x64-1.52.1.exe新建文件 ctrl + N输入!按下tab 生成html页面骨架结构原创 2021-04-03 20:17:58 · 170 阅读 · 0 评论