- 博客(40)
- 收藏
- 关注
RSS订阅原创 flex 的封装和简化
.COL{ display:flex; flex-direction:column; height:100vh; width:100vw;}.flex{ display:flex;} .col{ display:flex; flex-direction:column;} .Content{ flex:1; overflow:auto;} .absolute{...
2019-03-16 11:45:53
702
原创 前端mvc加css in js
<style>body{margin:0;}li{list-style:none;cursor:pointer;}</style><body></body><script src=jq.js></script><script>'use strict'const log=console.logfu
2018-11-25 00:52:38
145
原创 异步读取文件的原理
open函数内部不断判断是否读取就绪，就绪后调用回调函数。<script>file=[]a={}a.txt='wait for long'a.js='i am js file'function sleep(delay) { var start = (new Date()).getTime(); while ((new Date()).getTime() - st...
2018-11-21 15:12:56
461
原创 观察者模式
<script>a=[]Object.prototype.Push=function(){ length=this.length setInterval(()=>{ if(this.length > length ){ this.register.Push.map(e=>e()) length=this.length } },0)...
2018-11-21 12:55:54
126
1
原创 事件监听
<script>a=[]Object.prototype.Push=function(callback){ length=this.length setInterval(()=>{ if(this.length > length ){ callback(this) length=this.length } },0) return thi...
2018-11-21 12:19:34
118
原创 欢迎光临
<meta charset=utf-8 /><style>body{margin:0;overflow:hidden}div,li{list-style:none;cursor:pointer;font-size:50;transition:2s;}.wel{display:flex;align-items:center;justify-content:space...
2018-11-17 22:38:55
126
原创 页面响应数组的改变
<meta charset=utf-8 /><style>body{margin:0}li{list-style:none;cursor:pointer}.nav{display:flex;flex-direction:column;justify-content:space-around}.nav div{display:flex;justify-conten...
2018-11-13 21:15:12
173
原创 这react尼玛太狂野了
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Hello React!</title><script src="https://cdn.staticfile.org/react/16.4.0/umd/react.dev
2018-11-07 16:46:46
104
原创 简易聊天室
<style>body{margin:0px;}li{list-style:none;}.enter{ height:100%; display:flex; justify-content:center; align-items:center;}.name{ padding-right:20px;} .list{ border:1px solid; wi...
2018-10-26 01:53:12
116
原创 变量和函数
变量是什么变量几乎是编程里最重要也最基础的一个概念，任何开始接触编程的人，首先要做的就是理解变量的概念。现实生活中，我们几乎不会在日常用语里说到变量这两个字，但变量却几乎可以说是每天都存在于我们的日常生活里。例如，买彩票的结果，中与不中便是一个变量，和女生表白，答不答应也是一个变量。可以看到，上述变量只有两个取值：肯定或者否定，假或者真。现实生活中，充斥着大量这样的二元变量，而编程是为现实...
2018-10-10 01:59:34
1210
原创 数据结构的尝试
<meta charset=utf-8 /><style>body{margin:0}div{cursor:pointer}.nav{display:flex;justify-content:space-around}</style><div class=nav></div><script src=jq.js>...
2018-09-11 16:15:27
105
原创 递归和循环的真正区别——js let 的使用
循环的变量是全局的，let可以让其变局部，而递归的变量是局部的。如果你循环生成10个依赖循环变量的值的函数，最后调用都是以最后一次循环为准，而我们希望的是每次循环每个函数依赖当前的循环值。str='abces'for(let i=0;i<5;i++){ for(let j=0;j<5;j++){ window[str[i]+str[j]]=(select,others...
2018-08-26 16:30:18
1198
原创 重新定义css
<div class=css> <li>a</li> <li>b</li></div><script src=jq.js></script><script>function flex(select,justifyContent='flex-sta
2018-08-25 15:20:43
427
原创 execl.php
<style>body{margin:0}li{list-style-type:none;cursor:pointer}.execl{ display:flex; justify-content:space-between;} .execl div{ display:flex; flex-direction:column;} .file{ display:fl...
2018-08-20 17:12:29
104
原创 php 导入execl
<style>body{margin:0}li{list-style-type:none;cursor:pointer}.execl{ display:flex; justify-content:space-between;} .execl div{ display:flex; flex-direction:column;} </style><...
2018-08-19 17:47:52
108
原创 php curd操作封装第二版
比第一版少了九行代码<?php$dsn = "mysql:host=localhost;dbname=test";$db = new PDO($dsn, 'root', 'root');$array = ['name'=>'nnn'];$database = 'test'; $insert=function($array){ $database=$GLOBALS['d...
2018-07-25 20:29:40
272
原创 php curd操作封装第一版
<?php$dsn = "mysql:host=localhost;dbname=test";$db = new PDO($dsn, 'root', 'root');$database = 'test'; $insert=function($array){ $database=$GLOBALS['database']; $i=0; foreach($array as $k=&...
2018-07-25 15:26:38
397
原创 不完全的圆--不使用canvas
原因是当x极限于半径200时，y太小了以致于浏览器无法处理(复制保存代码就可以运行了）。<style>body{margin:0;}.cricle{width:100%;height:100%;position:absolute;margin-left:-50%;top:50%}span{position:absolute;border:1px solid}</style...
2018-07-11 10:25:02
139
原创 js yield的使用——两种只用border的方式画带轨迹的正方形
<style>body{margin:0;}.cricle{width:100%;height:100%;position:absolute;margin-left:-50%}span{position:absolute;border:1px solid}</style><div class=cricle><span style='top:c...
2018-07-08 14:59:55
302
原创 横向进入和竖直进入
只须把margin-left改为margin-top即可<style>body{margin:0;overflow-x: hidden; }.flex{height:100%;display:flex;flex-direction:column;justify-content:center}span{height:100;width:100;margin-left:100%;tr...
2018-07-07 15:16:16
214
原创 两种css放大缩小图片的方法
缩小图片放慢速度，目前我只能做到用jq控制。<style>.flex{height:100%;display:flex;justify-content:center;align-items:center}img{height:250;width:250;}@keyframes mymove{from {height:250;width:250;}to {height:400...
2018-07-07 12:35:37
13462
原创 透明登录加隐藏显示
<meta charset=utf-8><style>::-webkit-input-placeholder { /* WebKit browsers */ font-size:15;color:#E0FFFF} div{background-image:url(teq.jpg); background-size: cover;height:100%;disp...
2018-07-05 19:39:39
92
原创 单页面初步
目前先到这，再写下去都是一些熟悉的东西。<style>.all{height:100%;display:flex;flex-direction:column;justify-content:space-between;}.title{display:flex;justify-content:center;}.bottom{display:flex;justify-content:...
2018-06-26 13:50:40
102
原创 搞了一整天，将就看下吧
<style>.all{height:100%;display:flex;flex-direction:column;justify-content:space-between;}.title{display:flex;justify-content:center;}.bottom{display:flex;justify-content:space-around;}</...
2018-06-25 19:18:10
125
原创 react native 学习记录
import React from 'react';import { Button, View, Text } from 'react-native';import { createBottomTabNavigator,createStackNavigator ,createDrawerNavigator} from 'react-navigation';class HomeScreen ...
2018-06-18 13:37:09
221
原创 React Navigation 的史前天坑
createBottomTabNavigator 和 createStackNavigator 这两个组件的同时使用，花费了我整整一天的时间，最后还是React-Navigation的嵌套stackNavigator导航组件被覆盖这里得到解决，要不然，不知道要到猴年马月，官网也没有，真坑。...
2018-06-16 20:01:13
237
原创 谈谈矩阵的逆
我们有原始单位矩阵1 00 1现在，将（1,0）向上抬一点，变成（1,2），然后，将（0,1）向左，变成（-1,2），这两次移动的角度加起来正好是逆时针90度。现在，矩阵的逆，就是顺时针90度，即这种情况是两个向量移动加起来90度的情况，如果只单方面移动其中一个向量呢？把（1,0）逆时针移动45度：（1,1），那么逆矩阵会不会是顺时针45度（1,-1）呢？是的。同样的道理，如果你将两个向量向里...
2018-05-18 17:36:01
1116
原创 从对称矩阵说起
形如 a bb c 的矩阵,我们称之为对称矩阵，例如1 22 4这种矩阵的特殊之处，在于它的特征向量是垂直的，由特征向量组成的矩阵的逆，等于矩阵的装置...
2018-05-18 17:02:41
319
原创 行列式求面积和体积
出于某种内驱的需要，我们定义单位矩阵\begin{bmatrix} 1 & 0\\ 0 & 1 \\ \end{bmatrix}的行列式为1。各位亲爱的读者，如果你们在xy坐标系中画出（1，0）和（0，1）这两个向量，然后分别平移之，你们会发现这4条线段刚好组成1个面积为1的正方形。现在，让我们把第一个向量（1，0）变成（1，1），像下面1 0 a b1 1 ...
2018-02-26 22:43:38
9281
原创 矩阵乘法浅谈
其实矩阵乘法的本质非常简单，但是网上很多似懂非懂的人喜欢故弄玄虚，搞的很多初学者看了很多文章后还是一头雾水，这是非常可恨的行为1 2 5 6 5 11 3 4 7 8 11 25 非常简单，大家都会算，却很难理解。现在，换一种思路。有两个方程:x+2y=5 3x+4y=11解的x=5,y=7。看到没有，这正是第二个矩阵的第一列的两个数字5和7...
2018-02-25 22:50:00
682
1
原创 匿名函数实现递归
众所周知，递归就是函数调用其本身。那，匿名函数能否也实现递归呢？答案是可以的。请先看下面的代码(f => f(f))(fact => n => n (5)。这是一个立即调用的匿名函数——接受一个参数，返回的函数再接受一个参数。能够实现的关键是：参数本身同时充当了函数。
2018-02-03 23:05:57
1788
原创 18行代码3重循环解决最长公共子序列
这个三重循环算是比较复制和难的了，前面我写了一个和这个类似但比这简单的二重循环，有兴趣的同学可参看：从最长子串问题谈continue的使用。说实话，网上的看的懂，但好像写不出2333....所以我就以自己的理解，如果有错误的地方，欢迎指出。首先，我们有两个字符串abcde和cdabe,很容易看出，最长公共子串是abe和cde。首先，第一个字符串ab匹配到第二个的ab后,第一个ab后
2018-01-26 00:36:37
211
原创 从最长子串问题谈continue的使用
说来惭愧，写了一年半的代码，却从未使用过continue!——相信和我一样甚至时间比我还要长的都大有人在吧！好了，言归正传，先上代码一睹为快。<?php$a='zaqbdacde';$b='zaqbacdef';for($i=0;$i<strlen($a);$i++){ $c=''; $k=$i; for($j=0;$j<strlen($b);$j++){ if($a[$
2018-01-21 21:40:45
161
原创 kmp算法的详尽分析与实现
kmp是一种高效的字符串匹配算法，下面我用php做了详尽的注释，希望对你们有所帮助。<?php//abca//前缀：a,ab,abc //后缀：bca,bc,a 重复的是'a'，因此权值为1//abcab//前缀：a,ab,abc,abca//后缀：bcab,cab,ab,b 重复的是'ab'，因此权值为2//权值算法$pattern='ABCDABD';$front=$e
2018-01-21 20:03:28
191
原创 用全排列的方法解决八皇后问题
用百度搜索八皇后问题，几乎清一色都是用回溯,有兴趣的同学可参考：从全排列和八皇后问题谈回溯。解决一个问题，我们应该充分利用已有的条件，化繁为简。$a=[0,1,2,3,4,5,6,7];可以看到，这个数组的下标刚好也是0到7——对应着八皇后棋盘的0行到7行。而数组的这八个各不相同值，则对应八皇后棋盘的0到7列——所有满足八皇后的排列，都应当是这8个数字全排列的子集！因此，我们首
2018-01-21 19:54:21
295
原创 从全排列和八皇后问题谈回溯
一般来讲，人们常常提及的回溯，通常指走不通就掉头。另一种情况，路走完了，回到开始的地方重新选择另一条路，也可称之为回溯——下面是重点。几乎所有回溯的写法，都是for循环里嵌套着递归。如果不存在走不通的情况，则无条件递归，否则，就用if判断是回到上一层还是进入下一层，下面用相关代码片段说明。全排列function f($a,$str=''){ if(count($a)==1){
2018-01-21 19:42:54
225
原创 从最短路径谈动态规划和贪心算法
一言以蔽之：动态规划，从全局最优考虑；最短路径，从当前最优考虑。先考虑下面的图可以很容易地看出，如果使用贪心算法，从a到e的路线将是：a->b->c->d->e,而采用动态的规划的路线则是：a->c->e。贪心算法的优点是代码非常容易编写，缺点则是从全局上考虑，结果往往不是最优的。而动态规划则相反：代码编写难度大，结果最优。如有兴趣了解具体实现，可移步至：使用php完成最短路径
2018-01-20 23:58:24
1655
1
原创 使用php完成最短路径查找
先看下面的图实现了任意节点到其它节点的最短路径，代码可以直接复制测试，有任何不懂的可以在下面留言，我看到了一定会回复。<?php$list=[ 'a'=>['b'=>1,'c'=>2,'d'=>3,], 'b'=>['a'=>1,'c'=>4,'e'=>9], 'c'=>['a'=>2,'b'=>4,'d'=>5,'e'=>6], 'd'=>['a'=>3,'c'=>5,
2018-01-20 23:51:23
1127
1
原创 浅谈递归和迭达
众所周知，几乎所有的算法都离不开递归和迭代，无论是从小白刚接触的冒泡排序，还是日后进阶的深度和广度搜索。本文试就二者本质的区别与联系讨论开来，遗漏错误之处，烦请指出。首先，从一输出到十，最先想到的肯定是：for($i=1;$i<=10;$i++){ echo $i;} 换成递归，则是：function dg($n=10,$i=1){ if($i>$n){ return; ...
2018-01-20 14:50:15
376
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人