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
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
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
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
REACT_react配置组件路径引用@
暴露配置文件create-react-app 生成的项目看不到 webpack 相关的配置文件，需要先暴露出来，使用如下命令npm run eject修改配置文件webpack.config.jsresolve: { ... alias: { ... // 路径引用 @ '@': paths.appSrc, }}...
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
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();
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
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
UNI-APP_titleNView配置导航示例
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app", "app-plus":{ //App端扩展配置 "titleNView":{ //原生导航栏配置参数 "backgroundIm.
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/vue@2/dist/vu
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'}
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
UNI-APP_uniapp安卓包app上架的时候,审核上架需要隐私政策,用户协议,下载安装第一次打开弹出,的解决方法
uniapp自带了这个方法直接在manifest.json这个文件里的源码视图里配置就好了a标签里写网址就可以了在uniapp项目manifest.json文件的源码视图中,找到app-plus在app-plus节点下，添加privacy"privacy" : { "prompt" : "template", "template" : { //prompt取值为template时有效，用于配置模板提示框上显示的内容 "title" : "服务协议.
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, //协议
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
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
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和
今日推荐
周排行