- 博客(56)
- 收藏
- 关注
RSS订阅原创 简单使用zTree
简单使用zTree1.下载zTree2.添加css和js文件link rel="stylesheet" href="../zTreestyle.css" type="text/css">script src="../jquery/jquery-2.2.4.min.js">script>script type="text/javascript" src="../zTree/j
2019-08-27 19:04:09
659
原创 jquery选中select中的某个option
jquery选中select中的某个option option value="0">选项0option> option value="1">选项1option> option value="2">选项2option> option value="3">选项3option>jquery选中select中的某个option的方法：1.给select
2019-08-27 19:04:04
17438
原创 网页布局
网页布局CSS中存在3中定位机制：标准文档流（Normal flow）浮动（Floats）绝对定位（Abosulte positioning）一、标准文档流特点：从上到下，从左到右，输出文档内容。由块级元素和行级元素组成。1.块级元素特点：从左到右撑满页面，独占一行。触碰到页面边缘时，会自动换行。如：div,ul,li,dl,dt,p······
2019-08-27 19:03:48
304
原创 !important
!important!important的css定义拥有最高的优先级，既相当于让其样式放在离元素最近的地方（最下面）。1.对IE7-10和firefox、chrome均有效 2.但其中IE6只能这样写才有效（不支持同一定义中的!important）： eg:a{ color:blue !important;/*color:blue;(无效)*/ co
2019-08-27 19:03:33
1327
原创 nodejs实现获取微信公众号js-sdk开发配置
nodejs实现获取微信公众号js-sdk开发配置步骤：获取access_token（有效期7200秒）第一步拿到的access_token 采用http GET方式请求获得jsapi_ticket（有效期7200秒）生成签名:参与签名的字段包括noncestr（随机字符串）, 有效的jsapi_ticket, timestamp（时间戳）, url（当前网页的URL，不包含#及其后面部...
2019-08-23 12:09:02
556
原创 Linux系统安装node
Linux系统安装node使用wget下载node压缩包 # wget https://nodejs.org/dist/v10.16.0/node-v10.16.0-linux-x64.tar.gz解压# tar -zxvf node-v10.16.0-linux-x64.tar.gz 进入文件，获取文件位置# cd node-v10.16.0-linux-x64# ...
2019-08-08 15:06:52
127
原创 vue中解决html2canvas图片跨域问题
vue中解决html2canvas图片跨域问题html2canvas在截图的过程中，如果遇到html中有跨域地址的图片，即图片地址非本地，截图的时候将不会显示图片解决方法：html<div ref="imageDom"> <!-- 支持跨域的地址 --> <img :src="imgUrl+'?'+new Date().getTime()"...
2019-07-29 14:50:24
882
原创 设置xampp访问phpmyadmin需要输入账号密码
ps:由于xampp访问phpmyadmin默认是不需要密码的，所以我们访问的时候会直接进入到phpmyadmin操作界面。1.设置输入密码才能访问phpmyadmin，可按以下图示设置root的访问密码2.此时我们刷新页面后就会提示以下错误3.然后我们需要进入xampp安装目录下的phpMyAdmin目录，找到config.inc.php文件，按下图修改4.保存后我们刷新页面，...
2019-06-26 17:12:22
618
原创 nvm管理node版本
nvm管理node版本（windows系统）一、安装nvm进入github中nvm的版本库中nvm-noinstall.zip： 这个是绿色免安装版本，但是使用之前需要配置nvm-setup.zip：这是一个安装包，下载之后点击安装，无需配置就可以使用，方便。Source code(zip)：zip压缩的源码Sourc code(tar.gz)：tar.gz的源码，一般用于Lnix...
2019-06-25 16:04:58
156
原创 vue读取xls或xlsx文件
vue读取xls或xlsx文件1.选择一款合适的xls插件，我选择的是xlsx安装：npm install xlsx2.template<template> <div> <input type="file" ref="upload" accept=".xls,.xlsx" @ch...
2019-06-21 17:43:52
3088
原创 前端post请求报400错误
前端post请求报400错误400的错误是由于发送请求参数没有成功原因：参数名称类型没有对上；或者参数格式不正确参数格式不正确，解决方法：格式化传递给后台的参数1.使用axios对于请求的参数：引入qsimport qs from 'qs'axios({ method: 'post', url: url, data: qs.stringify(params)//格式化...
2019-06-05 18:28:54
17985
2
原创 更改wordpress的最大上传2M的限制
更改wordpress的最大上传2M的限制直接修改wordpress根目录下.htaccess文件添加以下的配置内容php_value upload_max_filesize 512Mphp_value post_max_size 512Mphp_value max_execution_time 6000ps:upload_max_filesize //默认上传文件大小，这个就是2...
2019-05-21 10:38:46
1617
原创 浏览器展示pdf文件，不用插件
浏览器展示pdf文件，不用插件 <object data="pdf的地址" type="application/pdf" width="100%" height="100%"> <iframe src="pdf的地址" width="100%" height="100%"> This browser does not support PDFs....
2019-05-15 16:21:35
760
原创 vue拼接字符串
vue拼接字符串直接上代码:<div class="swiper-slide" v-for="img in imgs"> <img :src="['xxx(需要拼接的字符串)'+img]" alt="" width="100%" height="auto" /></div>...
2019-05-15 16:15:21
2241
原创 xampp自定义错误页面
xampp自定义错误页面1.打开xampp安装路径下的httpd-multilang-errordoc.conf的文件（D:\software\xampp\apache\conf\extra\httpd-multilang-errordoc.conf）2.在此处修改http状态码对应的错误页面位置，或者找到错误页面直接修改ps:若是修改错误页面的链接位置，则需要重启apache；若是直接修...
2019-05-09 12:33:17
488
原创 vscode 常用插件
vscode 15个常用插件1.Bracket Pair Colorizer2.Turbo Console Log3.Prettier - Code formatter4.Live Server5.Live Sass Compiler6.indent-rainbow7.HTML CSS Support8.Code Spell Checker9.REST Client10.GitLens — Git...
2019-05-07 18:32:55
417
转载 css实现隐藏滚动条
css实现隐藏滚动条转载链接1.伪对象选择器::-webkit-scrollbar{ display:none;(或者是width: 0;)}2.变相隐藏大体思路：在div(outer)外面再套一个div(inner);div(outer)设置overflow:hidden;div(inner)设置overflow-y: scroll;div(outer)小于div(inn...
2019-03-01 17:50:49
277
原创 canvas绘制标尺
canvas绘制标尺eg:[预览链接](https://jsfiddle.net/jaris/gz06j95p/)/** * canvas 绘制标尺 * * params:{*} * axisWidth:Number,轴线的宽度，单位px * lineColor:String,轴线的颜色 * gridWidth:Number,大网格的宽度 * ...
2019-02-19 16:38:39
3770
原创 THREE.JS获取截图
THREE.JS获取截图1.渲染器的配置var renderer = new THREE.WebGLRenderer({ //将渲染保存到缓冲区，否则获取的图片会是空的 preserveDrawingBuffer: true,//是否保留缓冲区直到手动清除或覆盖。默认值为false});2.将渲染的canvas转化为base64的图片 var img = new Image(...
2019-01-03 17:15:57
2545
原创 web直传OSS(断点续传)
web直传OSS(断点续传)不多说，直接上代码&amp;amp;lt;input type=&amp;quot;file&amp;quot; id=&amp;quot;file&amp;quot; /&amp;amp;gt;&amp;amp;lt;script src=&amp;quot;http://gosspublic.alicdn.com/aliyun-oss
2018-12-28 10:31:38
1885
2
原创 误删git远程仓库，如何恢复
本地仓库恢复git远程仓库ps:git远程仓库删除或者init了，但是通过git clone下来的本地仓库还存在git服务器上只有master分支重新git clone下来远程仓库 ；git clone git@../../project.git将仓库init，然后push到远程；cd projectgit init --baregit add .git comm...
2018-12-13 10:28:03
4920
原创 git仓库的迁移
**git仓库的迁移**克隆新的仓库 ；git clone git@../../newproject.git进入新仓库；cd newproject从源地址克隆一份裸版本库；git clone --bare git@../../project.git进入裸版本库中；cd project.git以镜像推送的方式上传代码；git push --mirror...
2018-12-13 10:17:15
142
原创 js实现对象的复制，不影响原对象
1.Object.assign(target,…sources)因为 Object.assign()拷贝的是属性值。假如源对象的属性值是一个指向对象的引用，它也只拷贝那个引用值。eg:var obj1 = { a: 0 , b: { c: 0}};var obj2 = Object.assign({}, obj1);//将obj的可枚举的属性值复制到{}中console.log(JSON...
2018-10-23 10:52:14
10295
原创 THREE.JS绘制虚线
THREE.JS绘制虚线 var lineGeometry = new THREE.Geometry(); lineGeometry.vertices.push(new THREE.Vector3(0, 1000, 5)); lineGeometry.vertices.push(new THREE.Vector3(0, -1000, 5)); var line = ne...
2018-10-11 17:23:50
3779
原创 Three.js几何对象的组合
Three.js几何对象的组合1.创建一个几何体 2.创建一个Object3D对象或者Group对象 3.将几何体添加进入Object3D对象或者Group对象中 4.将Object3D对象或者Group对象添加进入场景中以下以十字为例：var cylinderGeometry = new THREE.CylinderGeometry(0.2, 0.2, 2, 32);//创建一...
2018-08-29 16:02:35
739
原创 jquery实现滑动标尺
jquery实现滑动标尺显示标尺，移动标尺下的三角形html <div id="nearFarView"> <ul> <li></li> <li></li> <li&a
2018-08-28 15:54:00
1373
原创 js 实现图片缩放
js 实现图片缩放图标保持大小不变，位置相对于图片移动html<div name="images1" style="zoom: 1; transform: scale(1); width: 5146px; height: 4583px;" id="images1"> <img id="floorPlanPicture" src="图片地址&qu
2018-08-13 19:01:18
1183
原创 three.js的认识
three.js的认识一、什么是three.jsthree.js 是一个跨浏览器 JavaScript 库/API ,用于在web 浏览器中创建和显示3D图形。 three.js 是基于 WebGL开发的。它的代码托管在GitHub上。二、three.js的三要素1....
2018-07-17 10:02:05
372
原创 微信小程序 自定义组件的使用
微信小程序 自定义组件的使用官方文档：微信小程序–自定义组件以table组件为例：一、创建自定义组件1.新建一个components文件夹（用来存放组件），在其中创建一个table文件夹，如图所示：2.在table.json文件中进行自定义组件声明（将 component 字段设为 true 可这一组文件设为自定义组件）{ "component":true...
2018-05-18 15:07:57
2046
2
原创 JQuery实现元素的点击移动
JQuery实现元素的点击移动HTML<div id="preview"> <div> <div style="top: 0px;"> <span class="glyphicon glyphicon-remove"></span&
2018-04-20 13:58:50
1373
原创 HTML 5 拖放 实现在同一个div内的拖放
实现在同一个div内的拖放JS//允许放置的方法：默认地，无法将数据/元素放置到其他元素中。如果需要设置允许放置，我们必须阻止对元素的默认处理方式。function allowDrop(ev) { ev.preventDefault();}//拖动方法，获取被拖元素：数据类型是 "Text"，值是可拖动元素的 id 。function drag(ev) { ev...
2018-04-20 11:43:05
1429
原创 get请求表单的action属性后不能带参数
今天尝试了一下，发现form表单的get请求，action后带的参数，全部会被过滤掉，没法请求。<form class="weui-search-bar__form" action="{:U('Home/Approve/lists')}?status={:I('get.status',1)}&id={:I('get.id')}&start_time={:I('ge...
2018-04-17 16:11:35
608
原创 自定义构造函数
自定义构造函数微信小程序的socket连接1.module//连接socketfunction connect(url){ wx.connectSocket({ url: url });}export var Socket = function(url) { this.events = {};//添加属性 connect(url);//连接so...
2018-04-17 15:55:58
321
原创 web前端面经
一、http和https的区别HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。https和...
2018-04-12 17:57:49
413
原创 微信小程序富文本 wxParse的简单使用
微信小程序富文本 wxParse的简单使用一、下载wxParse https://github.com/icindy/wxParse二、copy wxParse文件夹进入微信小程序文件夹中三、引入必要的文件//在使用的.js文件中引入wxParse模块var WxParse = require('../../wxParse/wxParse.js');//在使用...
2018-04-12 14:04:25
1241
原创 纯css实现箭头
纯css实现箭头原理：通过伪元素绘制出的两个三角形，一个与背景色相同覆盖部分红色箭头，形成三角线span.arrow-down { position: relative;}span.arrow-down:after,span.arrow-down:before { border: 8px solid transparent; border-top: 10px...
2018-04-10 15:11:21
331
原创 元素水平垂直居中
元素水平垂直居中1.使用flex布局html,body{ height: 100%; margin: 0;}body{ -webkit-align-items:center; -ms-flex-align:center; align-items:center; display:-webkit-flex; display:flex;...
2018-03-21 15:28:06
142
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人