- 博客(17)
- 收藏
- 关注
原创 canvas基础归纳
基础知识beginPath()新建一条路径,生成之后,图形绘制命令被指向到路径上生成路径。closePath()闭合路径之后图形绘制命令又重新指向到上下文中。stroke()通过线条来绘制图形轮廓。fill()通过填充路径的内容区域生成实心的图形。lineTo(x, y)绘制一条从当前位置到指定x以及y位置的直线arc(x, y, radius, startAngle, endAngl...
2019-11-30 19:20:49 116 1
原创 每日css
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css"/></head><b...
2019-11-30 18:27:48 109
原创 前端代码规范(参考腾讯前端规范)
命名驼峰命名采用驼峰命名法大驼峰命名:首字母大写小驼峰命名:首字母小写文件资源命名文件名建议只用小写,不使用大写字母(为了提醒,某些说明文件可以使用大写,比如README)文件名包含多个单词时,单词之间建议使用连词线(-)分割引入资源使用相对路径,不要指定资源的具体协议(http,https) <script src = "//cdn.com/a.js">...
2019-11-29 14:44:45 2026
原创 每日css
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css"/></head><b...
2019-11-29 13:26:34 111
原创 每日css
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="loading.css"/></head><...
2019-11-28 19:38:57 77
原创 前端算法
两数之和给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那 两个 整数,并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是,你不能重复利用这个数组中同样的元素。示例:给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 [0, 1]解法一va...
2019-11-28 19:14:22 141
原创 js上拉下拉回弹
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-11-22 11:55:01 1235
原创 小程序云开发
新增一条数据直接添加const db = wx.cloud.database();const dbCollections = db.collection('products')add(){ dbCollections.add({ data:{ title:"我是标题", image:"我是图片", ...
2019-11-22 09:50:42 143
原创 vue骨架屏
skeleton.vue<template> <div class="skeleton-wrapper"> <div class="skeleton-content"> <Item :paragraph="paragraph" :active="active"></Item> ...
2019-11-18 11:57:37 97
原创 小程序骨架屏
/Components/Skeleton/Skeleton.jsComponent({ properties: { bgcolor: { type: String, value: '#FFF' }, selector: { type: String, value: 'skeleton' }, loadin...
2019-11-18 11:34:19 178
原创 async-validator
参考地址https://github.com/tmpfs/async-validatehttps://www.cnblogs.com/wozho/p/10955525.html基本使用定义一个 descriptor,将它传入 schema,得到一个 validator。将需要校验的对象和回调传入 validator.validate 方法中。注:descriptor 是对校验规则的描...
2019-11-16 16:43:46 1295
原创 pwa demo
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="./index.css"/></head>...
2019-11-14 16:09:09 341
原创 react hooks基础demo
hooks基础demoimport React,{useState,useEffect,createContext,useContext,useMemo,memo,useRef,PureComponent} from 'react'const CountText = createContext();//react hooks写法/*function Counter(props) { ...
2019-11-14 14:25:20 231
原创 svrx-前端开发工具
本文将介绍一款全新的前端开发工具,希望它能给你的前端开发带来看起来和现在一样但其实又不那么一样的体验。你可能会说,大家都是 秃头的 成熟的前端程序员了,每一台电脑上都有几套自己辛辛苦苦装好的全家桶,为什么还要新换一个开发工具?对,盲生,你可能发现了华点。数一数你电脑上目前为前端本地开发安装了多少小工具、小插件? 这其中仅仅是为代码开发阶段,就可能有本地服务器、远程调试工具、代理工具、浏览器插...
2019-11-10 01:36:09 933
原创 前端埋点
指令式埋点//统计点击按钮Vue.directive('stat', { bind(el, binding) { el.addEventListener('click', () => { const data = binding.value; console.log(data) }, false); }});// 调用 <bu...
2019-11-01 20:42:22 191
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人