不忘初心XHL-CSDN博客

原创 Git常用命令

Git常用命令git status #查看提交状态git add . #提交当前变化文件git commit -m '备注' #提交到本地仓库git reset HEAD #恢复到未提交状态git checkout test #切换到 test 分支git push origin test #推送到远程 origin主机的test分支git push origin --delete test #删除远程origin主机的test分支git log #查看当前分支的提交记录g

2021-03-22 17:14:04 141

原创使用vue封装echarts

安装echartsnpm install echarts封装 eCharts.vue<template> <div :id="id" :class="className"></div></template><script> import * as echarts from 'echarts' export default { name: "eCharts", props: {

2020-11-19 17:12:01 387

原创 vue头像编辑实时裁剪预览功能(element+vueCropper)

最近做的项目，根据UI图实现头像修改功能，点击头像编辑，弹出头像修改框，需要裁剪及实时预览。话不多说，先来一波效果图：选择图片前选择图片后实现代码：<template> <el-dialog title="编辑头像" :visible.sync="dialogVisible" :show-close="false" :clos...

2020-11-18 11:27:03 2130 2

原创 vue中使用svg图片（cli2.x、cli3.x、cli4.x配置）

一、安装 svg-sprite-loader 插件 npm install svg-sprite-loader二、基于 vue-cli2 项目 webpack 配置配置build文件夹中的 webpack.base.conf.js 文件 //注意 url-loader 中要将 icons 文件夹排除, 不让 url-loader 处理该文件夹exclude: [resolve('src...

2020-04-23 17:12:48 586

原创 JS字符串单双字节长度判断

JS字符串单双字节长度判断1.根据字符的 Unicode 编码判断，编码大于255为双字节占 2 个字节长度，编码小于等于255为单字节占 1 个字节长度。 strLength = (str) => { let len = 0; for (let i = 0; i < str.length; i++) { ...

2020-02-26 14:18:15 2564 1

原创 React-Native 生命周期函数

React-Native 生命周期函数欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出...

2020-01-19 16:40:15 1022

原创实现Google Chrome音频标签audio、属性autoplay自动播放

1、打开chrome浏览器，在地址栏中输入：“chrome://flags”。2、在页面内搜索栏中写入：“Autoplay policy”，并将默认为“Default”，选择修改为 “No user gesture is required” 。3、点击“Relaunch Now”即可。...

2019-08-19 00:19:27 1907

原创超级可爱的登录页面（html+css+js）

一、登录页面介绍1、主页面2、验证错误提示错误类型不一样，提示文字也不一样，这里举例说明未输入用户名和密码的情况二、代码部分1、html 代码( login.html )<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>登录界面</t...

2019-08-18 20:56:07 2810

XHL的博客