React_组件间传递参数、父—子、子—父、父—孙、兄弟

父—子//父组件class Main extends React.Component{ constructor(props){ super(); this.state = { age:50, } } render(){ return ( <div> {/* 传递参数age给子组件 */} <Check age={this.state.age} /> </div> ) }}//子组件class Che
分类: 其他 发布时间: 10-09 12:19 阅读次数: 0

REACT_React动态绑定className,动态绑定样式

动态绑定className绑定多个使用[ ],[ ]不是代表一个数组字符串拼接形式<i className={["iconfont"+" "+item.icon]} ></i>ES6 模板字符串<p className={`title ${this.state.addColor?'color':null}`}>标题</p>join(" ")<p className={['title',this.state.addColor?'col
分类: 其他 发布时间: 10-09 12:19 阅读次数: 0

REACT_react配置sass

安装常规安装命令npm install node-sass -D安装自定版本npm install [email protected]卸载sass命令npm uninstall node-sass;有个小坑,node-sass版本不同对node的要求不一样。Node 11 -----> node-sass 4.10Node 10 ----> node-sass 4.9+Node 8 -----> node-sass 4.5.3+使用比如手脚架的App.c
分类: 其他 发布时间: 10-09 12:19 阅读次数: 0

REACT_react动态修改页面title,自定义文档头

方法一在 componentDidMount 为 document.title 赋值componentDidMount() { document.title = this.props.title}注意:不能在 render() 函数中为 document.title 赋值,因为 render() 执行时还没有真正的DOM,所以无法获得 document 对象。方法二安装npm install --save react-document-title引入import DocumentTi
分类: 其他 发布时间: 10-09 12:19 阅读次数: 0

REACT_react配置组件路径引用@

暴露配置文件create-react-app 生成的项目看不到 webpack 相关的配置文件,需要先暴露出来,使用如下命令npm run eject修改配置文件webpack.config.jsresolve: { ... alias: { ... // 路径引用 @ '@': paths.appSrc, }}...
分类: 其他 发布时间: 10-09 12:18 阅读次数: 0

UNI-APP_uni-app IOS平台通用链接【Universal Links】配置

Dcloud问答社区:https://ask.dcloud.net.cn/article/36445Dcloud问答社区:ios通用链接配置简书:iOS Universal Links教程博客园:iOS 唤起APP之Universal Link(通用链接)第一步:开启Associated Domains服务登录苹果开发者网站,在“Certificates, Identifiers & Profiles”页面选择“Identifiers”中选择对应的App ID,确保开启Associate
分类: 其他 发布时间: 10-09 12:18 阅读次数: 0

JS_JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法

$(function(){ //遍历获取的input元素对象数组,绑定click事件 var len = $("input[type='file']").length; for(var i = 0; i < len; i++){ $("input[type='file']").eq(i).click(function(){ $(this).next().val(""); $(this).next().hide();
分类: 其他 发布时间: 10-09 12:18 阅读次数: 0

UNI-APP_uniapp判断手机是否安装某个应用app

案例判断是否安装微信 其他同理if (plus.runtime.isApplicationExist({ pname: 'com.tencent.mm', action: 'weixin://' })) { //安装了微信} else { //未安装微信}微信:com.tencent.mm --- weixin://QQ: com.tencent.mobileqq ---- mqq://微博: com.sina.weibo --- sinaweibo://淘宝: com.taobao.t
分类: 其他 发布时间: 10-09 12:18 阅读次数: 0

JS_h5页面 判断 移动端是ios还是Android

h5页面 判断 移动端是ios、或者Androidvar u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端if(isAndroi
分类: 其他 发布时间: 10-09 12:17 阅读次数: 0

UNI-APP_titleNView配置导航示例

"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app", "app-plus":{ //App端扩展配置 "titleNView":{ //原生导航栏配置参数 "backgroundIm.
分类: 其他 发布时间: 10-09 12:17 阅读次数: 0

VUE_vue cdn引用使用组件

方法一<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>vue</title> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vu
分类: 其他 发布时间: 10-09 12:17 阅读次数: 0

UNI-APP_uni-app打开外链网址和打开内部网页

打开外链网址<template> <view> <web-view :webview-styles="webviewStyles" src="https://uniapp.dcloud.io/static/web-view.html"></web-view> </view></template>打开内部网页uni.navigateTo({ url:'/pages/news/details'}
分类: 其他 发布时间: 10-09 12:17 阅读次数: 0

JS_js sort方法根据数组中对象的某一个属性值进行排序

sort方法接收一个函数作为参数,这里嵌套一层函数用来接收对象属性名,其他部分代码与正常使用sort方法相同.var arr = [ {name:'aaa',age:0}, {name:'bbb',age:15}, {name:'ccc',age:6}];function compare(property){ return function(a,b){ var value1 = a[property]; var value2 = b[p
分类: 其他 发布时间: 10-09 12:16 阅读次数: 0

UNI-APP_uniapp安卓包app上架的时候,审核上架需要隐私政策,用户协议,下载安装第一次打开弹出,的解决方法

uniapp自带了这个方法直接在manifest.json这个文件里的源码视图里配置就好了a标签里写网址就可以了在uniapp项目manifest.json文件的源码视图中,找到app-plus在app-plus节点下,添加privacy"privacy" : { "prompt" : "template", "template" : { //prompt取值为template时有效,用于配置模板提示框上显示的内容 "title" : "服务协议.
分类: 其他 发布时间: 10-09 12:16 阅读次数: 0

VUE_全局CLI配置 vue.config.js,配置跨域及css全局配置

官方文档:https://cli.vuejs.org/zh/config/解决跨域:根目录新建vue.config.js文件module.exports = { //devServer.proxy适用于本地开发使用, //生成环境请用第三方代理软件,如nginx。 devServer: { port: 9999, //本机端口号 host: "localhost", //本机主机名 https: false, //协议
分类: 其他 发布时间: 10-09 12:16 阅读次数: 0

VUE_vue cli开发关闭语法检测

vue.config.jsmodule.exports = { lintOnSave: false,}
分类: 其他 发布时间: 10-09 12:16 阅读次数: 0

JS_js改变this指向,apply(),call(),bind()

注意:call()方法接受的是一个参数列表,而apply()方法接受的是一个包含多个参数的数组bind() 不调用 只改变this指向call(),apply() 改变之后 并且执行一次apply() =>[]call => {}var id = 66;function fn5(){ // 箭头函数没有作用域 没有this setTimeout(()=>{ console.log(this.id); }, 500)}fn5({id:22}) //66fn5
分类: 其他 发布时间: 10-09 12:15 阅读次数: 0

UNI-APP_在uni-app中引入和使用uViewUI

官方文档:https://www.uviewui.com/1、npm 安装或者更新uViewUI安装npm install uview-ui更新npm update uview-ui查看版本号console.log(this.$u.config.v);// 或者(二者等价)console.log(this.$u.config.version);2、npm 安装方式的配置 (使用Hbuilder创建的项目忽略此步骤)uView依赖SCSS,您必须要安装此插件,否则无法正常运行。H
分类: 其他 发布时间: 10-09 12:15 阅读次数: 0

VUE_elementUI 图标字体无法正常显示 本地CDN文件

本地CDN引入使用elementUI 图标字体无法正常显示查看element-icons.woff element-icons.ttf 这两个字体图标库文件找不到控制台报错提示,当前文件夹下的fonts文件下找不到element-icons.woff和element-icons.ttf两个文件element:项目根目录element-icons.woff element-icons.ttf下载地址:解决方法:根据报错在项目根目录下创建fonts文件,把element-icons.woff和
分类: 其他 发布时间: 10-09 12:15 阅读次数: 0

JS_js赋能基础

把event所有属性都赋能给event2let event = { name:123, fun:function(){ console.log('fun方法'); }}let ev = function(obj){ for (let i in event) { obj[i] = event[i] }}let event2 = {}ev(event2)console.log(event2);
分类: 其他 发布时间: 10-09 12:15 阅读次数: 0