原创 echart_柱状图分析

基础'value' 数值轴，适用于连续数据。'category' 类目轴，适用于离散的类目数据。 为该类型时类目数据可自动从 series.data 或 dataset.source 中取， 或者可通过 xAxis.data 设置类目数据。option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], },

原创 前端开发插件

原创 腾讯云服务器配置 基础版

安全组ftp 21端口 mysql33060.0.0.0/0 all 默认开放所有的端口关闭防火墙navcat连接失败

原创 手机摄影技巧

擦镜头点击屏幕 - 对焦;上移动太阳：加曝光补偿门：框架式照片亭子：远地方 + 前景（柳树）1倍焦距 / 广角广角：靠近建筑 避开遮挡（近大远小）拍人：2.5倍焦距 人半身 选择人像模式，调整光圈光影：落日时候的影子（光影 + 树枝）点击亮的位置，下拉一点点，光影更突出光绘画：竹子投影到墙上（不要太密集，留白大一些）全景模式： 1.从亮的地方到暗的地方滑动 2.手机旋转90度，垂直拍摄（非常高的建筑） 3.画半圆（影分身效果）利用前景： 1...

原创 leaflet_常用方法

文章目录0. note1. 度转度°分′秒″2. 度°分′秒″转度3. line.js 画线 + 动画4. 画四个半径不同的圆形5. 已知一个经纬度，距离，仰角->另一个经纬度6.地图联动7. geo_json_data8. 定位8.1 天地图8.2 百度地图0. note    点     116.519623 39.871277&...

原创 cesium 基础篇

文章目录0.安装1.基础2.加载天地图 --标注3.加载天地图 --底图4 加载5 加载 3dtiles数据7 罗盘9 划线10 遮罩10.1 椭圆10.2 矩形11 定位到中国 北京 坐标12 渔船13背景图片 地球贴图14 地球增加经纬度 线15 加载谷歌影像16 加载地形数据6 鼠标点击事件17 设置视角8 flyTo0.安装官方网址官方css官方JS中文APItoken天空...

原创 leaflet_基础篇

文章目录1. 数据2. 单词 插件2.1 单词2.2 测距3. init地图4. 地图 点击事件5. 聚合6. 标记6.1 L.Icon.extend6.2 L.icon7. marker circle polygon 扇形7.1 L.marker7.2 marker用html显示7.3 L.circle7.4 L.polygon7.5 画圆 另一种方法7.6 已知一个经纬度，半径，仰角，求另一个...

原创 常用的css

文章目录1.选择器2. 遮罩3. 伪元素4.媒体查询5. 滚动条6 超过显示省略号6.1 单行6.2 两行7. calc8. 图片hover显示文字1.选择器偶数.index_tab:nth-child(even) 基数.index_tab:nth-child(odd)最后一个.index_tab:last-child第一个.index_tab:first-child第几个:n...

原创 动画

文章目录1. 弹出层2. flex3. 连续动画4.Vue动画4.1动画5. 关键帧动画5.1 animate.css5.2 animation5.3例子5.4 匹配各种浏览器6. 水波纹效果7.div边缘发光8. 水平滚动动画1. 弹出层<!-- 动画 start --> <view class="setting__options--toUp {{active_num=...

原创 居中

文章目录1. 使用css3的translate水平垂直居中元素2.flex3.行内元素4. 使用css3计算的方式居中元素calc1.1.1.1.1.1. 使用css3的translate水平垂直居中元素<div class="center">　　<div class="center_text">　　　　我是要居中的内容 </div></d...

原创 flex应用以及flex应用出现对齐问题解析

文章目录1基础1.1 如何让最后一项右边对齐margin-left: auto; 垂直方向对齐方式 不同1.2 justify-content：space-between; 解决最后一排数量不够自动向两端排列问题1.4 flex布局设置width无效1基础/* flex */.flex { display: -webkit-box; display: -webkit-flex; ...

原创 不常用的css属性

文章目录1. background-origin:2. 水平渐变3. 水平条纹4. 垂直渐变5. 斜向渐变6. 重复渐变7. 椭圆8. 自适应椭圆9. 半椭圆10. 半椭圆11. 四分之一椭圆12. 平行四边形13. 切角效果14. 四个切角15. 弧形切脚16. 梯形17. 简单饼型18. 视觉效果 单侧投影19. 折角效果20.21.18.18.1. background-origin: ...

原创 es6小结

文章目录一、定义变量 ,let二、const三、字符串连接四、解构赋值4.1 跟顺序无关4.2 模式匹配：左侧的样子，需要和右侧一样4.3 交互：数据解析-> 后台返回数据不用点4.4 给默认值:五、复制数组六、数组操作6.0复制数组6.1循环6.2for of6.3Map对象6.5for.. of也可以循环数组:七、箭头函数：7.1函数之前:7.2箭头函数:7.3箭头函数 应用:7.3.1...

原创 适配

&lt;!DOCTYPE html&gt;&lt;html data-use-rem="750"&gt;  &lt;head&gt;    &lt;meta charset="utf-8"&gt;    &lt;meta name="viewport" content="width=device-width,initial-scale=1.0"&a

原创 others

重定位 header("'location':'http://cyanmobile.littlewindy.com/index.html?num='.rand()"); 

原创 微信小程序 配置 https证书

参考多个站点 参考操作1.php.ini extension=php_openssl.dll开启注释2.httpd.conf 开启注释LoadModule ssl_module modules/mod_ssl.soLoadModule socache_shmcb_module modules/mod_socache_shmcb.so3.重要环节打开 E...

转载 flex

flex align-content中的描述的“多根轴线的对齐方式”中的“多根轴线”到底是什么 flex 有两条轴线，根据flex-flow 设置的来判断的，水平为主轴的话，那么值为row，垂直为主轴的话那么为column；其中设置align-items 和 align-content都是来设置交叉轴的。这2个属性设置参数互不影响。align-items ：在单根轴线和多根都有效...

转载 七牛云 php sdk 查看 上传(单文件，多文件) 删除

下载sdk  打开php扩展中的php_curl upload_max_filesize 20M 更改上传文件的大小 max_execution_time 0 php上传大于9M 上传找不到文件名，因为上传时间默认30s，所以需要修改php.ini里的相关的参数 详情 前端 （单文件）思路     上传文件到服务器 再上传到本地数据库 &lt;!DOCTYPE htm...

转载 js面相对象

面向对象&lt;script type="text/javascript"&gt; // 面向对象：就是一种编程思想，只关注其功能，不关注其内部细节 // 面向对象特点： //1.封装 ：不考虑内部实现，只考虑功能 //2.继承 ：从已有的对象上，继承出新的对象 //3.多态 ：不同的操作，产生不同的结果 //JS的面向对象 /...

转载 Canvas

svgcanvas属性基于canvas实现物理运动效果与动画效果Canvas需要在标签里加属性 设置宽高 Canvas默认的宽高 300*150 WebGL可以实现3D效果 Canvas 本身不支持3D效果 绘制路径&lt;canvas id="myCavas" width="800" height="600" style="border:1px solid black...

转载 js_animation

键盘事件//1.onkeydown 键盘事件 按下去一直有 document.onkeydown = function(ev){//ev 形参（名字随意）， //它代表的是本次事件的对象，它里面包含一些这次事件的一些信息 console.log(ev); } //2.onkeypress 能识别大写,不能识别 ctrl alt shift 上 下 左 右 等特殊按键 //3.on...

转载 js_methods

js中的__proto__和prototype​​​​​​​谈谈对原型链的理解数组排序几种实现方式js中push(),pop(),unshift(),shift()的用法小结字符串去空格 加转义字符var myInput = document.getElementById("myInput").value;var bb = myInput.replace(/\s/ig, ''...

原创 angular

linkselect下拉选择第一个选项为空白的解决办法AngularJS H5 video src urlMVC，MVP 和 MVVM 的图示ng-selected&lt;div ng-show=""&gt; &lt;select id="staffSiteId" ng-model="staffSiteId"&gt; &lt;option value="{.

原创 react_bug

初始化 yarn add [email protected].创建一个react项目 npm install -g create-react-app create-react-app [project-name] cd [project-name] npm start在index.js 引入 andt.cssimport 'antd/dist/antd.css';...

原创 ES6

ES6入门之set和mapES6中Map与对象、数组，JSON之间的相互转换let 声明的变量仅在块级作用域内有效 function f1() { let n = 5; if (true) { console.log("里面" + n); // 5 } console.log(n); // 5 } 箭头函...

原创 element-ui _bug

图片预览&lt;el-table-column prop="picture" header-align="center" align="center" width="150px" label="图片"&gt; &lt;template slot-scope="scope"&gt; &lt;el-popover

原创 link

Top七牛云 七牛_api php_api vue官网 npmjs vue-video-player vue-video my-video v-if ="src" src没有赋值之前就不要Dom渲染 vue_life_time vue全局方法 main.js里面Vue.prototype.time_today=function()...

原创 webWoker

它允许开发人员编写能够长时间运行而不被用户所中断的后台程序， 去执行事务或者逻辑，并同时保证页面对用户的响应。 WorkerGlobalScope作用域下的常用属性、方法如下： 1、self 我们可以使用 WorkerGlobalScope 的 self 属性来或者这个对象本身的引用 2、location 属性返回当线程被创建出来的时候与之关联的 WorkerLoca

原创 音频/视频那些坑

音频/视频那些坑 坑1:关于html5 video currentTime 在chrome浏览器下设定失败问题解决 chrome下src需要在线视频完整引用地址 坑2:window.onload方式获取audio.duration的值为NaN 监听oncanplay 坑3：js动态创建音频数量&gt;6条以后，则无法显示ex:&lt;vide...

原创 AngularJS小bug

select下拉选择第一个选项为空白的解决办法 AngularJS H5 video src url MVC，MVP 和 MVVM 的图示这里写链接内容

转载 面试

js之arguments详解 var foo = function () {} 和 function foo() 有什么区别 CSS3视窗单位vw、vh、vmin、vmax jquery封装插件的方法webkitvisibilitychangeex:1document.addEventListener(&amp;amp;amp;amp;amp;amp;amp;quot;visibilitychange&amp;amp;amp;amp;amp;amp;amp;quot;,

原创 Hbuilder less自动编译

less中文API1.cmd npm install less - g2.打开Hbuilder 工具->预编译设置->lessless的安装路径 点击确定即可

原创 commonjs_cmd_amd

commonjs -&gt; 同步cmd -&gt; 异步下载压缩版的requirejs文件 文件目录 CMD异步index.html&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;title&gt;&am

原创 微信授权

1.第一个访问的页面index.html//用一个button进行链接的访问<button onclick="btn()">点击微信登录</button><script type="text/javascript"> function btn(){ window.location.href ="https://open.weixin.qq.com/conn

原创 微信js sdk invalid signature签名错误

分享朋友圈代码 使用curl进行链接访问 为保证第三方服务器与微信服务器之间数据传输的安全性， 所有微信接口采用https方式调用，必须使用下面2行代码打开ssl安全校验。 在windows系统的电脑中需要跳过证书检查 -------------------------------------------------- curl_setopt($curl,

原创 PHP_微信token验证，单图文，多图文等一般操作

微信token验证&lt;?php//define your tokendefine("TOKEN", "");$wechatObj = new wechatCallbackapiTest();$wechatObj-&gt;responseMsg();class wechatCallbackapiTest{ public function valid() {...

原创 php_常用方法

获取腾讯视频地址http://v.qq.com/iframe/player.html?vid=j1539pl0rnn凌晨时间戳echo strtotime('today'),'&amp;lt;br&amp;gt;';//今天echo strtotime('tomorrow'),'&amp;lt;br&amp;gt;';//明天echo strtotime('yesterday'),'&amp;lt;br&amp;gt;';/...

原创 php_07_类/对象相关操作

1.php正则<?php //判断字符串的格式 //匹配字符串的一种语法 //PHP正则方法 //参数1：正则表达式 //参数2：要检查的字符串 //参数3：接收结果的数组（可以省略） //如果参数3省略，最后方法的返回值为true/false //如果匹配成功，则返回true header("content-type:text

原创 php_文件操作

1.打开文件<?php header("content-type:text/html;charset=utf-8"); //1.打开文本流 $file = fopen("1.txt", "a+"); $str = fread($file, filesize("1.txt"));//读取一个文件，参数2 ：读多长个字符 //filesize() 获取文件长度

原创 php_cookie_session_验证码

重点内容1.http 超文本文件传输协议2.规则，协议:由一些人规定遵循的规则，然后使用HTTP方式请求文件的必须遵循这个规则（协议）2.cookie<script type="text/javascript">//Cookie 浏览器本地存储的一种方式//LocalStroage WebSql SessionStroage//SessionStroage 和后台的 Session不是一个东