伪伪的喵喵-优快云博客

原创 Taro实践和踩坑

Taro实践和踩坑从临时接到任务要做一个答题微信小程序，为什么快速上手选用Taro到现在实践了3个小程序，也算是有些经验和总结，在此记录一下文章目录Taro实践和踩坑选择原因开发准备编译配置样式设计稿及尺寸单位覆盖主题`css`预编译器`styled-component`字体图标`Iconfont`地址插件配置使用`AtIcon`踩坑转`wechat`微信小程序转`H5`转`alipay`支付宝小程序选择原因基于React语法规范，上手几乎0成本，满足基本开发需求支持TS，支持ES7/ES

2020-05-22 10:20:26 928

原创 MAC下好用的工具

文档编辑MarkdownboostnoteVS codeMarkdown Preview Enhanced插件AtomSublimeOmniMarkupPreviewer图床ipicapp storePicGo解压BitterZipbrew install unrar虚拟机Parallels DesktopItermoh my zshNumi其他Dash文档阅读可关联afred,各大编辑器Alfred软件呼出(

2020-05-20 19:54:05 304

原创 Puppeteer（小说爬取？？？）

Puppeteer（小说爬取？？？）今天上班有点空，就学了一下爬虫，刚好想起昨天看的电视剧，就把他的小说爬下来了选型前端没门槛基于DevTools，同时拥有node和chrome的能力实现先做了一个截屏的版本，感觉图片不太方便（kindle看起来费劲），就在在做了个简易的txt版本基于puppeteer-examples,快速上手git clone https://github.com/checkly/puppeteer-examplescd puppeteer-examp

2020-05-20 19:46:45 367

原创 JS数组判断

判断是否为数组使用typeof使用instanceof使用constructor使用object的toString方法判断使用isArray判断是否为数组使用typeof 无法区别数组、对象、null type ans Undefined “undefined” Null “object” Number...

2018-02-15 23:12:06 967

原创 React Gallery

React Gallery 学习慕课网视频， react 入门练手实现效果点击另一图片/底部另一控制条按钮切换图片点击当前图片/底部当前控制条按钮翻转图片当前托片居中与页面中间其他图片随机排布在两侧和顶部演示地址第一次接触React，webpack…，要学的东西有点多，上手还是有点难度，对于React有了一个初步的认识，组建的形式还是挺有趣的。之间还学习了yeoman、gulp

2017-10-10 15:17:28 578

原创 JS数据结构与算法（三）

JS数据结构与算法（三）一些排序算法，未完待续function Sort() { swap = function (arr, a, b) { var tmp = arr[a]; arr[a] = arr[b]; arr[b] = tmp; }; this.bubbleSort = function (arr) {

2017-03-22 18:44:06 319

原创 JS数据结构与算法（二）

JS数据结构与算法（二）一些数据结构的封装，未完待续/** * 栈的封装 */function Stack() { var items = []; this.push = function (element) { items.push(element); }; this.pop = function (element) { re

2017-03-22 18:41:09 383

原创 JS数据结构与算法（一）

/** * 数组元素去重 * @return {Array} 去重后的数组 * arr.deRepeat(); */Array.prototype.deRepeat = function () { var newArr = [], josn = {}, i, len; for (i = 0, len = this.length;

2017-03-22 18:37:55 442

原创生成二维码名片

二维码名片填写信息生成二维码，扫码添加到手机通讯录知识点内容显示部分采用毛玻璃效果使用伪元素覆盖，并同时采用blur()滤镜使用qrcode.js生成二维码使用var qr = new QRCode(targId, info);实现效果图代码 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"

2017-03-19 19:20:23 872

原创编写可维护的JavaScript学习笔记（一）

编写可维护的JavaScript读书笔记编程风格基本格式化不要同时混用制表符和空格不依赖分析器的自动插入分号，不要省略分号行的长度限定在80个字符内长度到达单行最大程度换行第二行增加两个层级的缩进在运算符之后换行给变量赋值时，第二行的位置和赋值运算符保持一致添加空行方法之间方法中的局部变量和第一条语句之间多行或单行注释之前方法内的逻辑片段之间插入空行，提高可读性谨慎使用

2017-03-17 13:03:01 293

原创贪吃蛇

JS练习–贪吃蛇学了一段时间的JS,就想着写个小游戏试试,整体也下来的感觉就像是再敲一道模拟题,感觉还挺有意思的效果图实现思路绘制基本布局，设置键盘监听事件当键盘按下Enter键时，绘制长度为3的贪吃蛇，并随机生成一个目标点检测目标点是否在贪吃蛇蛇身上随机生成开始方向，判断方向是否可能判断是否碰撞到边界或蛇本身上，为真，游戏结束，按下r键重新开始游戏判断是否获取到目标，为真，蛇身

2017-03-13 18:59:10 1161

原创 javascript线程

javaScript线程学习笔记之前看javaScript的执行顺序，就想着了解一下js的线程问题。知识要点单线程：指的是一次只能执行一个任务，如果有多个任务，要排队执行同步：后一个任务等待前一个任务结束在执行，执行顺序和排列顺序是一致的异步：每个任务都有一个或多个回调函数，一个任务执行完，执行的是回调函数；异步API或函数被调用后不会等他执行完毕，而是接着往下执行javaScrip

2017-03-08 10:00:46 281

原创 OtherForm学习笔记

OtherForm学习笔记学习《HTML权威指南》，学习笔记其他表单元素selectoptgrouptextareaeoutputkeygenselect 可以生成列表项供用户选择，比起radiobutton型的input更适合较多的选项；局部属性name disabled form size multiple autofocus required内容option o

2017-03-07 23:22:29 375

原创 Input学习笔记

Input学习笔记学习《HTML权威指南》，学习笔记定制input元素该元素有30种属性，其中许多属性要和type配合使用用input元素输入文字 type属性为text，默认样式设置元素大小maxlength 设置用户能输入字符的最大数目size 设置文本框能显示的字符数数目设置初始值和占位式提示value 设置默认值placehodler 设置提示文字使

2017-03-07 23:20:54 368

原创 table学习笔记

table学习笔记学习《HTML权威指南》学习笔记表格元素基本的表格元素table局部属性boder;内容capion colgroup thead tfoot tr th td习惯样式 table { display: table; border-collapse:separate; border-spacing: 2px; boder-col

2017-03-07 23:19:15 402

原创 form学习笔记

表单核心元素 forminputbutton配置表单配置action配置http配置数据编码实现表单的自动完成功能指定表单表单反馈信息的目标反馈位置设置表单名其他功能添加说明标签自动聚焦禁用单个input属性 - 对表单元素进行编组核心元素form 告诉浏览器它处理的是HTML表单局部属性action method enctype name acce

2017-03-07 23:16:00 316

原创 JSONP实现跨域功能

JSONP实现跨域功能通过动态创建<script>元素实现，使用时，使用时可以为src属性指定一个跨域URL.实现百度搜索功能学习要点打开开发者工具中的Network选项，当搜索框中键入值时，能在其jQuery...方法JSON参数的s属性中获取到后台数据；创建script元素，通过其src属性，访问链接；效果图<!DOCTYPE html><html lang="en"><hea

2017-03-06 21:42:10 592

原创 js封装-简单雪花插件

js封装-简单雪花插件今天学习了JS的封装，重点是学习函数的作用域，对暴露的接口进行操作。在老师讲的基础上增加了雪花颜色的随机值，并同时判断雪花下落的边界，解决滚动条抖动的问题。效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>show</title> <style>

2017-03-04 17:44:37 915

原创高德地图API练习

高德地图API练习通过对高得地图API的练习使用，对如何在网页中使用地图有了初步的认识，同时再次认识到学好javascript的重要性。使用方法获取API链接选择javaScript API选择获取API 注册创建新应用，并获取Key值选择实例中心 - 参考示例代码进行开发效果图代码<!DOCTYPE html><html lang="en"><head> <meta

2017-03-04 14:07:55 1115

原创简单二级菜单实现

简单二级菜单实现看了公开课视频，挺基础的，但一节课看下来，还是能发下自己的知识点的不足，学习浮躁的状态主要知识点背景图片定位行内元素控制fixed, relative, absolute的差别使用值得注意的内容 <a href="#">1</a> <a href="#">1</a> <a href="#">1</a> <a href="#">1</a>

2017-03-03 19:01:37 4913

原创简单css3动画效果练习

简单css3动画效果练习知识点简单伪元素的使用布局练习动画效果练习 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="../reset.css"> <!-- <link

2017-03-03 16:28:16 1926

原创 JS实现图片拖拽交换效果

JS实现图片拖拽交换效果听 WEB前端javascript企业实战班公开课，用JS实现了图片拖拽交换的目的；感谢老师的讲解。实现要点鼠标点击onmousedown：获取鼠标在页面上可视区域的位置(clientX, clientY)和元素外边框距已定位父元素容器的位置(offsetLeft,offsetTop)；鼠标移动onmousemove: 获取鼠标在页面上可视区域的位置(clien

2017-03-03 16:00:09 7369 3

原创图片向两侧侧滑效果

图片向两侧侧滑效果看完JavaScriptDOM编程艺术\color{red}{ JavaScript DOM 编程艺术}一书以后，印象最深刻的就是平稳退化，恰巧在网上看到图片滑动的效果，就想着自己实现一下。实现要点图片下方显示图片的title；鼠标经过，目标图片改变层级，至于最上方，并改变其透明度；目标图片两侧的图片分别向两侧滑动，停留一段时间后分别向目标图片靠拢；发现的问题打开

2017-03-03 15:07:20 323

原创登录界面效果

简单登录效果练习刚学完html5和css3，想要简单实践一下，就写了一个简单的登录界面，所有的JQuery效果都是现学现查的，算是实现简单的交互功能。希望通过学习系统的原生JS后，能对代码实现优化，达到平稳退化，浏览器兼容等原则。效果图登录界面注册界面快速登陆界面下载地址

2017-03-03 14:12:13 593

原创 sublime插件整理

sublime插件从大一接触ACM开始，就对sublime有了比较深的感情。到大三转做前端，更是对他的插件强大的功能带来工作的便利感到欣喜，下面对自己常用的几个插件做一下概括。sublime插件记录类开发快捷扩展css颜色css风格参考记录类markdowm 作为轻量级的标记语言，能够通过简单的语法，是文字拥有清晰的逻辑结构，入门简单,同时拥有强大的公式编辑功能； Ma

2017-03-03 00:50:26 765

原创 LightOj 1028

lightoj 1028题目大意：求nn的mm进制数，要求最低位为00;思路：即求n的因子个数n=p1q1∗p2q2…pnqn;n = {p_1}^{q_1} * {p_2}^{q_2} \dots {p_n}^{q_n}; ans=∑i=1n(1+qi);ans = \displaystyle\sum_{i=1}^n(1 + q_i); 素数打表，统计nn每个因子的个数； #includ

2016-05-27 20:53:04 395

原创 LightOj 1234(调和级数求和)

lightoj 1234题目大意：调和级数求和，即:ans=∑i=1n1ians = \displaystyle \sum_{i = 1}^n{1 \over i}思路：分段打标分别求出1∼100,101∼200,…1e8100−99∼1e81001 \sim 100, 101 \sim 200, \dots \displaystyle{{1e8} \over 100} -99 \sim {{1e8

2016-05-20 19:02:22 949

原创 LightOj 1067(Lucas)

lightoj 1067题目大意：求:(nm)%(1e6+3);\displaystyle{{n \choose m} \%(1e6+3)};思路：Lucas定理，组合打表#include <iostream>#include <cstdio>#define LL long long#define MOD 1000003#define N 1000005using namespace std

2016-05-20 15:16:44 264

原创 HDU 5676(枚举 + 二分)

hdu 5676 题目大意：已知幸运数的条件为其十进制的每一位都由44和77组成，且44和77的个数相同；思路：从小到大枚举每一位幸运数，二分寻找，特判大于77..744..4(9个7,9个4)77..744..4(9个7,9个4)的数字；#include <iostream>#include <cstdio>#include <algorithm>#include <cstri

2016-05-17 10:24:25 308

原创 HDU 5675

hdu 5675 题目大意：判断nn是否可以表示为n=a2−b2n = a^2 - b^2; a,ba, b为正整数；思路： n=a2−b2=(a+b)×(a−b)=c×d\begin{align}n & = a^2 - b^2 \\ & = (a + b) \times (a - b) \\ & = c \times d\end{align} ∵c,d\because c,

2016-05-16 21:07:39 311

原创扩展欧几里得

模板#include <iostream>#include <cstdio>#define LL long longusing namespace std;void ext_Gcd(LL a, LL b, LL &x, LL &y) //a * x + b * y = 1; a * x = 1 (mod b); a, b互素有唯一解，否则无解;{ if (b == 0)

2016-05-07 15:39:07 213

原创 LightOj 1006(矩阵快速幂)

链接:lightoj题目大意:求递推式： f(n)=∑i=16f(n−i)f(n) = \displaystyle\sum_{i = 1}^6{f(n - i)}解题思路:矩阵快速幂： ⎛⎝⎜⎜⎜⎜⎜⎜⎜⎜⎜f(0)f(1)f(2)f(3)f(4)f(5)⎞⎠⎟⎟⎟⎟⎟⎟⎟⎟⎟∗⎛⎝⎜⎜⎜⎜⎜⎜⎜⎜000001100001010001001001000101000011⎞⎠⎟⎟⎟⎟⎟⎟⎟⎟n

2016-05-04 22:17:57 333

原创 LightOj 1005

lightoj 1005题目大意:在n×nn \times n的棋盘里摆放kk个车,要求任意两个不在同一行同一列,问有几种方法;思路:从n×nn \times n个里挑一个,n−1×n−1n - 1 \times n - 1个里挑一个…共挑取kk个,再除去他们的顺序;sum=⎛⎝∏n−k+1ni⎞⎠2ksum = {\displaystyle{\left(\displaystyle\prod_{n-

2016-05-04 20:04:10 276

原创同余取模。。

同模取余基本性质a≡b(modn);a \equiv b \pmod n;a+k∗b=n;a + k * b = n;n|a−b;n|{a-b};a≡b(modn);d|n;a \equiv b \pmod n;\quad d | n;a≡b(modd);a \equiv b \pmod d;a≡b(modn);d|(a,b,n)a \equiv b \pmod n;\quad d|(a,

2016-05-01 11:24:23 905

原创 HDU 1808(鸽巢原理)

hdu 1808题目大意：已知mm堆糖果的数量，挑选其中一堆或多堆(可全选)的和恰好能被整除nn,如果存在输出任意种组合的序号，否则输出no sweets;思路：记录前缀和的取模nn的值为re[i].remre[i].rem；存在re[j].rem−re[i].rem=0re[j].rem - re[i].rem = 0;即说明ans=⎛⎝∑p=i+1ja[p]⎞⎠%n=0ans = \left(\

2016-04-20 20:14:43 810

原创 LightOj 1370(素数筛选打表)

lightoj 1356题目大意：给出nn个数分别为aia_i，φ(bi)≥ai\varphi(b_i) \ge a_i, bib_i, 求∑i=1nbi\displaystyle\sum_{i = 1}^nb_i;#include <iostream>#include <cstdio>#include <cstring>#include <algorithm>#include <cstdl

2016-04-17 20:10:23 525

原创 LightOj 1341

题目大意：s=a∗bs = a * b; 已知s,amins, a_{min}(最小的aa)问有多少个这样的组合；a≠ba \neq b(没看见错了好几次)思路：s=∏i=1kpeii;ss = \displaystyle\prod_{i = 1}^k{p_i^{e_i}}; s指数分解;Ns的因子个数N_{s的因子个数},=∑i=1k(1+ei)= \displaystyle\sum_{i = 1

2016-04-15 21:29:16 337

原创 LightOj 1336(Sigma Function)

lightoj 1336题目大意：已知 x=p1e1∗p2e2∗…∗pkekx = {p_1}^{e_1} * {p_2}^{e_2} * \ldots * {p_k}^{e_k}; σ(x)=∏i=1kpiei+1−1pi−1\sigma(x) = \displaystyle\prod_{i = 1}^k{{{p_i}^{e_i+ 1} - 1} \over{p_i - 1}};求x∈[1,n]x

2016-04-15 18:37:53 948

原创 LightOj 1298

题目大意：已知k,pk, p，求∑φ(xi)\displaystyle\sum\varphi(x_i), xi=∏kaix_i = {\displaystyle\prod}^k{a_i}, aia_i为素数表前pp的数,其中k≥pk \ge p;思路：φ(p)=φ(n)∗φ(m)\varphi(p) = \varphi(n) * \varphi(m), 其中 p=m∗np = m * n, gc

2016-04-14 23:58:37 444

原创 LightOj 1375(欧拉变形)

lightoj 1375题目大意：求小于nn 的数字中，任意两个不相等的数字的lcmlcm和，即∑i=1,j=1,i≠ji=n,j=nlcm(i,j)\displaystyle\sum_{i=1,j=1,i \neq j}^{i=n,j=n}{lcm(i,j)};思路：lcm(1,2)lcm(1,2) lcm(1,3)lcm(1, 3) lcm(1,4)lcm(1,4) … lcm(1,n)lcm

2016-04-12 17:38:18 508

js实现贪吃蛇

图片滑动效果

简单登录界面

空空如也