- 博客(47)
- 收藏
- 关注
原创 vue2+elementui 表格中操作列不定个数按钮的折叠展开
vue2+elementui 实现表格中操作列不定个数按钮的折叠展开,可以根据自己的需求自行修改样式和展示等。// 最多展示按钮的个数,不包含更多按钮。// popover是否展示。// popover元素。
2024-05-17 16:11:01
974
原创 VsCode中ctrl+s后会在当前目录下自动生成dist目录
在VsCode中ctrl+s后会在当前目录下自动生成dist目录解决办法:关闭compile-hero插件在设置中搜索compile-hero插件关闭所有自动生成dist目录的选项(如下图所示)
2020-08-25 17:55:15
2564
6
原创 vue 的5中组件通信方式
vue 组件之间的通信方式父组件给子组件传值子组件给父组件传值不相关组件之间传值父直接访问子组件父组件给子组件传值子组件中通过props接收父组件传递的数据父组件给子组件通过属性传值props类型:Array<string> | ObjectObject的选项配置typedefault:anyrequired:Booleanvalidator:Function,自定义验证函数会将该prop的值作为唯一的参数代入示例:父组件<temp
2020-08-19 11:00:19
274
原创 在vue开发中如何快速创建有相同基础代码的组件?
yamei-pagesV-cli 简介在vue项目中快速创建一个组件yamei-pagesV-cli源码地址目录结构yamei-pagesV-cli├─.gitignore├─cli.js —— cli 代码├─package-lock.json├─package.json├─README.md├─yarn.lock├─templates —— 模板中的内容可以根据自己需要的基础代码修改| ├─temp| | ├─temp.scss| | ├─temp.vue| | └temp
2020-07-31 16:09:38
251
原创 git使用git commit报错收集
git commit报错内容图示:解决办法:找到项目根目录下的.git文件下的config文件.git文件夹结构图示:在config文件中添加以下内容:[user]email=your emailname=your nameconfig文件图示:重新执行git commit即可成功...
2020-07-03 10:37:44
2441
原创 垂直布局——当页面高度小于浏览器高度时,footer固定在屏幕底部;当页面高度超出浏览器高度时,footer显示在页面最底部
垂直布局——当页面高度小于浏览器高度时,footer固定在屏幕底部;当页面高度超出浏览器高度时,footer显示在页面最底部问题描述:页面分成上、中、下三个部分,上、下部分都为固定高度,中间部分高度不定。当页面高度小于浏览器高度时,下部分应固定在屏幕底部;当页面高度超出浏览器高度时,下部分应该随中间部分被撑开,显示在页面最底部。不考虑兼容性,flex布局实现代码示例(修改content的高可以查看效果哦):<!DOCTYPE html><html lang="en">
2020-05-21 15:11:07
570
原创 Cocos Creator使用记录
Cocos Creator使用记录使用json文件动态设置label的显示文字动态设置精灵(sprite)的图片地址使用cc.loader.load设置网络图片使用cc.loader.loadRes设置`assets/resources` 目录下的图片使用cc.url.raw加载本地图片隐藏、显示一个节点cc.instantiate()克隆节点节点动作cc.repeatForever()和cc.r...
2020-04-22 18:33:29
1127
原创 浏览器“奇葩”兼容问题收集
浏览器“奇葩”兼容问题收集flex布局如何保持内容不超出容器?flex布局如何保持内容不超出容器?在日常开发中,我们可能会遇到一种情况:父元素设置固定的宽、高且设置display:flex,子元素设置了flex:(value),但是内容却超出父元素显示了,即使给子元素设置overflow: hidden;也没有作用,如图1所示。图1——子元素超出容器显示:在图1中,红色框标记出来的是父元...
2020-04-15 11:21:37
157
原创 cocos2d-js开发——环境搭建、新建项目、运行项目
cocos2d-js开发——环境搭建、新建项目、运行项目搭建环境Python (这个我已经安装过了,没安装的根据Python的文档安装即可)cocos使用cocos2d-js新建项目运行项目搭建环境Python (这个我已经安装过了,没安装的根据Python的文档安装即可)cocos下载cocos2d-x首先去官网下载cocos2d-x压缩包,我下载的是3.17.2,最新版本4.0的...
2020-04-14 15:59:02
868
原创 uni-app插件开发——使用scss
uni-app插件开发指南实名认证安装sass安装Ruby使用ruby安装sass和compass开发插件实名认证这个按照DCloud网站的要求完后即可。安装sasssass基于Ruby语言开发而成,因此安装sass前需要安装Ruby,[安装sass中文网]查看详细安装步骤。(https://www.sass.hk/install/)(注:mac下自带Ruby无需在安装Ruby!)安装R...
2020-03-23 16:33:59
1915
原创 原生js、jQuery、小程序实现购物车功能
原生js、jQuery、小程序实现购物车功能原生js和jQuery原生js和jQuery的HTML代码原生js代码jquery代码小程序wxml代码js代码购物车功能在前端开发中经常会遇到,所以小编我在这里为大家提供了元素js、jQuery和小程序的写法,可以直接复制代码看效果哦!PS:记得更换自己的图片。点击代码详情查看所有代码!原生js和jQuery原生js和jQuery的HTML代码...
2020-03-10 15:17:31
245
原创 小程序canvasToTempFilePath获取的图片地址在真机不显示???
小程序canvasToTempFilePath获取的图片地址在真机不显示???wx.canvasToTempFilePath把当前画布指定区域的内容导出生成指定大小的图片。但是直接在真机使用生成的图片地址时发现图片无法显示,这是为啥子呢???请看下面的图片。开发工具测试图:真机测试图:从上面的两个图可以发现在真机上是http://tmp/...类型的图片,在真机上是wxfile://t...
2020-01-17 14:36:11
9150
4
原创 跨域如何解决?
跨域如何解决?什么是`IndexDB`?什么是同源策略?什么是跨域?跨域如何解决?jsonpnode后端代码原生实现(添加script标签)$.ajax实现vue使用vue-jsonp实现跨域资源共享(CORS)node后端代码原生ajax实现$.ajax实现什么是IndexDB?IndexedDB 就是浏览器提供的本地数据库,它可以被网页脚本创建和操作。IndexedDB 允许储存大量数据,...
2020-01-16 14:51:39
816
原创 uni-app开发——实现左滑喜欢,右滑讨厌功能
uni-app开发——实现左滑喜欢,右滑讨厌布局和js代码(可直接复制执行)样式表效果图啥也不说了,咱就直接上代码吧!功能还不是很齐全,所以仅供参考。。。。。详细代码地址:uni_app_demo。布局和js代码(可直接复制执行)<template> <view class="container"> <view class="swiper_wrap"&g...
2020-01-06 12:06:28
2854
3
原创 Flutter开发Android篇——配置环境
使用镜像PUB_HOSTED_URL=https://pub.flutter-io.cnFLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn下载SDK去flutter的官网下载: https://flutter.dev/docs/get-started/installGitHub下载:https://github.com/...
2019-12-23 15:36:41
110
原创 react-native开发Android篇——修改包名、打包apk、TypeError: Network request failed
react-native开发Android篇——打包发布生成一个签名密钥命令参数说明执行命令的步骤图结果修改`gradle.properties`文件设置gradle变量启用Proguard代码混淆来缩小APK文件的大小生成发行APK包生成一个签名密钥进入项目根路径执行keytool命令生成一个私有密钥。keytool -genkey -v -keystore my-release-key....
2019-12-19 11:54:04
1250
原创 小程序和fetch使用百度云图片识别 失败:"image format error"、"param image not exist"
小程序和fentch使用百度云图片识别 失败:"image format error"、"param image not exist"小程序使用百度云图片识别——失败"image format error"代码示例(可直接复制使用,记得修改你的access_token)fetch使用百度云图片识别——失败"param image not exist""image format error"代码示例...
2019-12-06 16:30:21
6693
2
原创 js+css实现瀑布流
瀑布流是一种很常见的布局,实现的方法也有很多,以下是仿照花瓣网的瀑布流展示,希望能帮到各位小主们。nuxt.js瀑布流实现请看<!-- * @Descripttion: 瀑布流 * @version: * @Author: liyamei * @Date: 2019-11-29 17:08:18 * @LastEditors: liyamei * @LastEditTime...
2019-11-29 18:14:33
398
原创 react-native开发Android篇——富文本编辑器
react-native开发Android篇——富文本编辑器富文本编辑器demo(react-native)使用安装依赖放入字体参数效果图功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,...
2019-11-14 11:55:19
1198
4
原创 react native开发Android篇——集成友盟qq分享、微信分享、新浪微博分享、facebook分享
react native开发Android篇——集成友盟分享环境react-native版本:0.59.9友盟sdk版本:6.9.3创建应用注册友盟账号并登录,然后点击创建应用,就可以出现以下界面,点击图片中红色标记的位置就可以添加你自己的应用,应用添加完成后就去下载SDK。下载SDK点击社会化分享SDK进入SDK下载页面,下载完成后的文件目录结构如下所示:集成友盟在a...
2019-08-29 18:49:33
949
原创 react native开发Android篇——绑定触摸系统PanResponder组件中的Touch...组件onPress无法触发
react native开发Android篇——绑定触摸系统PanResponder组件中的Touch...组件onPress无法触发PanResponder类可以将多点触摸操作协调成一个手势。它使得一个单点触摸可以接受更多的触摸操作,也可以用于识别简单的多点触摸手势。响应者的生命周期和文档啥的,api网站上写的很详细,我就不再啰嗦了,我在这里只说明PanResponder中的onPress事...
2019-08-23 10:41:41
947
原创 git运行git push时报403错误的解决
git运行git push时报403错误的解决解决办法:打开cmd运行:rundll32.exe keymgr.dll,KRShowKeyMgr,弹出存储的用户名和密码框删除弹出框中关于git的内容重新执行:git push,会弹出用户名和密码框,输入要提交的git账户和命名即可...
2019-08-01 16:09:27
972
原创 html页面转换成图片的三种方法——canvas、dom-to-image、html2canvas
html页面转换成图片的四种方法使用canvas将html页面转成图片dom-to-imagehtml2canvasrasterizeHTML使用canvas将html页面转成图片canvas的用户相信大家都很熟悉,这里就不在描述了,直接上代码了。canvas 绘制的图片模糊原因:canvas 绘图时,会从两个物理像素的中间位置开始绘制并向两边扩散 0.5 个物理像素。当设备像素比为 1 ...
2019-07-31 19:01:29
22241
原创 react native开发Android 篇——组件跟随手指移动(PanResponder触摸响应)
react native开发Android 篇——组件跟随手指移动(PanResponder触摸响应)PanResponder是react-native的触摸组件,类似于web端的touch事件,详细的介绍啥的我在这就不啰嗦了,官网写的很详细,点我去PanResponder详情。import React, { Component } from 'react';import { Animate...
2019-07-19 14:54:12
957
原创 react native开发Android 篇——ScrollView和ViewPagerAndroid实现滑动翻页功能
react native开发Android 篇——利用ScrollView的scrollTo实现翻页功能react-native官网地址:https://reactnative.cn/docs/scrollview/仿岛读APPgithub地址:https://github.com/liyamei123/IslandReadDemoonScrollBeginDrag当用户开始拖动此视图...
2019-07-11 15:38:39
1192
原创 react native开发Android 篇——子组件的值不随父组件的变化而变化
react native开发Android 篇——子组件的值不随父组件的变化而变化在子组件加上下面的代码componentWillReceiveProps = (nextProps) => { this.setState({ modalVisiable: nextProps.modalVisiable }) }...
2019-07-08 16:47:49
265
1
原创 react native开发Android 篇——设置透明标题栏、沉浸式(透明)状态栏
react native开发Android 篇——设置透明标题栏、沉浸式状态栏demo倒数日github地址:https://github.com/liyamei123/DaysMatter第一步:StatusBar控制应用状态栏的组件,官网地址:https://reactnative.cn/docs/statusbar/,将的translucent设置为true,backgroundColo...
2019-07-08 16:44:28
2740
原创 react native开发Android 篇——集成redux
react native开发Android 篇——集成reduxdemo倒数日github地址:https://github.com/liyamei123/DaysMatter安装依赖npm install --save redux/yarn add reduxnpm install --save react-redux/yarn add react-reduxnpm install...
2019-07-08 16:41:39
183
原创 react native开发Android 篇——使用react-native-linear-gradient实现背景色渐变
react native开发Android 篇——使用react-native-linear-gradient实现背景色渐变官方文档:https://github.com/react-native-community/react-native-linear-gradient/blob/master/README.md安装yarn add react-native-linear-gradien...
2019-07-08 16:39:11
1257
原创 react native开发Android 篇——添加阴影效果
react native开发Android 篇——使用react-native-shadow-cards安装yarn add react-native-shadow-cards/npm install react-native-shadow-cards --save使用import {Card} from 'react-native-shadow-cards';import React...
2019-07-08 16:37:43
2044
原创 react native开发Android 篇——标题栏按钮的点击事件写法
react native开发Android 篇——标题栏按钮的点击事件写法//标题static navigationOptions = ({ navigation }) => ({ headerRight: ( <TouchableHighlight onPress={() => navigation.state.params...
2019-07-08 16:35:22
720
2
原创 react native开发Android 篇——createStackNavigator、createBottomTabNavigator和createDrawerNavigator混合使用
react native开发Android 篇——createStackNavigator、createBottomTabNavigator和createDrawerNavigator混合使用官网地址:https://reactnavigation.org/docs/zh-Hans/getting-started.htmldemo倒数日github地址:https://github.com/l...
2019-07-08 16:33:27
1205
原创 react native开发Android 篇——Image动态加载图片
react native开发Android 篇——Image动态加载图片网络图片和base64 图片本地图片网络图片和base64 图片import React, { Component } from 'react';export default class DaysScreen extends React.Component { render() { let urlHttp='...
2019-07-04 12:13:12
3813
原创 react native开发Android 篇——使用AsyncStorage从@react-native-community/async-storage引入
react native开发Android 篇——使用AsyncStorage从@react-native-community/async-storage引入import { AsyncStorage } from "react-native";//这样写会报以下的错误//安装yarn add @react-native-community/async-storage/npm insta...
2019-07-04 12:10:32
6229
1
原创 react native开发Android 篇——APP名称、图标、启动页
react native开发Android 篇——APP名称、图标、启动页设置APP名称设置APP图标设置启动页隐藏启动页设置APP名称编辑 android/app/src/main/res/values/strings.xml 文件:<resources> <string name="app_name">倒数日</string></res...
2019-07-04 12:08:00
558
原创 react native开发Android 篇——极光推送
react native开发Android 篇——极光推送官网地址:https://www.jiguang.cn/github地址:https://github.com/jpush/jpush-react-native安装依赖yarn add jpush-react-native/npm install jpush-react-native --saveyarn add jcore-re...
2019-07-04 12:04:53
504
原创 react native开发Android 篇——集成自定义的字体
react native开发Android 篇——集成自定义的字体添加自定义字体使用自定义字体添加自定义字体在根目录下assets/fonts在根目录的Package.json 配置字体"rnpm": { "assets": [ "./assets/fonts/" ] }在命令行执行:react-native link完成上述三步之后检查:...
2019-07-04 12:00:57
1071
2
原创 react native开发Android 篇——react native开发Android 篇——全局设置Text组件的属性详细代码
react native开发Android 篇——全局设置Text组件的属性详细代码我一般写在index.js中。/** * @format */import {AppRegistry,View,Text,StyleSheet} from 'react-native';import React, { Component } from 'react';import App from ...
2019-07-04 11:56:26
675
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人