2021 年 8月随笔档案 - Tsunami黄嵩粟

css做多列瀑布流

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-08-22 18:46 Tsunami黄嵩粟阅读(38) 评论(0) 推荐(0) 编辑

css制作骰子

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-08-22 18:45 Tsunami黄嵩粟阅读(172) 评论(0) 推荐(0) 编辑

css球体

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-08-22 18:41 Tsunami黄嵩粟阅读(117) 评论(0) 推荐(0) 编辑

css圆圈慢慢放大

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-08-22 18:40 Tsunami黄嵩粟阅读(160) 评论(0) 推荐(0) 编辑

css摩天轮

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-08-22 18:40 Tsunami黄嵩粟阅读(66) 评论(0) 推荐(0) 编辑

01-布局扩展-自适应两栏布局

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-08-22 18:35 Tsunami黄嵩粟阅读(18) 评论(0) 推荐(0) 编辑

01-布局扩展-用calc来计算实现双飞翼布局

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-08-22 18:34 Tsunami黄嵩粟阅读(33) 评论(0) 推荐(0) 编辑

01-布局扩展-利用盒模型完成圣杯布局(双飞翼布局)

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-08-22 18:34 Tsunami黄嵩粟阅读(23) 评论(0) 推荐(0) 编辑

01-布局扩展-BFC完成圣杯布局

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-08-22 18:33 Tsunami黄嵩粟阅读(42) 评论(0) 推荐(0) 编辑

Nginx

摘要：Nginx是开源免费的一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器。其特点是占有内存少，并发能力强，使用nginx网站用户有很多，如百度、京东、新浪、网易、腾讯、淘宝等。官网：http://nginx.org/ 中文文档：http://tengine.tao 阅读全文

posted @ 2021-08-22 18:21 Tsunami黄嵩粟阅读(54) 评论(0) 推荐(0) 编辑

uni-app mpvue wepy websocket的介绍

摘要：uni-app 网址：https://uniapp.dcloud.io/ uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 mpvue http 阅读全文

posted @ 2021-08-22 18:09 Tsunami黄嵩粟阅读(133) 评论(0) 推荐(0) 编辑

taro 使用taro中的vue来完成小程序的开发

摘要：网址：https://taro-docs.jd.com/taro/docs/README 2.1、简介 Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。现如今市面上阅读全文

posted @ 2021-08-22 18:03 Tsunami黄嵩粟阅读(997) 评论(0) 推荐(1) 编辑

小程序转发搜索wxml

摘要：新闻转发在小程序中要不通过菜单项来完成分享功能，只能通过表单组件中的按钮来完成。它是通过按钮中的开放能力完成按钮自定义处理新闻搜索搜索wxml 搜索业务的js 阅读全文

posted @ 2021-08-22 17:59 Tsunami黄嵩粟阅读(35) 评论(0) 推荐(0) 编辑

小程序登录浏览收藏与点赞

摘要：https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.html 为何小程序一定要进行小程序的登录？使用小程序的登录，可以得到当前微信号在本小程序中的唯一标识(openid),得到此标识后，可以进行根阅读全文

posted @ 2021-08-22 17:57 Tsunami黄嵩粟阅读(122) 评论(0) 推荐(0) 编辑

小程序发起网络请求

摘要：语法 wx.request({ url, method, data, header, success:function(){}, fail:function(){}, complete:function(){}, }) 注：在发起请求之前，需要在app.json文件中设置request请求的超时时间阅读全文

posted @ 2021-08-22 17:54 Tsunami黄嵩粟阅读(157) 评论(0) 推荐(0) 编辑

小程序缓存

摘要：https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html 小程序是有缓存的，但是它缓存没有过期时间，单个 key 允许存储的最大数据长度为 1MB，所有数据存储上限为 10MB。如果缓存达到了上限，阅读全文

posted @ 2021-08-22 17:54 Tsunami黄嵩粟阅读(431) 评论(0) 推荐(0) 编辑

小程序网络请求

摘要：https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html 3.1、网络请求设置 wx.request(OBJECT) 发起 HTTPS 网络请求,上线时一定要有https服务器，但在本机开阅读全文

posted @ 2021-08-22 17:44 Tsunami黄嵩粟阅读(131) 评论(0) 推荐(0) 编辑

WXS 模块

摘要：https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/01wxs-module.html 2.1、概述 WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。 WXS中定义的阅读全文

posted @ 2021-08-22 17:42 Tsunami黄嵩粟阅读(63) 评论(0) 推荐(0) 编辑

小程序父子通信

摘要：父向子通信使用自定义属性在自定义组件中的js文件中接受自定义属性的名称和类型子组件向父组件通信使用自定义事件完成在子组件中wxml中定义事件在子组件中的js中触发事件，并完成自定义事件在父组件中通过实现自定义事件完成子组件向父组件通信阅读全文

posted @ 2021-08-22 17:41 Tsunami黄嵩粟阅读(39) 评论(0) 推荐(0) 编辑

小程序自定义组件

摘要：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ 开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使阅读全文

posted @ 2021-08-22 17:35 Tsunami黄嵩粟阅读(36) 评论(0) 推荐(0) 编辑

小程序视图组件 scroll-view

摘要：视图容器组件 3.2.1、swiper 滑块视图容器。 https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html 3.2.2、scroll-view https://developers.weixin.qq.com/ 阅读全文

posted @ 2021-08-22 17:34 Tsunami黄嵩粟阅读(116) 评论(0) 推荐(0) 编辑

常用小程序组件

摘要：组件介绍 https://developers.weixin.qq.com/miniprogram/dev/framework/view/component.html 框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。一个组件通常包括开始标签和结束标签，属性用来修饰这个阅读全文

posted @ 2021-08-22 17:31 Tsunami黄嵩粟阅读(112) 评论(0) 推荐(0) 编辑

小程序生命周期自定义事件事件对象

摘要：网址：https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html 由框架自己触发的一系统事件函数(钩子函数)。小程序数据互交就是通过不同的事件函数来完成的，了解生命周期函数，对于以后的数据交互是非常重要的。 da 阅读全文

posted @ 2021-08-22 17:25 Tsunami黄嵩粟阅读(140) 评论(0) 推荐(0) 编辑

引用(包含) import wxss样式

摘要：引用(包含) 把模板定义到外部，然后多个页面间可以共用使用定义的模板WXML结构显示。 https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/import.html WXML 提供两种文件引用方式import和include 阅读全文

posted @ 2021-08-22 17:24 Tsunami黄嵩粟阅读(176) 评论(0) 推荐(0) 编辑

视图结构 wxml 列表渲染 for

摘要：WXML是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。 wxml是一个严格的标记性语言，有开始就必须有结束，单标签就一个有结束符 5.1、数据绑定在js逻辑层中定义数据源，在wxml通过插值表达式调用定义好的数据源中数据可以在初始化后，通过一个setData方法来进行后阅读全文

posted @ 2021-08-22 17:16 Tsunami黄嵩粟阅读(108) 评论(0) 推荐(0) 编辑

小程序的文件结构及配置小程序配置 app.json

摘要：程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：文件必填作用 app.js 是小程序逻辑-小程序入口文件 app.json 是小程序公共配置文件 app.wxss 否小程序公共样式表一个小程序page页阅读全文

posted @ 2021-08-22 17:10 Tsunami黄嵩粟阅读(260) 评论(0) 推荐(0) 编辑

小程序

摘要：小程序是什么官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/ 微信小程序，简称小程序，英文名 MiniProgram，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用阅读全文

posted @ 2021-08-22 01:23 Tsunami黄嵩粟阅读(1977) 评论(0) 推荐(0) 编辑

真实上线

摘要：第1步：需要在开发项目中 npm run build 就会多一个build目录上线到真实服务器先打包压缩build文件现在nginx上面创建目录 mkdir 在根目录下面创建再造一个前端目录 web pwd显示路径前端node代码也压缩再创建node文件目录通过filezilla软件来进阅读全文

posted @ 2021-08-22 01:13 Tsunami黄嵩粟阅读(33) 评论(0) 推荐(0) 编辑

react redux-saga

摘要：https://redux-saga-in-chinese.js.org/ redux-saga是一个用于管理redux应用异步操作的中间件，redux-saga通过创建sagas将所有异步操作逻辑收集在一个地方集中处理，可以用来代替redux-thunk中间件。 reducer负责处理action 阅读全文

posted @ 2021-08-21 20:14 Tsunami黄嵩粟阅读(38) 评论(0) 推荐(0) 编辑

react Hook

摘要：https://react.docschina.org/docs/hooks-intro.html Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 import React, { useState } from 阅读全文

posted @ 2021-08-21 19:50 Tsunami黄嵩粟阅读(20) 评论(0) 推荐(0) 编辑

react 数据请求分层

摘要：封装一个接口请求类数据模型请求uri配置设置数据统一存储于redux中，在本项目中创建一个store目录，此目录中就是redux仓库源定义仓库入口 reducer methods方法 action操作组件中连接redux数据，高阶组件组件使用阅读全文

posted @ 2021-08-21 19:46 Tsunami黄嵩粟阅读(90) 评论(0) 推荐(0) 编辑

react mock数据

摘要：为什么要做假数据，因为后端开发接口没有哪么快，此时就需要自己来模拟请求数据。模拟的数据字段，需要和后端工程师沟通。创建所需数据的json文件 json-server 此命令可以帮助我们快速创建一个web服务 npm i -g json-server 启动json文件使用配置文件来启动json- 阅读全文

posted @ 2021-08-21 19:43 Tsunami黄嵩粟阅读(123) 评论(0) 推荐(0) 编辑

react移动端组件antd-mobile

摘要：使用react移动端组件antd-mobile完成底部导航功能实现。官网：https://mobile.ant.design/docs/react/introduce-cn antd-mobile 是 Ant Design 的移动规范的 React 实现，服务于蚂蚁及口碑无线业务。安装 npm 阅读全文

posted @ 2021-08-21 19:39 Tsunami黄嵩粟阅读(2357) 评论(0) 推荐(0) 编辑

redux中集成immutable.js

摘要：安装redux-immutable redux中利用combineReducers来合并reducer并初始化state，redux自带的combineReducers只支持state是原生js形式的，所以需要使用redux-immutable提供的combineReducers来替换原来的方法。阅读全文

posted @ 2021-08-21 19:37 Tsunami黄嵩粟阅读(46) 评论(0) 推荐(0) 编辑

react immutable.js

摘要：、immutable.js 1.1、概述官网：https://immutable-js.github.io/immutable-js/ Immutable.js出自Facebook，是最流行的不可变数据结构的实现之一。它实现了完全的持久化数据结构，使用结构共享。所有的更新操作都会返回新的值，但是在阅读全文

posted @ 2021-08-21 19:32 Tsunami黄嵩粟阅读(93) 评论(0) 推荐(0) 编辑

搜索

常用链接

随笔分类

随笔档案

相册

阅读排行榜

评论排行榜

推荐排行榜

最新评论

喜欢请打赏