自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(151)
  • 资源 (4)

转载 Webpack面试题

0.有哪些常见的Loader?你用过哪些Loader?(我开始熟悉的报起了菜名) raw-loader:加载文件原始内容(utf-8) file-loader:把文件输出到一个文件夹中,在代码中通过相对 URL 去引用输出的文件 (处理图片和字体) url-loader:与 file-loader 类似,区别是用户可以设置一个阈值,大于阈值时返回其 publicPat...

2020-03-17 11:45:30 183

原创 npm升级package如何对应的更新package.json中的版本号

直接用npm update 方法更新,但是更新后发现package.json中对应的版本号并没有改变,于是查阅了一些资料和文章,借助npm-check-updates工具可以很方便的将package.json中的依赖包版本号更新为最新版本,下面介绍下该工具的使用,1:安装npm install npm-check-updates -gnpm install npm-check-g...

2020-03-12 11:47:13 702

转载 vue前端缓存问题解决方案

问题描述大家用vue脚手架搭建前端工程时,常被缓存问题所困扰,具体的表现就是,当程序版本升级时,用户因为缓存访问的还是老的页面,然后很多同学很暴力的直接在index.html中加入了这几行代码:<meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache">...

2019-10-30 09:36:44 6395 1

转载 mpvue编译百度小程序,开发者工具打开报错Cannot read property 'createTextNode' of undefined或iphone机型无法预览

问题描述:运用mpvue,编译成百度小程序代码后代开开发者工具报错(或者iphone手机无法预览)。(如下图)暂时解决方案:node_modules/core-js/library/modules/_microtask.js这里非mpvue问题,出问题的地方在 babel的core-js,这个包里面使用有一个有一个判断优先级调整一下就好原core-js内异常代码:...

2019-09-16 11:07:33 464

原创 Link 标签的预加载机制

rel 预处理类link预处理类link标签就是允许我们控制浏览器,提前针对一些资源去做这些操作,以提高性能列举link类型:dns-prefetch 型link提前对一个域名做dns查询,这样的link里面的href实际上只有域名有意义 preconnect型link 提前对一个服务器建立tcp链接 prefetch型link提前取href指定的url的内容 preload型lin...

2019-07-11 11:31:49 372

原创 关于http转换https跳的坑

绝望啊.....https里所有请求都需要https,包括1:head头部所有script、style链接都需要https2:所有ajax请求都需要https,使用http会发生跨域请求

2019-04-09 09:58:24 803

转载 微信小程序、微信公众号、H5之间相互跳转

一、小程序和公众号答案是:可以相互关联。在微信公众号里可以添加小程序。图片有点小,我把文字打出来吧:可关联已有的小程序或快速创建小程序。已关联的小程序可被使用在自定义菜单和模版消息等场景中。公众号可关联同主体的10个小程序及不同主体的3个小程序。同一个小程序可关联最多50个公众号。1、公众号跳小程序比如说 “丰巢快递柜” 公众号关联的小程序:丰巢寄快递。2、小程...

2019-04-04 11:36:12 1585

原创 mysql 数据库 ONLY_FULL_GROUP_BY、时间不能为0解决方法

有些服务器上的mysql表中有timestamp类型字段,但是不允许默认值为'0000-00-00 00:00:00',主要是要设置sql_model来支持。mysql -uuser-ppass #查看当前sql_model1:设置已经存在的数据库的模式set @@sql_mode=(select replace(@@sql_mode,'NO_ZERO_IN_DATE,NO_ZE...

2019-03-11 14:51:18 347

原创 Jenkins 部署心得

下载(自选对应版本)https://jenkins.io/download/ 一、初始化插件:系统管理  ->  插件管理   可以添加对应的插件Maven插件Maven Integration plugin、Pipeline Maven Integration Pluginnode插件NodeJS Plugin远程服务器推送插件Publish Over ...

2019-02-26 18:28:53 158 1

转载 vue html2canvas用法

1. 安装Install NPMnpm install --save html2canvasInstall Yarnyarn add html2canvas 2. 使用import html2canvas from 'html2canvas' 1 2 3 4 <div class="imageWrapper"...

2018-12-27 14:28:31 1405

原创 微信IOS6.7.4版本在输入框弹出键盘后,页面没恢复

ios中,键盘的弹起,页面会往上挪动,使输入框展示在页面中间,键盘隐藏页面会下挪恢复原状在6.7.4版本中,不会回挪,这将导致有相对定位(fixed,absolute:相对于浏览器窗体)的节点发生位移,导致节点点击事件偏移而无法选中解决方案:输入框失去焦点(即键盘隐藏时),手动调整页面,document.activeElement.scrollIntoViewIfNeeded(true)...

2018-12-17 16:07:08 3170 1

转载 前端面试最全知识点

一.html & js & css1.AMD和CMD是什么?它们的区别有哪些?AMD和CMD是二种模块定义规范。现在都使用模块化编程,AMD,异步模块定义;CMD,通用模块定义。AMD依赖前置,CMD依赖就近。CMD的API职责单一,没有全局require,AMD的一个API可以多用。2.web开发常见的漏洞。XSS(跨站脚本攻击):其原理是攻击者向有XSS漏洞...

2018-12-06 17:49:16 132

原创 移动H5开发小计

1、border-radius  Android上圆角不圆问题安卓部分低版本系统,不支持百分比(50%)的写法,把圆角改成比宽高远远要大的一个值就好了,并且快高度最好使用px,要不rem出现奇数可能也会导致不圆.div{ background-color: #f1464a; width:4px; height:4px; border-radius:...

2018-12-06 17:43:55 91

转载 vue单页缓存存在的问题及解决方案

1.css同名覆盖,解决方法:父组件加上scoped<style lang="scss" scoped> @import './unbind.scss'</style>子组件同名样式加上deep /deep/ .tabs-row { .items-wrp{ padding-left: .34rem; } .it...

2018-10-11 10:25:45 1681

转载 web移动端调试神器Eruda

在Web开发过程中,对html页面进行开发和调试的时候都会用到浏览器提供的调试工具,小编我最常用的就是Chrome浏览器自带的开发者工具了,可以很方便的对JS代码进行断点调试,log也很方便。但是在移动端的浏览器上进行开发就没有这么方便了,不管是iOS的Safari还是Android的众多浏览器。在这里小编推荐一个移动端的调试神器Eruda。Eruda 是一个专为手机网页前端设计的调试面板,类...

2018-09-12 15:28:24 479

原创 详细解说——webpack增量打包多页应用

一,webpack打包存在的问题webpack的打包顺序:1,找到入口文件2,根据入口文件,找出具有依赖关系的文件js/css3,最后,把css/js全部打包成一个js包好的,打包完成,打包了整个世界,那么问题来了:产品说:按钮颜色不对,给我改成#ccc技术:好的,这就改。然后就有了如下流程:1,找到了entry -> js -> componet ->

2018-01-25 09:35:23 2893 1

转载 移动web开发问题和优化小结

目前为止,互联网行业里,手机越来越智能化,移动端占有的比例越来越高,尤其实在电商,新闻,广告,游戏领域。用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开发而言是一个挑战,是一个难题,也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验,就是这篇文章的主旨:移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑,如果大家有遇到什么别的坑,

2018-01-22 17:42:04 173

转载 HTML5新特性之语义化布局标签,摆脱传统div布局

前言曾几何时,前端的页面布局一直采用div,但是div本身并没有实际的意义,它只是定义了一个区域,而且这个区域是做什么的浏览器并不知道,不利于页面的SEO优化。因此HTML5中新增的语义化标签就很好的解决了这个问题,当然它还有其他一些好处,接下来我们就一起来看看吧。HTML5语义化标签的优点即使在没有CSS的支持下,浏览器依然能呈现出良好的内容结构。有利于S

2018-01-22 17:41:06 2788

转载 实用资源库和工具

JavaScript 库Particles.js  - 一个用于在网页上创建漂亮的浮动粒子的 JS 库;地址:http://vincentgarreau.com/particles.js/Three.js  - 用于在网页上创建 3D 物体与空间的 JS 库;地址:https://threejs.org/Fullpage.js

2018-01-22 17:40:21 285

转载 web前端布局css常用初始化,收藏起来开箱即用!

/* 禁用iPhone中Safari的字号自动调整 */*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;

2018-01-22 17:38:53 267

转载 ES5中新增的Array方法详细说明

一、前言-索引ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法,如下:forEach (js v1.6)map (js v1.6)filter (js v1.6)some (js v1.6)every (js v1.6)indexOf (js v1.6)lastIndex

2018-01-04 11:51:25 359

转载 理解DOM事件流的三个阶段

事件流之事件冒泡与事件捕获在浏览器发展的过程中,开发团队遇到了一个问题。那就是页面中的哪一部分拥有特定的事件?可以想象画在一张纸上的一组同心圆,如果你把手指放在圆心上,那么你的手指指向的其实不是一个圆,而是纸上所有的圆。放到实际页面中就是,你点击一个按钮,事实上你还同时点击了按钮所有的父元素。开发团队的问题就在于,当点击按钮时,是按钮最外层的父元素先收到事件并执行,还是具体元素先收

2017-10-19 15:25:48 277

转载 前端安全之XSS攻击

XSS(cross-site scripting跨域脚本攻击)攻击是最常见的Web攻击,其重点是“跨域”和“客户端执行”。有人将XSS攻击分为三种,分别是:1. Reflected XSS(基于反射的XSS攻击)2. Stored XSS(基于存储的XSS攻击)3. DOM-based or local XSS(基于DOM或本地的XSS攻击)Reflected XS

2017-09-29 11:21:43 324

转载 React Native Cookie使用指南

web开发中,cookie是一个常用工具。通常会将用户与服务器会话的sessionid存储在cookie中,用以在请求中标示会话来源。或者将登录态token值存储在cookie中,请求中通过cookie值校验登录态。当我们使用react native开发应用时,是否还能像在web开发中那样使用cookie呢?官方文档中没有相关资料,需要我们自己去探索。场景探索本文采用r

2017-09-20 15:39:02 3789

原创 React Native ListView的滚动scrollTo

1.通过onLayout快速的获得一个view的位置、宽、高class TestView extends Component { // 构造 constructor(props) { super(props); this.state = { x: 0,

2017-08-10 16:55:01 1562

原创 Web开发:需收藏的JavaScript常用技巧

1、 JS防止复制oncopy=”return false;” oncut=”return false;”2、 IE 地址栏前换成自己的图标 rel=”Shortcut Icon” href=”favicon.ico”>在文件的根目录放进去这个图片,后缀修改成ico就可以了3、永远都会带着框架4、防止被人 frame5.网页将不能被另存为 ifram

2017-08-04 09:16:42 352

原创 Git 上传项目过程

Git 上传项目过程 1、登录GitHub新建repository (如:seatour)2、将来repository拉到本地:git clone https://github.com/mrlinjw/seatour.git3、之后将你的代码copy到这个目录中。4、git add -A  此操作是把Test文件夹下面的文件都添加进来5、git init  把这个目

2017-05-31 15:59:27 400

原创 react native 之上传文件

/* * * 上传图片请求 * @param * @returns * */ uploadImage(imgAry) { let formData = new FormData(); //因为需要上传多张图片,所以需要遍历数组,把图片的路径数组放入formData中 for(var i = 0;i<imgAry.length;i++){

2017-02-20 10:41:44 2193

原创 微信开发小计

1:验证需要的token、ticket等有效期都两个小时,而且获取该信息的借口每天调用次数有效,必须在后台使用webservice请求然后缓存2:如果某个页面要使用到微信js-sdk方法调用,就必须进行一次config验证(每个页面都得验证一次)3:关于从新分享按钮,分享按钮只能重写它的事件,而不能自定义按钮分享,重写完后还是得调用右上角微信自带的分享功能进行分享,改分享按

2016-08-13 15:14:50 330

原创 react 项目搭建

1:、下载安装Node.js 2、安装webpack(含服务器等)  npm install webpack webpack-dev-server babel  -g注意:-g表示第一条命令是全局安装 3、添加package.json文件(目前只知道是放一些项目的描述信息),进入项目目录命令:npm init 4、添加库文件(--save-dev:将依赖信息写入

2016-07-11 21:31:32 5259

原创 React-router 小计

现在对于路由的历史配置基本都是用browserHistory,对于Route 在你进行Link组件切换(切换页面)是,浏览器的url会改变,但实际上没刷新,组件的切换全是route内部做好;一般url改变后,你如果手动刷新页面,可能会出现找不到页面的情况,这样情况可能的服务器端进行重定位,但用户手动刷新时强制跳转到首页,即如下:的“/React_WeiXin/”路由配置相关路由官方文档

2016-06-14 16:18:45 550

转载 React-router路由实践

1. Router,hashHistory,Route首先下载react-router$ npm install react-router --save需要注意的是,react-router更新很快,API也在持续升级,也许你看到市面很多教程,但可能那还是1.x甚至是0.x版本的。我们首先在App.jsx写一个简单示例,让你快速的对react-router有印象。代码清单:

2016-06-14 15:48:03 3981

原创 前端模块化工具-webpack

详解前端模块化工具-webpack webpack是一个module bundler,抛开博大精深的汉字问题,我们暂且管他叫'模块管理工具'。随着js能做的事情越来越多,浏览器、服务器,js似乎无处不在,这时,使日渐增多的js代码变得合理有序就显得尤为必要,也应运而生了很多模块化工具。从服务器端到浏览器端,从原生的没有模块系统的``到基于Commonjs和AMD规范的实现到ES6 module

2016-06-12 13:44:29 508

原创 微信公众号开发小计

公众号公分为三种:订阅号、服务号、企业号,很多功能只有认证后才能使用(如支付)订阅号:每天群发一条消息、不支持微信支付、无高级接口服务号:每个月可群发4条消息、支持微信支付、高级接口企业号:内部使用,只有添加信息后,员工才能关注、高级接口  TIP:配置相关注:所有跳转到自定义页面的链接都必须认证后才行;一般对于接口的调试,必须将项目放置于服务器才行系统服务器配置的

2016-06-06 11:40:41 381

原创 html设置图片加载时、加载错误时显示的默认图

在js中有onload、onerror两个事件,可在图片中加入,修改对于的src地址,如下

2016-06-05 20:41:32 12084 4

转载 12个JavaScript技巧

使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测,只要变量的值为:0、null、" "、undefined或者NaN都将返回的是false,反之返回的是true。比如下面的示例:

2016-06-04 22:14:48 283

原创 java 之 HttpClient(可用作服务器端的验证)

package com.brainlong.framework.util.httpclient; import net.sf.json.JSONObject;import org.apache.commons.httpclient.HttpStatus;import org.apache.http.HttpResponse;import org.apache.http.client.me

2016-05-25 15:20:59 912

原创 Linux日常维护命令

对于程序员来说,掌握一些基本的Linux命令是必不可少的,即使现在用不到,在不久的将来也应该会用到。由于Linux有很多命令,每个命令基本可以用一篇文章介绍,所以本文仅总结一些常用命令的常用用法,如有明显的遗漏或错误,请各位帮忙指出,谢谢! 以下内容基于测试环境:Red Hat 4.5/5 一、服务器硬件配置1、查看硬盘及分区情况# fdisk -l 

2016-05-19 21:23:00 17483

原创 sql 小记

HAVING 子句在 SQL 中增加 HAVING 子句原因是,WHERE 关键字无法与合计函数一起使用。我们拥有下面这个 "Orders" 表:O_IdOrderDateOrderPriceCustomer12008/12/291000Bush22008/1

2016-05-15 20:19:32 466

原创 Struts2读取配置文件的顺序

顺序如下,越靠后优先级越高,即后面的会覆盖前面的配置:1.stuts-default.xml2.struts-plugin.xml3.struts.xml4.struts.properties5web.xml

2016-05-12 22:09:25 317

AJAX文件上传

可多次上传

2016-09-06

js加密

js加密

2015-11-04

加密md5md5

js加密

2015-11-04

加密base64

JS加密技术

2015-11-04

空空如也

空空如也
提示
确定要删除当前文章?
取消 删除