前端
关注
分享
扫一扫
文章平均质量分 73
爱学习的ljz
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
curl命令简单使用
curl 是常用的命令行工具，用来请求 Web 服务器。它的名字就是客户端（client）的 URL 工具的意思。一般可以用来验证接口是否正常可以调用。原创 2023-06-28 23:55:32 · 1002 阅读 · 0 评论 -
get请求缓存问题
需求开发完 却发现只有第一次是正常调用get请求进行认证的，后续再打开第三方的系统都是无效的，通过第三方系统的日志发现 后面并没有对第三方系统进行调用get请求认证。通过在部署项目的服务器抓包，发现除了第一次发起了get认证请求，后续的请求都没有发现调用get认证请求，于是就考虑是浏览器的问题了。所以问题的原因就找到了，是因为第一次调用get鉴权请求成功，会把响应结果保存在缓存中，所以后续的get认证请求就走缓存了，发起了get请求，但是并没有调用到第三方平台的接口。这个时候，浏览器就不会与服务器交互。原创 2023-04-26 22:02:14 · 2094 阅读 · 1 评论 -
React学习7(React 组件通讯)
react 组件通信原创 2022-09-01 23:05:47 · 358 阅读 · 0 评论 -
React学习5(React class 组件)
react class组件的生命周期原创 2022-08-25 22:50:46 · 2605 阅读 · 0 评论 -
React学习4(React组件)
React组件 概念原创 2022-08-18 21:03:23 · 354 阅读 · 0 评论 -
React学习3(React安装使用)
react安装 两种方式，一种是引入cdn开发，一种是npm 搭建react环境原创 2022-08-07 15:09:27 · 1055 阅读 · 1 评论 -
React学习2(redux概念介绍)
redux 学习笔记原创 2022-07-13 22:49:57 · 163 阅读 · 0 评论 -
JS中 正则表达式的应用
正则表达式 在前端中的应用也是比较常见的,我们在有时候也需要 用js 对某些字符串进行查找\捕获 或者 替换.stringsearchsearch() 方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。'Hello World!'.search(/world/i); // 6 返回匹配出的第一个字符串的开始位置索引，与 indexOf 方法类似，但是 search方法 可以支持 正则表达式，功能更加强大 ...原创 2022-02-16 23:25:16 · 436 阅读 · 0 评论 -
Redux学习3 useSelector 与 useDispatch
Redux学习3 useSelector 与 useDispatch在 react-redux 中学习了使用connect方法对ui组件进行加强，从而使得组件可以通过mapStateToProps和mapDispatchToProps来进行将 redux中的state的数据 存进props来读取和修改redux的数据，但是如果每个组件都要去利用connect方法进行加强，会太麻烦，所以reacct-redux 新版本7.1推出了hooks风格的api，可以更加简单的去操作redux的数据。u原创 2021-12-15 00:27:56 · 1752 阅读 · 0 评论 -
Redux 入门学习2 （react-redux）
react-redux学习原创 2021-12-12 00:31:50 · 195 阅读 · 1 评论 -
Redux 入门学习（1）
Redux学习笔记redux 和react没有必然关系，redux可以应用于各种框架，包括jquery，甚至js都可以使用redux，只不过redux和react更加搭配。redux也推出了专门应用于react的react-redux。1. Redux概述Redux就是一个JavaScript容器，用来进行全局的状态管理Redux三大核心单一数据源头（所有的state的数据都存储在一个Object Tree中）State只读（要想修改只能通过发送action来进行修改）使用纯函数来进行修改原创 2021-11-28 22:57:28 · 676 阅读 · 0 评论 -
React学习6(React hook)
React Hooks 学习笔记react组件类型有两种，一种是class组件（类组件），，另一种是function组件（函数组件），react 之前主流开发是使用class 组件来完成复杂的业务逻辑，因为class组件有state 可以管理数据，，可以通过setState来只渲染state中发生改变的数据，以及各种生命周期函数也可以控制不同时间要执行的功能， 比函数组件更有优势。但是class组件比较大，更加占用性能。因此现在更倾向于使用函数组件来实现业务，而hooks就是弥补函数组件的状态管理的一种技原创 2021-10-31 22:09:56 · 363 阅读 · 0 评论 -
2021-01-13 JS 正则表达式的简单使用
在页面需要对某个输入框的值需要解析出需要的数据进行存入数据库，所以使用了正则表达式，在此记录下。需求1：需要对符合格式〔***〕 号格式的字符分别拿到 〔 〕的数字，比如〔2021〕1号 要拿到年限2021 。方法1 exec年限是两个符号中间包着的部分，所以正则表达式是 /〔\d+〕/,利用js 的正则表达式对象的exec方法进行截取var data = /〔\d+〕/.exec("〔2021〕1号");//exec方法执行返回的对象就是正则匹配的结果 ,可以看到他的0属性就是我们匹配出原创 2021-01-17 22:43:21 · 406 阅读 · 1 评论 -
2021-01-04 js时间对象的格式化以及获取某年某月的天数
格式化时间在前端页面中一般时间的要求格式是与时间对象的显示格式有区别的,默认页面中 new Date() 的显示为Mon Jan 04 2021 14:25:04 GMT+0800 (中国标准时间),这显然并不符合我们中文时间的阅读方式,我们一般习惯于 2020-01-04 14;25:04这样的阅读方式,总结了几种格式化时间对象的方式.方式1 字符串拼接 var date = new Date(); var str = date.getFullYear()+'-'+(date.getMont原创 2021-01-04 17:11:53 · 2418 阅读 · 2 评论 -
2020-12-14兼容屏幕分辨率的几种布局方式
兼容屏幕分辨率的几种布局方式如何改变文本的样式开发很多的项目是针对于不同的屏幕都要兼容的，一般是19201080，最低有时候需要支持到1024768，因此需要在布局上有一些适应屏幕的方式。有多中方式。1 最基本的是所有都卡死px，这样的话，当屏幕过小时，会出现滚动条，可以拖动显示。全都使用px的方式，不会受到屏幕的影响，当屏幕过小时可以拖动滚动条显示，但是效果很不好，有时候想在页面上看一个内容，还需要拖动滚动条才可以看完整，因此这种方式不推荐使用。2 可以考虑百分比，一般为了用户体验感，滚原创 2020-12-16 22:36:31 · 672 阅读 · 0 评论 -
2020-11-06 监听浏览器窗口切换至本页面
今天开发的一个列表页面，列表展示数据，会展示数据的查看状态，如果点击查看详情进去查看状态会变为已查看，需要刷新列表页面的查看状态。由于页面是新开页面，所以没有办法通过详情页的返回方法对列表页进行刷新。此时就需要监听浏览器窗口的切换的。需要用到给document 添加监听事件 visibilitychange事件（H5页面可见性改变）在标签页面的可见性改变时也就是显示或者隐藏时会触发这个方法下面是我的demo源码 <div >这是第<span id="count" ></原创 2020-11-06 22:26:22 · 438 阅读 · 0 评论 -
2020-11-03 texarea的回车与换行
textarea标签在输入文本内容时，有时候会换行，如果是正常换行不会有问题，但是有时候会使用回车来换行，这样在取textarea得 值时会有很多空格，数据传到后端处理时 有时候会出问题，所以可以在取值时对值进行一下处理，将我们手动打上的回车换行替换为 标签，到时候在 赋值的时候再 数据库取的字符串中的标签替换为换行。在textarea 中打的回车换行是 ‘\n’ ，因此我们在取值时利用replace方法进行全局替换var str = $('textarea[id="text"]').val()原创 2020-11-03 22:36:50 · 743 阅读 · 0 评论 -
2020-10-14 CSS 元素选择器
CSS元素选择器元素选择器大致分为以下几类：（*）通配符选择所有元素标签选择器id选择器类选择器后代元素选择器（ 空格）子元素选择器（>）兄弟元素选择器（~）相邻元素选择器（+）属性选择器（[ ]）伪类元素选择器（:）合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowch原创 2020-10-15 22:03:30 · 121 阅读 · 0 评论 -
2020-10-09 调用百度地图接口实现的添加坐标点和路线的小Demo
之前在工作中实现了一个小的功能模块是调用百度地图的接口，实现初始化位置点和路线以及自己添加位置点和路线的功能，现在记录一下，方便自己以后来回顾知识。此demo主要实现了以下功能：在地图上添加位置点，并添加位置点的名称备注，右键停止添加位置点，添加点之后在左侧有一个位置点的列表，当点击列表中的点时，地图会将中心点移动到该点，并在点上显示标签为该位置点的名称备注。在地图上可以添加一条路线，完成路线时右键停止，然后点击保存路线会弹出该线上所有折点的位置点所构成的字符串，点击编辑路线，路线就开启编辑功能，可原创 2020-10-09 21:10:53 · 633 阅读 · 0 评论 -
2020-09-02 引用百度时遇到的Cannot read property ‘fc‘ of undefinedgetscript?v=2.0
最近做的项目的模块是关于百度地图的，想在自己电脑上重新实现一下，结果引入百度地图的在线js发现有问题，在引入js 初始化地图时一直报错 getscript?v=2.0&ak=你的秘钥&services=&t=20160928173929:1 UncaughtTypeError: Cannot read property ‘fc’ of undefined ,我是将内容写在js文件里的，后来测试发现在html中写js就可以成功显示地图，所以就分析了一下，应该是在map初始化div的原创 2020-09-02 22:45:47 · 1707 阅读 · 0 评论 -
2020-09-01 JS获取浏览器类型和版本
最近使用参与开发的项目使用了Vue，但是用户很多使用异常，报各种错误，发现报错的地方都是使用Vue的部分，从网上参考了一下资料，发现Vue是需要浏览器版本支持的。浏览器的版本支持如下图。此图为转载，原创地址为：https://blog.youkuaiyun.com/qq_17145787/article/details/80177238于是需要对浏览器版本进行检测并进行提示了，将不支持Vue的浏览器进行提示，让用户更新版本或者更换浏览器。于是就写了下列代码，在粘贴代码时不要忘记将我引入的Vue.js换成自己原创 2020-09-01 22:22:40 · 303 阅读 · 0 评论 -
js replace方法处理 渲染文本字符串中的br标签
今天在项目中碰到一个问题，从后端查出来的需要渲染的文本字符串中有标签，如果是直接采用文本节点与元素节点拼接的方式，可以将br标签渲染为换行，例如<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>replaceDemo</title> <script src="js/jquery-3.3.1.min.js">&l原创 2020-08-26 23:03:59 · 4300 阅读 · 0 评论 -
html开发时使用js封装Vue组件（一）
前端开发组件化是个很重要的思想，但是平常只是在node搭建的环境下，使用webpack管理react或者vue项目时，会自定义组件，然后其他页面引用自定义的组件。但是在普通的html前端页面开发时怎么去使用vue定义可重用组件呢，就像element-ui那样，我们可以不用node环境，而是引用js文件，也可以实现使用各种定义好的组件。 今天由于工作需要，电脑没有搭建vue项目，而是采用引入vue.js的方式开发页面，我需要定义很多页面都可以使用的公共组件，在仔细阅读了vue官网的组件化方...原创 2020-08-23 16:39:39 · 2659 阅读 · 8 评论 -
html开发时使用js封装Vue组件（二）
需求最近项目组里有个项目想使用vue开发，但是不想搭建环境，因此就采用引入js的方式来进行开发，然后有很多页面需要用到一些公共的部分，因此想让我开发一些公共组件，使用Vue注册组件都是在webpack管理的项目下进行 的封装组件，因此对无node搭建环境的情况下不太了解如何封装公共组件。在重新阅读了Vue官网的组件注册之后，产生了一个想法，可以在js中注册好Vue的全局组件，然后哪个页面需要用到该组件就引用该js文件，将组件内dom模板的定义也写在了js文件中。一开始就通过这样的方式注册了很多公共组件原创 2020-08-26 21:41:36 · 2646 阅读 · 0 评论 -
ztree设置默认节点选中
zTree如何设置默认选择节点zTree的节点选中分为两种设置默认select默认选中节点设置check选中状态容易出错的地方zTree的节点选中分为两种zTree的选中一种是像复选框那样选中，那种选中的关键词为check，如图所示另一种为通过鼠标单击的选中状态，这一种选中为select，如下图所示设置默认select默认选中节点在设置select选中节点之前首先需要获得要设置选中的节点，var ztree = $.fn.zTree.getZTreeObj("treeDemo"); va原创 2020-08-03 22:33:09 · 9031 阅读 · 0 评论 -
安装谷歌插件react-devtools
之前电脑硬盘出了点问题，导致之前安装的谷歌插件文件都丢失了，需要重新下载，去到之前的github地址，想要下载，结果发现已经迁移了，被facebook从react-devtools3 仓库转到了react仓库 的v3分支，以下是react插件新的地址，https://github.com/facebook/react-devtools/tree/v3，首先将zip下载下来，然后解压 执行 ...原创 2020-04-24 14:18:21 · 319 阅读 · 0 评论 -
json-server模拟后端接口
最近在看react视频，听视频里老师讲了json-server的使用，感觉挺不错的。json-server的作用 ：在后台还没给接口之前，使用JSON-Server搭建一台JSON服务器，将接口要返回的数据放在json文件里面。然后请求这些数据，这样我们可以先做一些东西，等后台接口好了之后直接替换就可以了，不必一直傻傻的等后端的接口。使用步骤：首先 我们需要安装他的依赖，全局安装 jso...原创 2020-04-17 18:21:14 · 506 阅读 · 0 评论 -
React通过配置文件处理跨域问题
React处理跨域问题一般有两种方式正向代理（一般用于开发环境）：是一个位于客户端和原始服务器之间的服务器，为了从原始服务器取得内容， 客户端向代理发送一个请求并指定目标(原始服务器)，然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端才能使用正向代理。反向代理（一般用户上线环境）:是指以代理服务器来接受 Internet 上的连接请求，然后将请求转发给内部网络上的服...原创 2020-04-16 17:15:07 · 916 阅读 · 0 评论 -
使用create-react-app 创建 react项目
一.在cmd命令行执行 npx create-react-app myapp（项目名）二.等下载完之后 cd myapp进入到项目路径 执行 npm start测试是否可以运行三.然后引入 Ant Design 组件库首先 命令行执行 yarn add antd 下载antd 的依赖然后 为了实现按需打包 还需要添加几个工具的依赖yarn...原创 2020-04-15 20:33:30 · 521 阅读 · 0 评论