web前端
晓锋不懂你
这个作者很懒,什么都没留下…
展开
-
php常用面试问题
ip2long()的使用;get_client_ip()获取客户端ip或者叫PHP获取客户端ip;什么是事件:“事件一般是指数据库操作和模型操作在完成数据写入之后的回调机制。数据库操作的回调也称为查询事件,是针对数据库的CURD操作而设计的回调方法”。PostgreSQL和MySQL,主要针对数据库全文查询情况下的区别;MySQL百万查询优化,注意,针对的是查询...原创 2019-02-25 14:49:22 · 955 阅读 · 0 评论 -
七牛云跨账号同步(复制或者移动文件)空间
七牛云跨账号批量同步空间中的文件步骤下载七牛的同步工具qshell http://developer.qiniu.com/docs/v6/tools/qshell.html1)以windows版本为例,下载压缩包,找到对应的qshell.exe,并修改成qshell.exe.2)注意不要双击打开qshell.exe,直接在命令行工具打卡,如果需要全局使用qsehll,可以在环境变量pa...原创 2019-05-16 18:14:07 · 1626 阅读 · 0 评论 -
zklm新平台搭建
时间:20190517新平台前端环境配置赚不封顶前端模块代码基于 dva 框架,主要使用react框架依赖安装 npm,如果有可以跳过;安装 yarn, 参考文档 安装 yarn开发yarn installyarn start部署yarn installyarn build打包后的代码会在 dist 目录下本地部署如果有现成的框架文件,只需要安装配置yar...原创 2019-05-17 10:17:52 · 212 阅读 · 0 评论 -
js实现非当前区域点击隐藏当前区域
CSS代码:* { padding: 0; margin: 0; }#btnShow{ margin: 100px auto 0; width: 90px; display: block; }#divTop{ border: 2px solid #666666; position: absolute; display: none;...转载 2019-05-13 13:26:58 · 1083 阅读 · 0 评论 -
html禁用referer
法1head标签中添加meta属性,设置name=‘referer’ content=‘never’referer 的 metedata 参数可以设置为以下几种类型的值:neveralwaysorigindefault如果在文档中插入 meta 标签,并且 name 属性的值为 referer,浏览器客户端将按照如下步骤处理这个标签:1.如果 meta 标签中没有 content...原创 2019-05-18 10:06:12 · 13167 阅读 · 0 评论 -
meta使用referrer要注意的问题
referrer meta属性<meta name="referrer" content="never">有时候为了禁止自己的网页发送refer信息,经常会用到这个属性,该属性禁止了header发送页面相关信息,虽然可以阻止一些攻击以及绕过图片防盗链的效果但是也会造成一定的问题,比如在后台中使用了该标签,会导致js和php的一些跳转出现问题,比如js的history.back(...原创 2019-06-11 11:32:39 · 8251 阅读 · 0 评论 -
vue脚手架搭建
vue2:脚手架搭建简介vue.js有著名的全家桶系列,包含了vue-router,vuex, vue-resource,再加上构建工具vue-cli,就是一个完整的vue项目的核心构成。vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,只关注开发就OK。步骤1.安装...原创 2019-08-23 16:54:45 · 501 阅读 · 0 评论 -
微信分享接口
微信分享接口主要以公众号文档为标准下载微信分享的sdk文件包DEMO页面:http://demo.open.weixin.qq.com/jssdk示例代码:http://demo.open.weixin.qq.com/jssdk/sample.zip备注:链接中包含php、java、nodejs以及python的示例代码供第三方参考,第三方切记要对获取的accesstoken以及js...原创 2019-08-16 09:32:36 · 382 阅读 · 0 评论 -
前端H5用js判断页面在IOS,Android,微信,pc端打开的方法
// 判读是否是IOS打开isIos: function () { var agent = navigator.userAgent; var isiOS = !!agent.match(/iPhone|mac|iPod|iPad|ios/i); return isiOS},// 判读是否是android打开isIos: function () {var agent = na...原创 2019-08-16 11:41:36 · 860 阅读 · 0 评论 -
前后端开发常用的几个好用工具
SSH远程登录工具1、xshell官网下载即可。2、mobaxterm百度下载即可,这款工具比较推荐,功能比较实用,但是局限性是秘钥3、domainsPing批量ping工具链接:https://pan.baidu.com/s/1DKGELIRaHV_fj0a6jFn5-Q提取码:ux1p复制这段内容后打开百度网盘手机App,操作更方便哦4、tortoiseGit小乌龟git工...原创 2019-08-27 17:54:13 · 2381 阅读 · 0 评论 -
网站访问缓慢排查思路
一、网络问题1、临时性检查:ping, mtr,dig,dig+trace 等命令,检查网络状况,DNS等解决:联系机房或视具体情况而定eg:http://ping.chinaz.com/ 查看各地响应时间2、网络不同或距离太远检查:客户端和机房所在网络情况解决:双线机房或分布式部署,动态DNS,需要考虑成本3、资源加载慢检查:chrome控制台解决:CDN,合并请求,压缩页面...原创 2019-09-02 15:11:18 · 1841 阅读 · 0 评论 -
前端框架--DvaJS
前端框架1前端模块代码基于 [dva] (https://dvajs.com/guide/) 框架依赖安装 npm,如果有可以跳过;安装 yarn, 参考文档 [安装 yarn] (https://yarnpkg.com/zh-Hans/docs/install#mac-stable)开发yarn installyarn start部署yarn installyarn...原创 2019-05-16 15:46:13 · 758 阅读 · 0 评论 -
WINDOWS下安全phpquerylist爬虫库
querylist的使用安装QueryList使用Composer安装执行Composer安装命令:(进入项目根目录,有composer。json的目录)composer require jaeger/querylist:V3.2.1在项目中使用QueryList,只需要引入vendor/autoload.php文件就可以使用QueryList及其所有插件了(如果安装了插件的话)...原创 2019-05-08 17:26:11 · 499 阅读 · 0 评论 -
实现简单的五星效果
实现简单的五星效果思路1、实现五星推荐的方法有很多,这里只实现半星,主要使用font-awsome图标库,通过库内的fa-star(可填充的星星) fa-star-o(不可填充的空心星星),fa-star-half-o(半实心)。 值得注意的是,如果直接使用cdn引用font-awsome,注意不同版本可能会有所区别,最新版本可能样式名称有所变化,最好直接使用官网上的版本 ![在这里插入图...原创 2019-03-19 16:59:45 · 242 阅读 · 0 评论 -
使用第三方图片地址
第三方图片服务器通常我们开发的时候需要使用大量图片,为了提高图片加载速度,一般会放到第三方图片服务器,常用的是七牛云和阿里云oss,腾讯云oss,并采用cdn加速域名,但是通常都是收费的,大量图片也是一笔不小的成本使用免费的第三方地址比如腾讯的qq空间相册和新浪微博相册,可以直接使用其图片地址或者通过官方提供的接口。腾讯开发平台接口网址:http://wiki.open.qq.com/w...原创 2019-03-21 12:00:58 · 678 阅读 · 0 评论 -
移动端网页自适应布局技巧
互联网上的自适应方案到底有几种呢?就我个人实践所知,有这么几种方案:1固定一个某些宽度,使用一个模式,加上少许的媒体查询方案2 使用flexbox解决方案3 使用百分比加媒体查询4 使用rem淘宝最近开源的一个框架和网易的框架有同工之异。都是采用rem实现一稿解决所有设置自适应。在没出来这种方案之前,第一种做法的人数也不少。类似以下说到的拉钩网。看一下流云诸葛的文章。以下摘自:从网易...转载 2019-03-22 14:03:14 · 1128 阅读 · 0 评论 -
移动端设计稿
移动端高清、多屏适配方案背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点:首先,选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480,现在更多的是iphone6的375×667)。对于retina屏幕(如: ...转载 2019-03-22 15:56:04 · 1002 阅读 · 0 评论 -
移动端网页实现返回按钮跳转到多个指定页面
在微信网页开发中,经常会用到返回按钮有时候需要在用户点击返回的时候跳转到指定页面,并且再次返回到另一个指定页面,不再返回当前页。例如有A,B,C三个网页,其中B为第三方网页,比如百度,需求如下:首页是A,从A进来点击返回按钮后需跳转到B,再次点击返回需要跳转到C,C页面返回后又进入B,依次在B,C间循环。不再出现A页面。具体代码:A:使用原生的popstate方法 (fun...原创 2019-03-29 16:48:09 · 2813 阅读 · 0 评论 -
js实现懒加载
原生js window.onload = function(){ var scrollTop = window.scrollY; var imgs = Array.from(document.querySelectorAll('img')); lazyLoad(); // 采用了节流函数 window.add...原创 2019-03-26 20:08:48 · 473 阅读 · 0 评论 -
图片防盗链的处理
在微信中开发网页通常会使用公众号中的图片那么怎么避免微信防盗链触发而无法正常显示呢,方法主要有2种1、微信公众号的图片采用iframe方法单独加载,这样网页发送的refer信息就不会携带这些图片信息,通过iframe中单独加载图片即可避免触发防盗链。2、采用meta信息处理该meta信息将禁止网页返回refer信息,当加载图片的时候将不会发送mime信息,这样就可以避开防盗链但是这样...原创 2019-03-26 20:45:35 · 2062 阅读 · 0 评论 -
nginx服务器报错502 bad gateway!
服务器进行公众号粉丝数据同步以及批量推送报错502根据错误信息可以判定是后端的问题,502错误的原因有很多种,但总的来说就是服务器处理不过来了1.首先查看服务器日志1)先查nginx日志,不熟悉的可以从nginx.conf中获取error_log的路径,找到错误如下:发现nginx进程处理的连接数不够用,单个进程处理的连接数超过了nginx.conf配置的worker_connectio...原创 2019-03-27 18:24:56 · 56827 阅读 · 1 评论 -
IOS与Android关于微信内置浏览器的区别总结
1、IOS点返回时返回假页面,如果前一页有个弹窗之类的,那返回时会带着这个弹窗,并且点击弹窗上的按钮根本不好使(安卓无此问题)。解决方式:返回时重新刷新前一页window.onpopstate=function(e){ location.href = url(需要主动跳转的网址) setTimeout(function(){ self.location.reload...原创 2019-04-03 10:41:33 · 379 阅读 · 0 评论 -
前后端js获取客户端真实IP
方法一:(所有的平台及浏览器)使用搜狐接口:搜狐IP地址查询接口(默认GBK):http://pv.sohu.com/cityjson搜狐IP地址查询接口(可设置编码):http://pv.sohu.com/cityjson?ie=utf-8<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>&l...原创 2019-04-17 16:45:37 · 4003 阅读 · 0 评论 -
web前端的一些奇葩问题
html部分textarea首行自动缩进问题一开始, 在代码中 标签textarea我是这么写的,但是当我查看页面的时候,发现首行自动缩进了好几个空格,但是我想要的是,一进去,获取焦点后,就是在首位,没有缩进. 如下代码:<textarea rows="3" cols="70" class="text-note" maxlength="150"></textarea&...原创 2019-04-27 10:14:56 · 274 阅读 · 0 评论 -
xdebug的使用
php xdebug调试工具安装xdebug扩展库windows: 网上下载phpxdubug扩展,把扩展文件放入php对应的ext目录中,并且在php.ini中的xdebug设置指定xdebug.dll路径[XDebug]xdebug.auto_trace=onxdebug.auto_profile = on xdebug.profiler_enable_trigger = O...原创 2019-04-19 11:29:10 · 4885 阅读 · 0 评论 -
使用node抓取微信素材并处理多余js标签
使用node抓取微信素材首先下载脚本文件,下载地址:链接:https://pan.baidu.com/s/1xDq6tlfbUqcfASrMau58hg提取码:fkzf目录结构如下,可以下载gz压缩包,在本地使用git命令行禁止解压处理:tar -xzvf 文件名.gz使用命令行进入对应目录,执行npm install,安装依赖库,安装成功后会生成node_modules目录,可以看...原创 2019-09-16 11:26:43 · 160 阅读 · 0 评论