- 博客(101)
- 收藏
- 关注
RSS订阅原创 前端---js（自学笔记29)定时调用应用1
前提代码中所用到的知识扩展：offsetleft：在不同的浏览器中其值不同，且与父元素的position属性（relative,absolute,fixed）有关。现分以下几种情况说明：在父元素均不设置position属性时，在Chrome，opera和IE浏览器中offsetLeft是元素边框外侧到浏览器窗口内侧的距离且body.offsetLeft=0,在firefox浏览器中offsetLeft是元素边框外侧到body内侧的距离body.offsetLeft=-边框宽度
2020-11-18 17:09:47
346
原创 前端---js（自学笔记28)（定时调用）以及定时练习图片自动切换、延时调用
定时调用：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ //获取count var count = document.getElementById("cou
2020-11-17 10:32:44
534
1
原创 ES6笔记一----认识ES6、let变量声明和特性总结
ES6：ECMA（European Computer Manufacturers Association）欧洲计算机制造商协会就是规范Javascript的计算机标准语言ECMA：是由ecma通过ECMA-262规范语言ECMA-262所有标准列表查看http://www.ecma-international.org/publications/standards/Standard.htmECMA-262（ECMAScript）历史版本查看网址http://www.ecma-internati
2020-11-02 15:33:21
310
原创 微信小程序开发1----介绍
一、什么是微信小程序微信小程序又叫小程序（mini program），是一个下载很快不用安装的软件，使得人们感官上觉得没有下载安装的过程，之前小程序的压缩包不得超过1M的大小，在2017年4月，改进为不得超过2M，2017年1月第一批小程序正式上线。二、微信小程序是干什么的微信小程序是同App互补，但其实是APP的一部分主要功能的体现形式，操作简单的轻应用。链接线上线下。开发门槛低，成本低。三、微信之父--张小龙张小龙（腾讯副总裁、微信创始人）张小龙，1969年12月3日生于湖南省邵
2020-11-02 10:21:08
495
2
原创 列表向上下滚动形式的轮播图总结1
第一种：js写法：使得列表无缝衔接自动循环并且当鼠标放到列表上，列表停止滚动。先看效果图：代码：import React from 'react'import axios from '@services'import './EnterpriseModel.less'// import modelpoint1 from '../../../assets/images/EnterpriseModel/model1.png'// import modelpoint2 from '.
2020-10-27 15:57:22
1440
2
原创 前端---js（自学笔记27)（BOM--Navigator）
BOMBOM:浏览器对象模型 BOM可以使我们通过JS来操作浏览器 在BOM中为我们提供了一组对象，用来完成对浏览器的操作BOM对象：Window：代表的是整个浏览器的窗口，同时window也是网页中的全局对象 Navigator：代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器 Location:代表当前浏览器的地址栏信息，通过Location可以获取地址栏信息，或者操作浏览器跳转页面 History:代表浏览器的历史记录。可以通过该对象来操作浏览器的历史记录，由于隐私问题
2020-09-07 20:40:27
249
原创 html-css自学笔记3（图片标签、相对路径、图片的格式、_meta标签、xHtml语法规范、内联框架）
图片标签<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 使用img标签来向网页中引入一个外部图片， img标签也是一个自结束标签 属性： src：设置一个外部图片的路径 alt：可以用来设置在图片不能显示时，对图片的描述
2020-08-31 16:49:12
261
原创 前端---js（自学笔记26)（滚轮的事件、键盘事件、键盘移动div）
滚轮的事件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>滚轮事件</title> <style type="text/css"> #box{ width: 100px; height: 100px; background-color: red; } </style> <s
2020-08-28 17:27:30
401
原创 react：一个接口传入的数据，进行俩次处理，取数据的前个数据
想要用一个接口的数据，处理不同的需求业务？首先，先初始化俩个数组，目的是因为需求不一样，所以要将俩组数据分开处理，然后，异步处理数据，第一个处理，是将全部数据取出数据的名字、图片，第二个是用slice（0,6）取出从索引0开始到索引6的数据，slice（0,1）取数据，第一个参数是开始位置，第二个是结束位置，这个比较灵活，你可以自己定义从第几项开始取。然后到render之下，用你所需要的数据。import React from 'react'import axios from '@.
2020-08-26 11:09:54
634
原创 react：报错：Warning: Can‘t perform a React state update on an unmounted component. This is a no-op,...
报错：Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.原因：react组件已经.
2020-08-26 09:45:59
1778
原创 css2.1--笔记6（margin叠加、清除浮动）
解决margin叠加<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #up,#down{ width:200px; height: 200px; backg
2020-08-25 17:10:42
227
原创 前端---js（自学笔记25)（拖拽练习）
拖拽练习<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: cornflowerblue; position: absolute
2020-08-25 12:35:48
204
原创 前端---js（自学笔记24)（事件对象和练习、事件的冒泡、事件的委派、事件绑定、事件传播）
事件对象：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #areaDiv{ width: 200px; height: 100px; border:1px solid #000000; } #showMsg{ widt
2020-08-24 21:20:11
194
原创 html-css自学笔记2（文档声明、进制的简介、乱码问题，常用标签、实体）
文档声明：H5的文档声明，声明当前的网页是按照HTML5标准编写的，编写网页时，一定要将h5的文档声明写在网页最上边，如果不写文档声明，则会导致有些浏览器会进入一个怪异模式，浏览器解析器页面会导致页面无法正常显示，所以为了避免进入该模式，一定要写文档声明<!doctype html>进制的简介：满几进一，常用进制：二进制：0 、1 ----10、11、100、101、110、111......十进制：0、1、2、3、4、5、6、7、8、9-------10、11、12、1
2020-08-24 17:58:11
210
原创 react--学习笔记10（ajax请求使用axios）
ajax请求使用axios:1. 前置说明React本身只关注于界面, 并不包含发送ajax请求的代码 前端应用需要通过ajax请求与后台进行交互(json数据) react应用中需要集成第三方ajax库(或自己封装)2. 常用的ajax请求库jQuery: 比较重, 如果需要另外引入不建议使用 axios: 轻量级, 建议使用 封装XmlHttpRequest对象的ajax promise风格 可以用在浏览器端和node服务器端 fetch: 原生函数, 但老版本浏览.
2020-08-19 22:01:24
262
原创 前端---js（自学笔记23)（其他样式的相关属性）
练习测试代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>其他样式相关属性</title> <style type="text/css"> #box{ width: 100px; height: 100px; background-color: red; border: 10px solid.
2020-08-18 18:04:09
159
原创 react--学习笔记9（demo---评论管理练习）
评论管理页面：步骤：首先，当拿到图时，对图片进行组件拆分（这里评论管理我拆分为四个部分：App、Add、List、Item） 实现静态组件页面：在public---下建立css添加bootstrap.css,在src下：新建四个文件夹，并且每个里面添加jsx页面 ...
2020-08-18 16:25:46
317
原创 css2.1--笔记5（黏连布局和BFC、BFC的练习俩列布局---商品列）
粘连布局：又称作：stickyFooter，经典的“粘连”footer布局：我们有一块内容<main>，当<main>的高度足够长的时候，紧跟在<main>后面的元素<footer>会跟在<main>元素的后面。当<main>元素比较短的时候，（比如小于屏幕的高度，我们期望这个<footer>元素能够“粘连”在屏幕的底部）<!DOCTYPE html><html> <head&
2020-08-17 17:24:13
184
原创 PR1:初识PR界面
划重点:高版本的pr工程文件，在低版本的pr中打不开。工作流程：1.打开pr----新建项目（工程文件）-----导入素材、新建序列（相当于ps画布）----制作----导出成品。2.新建项目的方法：a.直接在开始界面，点击新建项目就可以、b.菜单栏：文件--新建---项目、c.快捷键：Ctrl+Alt+N（英文输入法）...
2020-08-17 16:33:32
1150
原创 前端---js（自学笔记22)（操作内联样式、获取元素的样式）
操作内联样式：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>设置内联元素样式</title> <style type="text/css"> #box1{ width: 100px; height:100px; background-color: blue; } </style>
2020-08-17 12:07:01
249
原创 react--学习笔记8（react脚手架和简单练习）
react应用(基于react脚手架)：1.使用create-react-app创建react应用
2020-08-17 10:59:24
224
原创 react--学习笔记7（受控组件和非受控组件和组件的生命周期----虚拟DOM与DOM Diff算法）
组件的生命周期：eg：<h2 style={{opacity:opacity}}>{this.props.msg}</h2>中，外层{}指的是这里放js代码，内层{}指的是放入js对象1.理解：组件对象从创建到死亡它会经历特定的生命周期阶段 React组件对象包含一系列的勾子函数(生命周期回调函数), 在生命周期特定时刻回调 我们在定义组件时, 可以重写特定的生命周期回调函数, 做特定的工作2.生命周期流程图3.生命周期详述组件的三个生命周期状态:..
2020-08-13 16:03:36
241
原创 css2.1--笔记4（fix失效+总结）
解决ie6底下fixed失效问题：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>fixed</title> <style type="text/css"> *{ margin: 0; padding: 0; } #test{ position: fixed; width: 100px
2020-08-12 16:58:32
293
原创 react--学习笔记6（收集表单--受控组件和非受控组件例子）
收集表单数据这里主要是说受控组件与非受控组件：受控组件: 表单项输入数据能自动收集成状态（这里为密码，可以用react的插件看到，随着密码输入，一直在改变） 非受控组件: 需要时才手动读取表单输入框中的数据（这里为用户名，只有用的时候调用）这里还是按照我的惯例，写俩种方式;Hbuilder:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>收集
2020-08-12 16:25:46
188
原创 前端---js（自学笔记21)（添加删除记录练习，超链接索引问题）
添加删除记录------删除：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <title>添加删除记录练习</title> <link rel="stylesheet" type="text/css" href="css/delete.css"/> &
2020-08-10 16:12:34
3191
1
转载 前端---js（自学笔记20)（dom查询和增删改）
dom查询的剩余方法：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>dom查询</title> <script type="text/javascript"> window.onload = function(){ //获取body标签,有俩个方法 var body = document.getElements
2020-08-07 11:26:11
5242
原创 css2.1--笔记3（等高布局、双飞翼布局）
等高布局：当有定位元素（position），和浮动元素（float）时，margin：0 auto会失效。如果是标准的块级元素，margin：0 auto正常使用。如果写样式，最好是用class的方式引用，id的方式最好是最外层的盒子使用。也就是说只有最外层的盒子使用id方式，内部全部用class的方式。清除浮动（clearfix）：让子元素可以撑开父元素的高度。可以使用 :after伪元素 清除浮动，给浮动元素的容器添加一个clearfix的class，然后给这个class添加一个:...
2020-08-06 11:52:37
5244
原创 css2.1--笔记2（圣杯布局和扩展网站）
圣杯布局：margin-left、margin-right、margin-top、margin-bottom只改变元素边界，不动元素位置。移动位置：红色为正，蓝色为负总结：圣杯布局使用到了浮动、定位进行布局首先使用浮动：搭建完整布局框架，margin为赋值，调整旁边俩列的位置，使得三列布局在一行上。使用相对定位调整旁边俩列的位置，使得俩列在在俩头<!DOCTYPE html><html> <head> <meta chars
2020-08-06 08:52:35
5278
原创 react--学习笔记4（react测试和简单开发）
react三大属性：一、statestate：“状态机”，更新组件state来更新对应页面当组件中有state，则不能使用工厂函数我写了俩种方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>三大属性---state</title> </head> <body> <div id='test'>
2020-08-05 09:50:28
5310
原创 react报错：index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode......（react--学习笔记4）
在编写我的博文里react---自学笔记4中，发现控制台报错：经过百度查阅，发现：找到index.js 果然默认是严格模式，删除<React.StrictMode>标签，关闭严格模式，警告自然消除了
2020-08-03 22:03:23
5717
原创 react--学习笔记3（面向组件编程）
一、React面向组件编程注意：组件名必须首字母大写 虚拟DOM元素只能有一个根元素 虚拟DOM元素必须有结束标签<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>组件编程</title> </head> <body> <div id="test1"></div> &l...
2020-07-28 17:47:18
5220
原创 前端---js（自学笔记19)（全选练习）
全选练习：checked：选中的意思，适用于单选按钮或复选框；当checked=true，为选中。当checked=false，为不选。在事件的响应函数中，响应函数是给谁绑定的this就是谁<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equ
2020-07-28 12:01:30
5218
原创 html-css自学笔记1（前端理解架构，注释，标签）
html和css基础：一、前端基础：软件的架构：（1）C/S---客户端/服务器：一般我们使用的软件都是C/S架构，比如QQ、360、office C表示客户端，用户操作的软件；S表示服务器，服务器负责处理软件的业务逻辑 特点：软件使用前必须得安装；软件更新时，服务器和客户端同时更新；而且不能跨平台使用;C/S通信采用自有协议，相对来说比较安全。（2）B/S-----浏览器/服务器：B/S本质上也是C/S，只不过B/S架构的软件，是使用浏览器作为软件的客户端 通过使用网页形式使用
2020-07-28 09:32:13
5232
原创 react--学习笔记1（react简介和简单的hello world）
一、react简介：用于构建用户界面的JavaScript库，（JavaScript是一个函数库，react只关注view）。 react是由facebook开源的。react特点：Declarative(声明式编码) ; eg:命令式：model open（）；声明式：< Model open={true}>不用操作dom，只操作数据。 Component-Based(组件化编码)； Learn Once, Write Anywhere(支持客户端与服务器渲染)； 高...
2020-07-27 17:56:53
5240
原创 css2.1--笔记1（定位、浮动、三列布局）
定位：浮动元素的包含块为离他最近的块级祖先元素。“根元素”的包含块也被称作初始包含块，在HTML里根元素就是html元素，当然大多数初始包含块是一个视窗大小的矩形，但是初始包含块不是视窗大小。 对于非根元素，如果其position值是relative或static，包含块则由最近的块级包含，也就是用div包含。 对于非根元素，如果其position值是absolute，包含块设置为position值不是static的祖先元素。 ----如果祖先元素是块级元素，包含块则设置成该元素的内边距边界，
2020-07-27 17:32:53
5501
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人