m0_70646869-CSDN博客

原创 iOS React Native 混合开发集成React Native

/**Sample React Native Apphttps://github.com/facebook/react-native@flow*/import React, { Component } from ‘react’;import {AppRegistry,StyleSheet,Text,View} from ‘react-native’;export default class RNHybrid extends Component {render() {

2022-05-10 12:32:00 449

原创 iOS Odyssey 和 unc0ver 的区别

因为某吃鸡被检测 10分钟的问题，用户反而会选择使用 Odyssey 越狱，毕竟它可以拥有可玩吃鸡和越狱，而 unc0ver 越狱后，玩吃鸡容易被检测到。重点是，目前的 Odyssey 还处于内测阶段，意味着还存在各种问题，就在前几天 CoolStar 在推特发布《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】了 Odyssey beta 2，该版本激活率较低，反而切换成《守望先锋》主题才能成功。其次 beta2 版本还.

2022-05-10 12:30:19 1878

原创 Iframe的那些事

var obj=document.getElementByIdx_x(“iframe的name”).contentWindow;var ifmObj=obj.document.getElementByIdx_x(“iframe中控件的ID”);ifmObj.click();实例：var obj=document.getElementByIdx_x(“ifm”).contentWindow;var ifmObj=obj.document.getElementByIdx_x(“btnOk”);ifm

2022-05-10 12:28:38 163

原创 HTML期末网页作业-仿QQ官网QQ注册网页

2022-05-10 12:26:57 169

原创 html5基础入门教程之canvas绘制图形

moveTo(x,y)moveTo()方法用于定位绘画的位置，即将点移动到参数x,y所指定的坐标位置。canvas初始化或者调用了beginPath()方法时，绘画开始的位置即原点(0,0)，使用moveTo()方法，我们可以将起始位置移动到任何我们想要的地方。moveTo()的使用实例：function draw(){var canvas=document.getElementById(‘test_moveTo’);if(canvas.getContext){var cxt=canvas.

2022-05-10 12:25:06 761

原创 HTML5(八)——SVG 之 path 详解

<path d="M 0 100 //（0，100）是起点L 100 100 // 画一条直接到 (100,100)A 100 100 0 1 1 300 100 // 画一段圆弧L 400 100 //画一条直线到 (400,100)" stroke=“black” stroke-width=“1” fill=“none”>运行结果如下：可以自己修改上述 A 中参数观察半圆的变化。1.3、js 操作path我们经常使用js动态添加、移除元素等，可以实现更炫酷的特.

2022-05-10 12:23:25 1849

原创 HTML5 服务器发送事件

if(typeof(EventSource)!==“undefined”){// Yes! Server-sent events support!// Some code…}else{// Sorry! No server-sent events support…}服务器端代码实例为了让上面的例子可以运行，您还需要能够发送数据更新的服务器（比如 [PHP](() 和 ASP）。服务器端事件流的语法是非常简单的。把 “Content-Type” 报头设置为 “text

2022-05-10 12:21:38 381

原创 Html-移动端与响应式

width: 15px;height: 15px;background-image: url(“…/imag/xiangyou1.png”);background-position: center center;background-size: 100% auto;background-repeat: no-repeat;}.picture {width: 80%;height: 90%;height: 281px;flex: 3;display: flex;flex-direct

2022-05-10 12:19:16 112

原创 Html-移动端与响应式(1)

让节日，快乐每一个人。选购好礼.banner {display: flex;width: 100%;height: 569px;background-color: #edeffe;flex-direction: column;justify-content: center;align-items: center;}.copywarp {flex: 2;display: flex;flex-direction: column;justify-con...

2022-05-10 12:17:07 96

原创 Grid网格布局

grid-template-columns：定义每一列的列宽可以使用repeat()repeat(3, 33.33%)，定义三列，每一列为33.33%宽 repeat(2, 100px 20px 80px)，定义了六列，第1列和第4列为100px，第二列和第5列为20px… repeat(auto-fill, 100px)，表示不固定大小的容器，希望一行尽量放慢项目，每个项目为100px还可以使用fr，比例关系，100px 1fr 2fr，第一列为100px..

2022-05-10 12:14:35 218

原创 HTML+CSS系列实战之音乐播放器实现

<!doctype html>音乐播放页面浏览器不支持video标签风中的麦浪爱过的地方当微风带着收获的味道吹向我脸庞想起你轻柔的话语曾打湿我眼眶嗯…啦…嗯…啦…我们曾在田野里歌唱在冬季盼望却没能等到阳光下css样式为:(music.css)@charset “utf-8”;/* CSS Document *//清除浏览器默认样式/*{margin:0; padding:0;}/整体控制音乐播放界面/#box-video{widt

2022-05-09 13:15:12 640

原创 html+css基础教程入门篇之CSS 浮动行框和清理

inherit:规定应该从父元素继承 float 属性的值行框和清理浮动框旁边的行框被缩短，从而给浮动框留出空间，行框围绕浮动框。因此，创建浮动框可以使文本围绕图像：要想阻止行框围绕浮动框，需要对该框应用 [clear 属性](()。clear 属性的值可以是 left、right、both 或 none，它表示框的哪些边不应该挨着浮动框。为了实现这种效果，在被清理的元素的_上外边距_上添加足够的空间，使元素的顶边缘垂直下降到浮动框下面：这是一个有用的工具，它让周围的元素为浮动元素

2022-05-09 13:13:26 108

原创 html+css基础教程入门之CSS 尺寸

设置段落的高度和宽度：p{height:100px;width:100px;}height属性可能的值有：auto: 默认。浏览器会计算出实际的高度。length: 使用 px、em 等单位定义高度。%: 基于包含它的块级对象的百分比高度。通常单独对一个div高度为百分比没有效果。inherit: 规定应该从父元素继承 height 属性的值。CSS line-height 属性line-height 属性设置行间的距离（行高）。该属性会影响行框

2022-05-09 13:11:26 137

原创 html+css+js实现倒计时效果

雪花背景效果烟花背景效果（推荐）[](()写在前面===================================================================其他爱心表白代码地址。[html表白代码大全（14个效果）](()对象生日快乐祝福代码—>>>[html生日快乐代码](()跨年烟花代码–>>>[跨年代码，零点有烟花](()网页倒计时代码，可用于各种倒计时场合。比如生日倒计时、春节倒计时、高考倒计时、纪念日倒计时、..

2022-05-09 13:09:35 418

原创 git版本管理与TortoiseGit

#获取邮箱名git config user.email#设置邮箱名git config --gloable user.email “2320970209@qq.com”cd C:\Users\ASUS\Desktop\2018.8.16/learngit#初始化一个版本仓库git init#放入仓库（暂存区-可以反悔）echo >readme.txt**若修改文件里面的内容则从这里开始git add readme.txt （+）#提交到仓库（真正的放入主干-不能反悔）git c

2022-05-09 13:07:32 497

原创 final关键字

==============================================================点击标题可以下载xmind代码练习====final可修饰package finalTest;// final可以修饰类// final修饰的类是最终类，即不能派生子类的类public final class FinalTest {// final可以修饰变量// 被final修饰的变量是常量，一旦初始化，则不能二次赋值，否则编译报错// 被final修饰的成

2022-05-09 13:05:49 93

原创 ES6新增语法(五)——Promise详解

).catch((reason,data)=>{console.log(“catch失败执行回调抛出原因”,reason)})then方法======then方法接收两个参数作为参数，第一个参数是Promise执行成功时的回调，第二个参数是Promise执行失败的回调，两个函数只会有一个被调用。通过.then添加的回调函数，不论什么时候，都会被调用，而且可以添加多个回调函数，会一次按照顺序并且独立运行。const p =new Promise((resolve,reject)=>{

2022-05-09 13:04:02 129

原创 ECMAScript 2022 会有哪些新特性？

console.log(Shape.color); // blueconsole.log(Shape.getColor()); // blueconsole.log(‘color’ in Shape); // trueconsole.log(‘getColor’ in Shape); // trueconsole.log(‘getMessage’ in Shap

2022-05-09 13:02:23 482

原创 Echart图标Y轴数据太长，显示错乱一般全为0解决办法

yAxis.axisLabel.formatter：刻度标签的内容格式器，支持字符串模板和回调函数两种形式。比如可以设置太长了换行之类的。grid.left：grid 组件离容器左侧的距离。默认值是10%。解决思路：既然样式不好解决，那就缩短数据长度。我的做法就是数据太大就除以1万，特别大就除以一千万，然后数字显示样式这块加上‘万’字或者‘千万’代码：option = {…yAxis: {type: ‘value’,name: ‘营业额(元)’,axisTick: {inside:

2022-05-09 13:00:04 411

原创 Echarts相关属性

width: 1, //连线粗细color: “#F21612”, //轨迹线颜色}},// 阴影区域areaStyle: {// 渐变颜色color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 0,color: ‘rgba(243, 78, 98, 0.8)’}, {offset: 1,color: ‘rgba(255, 255, 255, 0)’}]),// 常规设置// normal: {//

2022-05-09 12:58:07 1043

原创 rem布局教程最详细（菜菜出品，必出菜品第二季

rem主要是作用于手机适配使用，创建一个rem.js文件创建好rem.js文件，然后在需要使用的页面进行引入//rem.js(function (doc, win) {var isAndroid = win.navigator.appVersion.match(/android/gi);var isIPhone = win.navigator.appVersion.match(/iphone/gi);var scale = 1.0;var ratio = 1;if(isIPhone).

2022-05-08 10:55:26 187

原创 react高级指南之可访问性与代码拆分

return ( <Suspense fallback = {Loading…}> )}在上面的这个例子中，就很好的体现了这一点当多个组件加载，某个组件因为网络错误没有加载出来的时候，此时我们就需要在Suspense组件的外部再放置一个MyComponent组件。例如下面的这个例子import MyErrorBoundary from ‘./MyErrorBoundary’;const OtherComponent = React.lazy(()

2022-05-08 10:53:41 89

原创 react-redux使用说明

[](()2、实现步骤====================================================================[](()2.1、安装依赖cnpm i redux react-redux --save[](()2.2、封装底层代码项目目录结构srcstore 管理状态的目录index.js 用于生成 store 对象reducer.js 用于生成 reducer 函数state.js 用于生成初始化 state 对

2022-05-08 10:51:19 64

原创 React 使用中值得优化的 7 个点

现在，我们已经看到该表单组件只处理提交和取消动作，其他范围内的事情，都交给了对应的子组件。是否传递了很多有关配置的 props在某些情况下，将多个有关配置的 props 组合成一个 options 是个不错的实践。假设我们有一个可显示某种表格的组件：<Griddata={gridData}pagination={false}autoSize={true}enableSort={true}sortOrder=“desc”di...

2022-05-08 10:49:12 114

原创 Oracle通过存储过程采用HTTP的方式调用webserivce

env VARCHAR2(32767);http_req utl_http.req;http_resp utl_http.resp;return_value xmltype;error_value xmltype;error_code VARCHAR(256);error_string VARCHAR2(32767);result_string varchar2(32767);BEGINenv := '<soapenv:Envelope xmln

2022-05-08 10:46:42 422

原创 npm常用命令

查看镜像npm config get registry恢复镜像：npm config delete registry或npm config edit（手动删除）[](()安装模块npm install：根据package.json文件中的dependencies配置安装所有的依赖npm install <包名>：本地安装，会默认安装最新版本。示例：npm install expressnpm install <包名@x.y>：安装指定版本。示例：

2022-05-08 10:44:22 679

原创 node中Session持久化与Redis缓存

1.1 概述在HTTP协议中，制定了Cookie机制，用于实现客户端和服务器之间的状态共享。Cookie是解决HTTP无状态性的有效手段，服务器可以设置(set-cookie)或读取cookie中所包含的信息。Cookie是解决HTTP无状态性的有效手段，服务器可以设置(set-cookie)或读取cookie中所包含的信息。Cookie是解决HTTP无状态性的有效手段，服务器可以设置(set-cookie)或读取cookie中所包含的信息。1.2实现原理Cookie定义了HTT

2022-05-08 10:42:21 283

原创 nodejs项目实战教程05——Nodejs中的fs模块

app.js：const fs = require(‘fs’)// 4 fs.appendFile 追加写入文件内容fs.appendFile(‘./css/base.css’,‘body{margin:0;padding:0;}’,(err)=>{if(err){return console.log(err)}console.log(‘appendFile 成功’)})可以看到，如果首次执行 fs.appendFile 往不存在的文件中追加内容，和 fs.writeFile 功能

2022-05-08 10:39:51 246 2

原创 mybatis环境搭建及增删改查

maven-resources-plugin3.0.2maven-compiler-plugin3.8.0maven-surefire-plugin2.22.1maven-war-plugin3.2.2maven-install-plugin2.5.2maven-deploy-plugin2.8.23.jdbc.propertiesjdbc.driver=com.mysql.jdbc.Driverjdbc.url=jdbc:mysql://loca.

2022-05-08 10:36:25 70

原创 Chrome插件我只服你——10w人都在使用的浏览器插件

✨ 文章摘要导读 \textcolor{blue}{文章摘要导读} 文章摘要导读🔥 为什么选择 C h r o m e 插件 \textcolor{green}{为什么选择Chrome插件} 为什么选择Chrome插件🔥 插件具备的强大优势 \textcolor{green}{插件具备的强大优势} 插件具备的强大优势🔥 插件的安装 \textcolor{green}{插件的安装} 插件的安装🔥 亮点 — 扩展插件 \tex.

2022-05-07 21:38:08 110

m0_70646869的博客