- 博客(38)
- 收藏
- 关注
RSS订阅原创 webpack里的loader是什么，干嘛的，webpack和loader是什么关系?
1.首先，webpack干嘛的？看图：webpack就是打包的，就不啰嗦啦2.那loader是什么玩意儿？在weboack的世界里，干了点什么？先看看官网的解释，【https://www.webpackjs.com/concepts/#loader】官网说了：loader让 webpack 能够去处理那些非 JavaScript 文件（webpack 自身只理解 JavaScript）。loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块，然后你就可以利用 we.
2020-11-18 15:55:34
3364
1
原创 怎么理解原型和原型链（prototype，__proto__）
关于原型和原型链，我们需要掌握这句话：【实例化对象的原型链 指向 构造函数的原型】！！！概念，prototype是原型的意思，__proto__代表原型链。现在开始理解：~1.生成一个构造函数Foo，a是Foo的实例化对象:function Foo(){console.log('我是构造函数Foo')}let a = new Foo()那么a.__proto__ = Foo.prototype，对此可通过打印验证，它们果然是一样的：2.Foo是一个构造函数，它的原
2020-11-04 13:53:26
424
原创 vue-awesome-swiper 按住不松缓慢切换滑动，不触发onSlideChangeStart、onSlideChangeEnd怎么办-----解决方法
问题：vue-awesome-swiper 按住不松缓慢切换滑动，不触发onSlideChangeStart、onSlideChangeEnd怎么办官网地址：https://3.swiper.com.cn/近期做一个移动端轮播图，用到了vue-awesome-swiper组件，我用的是swiper3我想在图片切换之后进行一些数据上的操作，因此需要一个合适的回调api,选择了onSlid...
2020-03-02 16:41:22
4278
4
原创 常用git指令分享
paopao日常工作中常用的一些git指令和流程，好记性不如烂笔头，在此记录一下便于查找，也分享给大家。O(∩_∩)O1.git查看操作指令类：git init本地文件夹新建git库git remote add origin项目远程仓库地址 关联本地库与远程某个项目git branch 查看当前分支gitcheckout -b dev_new ...
2019-12-23 10:43:32
213
原创 Mint UI 之Datetime picker组件mt-datetime-picker展示7行日期，太高，怎么改样式
问题：mint-ui中的时间选择器组件，高度过高，想对其样式进行调整1.mint-ui中的时间选择器组件，高度过高，有7行日期，见下图：有时会不符合ui要求。想把它改低一点，只显示5行日期。第一个思路是吧父元素高度变少，研究了一下发现直接操作类名不管用，还会导致正中间一行的位置向下偏移。于是去官方文档找，希望能找到调整行数的api：官网参考链接：http://mint-u...
2019-11-22 16:52:34
1405
3
原创 Mint UI 之loadmore组件的坑：内部元素头部被遮挡了一部分（scroll了）
前端经常会遇到数据分页加载的需求，mint-ui组件为大家提供了loadmore组件但是我在使用的时候，遇到了一个问题：写好布局和样式以及逻辑之后，我的mt-loadmore标签的头部总是不顶在父元素content的顶部，给了padding也不管用。改了一下午终于找到了原因。官方文档提供表示，在数据回来之后要执行： this.$refs.loadmore.onBottomLo...
2019-09-26 10:04:04
1247
原创 分享一套自己封装的ajax请求--结合jquery&&vue
分享一套自己封装的ajax请求--结合jquery&&vueaxios和ajax各有利弊，相对而言，原生ajax较为复杂，一般都会对其进行封装，便于使用。1.代码自取我基于jquery的ajax进一步封装了一套自用的ajax，分享给需要的朋友： $.ajax({ type: params.type || 'get', url: params.ur...
2019-08-08 17:02:31
332
原创 vue项目，页面class不生效
代码如下，vue项目中，页面有一个class为c-ul的div,但是浏览器中style里没有我的c-li样式。这是为什么呢。研究一番之后发现：1.我的style是scoped，也就是css样式仅应用于我的这个名为component1的页面。因此，在挂载的时候，页面的所有元素都会被vue加上一个自定义属性名：类似于这样的<div data-v-5e57fb82="" class="wrap...
2019-06-05 13:28:31
13465
原创 怎么合并分支？
场景：基于dev分支新建了dev_new分支，巴拉巴拉了一些新代码之后，如何把新的dev_new代码合并到dev呢从dev分出去的dev_new新分支写好以后1.切回到dev分支，不要拉取远程的dev（保持dev是之前创建dev_new分支时的旧版本，这样不会merge冲突）2.merge到dev本地，即git merge dev_new （如果之前更新了本地dev就会产生冲突。 p...
2019-01-29 16:50:56
3527
原创 前端怎么使用easymock模拟数据请求
前端经常遇到的一个场景就是需要请求后台数据。请求数据就是请求接口：发起ajax请求--->www.baidu.com（随便写的，代表一个能返回数据的网址）--->response一些数据----->前端js处理之后---->铺到页面中去。那么这套流程中，需要与他人合作的一个地方就是接口啦～一般后端小哥会给你一个接口文档，里面是那个接口需要携带的参数，以及他会返回...
2019-01-29 14:16:54
7178
13
原创 新建git项目
mkdir 文件夹名cd 文件夹名git inittouch README.mdgit add README.mdgit commit -m "first commit"git remote add origin git@github.com:仓库名git git push -u origin master
2019-01-29 11:03:17
812
原创 小程序用户拒绝地址授权之后，wx.openSetting不管用，怎么再次打开授权
<button bind:tap="toAddress" data-bind="toAddress">打开地址</button>toAddress:function(){ wx.getSetting({//调用wx.getSetting接口查看用户设置 success(res) { if(!res.au...
2019-01-14 17:13:26
11997
1
原创 mac电脑解除angular项目端口占用：ng serve --open Port 4200 is already in use.
mac电脑解决angular端口占用的问题sudo lsof -i :4200查看4200端口对应的pid:4200端口对应的pid是 2485所以输入：sudo kill -9 2485就可以解除4200端口的占用了再次 ng serve就启动项目了...
2019-01-05 15:17:43
1331
原创 ng new app 为什么报错：Data path ".name" should match format "html-selector".
angular cli创建项目时遇到了一个坑，导致报错：Data path ".name" should match format "html-selector".? Would you like to add Angular routing? Yes? Which stylesheet format would you like to use? SCSS [ http://sas...
2019-01-05 14:57:39
2137
原创 React 生命周期
生命周期Mounting 挂载 (渲染到DOM中)- constructor- componentWillMount 组件即将挂载- render- componentDidMount 组件完成挂载 Updating 更新- componentWillReceiveProps(newPorps) 父组件更新，接收到父组件传递过来的新的props- shouldCom...
2018-09-27 12:39:27
158
原创 RegExp 正则表达式及相关用法
一、正则表达式，又称规则表达式查找匹配某些符合规则的字符串，正则表达式就是写这种规则的工具1. 直接量定义/正则表达式/[修饰符]2. 实例化方式new RegExp(字符串，[修饰符])修饰符是可选的 g: 全局匹配 i: 忽略大小写二、方法1.test()作用： 用来检测指定的字符串...
2018-09-27 12:36:17
733
原创 ES6新特性汇总
1.let ：块级作用域、没有预解析、不能重复声明同一个变量const常量 NUM = 10 ；常量不可修改，如果是对象的话，可以修改值2.解构赋值eg1:obj = {data:123},可以直接将data从obj中解构出来：let {data} = obj;eg2:let a = 0; let b = 1;如何交换二者的值？：[a,b] = [b,a]3.转义字符串...
2018-09-27 12:07:50
207
原创 Node模块之http ,fs,express，path
1.http模块用来起一个后端服务（程序）①前提：执行了npminit创建了包含package.json文件的初始化文件夹、②导入模块：let http = require("http");node中使用require导入模块，通常把它存在一个同名的变量里，便于使用。let http = require('http');// 访问的时候触发这个回调函数let ...
2018-09-27 10:50:47
485
原创 前端需要了解的Node.js基础
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境1.基础流程（在nodejs中是不能使用es6的规范的（在react中可以使用import导入模块，是webpack编译做到的）nodejs使用的CommonJS规范： require引入 module.exports暴露） 运行js文件 node js文件...
2018-09-27 10:15:29
698
原创 怎么接手公司项目文件
1. 给地址： 技术会给线上一个仓库地址，不一定是github，或者是私有的自己搭建的 给你一个仓库地址，我先以github的为例子：比如要把这个项目下载到本地：git@github.com:paopaotangtang/test.git2. 克隆代码到本地（1）准备一个文件夹，按shift+鼠标右键——选择Git Bash Here,打开git命令行，输入git...
2018-09-21 11:21:12
332
原创 迅速搭建React脚手架
一、在要创建项目的文件夹里打开命令行窗口输入：npm i create-react-app -g (这一步从没有安装过脚手架的需要，之后可以跳过)二、创建项目create-react-app 这里跟上项目名字：比如 myreactapp等等等，等到提示Success!就创建好了三、进入项目目录输入cd myreactapp（这里是你自己的项目名）输入npm...
2018-09-21 11:12:29
144
原创 vuex基础安装和使用步骤
1.安装vuexnpm i vuex -S2.引入main.js中import vuex from "vuex"3.作为插件使用Vue.use(vuex)4.初始化容器let store = new vuex.Store({ state:{ x:10, y:20 }})5.注入到根实例中格式：new Vue({...
2018-09-14 11:59:17
370
原创 Vue组件通信、组件传参方式有哪些？
1.子组件通过props接收父组件中的值，插入子组件中会跟随父组件而变化。（：x="num"）--->页面中插入{{x}}2.如果只想变接收过来的值，而不改变父组件的，则吧接收过来的值存一下。（newx:this.x）--->页面中插入{{newx}}3.子组件想修改父组件的值，需要添加事件，如下图中的“tap”，父组件中，在引入子组件的地方监听tap（@tap="callba...
2018-09-13 15:56:16
1384
原创 一分钟搭建Vue脚手架
1.安装脚手架工具——vue-cli打开cmd 安装cdm输入： npm i vue-cli@2.9.6 -gvue-cli最新是3，vue-cli安装2点几2.全局安装之后就可以使用命令 vue -V可以查看安装的版本3.需要生成项目目录CMD输入： vue init webpack <项目名称> 项目名称自取，脚手架会生成同名的目录...
2018-09-13 12:42:02
174
原创 Vue组件： 自定义组件props传递数据
一、new一个Vue二、Vue中使用自定义组件需要先注册组件注册组件（其实就是定义组件）：可以注册全局组件，也可以注册局部组件。三、btn是传参数的，在使用组建的时候可以传入不同的参数。<body> <div id="app"> <lala btn="一个自定义组件"></lala> ...
2018-09-13 11:06:25
2232
原创 git连接github，上传代码简便流程
git链接github 一、打开，git命令行窗口（shift+鼠标右键：gitbash here），设置贡献者： 输入： git config --global user.name "你的用户名"//你的GitHub登陆名 git ...
2018-09-09 23:25:20
245
原创 JSONP解决跨域问题怎么写
基于同源协议，许多网站不允许前端人员进行跨域数据请求。而jsonp利用<script>标签，能够得到其他网站的 JSONP数据。1.首先需要一个全局函数。这个函数是回调函数，由script的src地址访问之后回调的。function getdata(data){ console.log(data)//这里会接收参数，就是嗦访问网站返回回来的数据。}2.在文件...
2018-09-09 09:31:23
679
原创 git 基础命令行指令
一、git 分为 工作区+缓存区+版本库git --version 查看git版本git init 初始化目录，生成.git文件git status 查看当前工作区状态git add <filename>或 . 把...
2018-09-07 17:31:50
205
原创 ReactDom 语法糖Jsx：插入style属性 修改background的语法
在使用React渲染试图的时候，需要用JSX语法糖进行自动转换。一、插值表达式{}在JSX中，插入变量时，需要使用差值表达式。如：我们在元素中想引入图片路径，但是图片路径可能会经常更换，不能写死。就将路径存在一个变量imgUrl（变量名自取）里，然后如下图插入即可。let imgUrl ="http://huaban.com/pins/1856693856/"<img ...
2018-09-05 22:04:06
8601
原创 js移动端点击事件 ：touchstart + touchend
js移动端点击事件封装函数：移动端的手指事件，与电脑短的点击onclick是不一样的。移动端事件有：touchstart 手指按下touchend手指抬起二者组合起来才是一个完整的“点击”事件。但是手指按下和抬起的移动距离如果过大，就不是点击，而是滑动了；因此要限定手指按下和手指抬起的一个距离。分析完毕，直接上代码：//先定义一个新事件名称，如tapvar ...
2018-09-04 11:24:51
4046
原创 css:fontsize等文字设置
一、字体设置1，font-size字号 line-height行高例如：font-size：12px;2，font-family字体，第一个值为英文字体，第二个值为中文字体;例如：font-family：Arial，“宋体”;3，font-weight字体粗细例如：font-weight：bold;4，font-style字体风格例如：font-st...
2018-09-02 22:33:55
370
原创 css:background元素背景设置
背景有以下属性可以操作，直接上代码：<style type="text/css">#box { width: 300px; height: 300px; border: 1px solid #000; background-color: #f1f2f2; background-image: url(img/img.gif); background-repeat...
2018-09-02 22:15:27
473
原创 面向对象是什么
面向对象（OO，Object-Oriented）1.定义：抽象点说：面向对象是一种对现实世界理解和抽象的方法。具体而言，抽取功能相似的代码归成一类，然后把相关的描述细节挂在原型上的一种编程方式。就是面向对象。什么是类: class 类（Class）是面向对象程序设计实现信息封装的基础。每个类包含数据说明和一组操作数据或传递消息的函数。类的实例称为对象。 把具有相同特...
2018-09-02 20:46:33
372
原创 css：border的写法（圆角）
一、在style中，元素的边框有三个常用属性，中间用空格隔开：border: width(边框粗细) style(边框样式) color(边框颜色)；举例：border：20pxsolid red;就是20px的--实心的--红色的边框。二、border的第二个值控制边框的样式，style有三个可选值。我们可以通过改变它来实现一条实线、虚线、或者点线。style的关...
2018-08-28 21:00:11
10698
原创 边框三角形的实现
实用小知识：边框三角形这里利用了这个知识点：同一个元素中，相邻的两个边框交接处是斜角。因此，如果我们需要在页面中实现一个三角形，可以通过设置边框来实现：<style> div{ width:0; height:0; border-width:10px; bord...
2018-08-28 20:44:57
1807
原创 碰撞检测的封装函数
function bump(el,el2) { let elRect = el.getBoundingClientRect(); let el2Rect = el.getBoundingClientRect(); if(elRect.left > el2Rect.right ||el2Rect.left > el2Rect.right ||el...
2018-08-09 20:04:44
812
原创 原生js实现【元素拖拽】so easy
第一步：创建一个小盒子，绝对定位一下。 <style> .box{ position: absolute; left: 0; top: 0; width: 100px; height: 100px; background...
2018-08-09 19:28:56
189
原创 新建html页面中的标签含义
关于html标签的小知识：我们打开编辑器（Webstorm / Dreamweaver /Hbuilder /Sublime等等）新建html页面之后，总会出现好几行的默认代码，这些代码是什么意思呢。下面以Hbuilder编辑器新建的html页面为例：<!DOCTYPE html>...
2018-06-01 18:02:19
487
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人