- 博客(183)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vscode下，camke构建QT项目成功后，Cmake/Launch无法出现程序窗口的原因和解决方式
再次点击run按钮，进行Cmake/Launch就可以出现程序窗口了。
2023-06-08 18:20:52
583
2
原创 设置边框显示图片
div { width: 313px; height: 200px; border: 20px solid red; // 设置边框显示的图片 border-image-source: url(图片地址); // 切割图片 border-image-slice: 20; // 切割显示 border-image-repeat: round; // stretch 拉伸， repeat 平铺， round 铺满}...
2021-03-12 17:27:38
172
原创 webpack4.0-打包输出告诉webpack不使用箭头函数 environment(webpack环境配置)
const path = require('path')const HtmlWebpackPlugin = require('html-webpack-plugin')const { CleanWebpackPlugin } = require('clean-webpack-plugin') module.exports = { mode:'production', entry: { main:'./src/index.tsx' }, output:{.
2021-01-20 17:41:30
1664
1
原创 git检测提交多少行
git log --since=2020-10-12 --until=2020-12-21 --author="Echo" --pretty=tformat: --numstat | gawk '{ add += $1 ; subs += $2 ; loc += $1 - $2 } END { printf "added lines: %s removed lines : %s total lines: %s\n",add,subs,loc }' -
2020-12-21 14:57:19
164
原创 React Native项目调试
在模拟器上开启Developer MenuIOS模拟器：Command + M快捷键快速打开Developer MenuAndroid模拟器：ctrl + M在真机上开启Developer Menu：在真机上通过摇动手机开启Developer MenuWarnings警告信息处理：console.warn()来手动触发Warnings，通过console.disableYellowBox = true 来手动禁用Warnings的显示，或者通过console.ignoredYel
2020-07-11 16:11:49
262
原创 React Native基础 - 常用组件
// 自定义组件// 引入核心模块import React, { Component } from 'react'// 从reactive中导出对应的组件, ScrollView组件的初步认识，父容器需定义好宽高import { View, Text, StyleSheet, ScrollView, Dimensions } from 'react-native'const { width, height, scale } = Dimensions.get('window') // 获取屏幕的.
2020-06-28 07:28:09
213
原创 3、字符串模板以及字符串新增
字符串模板 `` 优点可以随意换行 <input type="button" id="aaa" value="aaaaa" /> <input type="button" name="" id="" value="bbbb" /> <input type="button&q
2020-06-22 09:47:14
190
原创 react基础react hooks的基本使用
React16.8的新增特性，可以让你在不写class的情况下使用state等react特性；hooks是对函数式组件的极大加强，3个基础的hook：状态、作用和上下文状态(State)： useState，状态和它隐藏的行为，构成UIimport React, { useState } from 'react'export default () => { const [count, setCount] = useState(0) // 状态 ， 行为
2020-06-21 10:07:13
165
原创 react基础react-router-dom的基本使用
ReactRouter三大组件：Router(BorwserRouter/HashRouter)：所有路由组件的根组件（底层组件），包裹路由器的最外层的容器，属性：basename: 设置跟此路由根路径Router：路由规则匹配组件，显示当前规则对应的组件Link：路由跳转的组件<Link to={ {pathname: '/me', search:'?username=admin', hash:'#abc', state: {msg:'hello'}} }>Link的
2020-06-20 23:55:25
302
原创 react基础react-router-dom的基本使用，和react-loadable结合react-router-dom中withRouter实现异步加载组件，提升性能
1、安装react-router-dom,使用路由器BrowserRouter, 路由Route,还有Switch用于处理意外页面import React, { Component, Fragment } from 'react';import Header from './component/Header'import store from './store'import { Provider } from "react-redux"// 单个react-loadable进行异步组件//
2020-06-20 16:23:22
520
原创 react基础immutable.js管理store中的数据,使用redux-immutable来统一store的数据类型,可以结合PureComponent创建高性能组件
import { PureComponent } from 'react'保证state中的数据类型一致安装 npm i immutable --savefromJS将state变为immutable对象import { fromJS } from 'immutable'const defaultState = fromJS({ inputValue: "测试", list: ["默认数据"],});get()用于获取immutable对象的值const mapSta
2020-06-20 16:03:02
188
原创 react基础使用combineReducers完成对数据的拆分
combineReducer将reducer.js拆分为多个小的reducer,便于数据管理import { combineReducers } from 'redux'可以在每一个组件下面创建属于自己的store,用来存储自己的数据在组件的store里面写法和平时一样,只不过index.js可能用于到处文件处理import reducer from './reducer'export { reducer}在调用时// 使用combineReducers来拆
2020-06-20 11:04:06
416
原创 react基础使用styled-components编写js的样式组件的基本使用
1、安装styled-components，用于js编写对应的组件styled的使用，用于创建组件import styled from 'styled-components'export const Item = styled.div` width: 350px; height: 36px; line-height: 36px; font-weight: bold;`2、createGlobalStyle用于创建全局样式import { create
2020-06-19 22:54:49
291
原创 react基础react-redux
1、引入react-redux，在模板渲染口，使用Provider提供store,只要在Provider中使用的组件都可以调用到store中的state状态import React from 'react';import ReactDOM from 'react-dom';import App from './App';import store from './store'import { Provider } from 'react-redux'ReactDOM.render( <
2020-06-19 18:13:50
118
原创 redux基础react-thunk的基本使用
1、在store中配置使用redux-thunkimport { createStore, applyMiddleware, compose } from 'redux'import thunk from 'redux-thunk'import reducer from './reducer'const composeEnhancers = typeof window === 'object' && window.__REDUX_DEVTOOLS_EXTENSION_
2020-06-19 17:08:40
165
原创 react基础使用redux-saga
1、store中配置引入saga，还有saga.js的自定义文件import { createStore, applyMiddleware, compose } from 'redux'import createSagaMiddleware from 'redux-saga' // 引入sagaimport reducer from './reducer'import mysaga from './saga' // 引入配置的saga.js文件const sagaMiddleware = c
2020-06-19 16:30:10
131
原创 react基础使用redux-thunk实现action中请求异步数据
1、在store中配置好redux-thunkimport { createStore, applyMiddleware, compose } from 'redux'import thunk from 'redux-thunk'import reducer from './reducer'const composeEnhancers = typeof window === 'object' && window.__REDUX_DEVTOOLS_EXTENSION_C
2020-06-19 14:43:25
345
原创 react基础redux的基本使用
1、通过createStore创建好storeimport { createStore } from 'redux'import reducer from './reducer'const store = createStore(reducer);export default store2、在需要使用state的地方调用 store.getState()获取store中存储的状态 constructor(props) { super(props); this.sta
2020-06-19 14:10:41
109
1
原创 jquery常用api中ajax和cookie方法-06
// 引入 jq 和 jq的cookie<script src="jquery-1.10.1.min.js"></script><script src="jquery.cookie.js"></script>$.cookie()：$.cookie(name) 通过name取值$.cookie(name, value) 设置name和value$.cookie(name, value, {可选项, raw: true}) raw是否不编..
2020-05-30 15:07:31
190
原创 jquery常用api插件方法-05
$.extend()：拓展工具方法 $.xxx() 、$.yyy()$.fn.extend()：拓展JQ方法 $().xxx 、$().yyyJQ插件方法，如果我们想要给JQ新增函数，通过上述两个插件方法拓展函数库。$.entend({ aaa: function() { alert("这是一个工具方法") }})$.fn.extend({ aaa: fucntion() { alert("这是一个JQ方法")
2020-05-30 14:40:15
92
原创 jquery常用api工具方法-04
type()：输出当前数据类型$.type(arr)trim()：删除首尾空格inArray()：在数组中查找某一个元素的下标var arr = [10, 20, 30]$.inArray(30, arr)proxy()：类似bind()noConfict()：给$取别名var qian = $.noConflict()var $ = 10qian(function() { qian(document).click(function() { })
2020-05-30 14:29:30
89
原创 jquery常用api方法-03
remove()：删除节点元素，返回值是我们删除掉的节点，但是并不会保留这个节点之前得事件和行为detach()：删除元素节点，返回值是我们删除掉的节点，会保留这个节点之前得事件和行为ready()：事件，事件触发再当前的document加载完成后执行$(function() { // 相当于window.onload})$(document).ready(function() {})window.onlaod = function() {}html()：标签间的
2020-05-30 11:35:26
98
原创 react基础注意事项
1、构造函数中定义的注意事项在constructor中去调用父类的构造函数、去定义组件中的状态 state、去改变函数方法的this指向（改为指向当前组件）constructor(props) { super(props) // 调用父类的构造函数 this.state = { inputValue: '', list:['测试数据'] } this.inputChange = this.inp
2020-05-28 17:16:35
135
转载 vue中的实用操作
1.关于全局过滤器的注册抽出到独立文件，然后使用 Object.keys 在 main.js 入口统一注册：/src/common/filters.jslet dateServer = value => value.replace(/(\d{4})(\d{2})(\d{2})/g, '$1-$2-$3') export { dateServer }/src/main.jsimport * as custom from './common/filters/custom'Ob
2020-05-27 09:57:36
151
原创 vue的slot上方法的调用
首先定义拥有slot的组件，在slot上命名 name ,在slot上定义动态属性（实际作用在调用组件使用slot的时候用于绑定触发的方法）<template> <view> <view class="grace-flex tool-btn-group"> <view class="grace-flex1 grace-flex container-bg-942B18" v-if="leftStatus">
2020-05-26 11:54:05
1358
原创 jquery常用api特效函数-02
<input type="text" value="aaa" /><input type="text" value="bbb" /><input type="text" value="ccc" />val()：value 获取/设置表单元素的值 JQ取值取值只能取第一个符合条件元素的值 ； JQ赋值操作会对所有获取到的元素进行赋值size()：输出，获取网页元素的个数 $("input").size() $("input").lengtheach...
2020-05-11 07:24:16
95
原创 jquery常用api 方法- 01
对元素节点的选择filter()：过滤 对以获取的网页元素进行过滤not()：filter的反义词has()：拥有， 直接判定获取的子节点中是否有符合条件的元素兄弟节点的操作prev()：当前兄弟节点中的上一个节点next()：当前兄弟节点中的下一个节点siblings()：当前节点的所有兄弟节点find()：查找子节点 find(选择器)方法中可以使用任何选择器类型...
2020-05-11 07:00:59
125
原创 uni-app开发小程序修改checkbox和radio样式
/* checkbox */ checkbox .wx-checkbox-input.wx-checkbox-input-checked { background: #CA5F4B; border: 1px solid #CA5F4B; } checkbox .wx-checkbox-input.wx-...
2020-04-21 11:48:35
3216
1
原创 uni-app中封装uni.request返回promise
let baseUrlif (process.env.NODE_ENV === 'development') { // 开发环境 // #ifdef H5 baseUrl = "/api" // #endif} else { // 生产环境 baseUrl = "http://dbwx.jinguanjiazhifu.com/service/"}function request...
2020-03-25 01:04:16
2162
原创 uni-app中使用微信jssdk
引入微信jssdk模块：npm install jweixin-module --saveimport request from '@/utils/request'var wx = require('jweixin-module')function createOrder(data) { // 获取权限配置 return request({ url: '/api/open/...
2020-03-25 01:03:40
1480
原创 javascript检测横屏，css检测横屏，适配iPhoneX
window.orientation:获取屏幕旋转方向window.addEventListener("resize", ()=>{ if (window.orientation === 180 || window.orientation === 0) { // 正常方向或屏幕旋转180度 console.log('竖屏'); };...
2020-03-11 15:26:20
368
原创 App版本检查更新
更新表设计idurl 下载的地址 app版本需要更新时的下载地址 通过plus.runtime.openURL(url); 进行下载更新version 版本号 用于与线下版本比较status 0 未上线（无需更新）1 上线 (需要更新)create-time检测版本方法一： 通过 plus.runtime.version 进行版本更新； 这样获取到的版本号代表...
2020-02-24 14:54:24
345
原创 uni-app引入字体图标库以及关于原生页面顶部按钮图标的设置
将iconfont.css文件导入，去掉： src: url('iconfont.eot?t=1582357420622'); /* IE9 */ src: url('iconfont.eot?t=1582357420622#iefix') format('embedded-opentype'), /* IE6-IE8 */, url('iconfont.woff?t=1...
2020-02-22 15:54:46
835
原创 React Native布局
React Native中的FlexBox和Web Css 上的FlexBox的不同：FlexDirection：React Native中默认为 flexDirection: 'column'，在Web Css 中默认为flex-direction:'row'alignItems：React Native中默认为 alignItems:'stretch'，在Web Css 中默认 ali...
2020-02-21 09:46:14
123
转载 React-Native开发windows环境搭建
必须安装的依赖有：Node、Python2、JDK 和 Android Studio。1、安装react-native指令工具，react-native-cli脚手架npm i react-native-cli -g2、创建项目指令： react-native init 项目名称react-native init FirstApp...
2020-02-19 10:23:13
188
原创 React脚手架实现多页面应用
搭建项目内容配置paths.js appHtml: resolveApp('public/index.html'), appQueryHtml: resolveApp('public/query.html'), appOrderHtml: resolveApp('public/order.html'), appTicketHtml: resolveApp('publi...
2020-02-15 18:03:16
697
1
原创 PWA技术组成-Notification API
Notification在浏览器中是全局对象Notification.permission授权default: 默认用户授权Notification.requsetPermission().then(permission => { console.log(permission)}) // 返回查看授权信息// 创建一个Notification对象就是新建一个...
2020-02-14 11:14:50
175
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人