web前端
文章平均质量分 83
邓波home
你好
展开
-
php文件上传 中文名称乱码
参考的w3school里面的代码:乱码的问题要注意两个地方:1.首先要注意加编码格式upload.php<form action="upload_file.php" method="post"enctype="multipart/form-data">Filename: 2.upload_file.php要注意对名称的$_FILES["f原创 2017-12-05 16:04:09 · 2486 阅读 · 0 评论 -
jquery操作动态生成的元素
例如?123divid="testdiv"> ul>ul>div>需要给里面动态添加的标签添加click事件 jquery 1.7版以前使用live动态绑定事件?12$(原创 2017-12-20 15:18:14 · 930 阅读 · 1 评论 -
layui 弹出的封装函数
引用layui 弹出之后在引用dialog.jsvar dialog = { // 错误弹出层 error: function(message) { layer.open({ content:message, icon:2, title : '错误提示', });原创 2017-12-08 15:54:26 · 1218 阅读 · 0 评论 -
判断设备访问类型是PC端还是WAP端
在开发项目中,可能经常会用到。判断用户访问的是PC还是手持设备,如果是手持设备自动访问wap地址。方法一:JavaScriptvar browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion;原创 2017-10-16 11:43:44 · 2860 阅读 · 0 评论 -
有意思网站
http://www.shunar.cn/1.七夕表白网站演示: http://www.geiar.com/love/ 网站代码:https://coding.net/u/dengbo1994/p/blog/git/tree/master/love2.厦航波音787http://www.geiar.com/xmair/3.搞笑动态http://www.jg...原创 2017-08-28 15:14:35 · 546 阅读 · 0 评论 -
uaredirect.js 进行判断是pc还是wap端(移动端) wap端跳转页面
在pc的网址里面加入代码"http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"> uaredirect("http://wap.tongji021.com");这样就能实现 wap访问之时 跳转到你想跳转的页面原创 2016-11-27 23:38:02 · 10150 阅读 · 0 评论 -
移动端弹出层弹出 body还能滚动(滚动穿透)
引用bootstrap的dialog组件,不过在移动端,dialog弹出,body还能滚动。document.addEventListener('touchmove', function (event) { //判断条件,条件成立才阻止背景页面滚动,其他情况不会再影响到页面滚动 if ($(".modal").css('display')=="block") {原创 2016-09-21 10:09:22 · 8696 阅读 · 3 评论 -
100道SEO问题解答汇总
刚开始做网站的朋友都会接触到一个关键词:SEO(搜索引擎优化),希望通过SEO优化自己的网站,提高网站排名,增加访问量。下面汇总了大家经常遇到的100道SEO问答。1、百度每更新一次,网站的收录就减少很多,但是我每天都增加伪原创的内容啊?这个问题大多数是因为网站权重导致百度不够重视你;另外就是文章质量度不高,没有可读性或是原创度太低,尽管百度会收录,但是经过一次更新原创 2017-03-22 15:49:03 · 4947 阅读 · 0 评论 -
2016就快结束了
粗粗想来记忆竟是如此模糊,猛的一想,又是那么清晰。而我还是那个我。阶段1:北京洛阳两地跑(1月到五月初)那我开始想到的是元旦,那时应该还在学校准备考试。哈哈,时间过得很快。然后在北京和洛阳两地来回的跑。还是蛮不错的经历。那个后台系统也完成,不过当时还是太过于年少,竟然没有总结,也导致了后来跳槽找工作之艰辛。不过可能也是最好的安排吧,也让我重新反思,让我开始写博客原创 2016-12-26 23:03:29 · 1934 阅读 · 7 评论 -
移动端的自适配/js控制
+function(){ adaptUILayout() function adaptUILayout(){ var deviceWidth, devicePixelRatio, targetDensitydpi, //meta, initialContent,原创 2016-10-14 09:50:36 · 2585 阅读 · 0 评论 -
前端面试题(市场上流传最广的)
HTML1、Doctype作用?严格模式与混杂模式如何区分?它们有何意义?(1)声明位于位于HTML文档中的第一行,处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 (2)标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站原创 2016-11-07 15:07:04 · 4133 阅读 · 0 评论 -
SEO网站优化的7个常见技巧
中小企业做SEO的初衷是为了在互联网时代通过线上营销为公司带来订单,但仅仅有网站排名是不足以打动用户马上下单的,不能单纯地为了优化而优化。需要思考如何才能把SEO的效果越做越好,技巧如下:1、专业的企业网站页面大多数企业在刚开始线上营销的时候,都会建立网站,由于对网站本身的熟悉程度有限,所以很容易忽略了网站本身的建设,一般的情况都是随便花个几百元做一个网站就开始做网络营销了原创 2017-03-22 15:50:03 · 1735 阅读 · 0 评论 -
移动端图片居多,加载过慢,使用延迟加载|懒加载( lazyload.js)
文章目录[隐藏]Lazy Load 插件原理开始使用 lazyload.jslazyload.js 高级使用方法:更周全的做法提前加载自定义触发事件自定义显示效果把图像插入某个容器加载不可见图像WPJAM TOCLazy Load 这个 jQuery 插件,是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话,下载图片就需要很多时间。而这款插件,会检测你的滚原创 2016-11-14 10:41:41 · 13224 阅读 · 0 评论 -
子元素获取父元素(未定义高度)的高度详解:
这个是一个大神的文章:http://demo.doyoe.com/css/auto-height/效果就是让子元素等于父元素的高度我在这边是为了解决蒙版的自适应高度,参考了:http://demo.doyoe.com/css/auto-height/auto-height-use-padding-fix.htm立马解决,非常感谢。转载 2017-03-15 16:57:10 · 4711 阅读 · 0 评论 -
textarea 换行 (自动伸缩)|兼容ie6以上
textarea 换行 (自动伸缩)原创 2017-02-27 16:07:55 · 1489 阅读 · 0 评论 -
js浮点数精确计算(加、减、乘、除)
我们发现js在做减法的时候会与正确值有差别: //浮点型加法function accAdd(arg1,arg2){ var r1,r2,m; try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0} try{r2=arg2.toString().split(".")[1].leng原创 2017-12-26 15:31:55 · 1662 阅读 · 0 评论 -
jQuery中的mouseenter和mouseleave事件
经过几番查阅发现了jQuery中还有mouseenter和mouseleave事件,这两个事件在手册中找不到,所以特地查阅了一番。大家知道事件的冒泡特性,在上面的BUG中也正是因为这个冒泡特性,对于mouseover事件来说 ,当鼠标从其他元素 移动到 child节点时发生,但此事件会冒泡 所以会导致 parent 也出发mouseover。如果我们对 parent注册了 mouseove转载 2017-12-29 13:40:22 · 1491 阅读 · 0 评论 -
JS将各值拼接JSON串小例
通过数组实现最后调用JSON.stringify(data)方法[html] view plain copydiv id="json" style="width:100%;height:50px;background-color:yellow"> div> script>原创 2017-12-29 16:07:36 · 10730 阅读 · 0 评论 -
原生与js的交互--jsbridge
建立一个jsbridge.jsconst utils = { setupWebViewJavascriptBridge: (callback) => { var sysPlatform; var ua = navigator.userAgent.toLowerCase();//判断浏览器类型 if (/iphone|ipad|ip...原创 2018-09-10 13:56:44 · 1266 阅读 · 0 评论 -
vue 生产环境和测试环境的配置
我们引用的是axios 给src目录增加 api 文件夹 里面写上index.js// 配置API接口地址var root = process.env.API_ROOT// 引用axiosvar axios = require('axios')// 自定义判断元素类型JSfunction toType (obj) { return ({}).toString.call(...原创 2018-08-01 15:30:56 · 27336 阅读 · 1 评论 -
iOS 上,fixed 元素内的输入元素,获取焦点时的光标错位问题
转自:http://web.blued.cn/2017/12/15/ios-fixed-input-cursor-position/RT,如果一个输入元素(input, textarea …)的父容器设置了 position: fixed,当这个元素获取焦点时,会触发底部键盘的弹起。这时在输入框内打字的时候,会发现其光标错位了,一般会跑到下方。当你专注于一个输入时,浏览器会自动向下滚动...转载 2018-08-01 10:37:39 · 3259 阅读 · 0 评论 -
-webkit-box-orient: vertical打包build后丢失问题
方法一:/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */方法二:需把webpack.prod.conf.js文件一下代码注释掉new OptimizeCSSPlugin({ cssProcessorOptions: config.build.production...原创 2018-07-27 16:45:03 · 1017 阅读 · 0 评论 -
JavaScript中数组的22种方法必学(推荐)
前面的话 数组总共有22种方法,本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组方法、数组删改方法、数组位置方法、数组归并方法和数组迭代方法共10类来进行详细介绍对象继承方法 数组是一种特殊的对象,继承了对象Object的toString()、toLocaleString()和valueOf()方法【toString()】 toString()方法...转载 2018-04-11 16:11:45 · 699 阅读 · 0 评论 -
Vue2.0仿今日头条
源码地址:toutiao_Vue2.0预览地址:toutiao_Vue2.0技术栈主要用到:vue、vue-router其他: jsonp、axios、vue-scroller功能各类新闻的查看新闻的搜索API获取新闻:https://m.toutiao.com/list/?tag=新闻类型&ac=wap&count=20&format=json_raw&as=A1...原创 2018-03-05 17:56:07 · 1812 阅读 · 0 评论 -
移动端弹出穿透问题(弹出层弹出后body还能滑动)
引用bootstrap的dialog组件,不过在移动端,dialog弹出,body还能滚动。document.addEventListener('touchmove', function (event) { //判断条件,条件成立才阻止背景页面滚动,其他情况不会再影响到页面滚动 if ($(".modal").css('display')=="block") { e...原创 2017-04-18 16:53:46 · 5343 阅读 · 0 评论 -
解决本地项目上传到github时$git push -u origin master error failed to push some refs...等错误
使用命令:1、touch README.md2、git init3、git add .4、git commit -m "test"5、git remote add origin master6.git push -u origin master(执行这个命令行后会弹出下面的错误,出现错误的主要原因是github中的README.md文件不在本地代码目转载 2018-01-29 18:02:23 · 1156 阅读 · 1 评论 -
Vue axios中this的指向问题
在Vue中this始终指向Vue,但axios中this为undefined,例如若需要赋值给变量用以渲染数据,可以通过=>函数,这时this为Vue或者可以直接通过: let that = this 将this保存在that中,再在函数中使用that均可 被坑了很久,一直打印出来undefined,终于解决了转自:http://bl转载 2018-02-05 11:33:29 · 828 阅读 · 0 评论 -
gulp对css、js、img的压缩和css图片的base64
在学习前,先谈谈大致使用gulp的步骤,给读者以初步的认识。首先当然是安装nodejs,通过nodejs的npm全局安装和项目安装gulp,其次在项目里安装所需要的gulp插件,然后新建gulp的配置文件gulpfile.js并写好配置信息(定义gulp任务),最后通过命令提示符运行gulp任务即可。安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配原创 2018-01-15 13:42:32 · 4333 阅读 · 0 评论 -
使用vscode,根据vue基础模板文件生成代码
本着苍蝇虽小也是肉的精神......目标:我们希望每次新建.vue文件后,VSCODE能够根据配置,自动生成我们想要的内容。方法:打开VSCODE编辑器,依次选择“文件 -> 首选项 -> 用户代码片段”,此时,会弹出一个搜索框,我们输入vue, 如下:选择vue后,VSCODE会自动打开一个名字为vue.json的文件,复制以下内容到这个文转载 2018-01-31 18:38:47 · 5081 阅读 · 2 评论 -
谷歌浏览器中安装JsonView扩展程序
实际开发工作中经常用到json数据,那么就会有这样一个需求:在谷歌浏览器中访问URL地址返回的json数据能否按照json格式展现出来。比如,在谷歌浏览器中访问:http://jsonview.com/example.json展现效果如下:那么安装了JsonView扩展程序后的展现效果如下:很明显,后者的效果更好。实现步骤如下: 1、转载 2018-01-31 17:57:01 · 365 阅读 · 0 评论 -
placeholder属性的兼容问题
参考文章:http://www.xuanfengge.com/method-to-realize-similar-form-tips-placeholder.html input { display: block; } .box { position: re原创 2017-02-04 11:12:22 · 1286 阅读 · 0 评论 -
bootstrap的模态框modal的hidden.bs.modal属性
hidden.bs.modal的意思就是当弹出的模态框消失的时候,接下来回调的函数$("#modal").on('hidden.bs.modal',function(){ alert(1); $( '#modal' ).off().on( 'hidden', 'hidden.bs.modal'); })消除已存在钩子事件的动作 因采用jQue原创 2017-01-25 15:28:24 · 16776 阅读 · 0 评论 -
vue—cli的学习以及搭建
——————————————————————分割符-----------------------------------------------supervisor 遇到的问题首先安装express npm install express配置app.js//模块依赖var express = require('express');var path = require原创 2016-09-26 22:39:53 · 1262 阅读 · 0 评论 -
前端开发面试问题及答案整理
说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染,缺点是闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。闭包有三个特性: 1.函数嵌套函数 2.函数内部可以引用外部的参数和变量 3.参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便,分担了服务器存储的负担,但还是有很多局原创 2016-09-29 11:36:03 · 1145 阅读 · 0 评论 -
阿里抢月饼js脚本
首先chrome扩展程序开发之在目标页面运行自己的JS然后运行代码:可以参考http://www.cnblogs.com/zqifa/p/js-2.htmlhttp://blog.csdn.net/sunxinty/article/details/52574164原创 2016-10-14 11:08:57 · 4003 阅读 · 0 评论 -
Chrome拓展插件篇
有些人喜欢原生chrome,有些人则喜欢安装各种拓展丰富chrome的功能。我算得上是后者,好了,言归正传,下面就说说我目前常用的chrome extension,并且直接附上chrome store的安装地址。1.Any.Do (任务管理,GTD)十分简洁的一款GTD拓展,在IOS和android上均有app,可同步。2.Fawave(社交应用:微博、人人、t转载 2016-11-03 17:30:19 · 1399 阅读 · 0 评论 -
console.log 的有趣之处
原创 2016-09-26 11:09:58 · 805 阅读 · 0 评论 -
复选框的一下额操作|全选 取消全选 反选 选中值
louis-blog >> jQuery 对checkbox的操作 <!-- $("document").ready(function(){ $("#btn1").click(function(){ $("[name='checkbox']").attr("checked",'true');//全选 }) $("#btn2").click(func原创 2016-09-22 11:37:44 · 637 阅读 · 0 评论 -
建站之星 请教关于首页标题栏怎样去掉首页--字样
在根目录下的module/frontpage.php 第四行 删掉'Frontpage',view/common/header.php 114行,如果不想有“--”,再删掉114行的 '--'.原创 2016-10-10 22:30:04 · 743 阅读 · 0 评论 -
js中的preventDefault与stopPropagation详解
首先讲解一下js中preventDefault和stopPropagation两个方法的区别:preventDefault方法的起什么作用呢?我们知道比如百度,这是html中最基础的东西,起的作用就是点击百度链接到http://www.baidu.com,这是属于标签的默认行为,而preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。看一段代码大家就明白了:转载 2016-09-21 14:43:08 · 590 阅读 · 0 评论