Web前端
关注
分享
扫一扫
文章平均质量分 72
m0_70646869
这个作者很懒，什么都没留下…
展开
-
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 · 467 阅读 · 0 评论 -
iOS Odyssey 和 unc0ver 的区别
因为某吃鸡被检测 10分钟 的问题，用户反而会选择使用 Odyssey 越狱，毕竟它可以拥有可玩吃鸡和越狱，而 unc0ver 越狱后，玩吃鸡容易被检测到。重点是，目前的 Odyssey 还处于内测阶段，意味着还存在各种问题，就在前几天 CoolStar 在推特发布 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 了 Odyssey beta 2，该版本激活率较低，反而切换成《守望先锋》主题才能成功。其次 beta2 版本还.原创 2022-05-10 12:30:19 · 1927 阅读 · 0 评论 -
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 · 178 阅读 · 0 评论 -
HTML期末网页作业-仿QQ官网QQ注册网页
立即下载未读消息气泡聊天窗口支持快速定位到未读消息消息录制截图可一键高清录制，信息完整传达自定义截图截图时长按右键，自由勾画截图区域消息记录升级清晰分类，丰富筛选能力趣·享内容接入腾讯视频、QQ看点，乐享好内容。趣·识好友共同好友让我们相识，分享乐趣使我们相知。Copyright © 1998- Tencent. All Rights .原创 2022-05-10 12:26:57 · 183 阅读 · 0 评论 -
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 · 776 阅读 · 0 评论 -
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 · 1865 阅读 · 0 评论 -
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 · 393 阅读 · 0 评论 -
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 · 125 阅读 · 0 评论 -
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 · 103 阅读 · 0 评论 -
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 · 238 阅读 · 0 评论 -
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 · 656 阅读 · 0 评论 -
html+css基础教程入门篇之CSS 浮动行框和清理
inherit:规定应该从父元素继承 float 属性的值行框和清理浮动框旁边的行框被缩短，从而给浮动框留出空间，行框围绕浮动框。因此，创建浮动框可以使文本围绕图像：要想阻止行框围绕浮动框，需要对该框应用 [clear 属性](()。clear 属性的值可以是 left、right、both 或 none，它表示框的哪些边不应该挨着浮动框。为了实现这种效果，在被清理的元素的_上外边距_上添加足够的空间，使元素的顶边缘垂直下降到浮动框下面：这是一个有用的工具，它让周围的元素为浮动元素原创 2022-05-09 13:13:26 · 125 阅读 · 0 评论 -
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 · 149 阅读 · 0 评论 -
html+css+js实现倒计时效果
雪花背景效果烟花背景效果（推荐）[](()写在前面===================================================================其他爱心表白代码地址。[html表白代码大全（14个效果）](()对象生日快乐祝福代码—>>>[html生日快乐代码](()跨年烟花代码–>>>[跨年代码，零点有烟花](()网页倒计时代码，可用于各种倒计时场合。比如生日倒计时、春节倒计时、高考倒计时、纪念日倒计时、..原创 2022-05-09 13:09:35 · 431 阅读 · 0 评论 -
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 · 524 阅读 · 0 评论 -
final关键字
==============================================================点击标题可以下载xmind代码练习====final可修饰package finalTest;// final可以修饰类// final修饰的类是最终类，即不能派生子类的类public final class FinalTest {// final可以修饰变量// 被final修饰的变量是常量，一旦初始化，则不能二次赋值，否则编译报错// 被final修饰的成原创 2022-05-09 13:05:49 · 99 阅读 · 0 评论 -
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 · 142 阅读 · 0 评论 -
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 · 506 阅读 · 0 评论 -
Echart图标Y轴数据太长，显示错乱一般全为0解决办法
yAxis.axisLabel.formatter：刻度标签的内容格式器，支持字符串模板和回调函数两种形式。比如可以设置太长了换行之类的。grid.left：grid 组件离容器左侧的距离。默认值是10%。解决思路：既然样式不好解决，那就缩短数据长度。我的做法就是数据太大就除以1万，特别大就除以一千万，然后数字显示样式这块加上‘万’字或者‘千万’代码：option = {…yAxis: {type: ‘value’,name: ‘营业额(元)’,axisTick: {inside:原创 2022-05-09 13:00:04 · 436 阅读 · 0 评论 -
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 · 1061 阅读 · 0 评论 -
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 · 197 阅读 · 0 评论 -
react高级指南之可访问性与代码拆分
return ( <Suspense fallback = {Loading…}> )}在上面的这个例子中，就很好的体现了这一点当多个组件加载，某个组件因为网络错误没有加载出来的时候，此时我们就需要在Suspense组件的外部再放置一个MyComponent组件。例如下面的这个例子import MyErrorBoundary from ‘./MyErrorBoundary’;const OtherComponent = React.lazy(()原创 2022-05-08 10:53:41 · 95 阅读 · 0 评论 -
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 · 68 阅读 · 0 评论 -
React 使用中值得优化的 7 个点
现在，我们已经看到该表单组件只处理提交和取消动作，其他范围内的事情，都交给了对应的子组件。是否传递了很多有关配置的 props在某些情况下，将多个有关配置的 props 组合成一个 options 是个不错的实践。假设我们有一个可显示某种表格的组件：<Griddata={gridData}pagination={false}autoSize={true}enableSort={true}sortOrder=“desc”di...原创 2022-05-08 10:49:12 · 119 阅读 · 0 评论 -
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 · 466 阅读 · 0 评论 -
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 · 690 阅读 · 0 评论 -
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 · 294 阅读 · 0 评论 -
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 · 261 阅读 · 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 · 78 阅读 · 0 评论 -
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 · 114 阅读 · 0 评论