![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
技巧
qq_35089721
这个作者很懒,什么都没留下…
展开
-
windows生成jks文件
生成jks文件原创 2023-03-03 15:55:28 · 456 阅读 · 0 评论 -
用git比较两次提交的差异并打包
1.安装插件:npm install git-diff-archive -g2.项目中运行命令:git_diff_archive 79cd59a7 4945b157git_diff_archive [新提交] [老的提交]差异文件就出现啦原创 2022-05-10 14:26:31 · 1023 阅读 · 0 评论 -
uniapp接mobSDK分享登录配置重点facebook,line,google,微信
mob配置重点:app模块配置 把 微信相关去掉!!!urltypes 中 facebook 加 'fb'universaillink 配置 capabilitiesschame、白名单配置google用的是web版auth"google的redirectUrl" : "http://localhost",https://mob.com/wiki/detailed?wiki=uni_app&id=14"urltypes" : "[facebook],[line],[mo原创 2021-07-02 14:36:39 · 1360 阅读 · 0 评论 -
gitlab账号实现 编辑器的git提交
生成SSH密钥:添加SSH密钥:http://git.gm.hbbeisheng.com/profile/keys以上即可实现 编辑器的git提交原创 2020-12-17 15:37:12 · 121 阅读 · 0 评论 -
PxCook快速拿设计图样式工具
下载:https://www.fancynode.com.cn/pxcook原文参考:https://www.jianshu.com/p/70e3874d86d6原创 2019-11-05 18:21:34 · 691 阅读 · 0 评论 -
React Native 设置app图标和名称,启动页
1 安卓:图标:将logo拖到app icon gear中 生成四个规格的图标,分别放到android/app/src/main/res 下的四个文件夹中,命名为ic_launcher.png 没有对应上的文件夹放一张1024*1024 或者512*512的即可app名称:在android/app/src/main/res/values/strings.xml 中更改2...原创 2019-11-04 14:23:20 · 426 阅读 · 0 评论 -
react native 引入外部字体文件
1.在根目录下新建文件夹assets/fonts/,把ttf字体文件引入这里有很重要的一步,没做好后面都没用:查看ttf文件的字体信息(可以尝试字体软件查看)找到它的字体名,修改字体文件名为此文件名!!!2.在react-native.config.js下添加:module.exports = { dependencies: { }, "assets": [ ...原创 2019-10-23 18:52:19 · 1607 阅读 · 0 评论 -
react native 请求静态图片
<Image source={ require('./assets/test.png') } resizeMode={'contain'} style={{width:100,height:100}} />原创 2019-10-23 18:05:57 · 227 阅读 · 0 评论 -
react withScroll hoc判断鼠标向上向下滚动
import React from "react";const mount = (that) => { window.addEventListener('wheel', that.handleMouseScroll);};const unmount = (that) => { window.removeEventListener('wheel', that.hand...原创 2019-10-22 14:22:21 · 527 阅读 · 0 评论 -
github 里README 编辑语法
https://github.com/guodongxiaren/README#%E6%96%87%E6%9C%AC原创 2019-09-20 11:29:12 · 149 阅读 · 0 评论 -
react native 返回上一页并刷新上一页
上一页:navigation.navigate('ReceiptFolder', {fileName: item.name,refresh:()=>this.getList()})点击页:navigation.getParam('refresh')();navigation.goBack()原创 2019-09-19 15:22:23 · 3860 阅读 · 0 评论 -
github项目托管
如果远程分支上有文件,要先rebase一下,git pull --rebase origin master原创 2017-08-19 18:43:33 · 155 阅读 · 0 评论 -
react 生命周期
原文链接:https://blog.csdn.net/wust_cyl/article/details/84306393Constructor1: 用于初始化操作,一般很少使用2:唯一一个直接修改state的地方,其他地方通过调用this.setState()方法。getDerivedStateFromProps1:当state需要从props初始化时,使用2:尽量不使用,...原创 2019-08-21 14:56:04 · 69 阅读 · 0 评论 -
react 派生state问题,非单一数据源导致状态不更新问题
https://www.jb51.net/article/147331.htm官网:https://zh-hans.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-controlled-component建议模式:https://zh-hans.rea...原创 2019-07-25 15:04:34 · 572 阅读 · 0 评论 -
webstorm-react-debug-config
https://blog.jetbrains.com/webstorm/2017/01/debugging-react-apps/原创 2019-03-25 14:03:06 · 149 阅读 · 0 评论 -
做一个会PS切图的前端开发
https://www.cnblogs.com/w-wanglei/p/5598336.html转载 2019-02-11 12:00:24 · 144 阅读 · 0 评论 -
判断页面加载完成
判断页面加载完成IE: document.onreadystatechange=function(){document.readyState=="complete"}FF: document.addEventListener("DOMContentLoaded",handle,false)document.onreadystatechange = subSome转载 2017-11-09 17:25:37 · 683 阅读 · 0 评论 -
ionic命令行快速修改图标和启动页
修改图标和启动页:1,resources文件夹下,替换icon.png(192*192,png,psd,ai); splash.png(2208*2208,留白)2,cmd执行命令行:ionic resources 单独执行加--icon 或 --slash3,生成apk原创 2017-11-14 17:03:50 · 319 阅读 · 0 评论 -
判断滚动条距离顶部距离
//滚动条滚动 $(window).scroll(function(){//滚动条距离顶部的距离 if($(window).scrollTop()88){$('.scroll_nav').parents('.header').addClass('scroll');} })原创 2017-11-16 10:33:17 · 1127 阅读 · 0 评论 -
监听滚动条上滚下滚兼容各种浏览器
//注册事件if(document.addEventListener) { //兼容Firefox采用addEventListener监听document.addEventListener('DOMMouseScroll', scrollFunc, false);}window.onmousewheel = document.onmousewheel = scrollFunc; //ie/oper转载 2017-11-16 10:36:20 · 211 阅读 · 0 评论 -
Javascript、Jquery获取浏览器和屏幕各种高度宽度
Javascript、Jquery获取浏览器和屏幕各种高度宽度Javascript:alert(document.body.clientWidth); //网页可见区域宽(body)alert(document.body.clientHeight); //网页可见区域高(body)alert(document.body.offsetWidt转载 2017-11-21 18:11:32 · 108 阅读 · 0 评论 -
ps光束,泼墨技巧
放射光束:1.画笔随便画几笔2.滤镜,模糊,径向模糊泼墨:1.画笔100号随便画几笔2.滤镜,风格化,扩散3.滤镜,扭曲,旋转扭曲水彩泼墨:1.画笔100号随便画几笔2.滤镜,风格化,扩散3.滤镜,扭曲,旋转扭曲4.ctrl+点击选中选区5.找张图做当前图背景6.添加矢量蒙版7.隐藏上一图层原创 2017-11-23 11:19:06 · 191 阅读 · 0 评论 -
将html分为头尾后打包整合,Gulp实现头尾等公共页面的复用
安装gulp的前提是你已经有了nodejs的运行环境1,新建项目:mkdir gulp-file && cd gulp-file2,初始化一下npm init3,全局安装gulp:npm install -g gulp4,在每个要使用gulp的项目中都单独安装一次:npm install gulp --save-dev5,文件夹介绍|-node_modules|-page // ...转载 2018-03-22 16:19:02 · 2288 阅读 · 2 评论 -
在WebStorm里配置watcher实现编辑less文件时自动生成.map和.css文件
npm install less -g//$FileName$ $FileNameWithoutExtension$.css --source-map//$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map原创 2018-07-09 11:46:52 · 1023 阅读 · 0 评论 -
create-react-app打包发布
1,package.json里添加"homepage":"./",2,执行npm run build:原创 2018-07-11 10:16:00 · 2414 阅读 · 0 评论 -
antd menu与router实现刷新时高亮条目和右边的内容符合
1,用withRouter包裹返回的属性值history:export default withRouter(SiderDemo),2,Menu的selectedKeys赋值:selectedKeys={[this.props.history.location.pathname]}原创 2018-07-19 16:38:58 · 9030 阅读 · 6 评论 -
CSS3-纹理背景及3D图制作
界面显示:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3-纹理背景及3D图制作</title> <style>原创 2018-10-12 11:27:47 · 891 阅读 · 0 评论 -
css限制文字行数且超出部分显示省略号
实现方法:display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;适用范围:因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;注:-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果...转载 2018-10-12 14:26:33 · 2817 阅读 · 0 评论 -
css-相对单位em,rem
摘录:“对font-size使用rem,对border使用px,对其他的度量方式如padding、margin、border-radius等使用em。然而在必要时,需要声明容器的宽度的话,我更喜欢使用百分比。这样,字号大小就变得可预测,而当其他因素影响到元素的字号大小时,你也可以借助em去缩放元素的padding和margin。在border上使用像素是很合适的,尤其当你想要一根漂亮的线的时候...原创 2018-10-12 15:04:57 · 182 阅读 · 0 评论 -
经验:react-native 项目运行中遇到的错误,及解决办法
按照官网环境搭建好:Node 的版本必须高于 8.3npm install -g yarn react-native-cliAndroid开发环境确保选中了 React Native 所必须的26.0.3版本。创建项目:react-native init AwesomeProject运行项目:cd AwesomeProjectreact-native run-a...原创 2018-10-30 16:49:49 · 864 阅读 · 0 评论 -
判断是否是IE浏览器或IE内核浏览器
判断是否是IE浏览器或IE内核浏览器:function a(){if(!!window.ActiveXObject||"ActiveXObject" in window){ console.log("is IE");}else{console.log("no");}}原创 2017-09-26 09:12:50 · 1026 阅读 · 0 评论