- 博客(50)
- 收藏
- 关注
原创 php curl get,post请求
get$url = sprintf("https://api.weixin.qq.com/sns/jscode2session?" . "appid=%s&secret=%s&js_code=%s&grant_type=authorization_code", 'wxb9340bdfabba344','f994634d349569954...
2020-03-29 17:17:26 294
原创 Object.defineProperty定义对象的属性
let person = {} Object.defineProperty(person,'name',{ value:'malinshu' }) console.log(person.name)//malinshu person.name = 'shu'//不可修改 console.log(p...
2020-03-28 12:06:07 224
原创 原型链深入理解、delete删除
函数就是原型的构造函数function Person(){//这个函数就是原型的构造函数 } Person.prototype.name = 'malinshu' console.log(Person.prototype.constructor == Person)//true let person1 = new Person...
2020-03-28 09:53:27 513
原创 js闭包的运用、作用域
让原本不能传参的函数成为可以传参function test(param){ return function(){ console.log(param) } } setInterval(test(1), 1000);//让原本不能传参的函数成为可以传参私有变量 ...
2020-03-28 09:13:01 131
原创 thinkphp注解路由
/**注解资源路由 * @route('test') */class Test extends Controller{ public function index(){//test get return 'index'; } public function create(){//test/create get return '...
2020-03-21 13:35:23 743 1
原创 vue input监听粘贴事件获取图片
<input @paste="pasting">pasting(e) { // console.log(e.clipboardData.files[0]) if (e.clipboardData.files[0]) {//获取剪切板图片 this.$http.Imgupload(e.clipboardData.files[0])...
2020-03-20 13:46:16 7237 1
原创 scss详解
编译前.box{ background:red; //只有sass可以,less不行 font:{ size:12px; weight:bold; }}$num:100px;.box4{ width:$num * 3; // height: $num+20em;单位不同无法计算 font:20px...
2020-03-19 23:02:34 513
原创 canvas过度动画
let canvas = document.querySelector('canvas') let ctx = canvas.getContext('2d'); let w = ctx.canvas.width let h = ctx.canvas.scrollHeight let angle = 0 ctx.translate(150,150)/...
2020-03-16 11:40:32 1448
原创 canvas上画图片
let image = new Image();image.onload = function(){//先注册onload监听,防止图片加载完后还没有注册onload,那就获取不到图片 ctx.drawImage(image,100,100)//(image,画布坐标x,y) //ctx.drawImage(image,100,100,100,100)//(image,画布坐标x,...
2020-03-16 11:30:08 243
原创 canvas基础
ctx.lineWidth=20; // ctx.lineJoin = 'round'; ctx.lineJoin = 'bevel';//拐点 ctx.lineCap ='round'//两端 ctx.moveTo(100,100); ctx.lineTo(150,50); ctx.lineTo(200,100); ctx.stroke(...
2020-03-16 11:22:36 128
原创 stroke beginPath三条平行线canvas
<template> <div class="contain"> <canvas width="600" height="400"></canvas> </div></template><script>export default { mounted(){ let canvas ...
2020-03-16 10:24:05 190
原创 非零环绕
<template> <div class="contain"> <canvas width="600" height="400"></canvas> </div></template><script>export default { mounted(){ let canvas...
2020-03-16 10:13:43 176
原创 px转化为rem
转化前.box{ height: 50px; background:#ccc; font-size: 20px; text-align: center; line-height: 50px; } .content{ p...
2020-03-15 00:34:16 631
原创 响应式html原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...
2020-03-15 00:12:47 509
原创 小程序自定义长按说话进度条
虽然小程序有提供progress进度条,但在进度过程中停顿效果不好,所以自定义了一个<view class="speaking"> <view style="position:relative;width:686rpx;"> <view class="currentsecond"> <image src="/spea...
2020-03-13 11:12:29 292
原创 css网格
一 <div class="box"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div&g...
2020-03-11 23:50:44 75
原创 针对ie的css hack
_background 针对<=ie6,也就是这个样式只有<=ie6浏览器有效*background 针对<=ie7background\9 <=10background\0 >=8*html{} <=6*+html{} <=7:root 这个 CSS 伪类匹配...
2020-03-10 23:50:49 104
原创 css报纸模板
<div class="box"> <h1>碧桃</h1> 收款付款是芬兰 </div> .box{ width:600px; height:300px; background:red; overflow: hidden; column-count: 3; column-gap:20px; col...
2020-03-10 23:10:42 550
原创 css旋转木马
第一步 <div class="box"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <...
2020-03-10 22:56:40 125
原创 css立方体动画
<div class="box"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li&g...
2020-03-09 23:21:35 92
原创 h5新标签
<div> <abbr title="world wide web">www</abbr> <iframe src="https://www.baidu.com" frameborder="0"></iframe> <iframe srcdoc="<h1>对方是否</h1>" fram...
2020-03-09 22:45:56 80
原创 通过清除浮动来撑开父元素
<div class="main"> <div id="box1"></div> <div id="box2"></div> </div><style lang="scss">.main{ border:1px solid blue; width:220px;}.main:...
2020-03-09 22:25:57 124
原创 table表格
<table border cellpadding="10" cellspacing="10" align="right"> <tr> <td rowspan="2" valign="bottom">会发给对方</td> <td>的归属感</td> <td>...
2020-03-09 22:21:05 79
原创 css文本样式
#box{ width: 300px; height:300px; background:red; text-indent: 2em;//2em就是font-size的两倍 text-align: justify;//两端对齐 line-height: 1.2;//1.2就是font-size的1.2倍 font-weight: bold;//font-weight只有...
2020-03-09 22:12:47 95
原创 transition过渡
#box{ width: 100px; height:100px; background:red; transition-property:all; transition-duration:.5s; transition-delay:.5s; transition-timing-function:cubic-bezier(0.1, 0.7, 1.0, 0.1); /...
2020-03-09 21:59:39 624
原创 原生css变量
:root{ --color:red; --number:12; --size:50px;}#box{ --color:blue;//就近原则 width:300px; height: 100px; overflow-y: scroll; background:var(--color); font-size: calc(var(--number)*2px);...
2020-03-09 21:36:09 104
原创 环绕
#shape { width: 100px; height: 100px; clip-path: polygon(0 0, 0 100px, 100px 100px); shape-outside:polygon(0 0, 0 100px, 100px 100px); float:left; background:black;}<div class="main"...
2020-03-09 21:26:18 91
原创 css新特性,自定义滚动条
.main::-webkit-scrollbar{ height: 10px;}.main::-webkit-scrollbar-thumb{ background:black; border-radius: 5px;}.main::-webkit-scrollbar-track{ background:#ccc;}
2020-03-09 17:48:55 151
原创 css新特性滚动捕捉,吸附
<div class="main"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> </div><style l...
2020-03-09 17:45:02 896
原创 hbuilder与夜神的故事
下载hbuilder与夜神进入目录C:\app\Nox\bin,双击打开debugReport.bat赋值第一行后面的几个数字点击你要运行的项目,然后在菜单栏中选择:运行->运行到手机或模拟器->android模拟端口设置这样就可以运行,如果没安装运行插件,就没有显示“运行-[设备:AOSP]…”这个设备,直接选择:运行到手机或模拟器->安装运行插件,就可以了...
2020-03-08 10:23:30 138
原创 thinkphp join链式操作
work表artist表card表$res = Db::table('artist')//本案例查询artist数据还有与artist相关联的work和card表的数据,但查出的work和card数据必须满足join里的条件 ->alias('a') ->join('work w', 'a.id = w.artist_id...
2020-03-06 13:01:43 412
原创 thinkphp远程一对多
city表man表topic表<?phpnamespace app\my\model;use think\Model;class City extends Model { public function topics() { return $this->hasManyThrough('Topic','Man','city_i...
2020-03-04 17:51:41 1408
原创 thinkphp多态关联
article表book表comment表<?phpnamespace app\my\model;use think\Model;class Book extends Model{ public function comments() { return $this->morphMany('Comment', 'commenta...
2020-03-04 17:09:34 835
原创 vue3.0打包去掉console.log
cnpm install terser-webpack-plugin --save-dev在src同级目录下创建vue.config.js,内容如下module.exports = { publicPath: './', configureWebpack: (config)=>{ if(process.env.NODE_ENV === 'production'){ ...
2020-03-04 16:43:33 1971
原创 小程序用富文本wxparse
在github上下载wxparse,放到项目中js中引入var WxParse = require('../../wxParse/wxParse.js');data: { content:'<p>title抬头content控疼痛foot福特body波地</p>' }, WxParse.wxParse('article', 'html', this...
2020-03-04 15:38:13 107
原创 小程序open-type=“contact“客服消息真机无效
官网说可以用button,但是我用了,在真机上没效果,开发工具就有反应,最终还是用回view,而不用cover-view
2020-03-04 14:53:40 3727
原创 thinkphp多对多关联
本案例:多个学生对多个课程student表classsheet表middle表,也就是中间表student模型<?phpnamespace app\my\model;use think\Model;class Student extends Model{ public function classsheet(){ return $this-&...
2020-03-04 13:05:26 276
原创 thinkphp控制器中间件
<?phpnamespace app\http\middleware;class Test{ public function handle($request, \Closure $next) { if(true){ return json('拦截了'); } return $next($requ...
2020-03-03 15:59:29 578
原创 thinkphp别名路由
Route::alias('test','api/v1.Test');class Test{ public function add(){ echo 'add'; } public function edit($id){ echo 'edit'.$id; } public function read($id){ ...
2020-03-03 15:37:45 412
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人