笔记
文章平均质量分 54
高桥靓仔
这个作者很懒,什么都没留下…
展开
-
iframe事件冒泡的问题
iframe事件冒泡的问题在react中遇到了遇到一个问题,导致的原因就是:iframe的事件只能冒泡到iframe下的window,不能冒泡到父页面的window。实现思路:通过监听iframe的点击事件,使用js实现自动点击button,来收起popover。(存在问题:iframe跨域)在本地开发时,只能把项目跑在本地的不同端口上,所以是跨域的,线上环境不跨域。(如果想要实现本地模拟正式线上环境,需要本地启动nginx服务器代理到相同端口下)方法1:domain因为此时两个页面的主域都是原创 2021-10-17 19:50:05 · 2273 阅读 · 0 评论 -
ci图片的
原创 2021-09-25 12:23:23 · 111 阅读 · 0 评论 -
react-native开发问题以及处理
React Native搭建开发环境npm i -g react-native-cli react-native init demo01react-native run-ios获取屏幕宽度import { Dimensions,StatusBar,SafeAreaView,Text} from 'react-native';import React from 'react';const App = () => React$Node = ()=>{ retur原创 2021-04-08 20:55:03 · 952 阅读 · 0 评论 -
壁纸
原创 2021-03-10 18:17:44 · 175 阅读 · 0 评论 -
mongodb学习笔记
MongoDBMongoDB是nosql数据库。没有行和列的概念,用JSON键值对来存储数据。集合就相当于“表”,文档就相当于“行”一、基本使用mongo:连接数据库show dbs:查看当前数据计算机中的数据库use DB_name:使用切换到数据库、创建数据库(use 之后才能使用db对象进行操作)db:查看当前所在的数据库show collections:查看数据库中的表(集合)1】插入数据db.user.insert({"username":"zhangsan","age":20原创 2021-01-03 13:34:02 · 182 阅读 · 3 评论 -
antd表单
在知更新版运营管理开发过程中,遇到表单特别多的情况。<Form.Item label="通知类型" wrapperCol={{ span: 5 }}> {getFieldDecorator('type', { initialValue: notice_info.type || 1, rules: [{ required: true, message: '请选择通知类型' }], })( <div> <Select>原创 2020-12-20 12:34:41 · 865 阅读 · 1 评论 -
React Hooks学习
HooksHooks 是一种函数,该函数允许您从函数式组件 “勾住(hook into)” React 状态和生命周期功能。有状态组件,就可以使用函数式组件来定义了。类组件和函数组件类组件:import React, { Component } from 'react'export default class Example extends Component { state = { count: 0 } addCount() { this原创 2020-09-12 14:39:16 · 247 阅读 · 0 评论 -
校招面试冲刺
HTML1】语义化:尽可能少的使用无语义的标签div和span在语义化不明显时,尽量使用p标签,因为p在默认情况下有上下间距需要强调的文本,可以包含在strong或em标签中,strong默认样式是加粗(不要用b),em是斜体(不要用i)什么是语义化?就是用合理、正确的标签来展示内容,比如h1~h6定义标题。<header>定义文档或者文档的部分区域的页眉,应作为介绍内容或者导航链接栏的容器。<nav>描述一个含有多个超链接的区域,该区域包含跳转到其他页原创 2020-08-24 22:00:00 · 1795 阅读 · 0 评论 -
react学习笔记
https://www.bilibili.com/video/BV1eE411W7WT?p=7一、初始react1】react原理①虚拟domreact把DOM抽象成为一个JS对象,通过这个JS对象来描述相关的页面中的真实DOM,通过这个JS对象来实时的更新真实DOM。这里的JS对象也就是虚拟DOM。②diff算法react通过Diff算法来保证当页面的DOM更新的时候,不第一时间去更新真实DOM,而是去更新虚拟DOM。(因为页面每操作一个真实dom的时间相对比较长的,这里先更新虚拟DOM来,然原创 2020-07-19 18:39:10 · 1032 阅读 · 0 评论 -
React渲染和更新机制
React渲染和更新机制【JSX原理剖析】1】JSX转换本质实际上,JSX 仅仅只是 React.createElement(component, props, ...children) 函数的语法糖。所有的 JSX 最终都会被转换成React.createElement的函数被调用。React.createElement源码如下:...转载 2020-07-14 18:25:12 · 3054 阅读 · 0 评论 -
前端登录终于搞懂了
前端登录在以前互联网刚推出的年代,浏览器作为互联网的入口,仅仅是用于共享一些文档资料等,但是随着互联网技术日新月异的进步,慢慢出现了很多需求,购物网站,社交平台等,这些都是需要登录才能更好的实现功能交互的。但是我们都知道浏览器的数据请求使用的是http协议,是无状态的协议,也就是说,多个客户端向一个服务器发送请求,服务器是不知道请求是谁发来的。要实现登录的需求,必须要实现状态保持。所以就慢慢出现了几种登录的实现方式:Cookie + Session 登录Token 登录SSO 单点登录OAuth转载 2020-07-13 21:47:58 · 545 阅读 · 0 评论 -
React类组件里面的各种问题浅析
浅析React类组件React类组件(组件名首字母大写)//创建类组件 组件名首字母大写class MyCom extends React.Component { render(){ return ( <div>类组件</div> ) }}let com=<MyCom/>ReactDOM.render(com,document.getElementById('app'));reac原创 2020-07-04 21:51:17 · 501 阅读 · 0 评论 -
多种方式实现双向绑定
我们使用两种方式来实现双向绑定的:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>双向绑定</title> <!-- 原生实现双向绑定 -->原创 2020-07-02 18:04:09 · 581 阅读 · 0 评论 -
浅谈操作系统中的进程和线程
操作系统中的进程和线程一、小栗子:我们生活中有许多关于进程和线程的小栗子,比如:我们使用打开微信软件,这时候就开启了一个进程,当我们在微信里面进行各种操作(查看朋友圈,扫一扫…),这么多的操作都是线程。所以我们可以说**“进程”是包含“线程”的,“线程”是“进程”的一个子集。**二、简单总结进程和线程:进程:指在系统中正在运行的一个应用程序;程序一旦运行就是进程;进程—系统资源分配的最小单位。(站在操作系统维度上)线程:系统分配处理器时间资源的基本单元,或者说进程之内独立执行的一个单元执行流原创 2020-07-01 17:36:15 · 180 阅读 · 0 评论 -
CSS滚动指示器
一、CSS滚动指示器滚动指示器指的是页面的顶端会有一个进度条,指示滚动的进度。效果如下GIF所示(点击播放):CSS滚动指示器指的是不借助JavaScript,纯CSS实现滚动进度效果。二、传统的实现方法传统CSS实现方法由一个名叫 Mike的人首先提出,时间应该是16年,这个CodePen目前已经有十几万的访问量:CSS only scroll indicator传统的CSS实现非常有创意,具体原理如下。在body标签上写一个对角的线性渐变,然后用一个白色的固定定位的浮层覆盖在上面,CSS代原创 2020-07-01 13:07:01 · 482 阅读 · 2 评论 -
CSS的box-shadow创建边框
CSS的box-shadow创建边框最常见的用法:box-shadow : x轴偏移 y轴偏移 颜色如果提供第三个和第四个可选值box-shadow : x轴偏移 y轴偏移 模糊半径 扩散半径 颜色内阴影:inset(可选值)因为box-shadow本来用于展现阴影,因此可以有外阴影和内阴影box-shadow : x轴偏移 y轴偏移 模糊半径 扩散半径 颜色 inset栗子一:下面这个输入框非常常见: <form action=""> <inpu原创 2020-06-28 14:47:52 · 1094 阅读 · 1 评论 -
js中的变量对象
JS中的变量对象(Variable object)当 JavaScript 代码执行一段可执行代码(executable code)时,会创建对应的执行上下文(execution context)。对于每个执行上下文,都有三个重要属性:变量对象(Variable object,VO)作用域链(Scope chain)this今天重点讲讲创建变量对象的过程。变量对象变量对象是与执行上下文相关的数据作用域,存储了在上下文中定义的变量和函数声明。因为不同执行上下文下的变量对象稍有不同,所以原创 2020-06-27 22:54:14 · 926 阅读 · 0 评论 -
CSS多列布局的实现
CSS多列布局的实现实际上我们在讨论布局的时候,会把网页上特定的区域进行分列操作。按照分列数目,可以大致分为 3 类,即单列布局、2 列布局、3 列布局等。单列布局单列布局是最常用的一种布局,它的实现效果就是将一个元素作为布局容器,通常设置一个较小的(最大)宽度来保证不同像素宽度屏幕下显示一致。示例网站拉勾,蓝色区域为布局容器,水平居中对齐,宽度 1260px:谷歌搜索,蓝色区域为布局容器,水平左对齐,宽度 652px:一些网站会将单列布局与其他布局方式混合使用,比如拉勾网首页的海报和左侧原创 2020-06-26 12:51:56 · 760 阅读 · 0 评论 -
js函数作用域与闭包相关问题
js函数作用域与闭包相关问题在了解词法作用域之前,我们先对作用域做一个简单的介绍作用域:从字面上可以理解就是,作用到的区域,例如,一个人生病吃药,这个药只会作用到人的局部器官或部位。在程序语言中作用域的意义是:程序设计概念,通常来说,一段程序代码中所用到的名字并不总是有效/可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。词法作用域:词法作用域也就是在词法阶段定义的作用域。换句话说,词法作用域就是你在写代码的时候就已经决定了变量的作用域。js中其实只有词法作用域,并没有动态作用原创 2020-06-23 21:06:13 · 124 阅读 · 0 评论 -
HTML中head标签具体怎么用?
你知道HTML中Head标签具体怎么用吗?1】meta标签2】Link标签icon图标使用3】浏览器特性原创 2020-06-07 15:38:11 · 160 阅读 · 0 评论 -
一张图总结系列
原创 2020-06-06 21:35:43 · 264 阅读 · 0 评论 -
基于小程序和原生js浅谈事件冒泡和事件捕获
浅谈事件冒泡和事件捕获 当界面产生一个事件时且此界面有元素嵌套时,事件分为了捕获阶段和冒泡阶段。冒泡有一大优点,就是事件委托,而且经常用到,还能提高很大的性能。1】事件捕获事件捕获是指从外层元素往里层元素进行依次传递事件2】事件冒泡事件冒泡是指从里层元素往外层元素进行依次传递事件注意这里传递的仅仅是事件并不传递所绑定的事件函数。所以如果父级没有绑定事件函数,就算传递了事件也不会有什么表现 但事件确实传递了。(这个事件就被认为是,子级元素被触发了自己绑定的事件,①如果父级元素本身也绑定了自原创 2020-06-04 10:51:22 · 250 阅读 · 0 评论 -
学习一下miniprogram
微信小程序一、小程序初体验1】小程序的数据绑定和vue一样使用的是双大括号来在wxml中绑定js中的变量// pages/home/home.jsPage({ data: { name:'rayhomie', }})<!--pages/home/home.wxml--><!--1. 小程序的数据绑定 --><view>hello {{name}}</view>注意:在小程序中不能在js中操作dom2】小程序的列表渲染原创 2020-06-04 10:35:35 · 11166 阅读 · 0 评论 -
vuex 状态管理自学笔记
一、Vuex的概念和作用解析1】官方解释:Vuex是一个专为Vue.js应用程序开发的状态管理模式它采用集中式存储管理应用我的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到Vue的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。2】状态管理到底是什么状态管理模式、集中式存储管理,听起来很复杂其实,你可以简单的将其看成把需要多个组件共享的变量全部储存在一个对象里面。然原创 2020-05-31 20:14:32 · 296 阅读 · 0 评论 -
VueRouter深入学习笔记
一、认识路由1】什么是路由?**路由(routing)**就是通过互联的网络把信息从源地址传输到目的地址的活动。— 维基百科路由器提供了两种机制:路由和转送。路由是决定数据包从来源到目的地的路径转送将输入端的数据转移到合适的输出端路由中有个非常重要的概念叫路由表,路由表本质上就是一个映射表,决定了数据包的指向。2】后端渲染和后端路由①后端渲染jsp/php jsp:java server page ->html+css+java->java代码的作用就是从数据库中读取数据原创 2020-05-31 20:06:58 · 423 阅读 · 0 评论 -
http协议基础
一、网络基础1】使用HTTP协议访问web客户端:通过指定的访问地址获取(或上传)服务器资源(文件等信息)服务器:使用HTTP协议的通信2】TCP/IP协议TCP是TCP/IP的第三层传输层,对应OSI的第四层传输层,以数据报的形式传输;(三次握手四次挥手)IP是TCP/IP的第二层互联层,对应OSI的第三层网络层;HTTP是传输协议,HTTP协议是属于应用层;UDP是TCP/IP的第三层传输层,对应OSI的第四层传输层是数据流的形式传输。(广播)通常使用的网络(包括互联网)是在TCP原创 2020-06-03 17:08:30 · 158 阅读 · 0 评论 -
mockjs原理图
原创 2020-06-03 17:08:27 · 1062 阅读 · 2 评论 -
为什么组件data必须用函数表达,深入理解
1、首先我们做一个类比,如下代码:对三个不同的变量obj1,obj2,obj3进行赋值,并且都是调用方法abc(),也就是说创建了三个不一样的实例,所以返回的此方法返回的值,就被赋值给了不同的地址。因此这三个变量的内存地址是不同的,此时改变其中一个变量的值,其他两个变量的值是不会跟随发生改变的。2、我们此时在做一个类比,如下图:我们首先声明一个常量obj(假设被储存在内存地址0x100...原创 2020-03-20 19:00:52 · 394 阅读 · 0 评论