自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 react项目中使用后端返回的JSON数据生成路由

使用后端返回的数据来动态生成react项目的路由

2023-08-16 16:34:54 556 1

原创 2021-07-27 今天的工作小结

一、今天依然在美化和优化一键报案页面。从用户体验的角度来看,虽然大部分情况下自动定位功能 是定位成功的,然后输入框 上面也会自动输入定位好的地址在上面。输入框右侧的地图打开按钮,点击后会打开地图,然后用户点击地图上会自动选择地址并关闭地图。但考虑了一种 情况 ,万一用户又通过输入框 右边的的按钮打开了地图,看了看,又不想改地址了,这时候用户可能会不知道 怎么操作了。所以最后在地图页面加了一个按钮。二、多数情况下做ajax请求的时候 之前是自己在fastmock网上做模拟接口;对于一些需要返回数据的,是很好

2021-07-27 19:43:44 63

原创 工作日志 2021-07-15

无线端微信公众号的网页,一键报案页面,今天主要是页面的逻辑处理,还有一个问题是地图定位的问题,用了高德地图的api,但是一直是说ip定位失败。不知道手机上能不能定位成功,看文档说是https才行。反正电脑本地测试没有成功,只拿到了省市。但是同样的页面在手机上定位到了。具体问题晚上回去再排查。还有需要思考的问题是,手机端的页面,是否可以调用微信定位,要怎么操作,还需要看看,我想应该,先判断当前设备或者客户端,如果是微信,先调用微信,否则再调用高德,或者做一个异步,两个都调用,哪个先得到地址,就把地址给到

2021-07-15 20:04:24 66

原创 2021-06-04移动端布局

这几天学习移动端的小结一下:弹性布局。display:flex 最近的练习中用到最多的是flex-directionflex-direction:column; 这个是改变主轴的方向,主轴的方向默认是在水平上,通过这个代码可以设置为垂直。垂直后,交叉轴就在水平方向,而主轴在垂直方向。flex-direction:row,这个是默认值,如果不写这条,默认它也是这个,即主轴在水平方向上。flex-direction:row-reverse; 主轴反转。如主轴水平上上靠左的123 反转后 会靠

2021-06-04 12:04:33 182

原创 关于addEventListener()的第三个参数问题

<style> .box{ width: 40px; height: 40px; border-radius: 50%; background-color: chocolate; } .bbox{ width: 100px; height: 100px; background-col

2021-06-01 12:39:24 219

原创 开始找工作 此贴记录面试遇到的题目 初级前端(持续更新直到找到工作)

一、html5的新特性?答:新的语义化标签,新的表单控件,canvas和svg,video和audio,本地存储。二、数组有哪些操作方式?typeof()检测数组;instanceof()判断是否是数组;sort()排序数组;reverse()置反数组;unshift() 数组头部插入;shift()数组头部删除;pop()数组尾部删除;push()数组尾部插入;split()字符串转数组;join()数组转字符串;concat()合并数组;indexOf()判断是否包含一个指定值,是则返回所在下标,

2021-05-28 18:35:30 83 1

原创 记录一下今天项目开发遇到的问题

要做一个列表列表,数据从阿加克斯获取,然后每一列数据后面有一个删除按钮。要实现的功能是点击删除按钮之后,删除数据库中的数据,并且页面实时删掉这条数据。之前是实现了删除数据库,但是一直。需要刷新重新获取阿贾克斯数据,才能看到新的删除后剩下的数据。解决办法是在渲染的时候把index用自定义属性 data-userkey="index"传递给删除按钮。然后点击删除按钮的时候,index=e.target.getAbulte(userkey)就可以拿到index,再操作删除this.state.list.splic

2021-05-23 19:06:24 50

原创 JS 基础知识面试题笔记2

主要是DOM,Ajax,BOM,存储和事件绑定@[TOC] DOM操作DOM,文档对象模型题目:DOM属于哪种数据结构?DOM操作的常用APIattr和Property的区别一次性插入多个DOM节点,考虑性能?知识点分析:获取DOM节点:document.getElementById("id");//通过id获取节点; document.getElementByClassName("className");//通过className获取节点集合; document.getElemen

2021-05-18 14:52:18 53

原创 前端开发JS面试题笔记

@[TOC]类型和变量计算知识点:数据类型分为值类型和引用类型,值类型如:let a=100;let b=a;a=200;经过上面的程序后,b的值是 100;a的值是200;因为a重新赋值了,它们都是基本的值类型,在用=号复制的时候,是直接赋值的。(值类型有undefined,string,number,boolean,symbol)***引用类型 let a={name:“张三”} let b=a;那么a和b都是指向同一个内存地址。这个内存地址存储了一个对象。这样是一个引用类型(引用类型包

2021-05-15 19:28:19 320

原创 原生nodejs简易服务端 监听Http请求

一、初始化npm在项目文件夹目录里运行cmd命令F:\网课学习\前端工程师\第29-30周>npm init运行结束后会生成package.json文件;二、新建一个test.js文件并写入代码const http=require("http");const server=http.createServer((req,res)=>{ res.end("hello ,this is server")//返回给前端的内容})server.listen(3000)//监听端口

2021-05-11 03:21:39 848

原创 2021-5-8 学习心得

一个完整的项目 分3部分:前端,后端,数据库他们都是独立部分,这个站点运行的机制是:数据系统启动服务,后端启动服务,前端向后端发送请求,可能在请求中携带参数或者请求体,后端从前端发过来的请求中拿前端请求的东西,比如前端要查询一个用户信息,发送了一个用户名过来;后端从请求中拿到这个用户名,后端连接数据库,拿这个用户名去数据库中查询数据;查到数据后,后端再通过response把这个查询到的信息返回给到前端,前端显示在html页面上给用户。...

2021-05-08 22:59:52 57

原创 跨域问题解决

Access to XMLHttpRequest at “http://www.xxxxx1.com” from origin “http://www.xxxxx2.com” has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.这个问题在前端做Ajax请求的时候容易遇到,百度一下,意思是这个意思:“访问XMLHttpRequest”htt

2021-05-08 22:52:56 550

原创 前后端通信时候如何对数据进行分页?

一、准备一个目录,比如test二、cmd命令窗口定位到test目录下面三、输入命令来安装mongodb npm插件;npm install mongoose --save```输入命令后按回车键,会自动安装好对应的插件;四、安装好后,创建一个js文件,比如 nect.js ,然后写如下代码:```javascriptconst MongoClient=require("mongodb").MongoClient;//这里是引入模块const url="mongodb://localh

2021-05-08 17:00:17 345

原创 学习笔记:React 循环输出列表

import React, { Component, Fragment } from "react";class App extends Component { constructor(props){ super(props); this.state={ list:["红色","绿色","花色","彩色","五彩斑斓黑"] } }// ES6里面,数组循环有个语法,map render() { return <Fragment&

2021-04-18 16:45:24 419

原创 学习笔记:React父子组件之间传值

学习前端中~记录一下今天。 困扰了一晚上 ,React传值的代码。父组件:App,子组件:Info,先上代码:功能是 把父组件中的age,name两个属性和值传给子组件App:import React,{Component, Fragment} from "react";import Info from "./info";export default class Hello extends Component{ constructor(props){ super(props);

2021-04-18 15:54:22 53

空空如也

空空如也

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

TA关注的人

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