- 博客(15)
- 收藏
- 关注
RSS订阅
原创 前端开发工具资源整理（技术类）
开发的时候经常找不到一些要的工具资源的网址，书签栏倒是收藏了一大波，但是要用的时候还是很难翻到，所以整理成一个文档放在这边，直接加在书签栏也比较方便。声明：引号里面的文字是引用相关网站的，如若侵犯版权请告知，我会马上删掉的^-^一、工具： ...
2018-02-27 16:58:51
597
原创 前端项目创建：Vue 3 + TypeScript + Vite
创建项目：Vue 3 + TypeScript + Vite一、准备1.node版本2.查看vue-cli版本3.安装typescript二、安装三、完成 一、准备 1.node版本 要求：node版本 >=12.0.0 查看node版本 nvm list 切换node版本 nvm use <version> 2.查看vue-cli版本 vue --version 3.安装typescript npm install -g typescript // 查看版本 npm vie
2021-09-23 15:34:56
482
原创 正则表达式
特殊符号： 符号 描述 示例 [] 匹配的字符范围 [a-zA-Z0-9] 表示相应位置的字符要匹配英文字符和数字 {} 表示匹配的长度 /.{6}/g 表示匹配6个字符 () 分组 $1 与正则表达式匹配的第一个 指的是与正则表达式匹配的第一个 子匹配(以括号为标志)字符串 常用正则： 表达式 描述 /^\d+$|^\d+\.\d+$/g.tes...
2019-10-12 10:42:39
280
原创 Echarts图表参数配置
文章目录一 柱状图1.去掉刻度和轴线2.值显示在图形上&不同颜色3.文字超出截取 一 柱状图 1.去掉刻度和轴线 效果图： 代码： xAxis: { show: false, // 是否显示轴 }, yAxis: { axisLine: { show: false, // 线 }, axisTick: { show: false, // 刻度 }, }...
2019-10-12 09:47:35
270
原创 微信分享踩坑记（二）——APP分享到微信（HTML5+）
使用框架：Vue.js、微信JS-SDK、HTML5+（HBuilder） 两种场景：微信生态右上角自定义分享、APP分享到微信 前提 在开发中，采用了HBuilder的打包功能，把vue的项目打包成了 webApp，在manifest.json配置相应SDK就能使用HTML5+提供的封装的功能 以下代码均在js文件中实现，.vue文件无法使用 1’ 获取分享的服务列表 const updat...
2018-11-27 18:05:25
1592
原创 正则验证、计算身份证
1.校验15、18位身份证 const regCart = /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/;...
2018-05-22 14:02:00
523
原创 笔记：CSS3制作中轴旋转立方体
预览地址-纯 CSS 制作绕中轴旋转的立方体 参考样例-CodePen 立方体 demo perspective 设置元素被查看位置的视图 perspective: number|none; 值 描述 number 元素距离视图的距离，以像素计 none 默认值。与 0 相同。不设置透视 -webkit-perspect...
2018-05-04 10:14:33
731
原创 笔记：CSS transition 和 CSS transform 配合制作动画
预览地址-纯 CSS 实现猫笑起来的动画 预览地址-3D 空间的卡片翻转动效 transition-timing-function transition-timing-function 属性规定过渡效果的速度曲线 值 描述 linear 规定以相同速度开始至结束的过渡效果（等于 cubic-bezier(0,0,1,1)） ease 规...
2018-04-27 14:41:03
594
原创 CSS3:transform
预览地址 transform transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 倾斜 2D：skew(x-angle,y-angle) 向左倾斜30度： transform:skew(30deg,0); 缩放 2D：scale(x,y) 3D：scale3d(x,y,z) or scale...
2018-04-27 11:33:11
248
原创 Flexbox布局初学者
1、justify-content（水平对齐元素） flex-start: 元素和容器的左端对齐 flex-end: 元素和容器的右端对齐 center: 元素在容器里居中 space-between:元素之间保持相等的距离 space-around:元素周围保持相等的距离 { display: flex; justify-content: flex-end; } 2、align...
2018-03-20 15:08:38
502
原创 学习React Native 笔记（三）React组件的生命周期
（一）初始化阶段getDefaultProps 获取实例的默认属性只会在组件的第一个实例被初始化的时候调用没有调用实例也是会调用getInitialState获取实例的初始化状态componentWillMountrender之前最后一次修改状态的机会render生产虚拟的DOM节点，JSX只能访问this.props和this.state只有一个顶层组件不允许修改状态和DOM输出componen...
2018-03-16 14:54:06
210
原创 学习React Native 笔记（二）React组件
一、写法1.组件类名首字母大写，驼峰命名法2.使用React.createClass创建一个组件类3.每个组件都必须实现自己的render方法，输出定义好的组件模板4.注意：每个组件类只能包含一个顶层标签 var HelloWorld = React.createClass({ render: function () { return ( &l...
2018-03-16 14:32:56
271
原创 学习React Native 笔记（一）React基础知识
React用于Web应用开发，React Native采用React方式进行移动应用开发React Native拥有原生的Native的交互体验一、build包中三个文件分别的功能是：react.js：React核心库react-dom.js：提供与DOM相关的功能browser.min.js：将JSX语法转换成JavaScript语法二、JSX1.在React中，使用JSX与JavaScript...
2018-03-15 16:40:58
270
原创 在小程序中使用canvas
一直没有怎么使用过canvas，小程序也是之前看过一个视频而已，想要找个例子结合一下两者。所以一个小小的保存图片作为朋友圈相册封面的demo就这么出现了，在这里主要记录一下自己遇到的一些问题以及解决的办法。截图：主要是以下几个问题：1.颜色选择器2.页面通信3.组件间通信4.canvas（生成图片、预览/保存、文字换行）1.颜色选择器从小程序的文档中没有找到相应的颜色选择组件，昨天（18.3.13...
2018-03-14 16:37:10
977
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人