- 博客(62)
- 收藏
- 关注
RSS订阅原创 产品经理必备技能和职责
学习来源B站大饼老师：https://www.bilibili.com/video/BV184411g7R2?p=4产品经理学习笔记产品经理必备技能产品经理岗位职责一个完整的项目开发流程产品经理必备技能产品经理岗位职责视频连接：https://www.bilibili.com/video/BV184411g7R2?p=6&spm_id_from=pageDriver产品线：将具有相关性，同属性，功能用途相似的（互联网）产品（点）组成的一条线。K12：教育类专用名词kindergart
2023-03-20 16:24:03
523
原创 5W2H理解数据埋点
数据埋点是数据采集领域（尤其是用户行为数据采集领域）的术语，指的是针对特定用户行为或事件进行捕获、处理和发送的相关技术及其实施过程。简而言之就是你想拿到用户的什么行为数据，然后通过技术对关注的事件进行监听、判断和捕获，然后获取必要的上下文信息，最后将信息整理后发送至服务器端。
2023-03-20 16:20:01
779
原创 React面试题整理
1、什么是虚拟DOM？（start）虚拟DOM是真实DOM的内存表示，是一种模式。用ReactDOM将虚拟DOM和真实DOM调和（同步），也就是虚拟DOM通过ReactDOM呈现到页面。虚拟DOM是React内部在用的，不需要那么多的属性。虚拟DOM的本质是object类型的对象。2、类组件和函数组件的区别？（start）1）函数组件的性能比类组件的性能要高。2）类组件使用时需要实例化，函数组件直接执行函数取返回结果即可。3）为了提高性能，尽量使用函数组件。4）函数组件没有this,没有生命
2022-05-04 16:11:15
922
原创 开发工具资源分享
开发工具资源分享jdk8node10.13.0Matlab 2018MySQL5.7.19jdk8链接：https://pan.baidu.com/s/1GuG5wfG9BFi_PHdv7i0chA提取码：qh2snode10.13.0链接：https://pan.baidu.com/s/1iz15KBnsngnq51_c4YMIEA提取码：l6g3Matlab 2018链接：https://pan.baidu.com/s/1uM2eDML9kDnn6UUyMp5vpA提取码：gli1M
2022-05-04 14:59:57
2354
原创 图片懒加载
图片懒加载是页面优化加快页面加载速度的方法之一，同时可以减轻服务器的压力。当我们页面滑动到可视区域，再显示图片。jQuery插件库：https://www.jq22.com/search?seo=%E6%87%92%E5%8A%A0%E8%BD%BD推荐视频：https://www.bilibili.com/video/BV1Sy4y1C7ha?p=421&spm_id_from=pageDriver...
2021-08-11 11:41:03
114
原创 jQuery其它方法
jQuery其它方法jQuery拷贝对象jQuery 多库共存jQuery拷贝对象如果想要把某个对象拷贝（合并）给另一个对象使用，此时可以使用$.extend()方法。语法：$.extend([deep],target,object1,[objectN])1、deep：如果设为true为深拷贝，默认为false浅拷贝2、target：要拷贝的目标对象3、object1：待拷贝到第一个对象的对象4、objectN：待拷贝到第N个对象的对象5、浅拷贝是把拷贝的对象复杂数据类型中的地址拷贝给目
2021-08-11 11:09:57
92
原创 jQuery带有动画的返回顶部
带有动画的返回顶部：animate（）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>带有动画的返回顶部</title> <style> div { width: 300px; height: 1000px; text-a
2021-08-10 16:55:58
182
原创 jQuery 元素操作、尺寸、位置操作
jQuery元素操作遍历元素遍历元素jQuery 隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同操作，就需要用到遍历。语法1：$("div").each(function(index,domEle){xxx;})1、each（）方法遍历匹配的每一个元素。主要用DOM处理。each每一个2、里面的回调函数有2个参数：index是每一个元素的索引号；demEle是每个DOM元素对象，不是jquery对象。<!DOCTYPE html><html lang="
2021-08-10 16:16:11
211
原创 jQuery内容文本值
jQuery内容文本值普通元素内容html（）（相当于原生inner HTML）普通元素文本内容text（）（相当于原生innerText）表单的值val（）（相当于原生value）普通元素内容html（）（相当于原生inner HTML）html（）//获取元素的内容html（“内容")//设置元素的内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <
2021-08-10 11:48:14
103
原创 jQuery属性操作
jQuery属性操作设置或获取元素固有属性值prop（）设置或获取元素自定义属性attr（）数据缓存data()设置或获取元素固有属性值prop（）所谓元素固有属性就是元素本身自带的属性，比如<a>元素里面的href，比如元素里面的type。1、获取属性语法prop（"属性")2、设置属性语法prop（“属性”,"属性值”）设置或获取元素自定义属性attr（）用户自己给元素添加的属性，我们称为自定义属性，比如给div添加index=“1”。1、获取属性语法attr("属性"
2021-08-09 22:31:04
108
原创 jQuery 效果
jQuery 效果显示隐藏效果滑动效果事件切换动画队列及停止排队方法淡入淡出效果自定义动画animatejQuery 给我们封装了很多动画效果，最为常见的如下：显示隐藏：show（）、hiden()、toggle（）滑动：slideDown() 、slideUp（）、slideToggle（）淡入淡出：fadeln（）、fadeOut（）、fadeToggle（）、fadeTo（）自定义动画：animate（）显示隐藏效果显示效果显示语法规范show（[speed],[easing],
2021-08-09 18:05:37
226
原创 jQuery 样式操作
jQuery案例集合链式编程jQuery样式操作链式编程链式编程是为了节省代码量，看起来更优雅。$(this).css('color','red').sibling().css('color','');<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery排他思想</title> <script sr
2021-08-09 10:11:47
103
原创 jQuery常用API
jQuery常用APIjQuery基础选择器jQuery 层级选择器jQuery隐式迭代jQuery 筛选选择器jQuery筛选方法（重点）jQuery里面的排他思想jQuery基础选择器原生JS获取元素方法很多，很杂，而且兼容性情况不一致，因此jQuery给我们做了封装，使得获取元素统一标准。$("选择器")//里面选择器直接写CSS选择器即可，但是要加引号jQuery 层级选择器jQuery隐式迭代隐式迭代：把匹配的使用元素进行遍历循环，给每一个元素添加css这个方法jQu
2021-08-07 20:10:59
1179
8
原创 jQuery
jQueryjQuery 概述jQuery优点jQuery的基本使用jQuery 概述jQuery 是一个快速、简洁的Javascript 库，其设计的宗旨是 “write Less,Do More” ,即倡导写更少的代码，做更多的事情。jQuery优点轻量级，核心文件才几十kb，不会影响页面加载速度跨浏览器兼容，基本兼容了现在主流的浏览器链式编程、隐藏迭代对事件、样式、动画支持、大大简化了DOM操作支持插件扩展开发。有着丰富的第三方的插件，例如：树形菜单、日期控件、轮播图免费、开源
2021-08-07 13:06:49
91
原创 JS动画函数封装
JS动画动画实现原理实现步骤动画函数简单封装给不同元素记录不同定时器缓动动画动画函数的使用动画实现原理核心原理：通过定时器setInterval（）不断移动盒子位置。实现步骤1、获得盒子当前位置2、让盒子在当前位置加上1个移动距离。3、利用定时器不断重复这个操作4、加一个结束定时器的条件5、注意此元素需要添加定位，才能使用element.style.left<!DOCTYPE html><html lang="en"><head> <m
2021-08-06 00:40:29
297
原创 JS——练手案例
JS练手案例keyCode判断用户按下哪个键模拟京东按键输入内容模拟京东快递单查询发送短信案例keyCode判断用户按下哪个键<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>keyCode 判断用户按下哪个键</title></head><body> <script>
2021-08-03 22:49:39
334
原创 JS——练手案例
1、显示隐藏文本框的内容<!--1、首先需要2个新事件，获得焦点onfocus失去焦点onblur2、如果获得焦点，判断表单里面的内容是否为默认文字，如果是默认文字，就清空表单内容3、如果失去焦点，判断表单内容是否为空，如果为空，则表单内容改为默认文字--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>显示隐藏文本框
2021-08-03 10:24:30
333
原创 JS——练手案例
1、打印n行n列五角星<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>打印</title></head><body><p id="demo"></p><script> var rows = prompt('请输入行数') ; var cols = promp
2021-08-02 13:20:36
201
原创 JS——HTML DOM
通过 HTML DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。HTML DOM（文档对象模型）当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 模型被结构化为对象树：对象的 HTML DOM 树HTML DOM 是关于如何获取、更改、添加或删除 HTML 元素的标准。DOM 动画1、创建动画容器——所有动画都应该与容器元素关联。<div id ="container">
2021-07-30 11:00:06
105
原创 JS——对象
JavaScript 对象对象定义原始值对象是包含变量的变量对象的属性对象的方法对象访问器对象构造器对象原型对象定义一级目录在JS中，除了原始值，可以说一切皆对象。原始值原始值：没有属性或方法的值。原始数据类型：拥有原始值的数据。对象是包含变量的变量JavaScript 变量能够包含单个的值： var person = “Bill Gates”;对象也是变量。但是对象能够包含很多值。值按照名称 : 值对的形式编写（名称和值以冒号分隔）：var person = {firstN
2021-07-29 16:57:04
115
原创 JS——表单
JS 表单验证HTML 表单验证能够通过JS来完成如果某个表单字段（fname）是空的，那么该函数会发出一条警告消息，并返回 false，以防止表单被提交出去：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单验证</title> <script> function validateFo
2021-07-28 21:45:20
157
原创 ES5 和 ES6
ES5 和 ES6ES5ES6ES5ES5 （ECMAScript 5）也称为ECMAScript 2009。新特新：ES6ES6 也称为 ECMAAcript 6 和 ECMAScript 2015新特性：对 ES6（ECMAScript 2015）的浏览器支持
2021-07-28 19:15:37
95
原创 JS进制的转换
进制的转换十进制转二进制二进制转十进制十进制转二进制<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>进制的转换</title></head><body><h3>十进制转二进制,-8的二进制为</h3><p id="demo"></p><s
2021-07-27 15:40:32
113
原创 JS 类型转换
类型转换typeoftypeof<!DOCTYPE html><html><body><h2>JavaScript typeof 运算符</h2><p>typeof 运算符返回变量、对象、函数或表达式的类型。</p><p id="demo"></p><script>document.getElementById("demo").innerHTML = typ
2021-07-27 14:23:25
78
原创 JS 循环
JS 循环forFor/In 循环While 循环Do/While 循环Break 和 Continuefor<!DOCTYPE html><html><body><p id="demo"></p><script>var cars = ["BMW", "Volvo", "porsche", "Ford"];var i, len, text;for (i = 0, len = cars.length, text =
2021-07-26 23:06:00
76
原创 JS判断条件
JS判断条件if-elseswitchif-else实现猜数字游戏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js判断条件</title></head><body><h2>猜数字游戏，猜出20以内的数字</h2><input id="num" value="1
2021-07-26 20:13:11
96
原创 JS的数组方法
数组转换为字符串1、使用toString（）把数组转换为数组值（逗号分隔）的字符串<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组方法</title></head><body><p id="demo"></p><script> var name =
2021-07-26 19:28:43
80
原创 JS的Math 对象、随机、布尔（逻辑）
Math 对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js数学</title></head><body><p id="demo"></p><p id="demo2"></p><p id="demo3"></p>&l
2021-07-26 19:27:18
95
原创 java+JS实现添加用户并在数据库显示
项目文件信息：完成用户添加的控制器package com.dongruan.erp.web.servlet;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletRespon
2021-07-16 11:39:43
481
原创 React学习day22——render props、错误边界、组件通信方式总结
render props向组件内部放入第三放组件并渲染数据：Vue中：使用slot技术，也就是通过组件标签体传入机构React中：使用children props：通过组件标签传入结构index.jsimport React, {Component} from 'react';import './index.css'export default class Index extends Component { render() { return (
2021-07-06 21:46:17
343
原创 React学习day21——组件优化Component
ComponentComponent的2个问题1、只要执行setState（），即使不改变状态数据，组件也会重新render（）==>效率低2、每当前组件重新render（），就会重新render子组件，纵使子组件没有到父组件的任何数据 ==>效率低效率高的做法只有当组件的state 或 props数据发生改变时才重新render（）原因Component中的shouldComponentUpdate（）总是返回true解决方法1:重写shouldComponentUpd
2021-07-04 22:55:57
138
2
原创 React学习day20——Fragment、Context
Fragment使用作用：可以不用必须有一个真实的DOM根标签了可以加key值例如： <Fragment key={6}> <input type="text"/> <input type="text"/> </Fragment>Context一种组件间通信方式，常用于祖组件与后代组件间通信（祖孙，祖祖孙关系）使用:（1）创建Context容器对象：cons
2021-07-03 18:30:54
271
原创 React学习Day19——setState、LazyLoad、Hook
setStatesetState 更新状态的2种写法（1）setState(stateChange,[callback])//对象式的setStatestateChange为状态改变对象（该对象可以体现出状态的更改）callback是可选的回调函数，它在状态更新完毕，界面也更新后（render调用后）才被调用import React, {Component} from 'react';class Demo extends Component { state={count:0}
2021-07-03 00:54:12
251
原创 React学习day19——打包React项目
将React项目打包npm run build借助serve开启服务器，全局安装npm i serve -gserve如果以build为根目录则用serve build
2021-07-02 15:35:48
107
原创 React学习day18
Provider批量传递store对象<Provider store={store} <App/><Provider>,求和案例react-redux 优化容器组件和UI组件整合一个文件。无需自己给容器组件传递store，给包裹一个即可。使用react-redux后也不用自己再检测redux中状态的改变，容器组件可以自动完成这个工作。.mapDispatchToProps也可以简单的写一个对象一个组件要和redux“打交道”要经过几
2021-07-01 22:32:35
297
原创 React学习day16__react求和&redux求和
基本的react求和案例求和组件import React, {Component} from 'react';class Count extends Component { state ={count:0}//加法 increment=()=>{ //函数体 const {value} = this.selectNumber; const {count} = this.state; this.setState({cou
2021-06-29 17:55:15
648
1
原创 React学习day15--redux
reduxredux是一个专门用于做状态管理的JS库（不是react插件库）它可以用在react,angular,vue 等项目中，但基本与react配合使用。作用：集中式管理react应用中多个组件共享组件共享的状态。什么情况下需要使用redux某个组件的状态，需要让其它组件可以随时拿到（共享)一个组件需要改变另一个组件的状态（通信）总体原则：能不用就不用，如果不用比较吃力才考虑使用。redux 原理图redux的三个核心概念action动作的对象包含2个属性t
2021-06-28 22:59:21
109
2
原创 React学习day15--antd组件Dropdown下拉菜单、导航栏、分页
下拉菜单https://ant.design/components/dropdown-cn/import React, {Component} from 'react';import {Menu,Dropdown} from "antd";import 'antd/dist/antd.css';import './index.css';import {DownOutlined} from '@ant-design/icons'const menu = ( <Menu>
2021-06-28 19:24:12
2522
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人