自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端技术博客

记录工作中遇到的问题及解决方案

  • 博客(15)
  • 收藏
  • 关注

原创 js求N个数组所有组合

在开发商品发布的时候遇到一个需要求n个数组所有组合的问题,具体为商品的属性为一个数组,属性的会有不同,每个属性的属性值也不同,可能是0~N个。举个例子:假设进了一批手机,手机的属性如下所示:           运行内存:2G、3G、4G、6G           内存:32G、64G、128G、256G            颜色:黑色、红色、白色 如果用户勾选了运行内存  ...

2019-02-21 11:15:48 9676 8

原创 mpvue开发小程序使用微信map组件爬坑记录

一、需求(外卖选择收货地址) 使用小程序的picker组件选择省市区,然后根据选择的省市区获的经纬度来设置map的中心点, 类似于滴滴的选择方式。二、实现 首先引入map组件<map id="map" scale="14" :latitude='!init&&latitude' :longi...

2019-04-17 17:52:04 881

原创 js实现左右高度不等的元素向下排列

一、需求啥也不说, 先上效果图。二、实现1、使用css实现?琢磨了半个小时,否定了css实现(可能是我css能力有限 哈哈。。)2、使用js实现。(1)、将整个容器分为左右两个部分,使用浮动 各自占50%(2)、拿到数据,循环添加元素,添加元素规则是(每添加一个元素进行判断,如果左边容器的高度大于右边容器,将当前元素添加到右边容器,否则添加到左边)...

2019-04-17 15:25:45 633

原创 react服务端渲染注意事项

1.react服务端渲染中,服务端只会执行到comnentWillMount,render,并不会执行componentDidMount.所以请求数据放在componentWillMount中执行。2.如果你使用了redux,并且使用了immutable.js来构建state,当客户端拿到服务端的state之后记得使用formJs转化一下。3.服务端渲染不会执行saga中间件,还是我的方式不对, ...

2018-05-28 14:45:35 636

原创 vue-router 不能判断页面是否是返回

前言: 公司项目使用的是react,最近比较闲,所以打算用vue来写一下。 在写切换动画的时候,发现监听路由变化的时候并不会像react那样会告诉你这个跳转是push 还是back.查看一下vue的官方文档。如下所示。但这并不能解决我的问题。// watch $route 决定使用哪种过渡watch: { '$route' (to, from) { const toDepth =

2017-11-29 15:25:11 14926 1

原创 webpack使用file-loader单独打包js文件

需求:当我们需要将一个js文件进行单独打包,而完全不对其进行处理。以打包jquery为例:1.在你需要引入jquery的文件中头部加上require('!file-loader?name=static/js/[name].[ext]!./assets/lib/jquery.js');后面是你jquery文件的相对路径。然后在你的index.html 标签引入你打包后的jqu

2017-07-28 11:43:21 2602

原创 关于CSS优先级

1、首先我们给页面添加样式的方式有三种(暂不考虑Js修改)     1.1、  在头部写style标签,在标签里面书写我们的样式     1.2、 在头部用Link标签引入样式文件     1.3、  在行内为dom元素添加style属性修改样式     *注  : 这就会有个疑问,如果我三个地方同事设置一个元素的样式那么谁的优先级最高呢?     其实有个标准,  谁最后引入

2017-05-09 10:49:44 332

原创 下拉刷新插件

1. 这是一款依赖于jquery的下拉刷新插件,jquery请自行下载。下面是插件js代码$.fn.extend({ refresh: function(option) { var el = $(this); var defaults = { height:60,//设置触发下拉刷新的距离; loading_text:$(

2017-04-14 17:26:15 3830 4

原创 angularjs实现原生APP页面切换效果

angularjs实现原生app页面切换效果 var app = angular.module('myapp', ['ui.router', 'ngAnimate']); app.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRou

2017-04-05 17:39:37 972

转载 关于百度地图自定义覆盖物不能触发点击事件的处理

1,由于项目需要有个模块需要用到地图,所以我选择了百度地图。开始一切都很顺利, 但当我在手机上面调试时,发现我定义的覆盖物点击事件不能触发,瞬间就蒙圈了,在网上找了一段时间终于找到了, 感谢万能的网友。具体方法如下:  // 复杂的自定义覆盖物    function ComplexCustomOverlay(point, text){      this._point = point

2017-01-19 11:13:35 9079 3

原创 linux服务器搭建nodejs环境

1.到nodejs官网下载nodejs压缩文件。网址:  https://nodejs.org/en/download/       2.由于下载下来的压缩文件是.tar.xz格式的,所以我们需要先下载一个XZ解压工具。   2.1  下载解压工具   网址http://tukaani.org/xz/下载最新版本的文件。2.2  安装xz解压工具

2016-12-21 16:26:35 2504

原创 关于CSS锚点的使用

1.CSS锚点使用有两种方法,我建议使用下面这种:    到达第一个锚点    到达第二个锚点    我是第一个锚点     我是第一个锚点 这样当我们点击A链接时, 对应的DOM节点就会滚动到窗口顶部。 但有时我们的需求并不是让它滚动到窗口顶部。 可能要他距离顶部有一定的距离。这时候可以由以下方法解决。  到达第一个锚点    到达第二个锚点   

2016-09-26 11:44:15 18795

原创 CSS手写遮罩

.backdrop {    position: fixed;    z-index: 998;    top: 0;    right: 0;    bottom: 0;    left: 0;    background-color: rgba(0,0,0,.3);}$(function(){$('#te').on('click',fun

2016-08-23 17:11:10 811

原创 mui中h5清除缓存页面的办法

h5清除页面缓存的办法今天在工作中遇到一个问题, 我设置了语言切换,修改了语言设置参数,当我返回之前页面时,我的语言切换没有生效,因为以前的页面是从缓存中打开的。不会去执行页面中的JS 代码,所以不会去更新页面的语言,需要关机再重启才会更新语言。解决办法。mui.plusReady(function() { var views = plus.webv

2016-08-10 11:15:00 16141 1

转载 nodejs与Sublime相结合

node.js和sublime的结合

2016-07-22 12:02:55 504

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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