前端
文章平均质量分 85
react等
七灵微
顺势而为
展开
-
【小程序】音频
音频中断事件指的是在游戏期间,音频被系统打断时触发的事件。每个小程序可以同时持有和播放多个内部音频,但一旦小程序进入后台(onHide),所有内部音频都会被暂停,且在用户回到前台(即打开小程序)之前无法再被播放。InnerAudioContext是原有的播放音频context,只支持纯粹的播放、暂停、seek、停止等操作,不支持音效处理。中断结束之后,被暂停的音频不会自动继续播放,游戏可监听音频中断结束事件,并在收到中断结束事件之后调用背景音乐继续播放。小程序播放音频的方式有两种:内部音频和背景音频。原创 2024-03-23 12:37:57 · 738 阅读 · 0 评论 -
HTML5+CSS3实现动态网页
<a href="javascript:;" class="header_nav">其中javascript: 是一个伪协议。它可以让我们通过一个链接来调用javascript函数。但是由于这个函数为空,所以我们调用的就是一个空函数,并不会发生任何实质性的改变。同时可以实现a标签的点击运行。如果当页面里面的内容很多的时候,有了上下滚动条,使用href=“#"会发生跳转到页面顶部的问题...原创 2019-08-15 11:20:33 · 6283 阅读 · 0 评论 -
ScriptOJ刷题总结
#98 判断两个矩形是否重叠给我弄晕了都思路理一理首先在y轴,定x都为一样,观察图片,分别观察红线为b.y b.y+h与相邻蓝线的关系可以发现所有的b.y跟下面的蓝线之间忽上忽下,没有规律,但是都比上面的蓝线的高度低所有的b.y+h同理,都比下面的蓝线高所以可以得到 当变量唯一时 当b.y<=a.y+h&&b.y+h>=a.y即可有交集然后x轴同理c...原创 2019-09-05 22:48:35 · 344 阅读 · 3 评论 -
【笔记】自己亲手搭建后台
首先安装node环境cd namenpm init 终端上会让你设置package.json 但是回车即默认值【插入段】node入门demo根目录下新建index.js其中输入console.log('hello');在终端中node index.js输出hello可以利用这个运行一些算法题的代码【插入语】npx最近的npm提供了npx 将安装运行步骤二合一如np...原创 2019-09-29 21:50:53 · 323 阅读 · 0 评论 -
js面试算法题总结
1. 两数之和有很多APIMap 对象保存键值对new Map([iterable])myMap.set(key, value);myMap.get(key);获取的元素的值,没有则返回undefinedmyMap.has(key);用来检测是否存在指定元素的键值. 返回True false给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那 两...原创 2019-09-02 20:55:52 · 485 阅读 · 0 评论 -
react的css过渡动画
跟臭猪吵架了。。。一会儿更新原创 2018-12-19 16:38:33 · 415 阅读 · 0 评论 -
JS深入学习2
转自https://www.liaoxuefeng.com/wiki/仅供个人学习上接JS1中的原型链、继承、class主流浏览器IE 6~11:国内用得最多的IE浏览器,历来对W3C标准支持差。从IE10开始支持ES6标准;Chrome:Google出品的基于Webkit内核浏览器,内置了非常强悍的JavaScript引擎——V8。由于Chrome一经安装就时刻保持自升级,所以不用管...转载 2019-02-04 14:29:07 · 369 阅读 · 0 评论 -
项目实战之登陆注册1
注册篇import React from 'react'import {Form,Button,Input,Icon,message} from 'antd'import { routerRedux } from 'dva/router';import styles from './index.less'import { connect }from'dva'@Form.create()...原创 2019-02-26 11:02:40 · 323 阅读 · 0 评论 -
网页知识总结
原创 2018-12-03 00:12:16 · 236 阅读 · 0 评论 -
JS深入学习
转自https://www.liaoxuefeng.com/wiki/仅供个人学习引入1、放入&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;2、从js文件引入 (更方便维护)转载 2019-01-18 23:25:11 · 654 阅读 · 2 评论 -
关于服务器部署
部分转自https://www.jianshu.com/p/cee284a90c0eNginx是一款轻量级的 Web 服务器/ 反向代理服务器及电子邮件(IMAP/POP3)代理服务器,并在一个BSD-like 协议下发行,其特点是占有内存少, 并发能力强。反向代理就是以代理服务器来接受internet上的连接请求,然后将请求转发给内部网络上的服务器,并将从服务器上得到的结果返回给intern...原创 2019-03-24 17:19:13 · 199 阅读 · 0 评论 -
项目实战之简书Header组件
cd -跳转到目录下原创 2019-01-04 17:32:54 · 486 阅读 · 0 评论 -
项目实战之简书Header组件2
功能:换一换之前我们让数据全部显示出来 但现在我需要只显示一部分原创 2019-02-11 19:17:26 · 233 阅读 · 0 评论 -
项目实战二:共享单车后台3
权限设计:http://www.imooc.com/article/40553原创 2019-04-08 21:43:48 · 791 阅读 · 0 评论 -
项目实战二:共享单车后台2
今天听雷鹏飞大佬讲了一个 material UI 记录一下 跟antd差不多https://www.easy-mock.com/login 提供动态数据渲染 Easy mockmockjs搭建的平台)强大的插件Mock.js,可以非常方便的模拟后端的数据,也可以轻松的实现增删改查这些操作。数据{"code":0,//成功时返回"msg":"",//错误时返回信息 等同于"messag...原创 2019-03-23 22:42:27 · 945 阅读 · 0 评论 -
项目实战:简书之详情页
src/pages/detail/store文件夹:actionCreator.js / constants.js /index.js / reducer.jsindex.jsstyle.jsstyle.jsimport styled from 'styled-components';export const DetailWrapper = styled.div` overflow...原创 2019-02-25 23:55:09 · 247 阅读 · 0 评论 -
jQuery学习笔记
jQuery能帮我们干这些事情:消除浏览器差异:你不需要自己写冗长的代码来针对不同的浏览器来绑定事件,编写AJAX等代码;简洁的操作DOM的方法:写$(’#test’)肯定比document.getElementById(‘test’)来得简洁;轻松实现动画、修改CSS等各种操作。jQuery的理念“Write Less, Do More“,让你写更少的代码,完成更多的工作先下载 有co...原创 2019-02-26 00:11:07 · 164 阅读 · 0 评论 -
项目实战二:共享单车后台
函数不绑定this时一定要遵循这种函数形式(箭头函数)handleAdd=() =&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; {...}this.handleClick.bind(this)handleClick(){...}原创 2019-03-06 21:16:52 · 1869 阅读 · 1 评论 -
项目实战:首页开发之简书
app.jsimport store from './store/';import React,{ Component } from 'react';import { Provider }from 'react-redux';import header from './common/header';import { BrowserRouter ,Route } from ' react...原创 2019-02-15 13:50:43 · 260 阅读 · 0 评论 -
react视频笔记3
反单引号怎么打?将中文模式换成英文 在点击~键设置属性接受强校验import PropTypes from 'prop-types';//在export default之前加入如下ZuJian.propTypes ={//这行propTypes要小写content:PropTypes.string,//必须是string类型 这行要大写function1:PropTypes.func,...原创 2018-10-30 20:07:24 · 199 阅读 · 0 评论 -
组件的拆分(UI组件与容器组件)及无状态组件
UI组件:专门做渲染 TODOLISTUI容器组件:处理逻辑 原先的未分离的那个文件创建UI组件:在src下创建TodolistUI.js1、把所有UI相关代码移过去 注意引入 和输出export default2、在之前的组件(父)中render()中的return中传给UI组件逻辑函数子组件中逻辑函数那块state改成props或者增加props&amp;lt;TodoListUI ...原创 2018-11-21 23:11:01 · 489 阅读 · 0 评论 -
react生命周期函数
生命周期函数:某一时刻组件会自动调用执行的函数render也是initialization(初始化)constructor里mounting(挂载)componentWIllMount(){//在组件即将挂载到页面上时执行}//接下来render(){}conponentDidMount(){//挂载到页面之后自动执行}updationcomponentWillRece...原创 2018-11-20 21:42:33 · 119 阅读 · 0 评论 -
HTTP请求专栏
引用http://www.runoob.com/http/http-methods.html仅供个人学习HTTP请求方法序号 方法 描述 1 *GET 请求指定的页面信息,并返回实体主体。 2 HEAD 类似于get请求,只不过返回的响应中没有具体的内容,用于获取报头 3 *POST 向指定资源提交数据进行处理请求(例如提交表...转载 2018-10-02 21:07:46 · 114 阅读 · 0 评论 -
Redux入门2
为了防止在redux中打错字母,控制台不报错,同时很难找到错误,我们在store文件夹下建actionType.jsexport const CHANGE_INPUT_VALUE = ‘actionType';以此列出所有actionType然后在组件TODOLIST.js中引入import { 所有actionType } from ‘./store/actionTypes’然后将...原创 2018-11-21 22:36:02 · 99 阅读 · 0 评论 -
dva视频课
步骤:1、定义路由2.编写UI component3.定义model4.connectindex.jsimport dva from 'dva';//1 定义const app =dva();//2 插件//app.use({});//3 Model//app.model(require('./models/example').default);//4.Router 配路...原创 2018-11-25 22:46:03 · 2800 阅读 · 0 评论 -
react小书 笔记6
第二单元仅供个人学习转自http://huziketang.mangojuice.top/books/react/lesson17遇到这种情况,可以选择将数组存在父节点中,用props传给子节点 ——这种解决方案叫:状态提升总结:当某个状态被多个组件依赖或者影响的时候,就把该状态提升到这些组件的最近公共父组件中去管理,用 props 传递数据或者函数来管理这种依赖或着影响的...转载 2018-10-03 15:47:49 · 147 阅读 · 0 评论 -
react视频笔记
1、 README.md(markdown文件 ,需要使用markdown语法)项目说明文件 2、package.json关于项目的介绍还有相关指令 npm....npm run start...3、.gitignore不想传到git的文件可以定义在里面#注释之后是相对路径4、icon 左上角小图标5、index.html 模板 网页显示的内容6、s...原创 2018-10-02 17:41:00 · 512 阅读 · 0 评论 -
react视频笔记2
组件写完记得导出export default TodoItem;在别的组件里引入TodoItem组件import TodoItem from './TodoItem';在return中就可以取代之前那一串JSX <div>的代码return(<TodoItem />)//如果有多个东西则用一个<div>包裹起来TodoItem组...原创 2018-10-14 21:52:53 · 337 阅读 · 0 评论 -
react相关知识
命令式开发DOM 节点挂载等声明式开发:react可以与其它框架并存react要求单向数据流父能传给子值 但子不可改变父值那么如何用父组件的值呢?子组件调用传递父值的方法...原创 2018-10-30 18:59:59 · 289 阅读 · 0 评论 -
dva入门
同步更新 state 的 reducers,处理异步逻辑的 effects,订阅数据源的 subscriptions 。这个 model 里:namespace 表示在全局 state 上的 keystate 是初始值,在这里是空数组reducers 等同于 redux 里的 reducer,接收 action,同步更新 state数据流向数据的改变发生通常是通过用户交互行为或者浏览器...转载 2018-11-19 20:53:10 · 436 阅读 · 0 评论 -
redux入门
yarn add redux 安装创建store在src下加一个文件夹store里面加index.jsimport { createStore } from 'redux';import reducer from './reducer';const store = createStore();export default store;加入管理数据本本 即store下加入...原创 2018-11-20 22:11:43 · 92 阅读 · 0 评论 -
dva视频课2
触发action 使用dispatch让State改变需要reducer变化从而有新的store定义和用法slice() 方法可从已有的数组中返回选定的元素。语法arrayObject.slice(start,end)参数 描述start 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。e...原创 2018-12-01 18:21:53 · 7636 阅读 · 0 评论 -
Redux进阶
redux-thunkgithub里可以看到README要使用redux-thunk要先在store下的index.js中从redux引入applyMiddleware引入thunkimport thunk from 'redux-thunk';//在const store中加入applyMiddleware(thunk)//使用中间件thunk//如何处理之前加入的redux-de...原创 2018-11-22 16:24:15 · 93 阅读 · 0 评论 -
redux进阶2
react-redux帮助我们在react中方便使用redux在src目录下只有一个index.js的js文件首先安装它创建TodoList.jssrc下创建文件夹storestore下创建index.jsstore下创建reducer.jsreducer.jsconst defaultState ={inputValue :' ',list: []}export defa...原创 2018-11-23 22:08:29 · 97 阅读 · 0 评论 -
react-route
hash 部分(指的是 # 后的部分)如#/inbox/ 首先我们需要导入一些组件…import { Router, Route, Link } from 'react-router'&amp;amp;amp;amp;lt;Link to=&amp;amp;amp;quot;/about&amp;amp;amp;quot;&amp;amp;amp;amp;gt;About&amp;amp;amp;amp;lt;/Lin原创 2018-11-24 15:22:05 · 675 阅读 · 0 评论 -
dva视频课3
dva-loading库可以更好的管理loading这是一个插件(github)*安装入口文件中import createLoading froom 'dva-loading';在2、plugins后加入app.use(createLoading());route/UserPage.jsconst Usse =... =>{let isFetching = props....原创 2018-12-02 23:53:44 · 1028 阅读 · 0 评论 -
前端环境配置相关
参考了https://www.jianshu.com/p/8671e439a811inux ls命令用于显示指定工作目录下之内容(列出目前工作目录所含之文件及子目录)。 Linux cd命令Linux cd命令用于切换当前工作目录至 dirName(目录参数)。另外,"~" 也表示为 home 目录 的意思,"." 则是表示目前所在的目录,".." 则表示目前目录位置的上一层...转载 2018-09-12 00:51:07 · 425 阅读 · 0 评论 -
React.js 小书 阅读笔记3
仅供个人学习!本文作者:胡子大哈本文原文:http://huziketang.com/books/react/blog/lesson4使用 JSX 描述 UI 信息通过一个简单的例子讲解 React.js 描述页面 UI 的方式:我们在文件头部从 react 的包当中引入了 React 和 React.js 的组件父类 Component。记住,只要你要写 React.js 组件,...转载 2018-08-29 01:27:56 · 195 阅读 · 0 评论 -
react小书 笔记5
仅供个人学习!本文作者:胡子大哈本文原文:http://huziketang.com/books/react/blog/lesson4组件实现在写代码之前,我们先用 create-react-app 构建一个新的工程目录。所有的评论功能在这个工程内完成:create-react-app comment-app然后在工程目录下的 src/ 目录下新建四个文件,每个文件对应的是...转载 2018-09-23 16:07:52 · 206 阅读 · 0 评论 -
ES6入门---第三单元 模块三:async、await
async function fn(){ //表示异步:这个函数里面有异步任务 let result = await xxx //表示后面结果需要等待 }读取文件里数据实例:const fs = require('fs');//简单封装 fs封装成一个promiseconst readFile = function (fileName){ re...原创 2018-08-19 10:32:20 · 206 阅读 · 0 评论