- 博客(28)
- 收藏
- 关注
RSS订阅原创 Vue3 源码调试 build报错Command failed with exit code 128: git rev-parse HEAD
【代码】Vue3 源码调试 build报错Command failed with exit code 128: git rev-parse HEAD。
2024-03-26 21:05:37
192
原创 vue-cli3 配置 postcss-pxtorem
1.首先安装依赖 （已配置postcss）yarn add 或者 npm installpostcss-pxtorem2.更改package.json"postcss": { "plugins": { "autoprefixer": {}, "postcss-cssnext": {}, "postcss-pxtorem": { ...
2019-03-24 12:04:58
5089
1
原创 vue-cli3中process.env.BASE_URL配置、接口代理以及其他配置
vue-cli3的源码部分：@vue/cli-service/lib/util/resolveClientEnv.jsmodule.exports = function resolveClientEnv (options, raw) { const env = {} Object.keys(process.env).forEach(key => { if (pre...
2018-12-05 10:54:59
120216
1
原创 使用addeventlistener点击li弹出内容,并且动态添加li之后有效
html<button onclick="addFunction()">点我增加</button><ul></ul>var num = 1;var u=document.querySelector("ul");function addFunction(){ var l=document.createElement('li') ...
2018-11-22 09:51:33
1320
原创 react阻止冒泡事件
react阻止事件冒泡的方法：<a onClick={(e)=>{ e.nativeEvent.stopImmediatePropagation()}}></a>
2018-08-27 13:48:59
429
原创 React dangerouslySetInnerHTML渲染html
dangerouslySetInnerHTML把字符串渲染为html。以换行为例，如果接收的字符串是\n 渲染到dom 需要为<br />render(text) { text = text?text.replace(/\n/g,"<br />"):'' return <div dangerouslySetInnerHTML={{__html: te...
2018-08-15 16:12:53
1563
原创 Unable to resolve module 'AccessibilityInfo', when trying to create release bundle
最近使用react-native init 'XXX' ，报 500 。This might be related to https://github.com/facebook/react-native/issues/4968To resolve try the following: 1. Clear watchman watches: `watchman watch-del-al...
2018-08-10 20:55:48
226
原创 JS常用深拷贝使用
react开发过程中，从后台接收数据有的时候不是很友好，需要进行对数据加工才能进行数据渲染。如果不采用深拷贝对数据操作会污染原始数据：// jsonconst obj = {name: 'llx123'}const obj2 = { ...obj }const obj3 = JSON.parse(JSON.stringify(obj))// arrayconst arr= [{...
2018-08-09 17:43:58
739
原创 JS数组常用方法：forEach、map、filter、some、every，filter与map区别
forEach() 方法对数组的每一个元素执行一次提供的函数。map() 方法创建一个新数组，其结果是该数组都执行一次函数，原函数保持不变。filter() 方法使指定函数测试数组的每一个元素，并放回一个通过元素的新数组。some() 方法测试该数组有元素通过了指定函数的测试，如果有返回true，否则，返回false。every() 方法测试该数组是否全部通过指定函数测试，全部通过...
2018-08-02 11:27:24
1047
原创 React.js循环渲染问题
render:() => { let items = []; for (let i = 0; i < 3; i++) { items.push(<div className="item" key={index}>{i}</div>); } return ( <div> {items}...
2018-05-23 11:05:19
5503
原创 几行代码让你明白原型链
原型链作为实现继承的主要方法，基本思想是利用一个引用类型继承另一个引用类型的属性和方法~~可能看着有点绕。（js的数据类型分为基本类型和引用类型，而ECMA-262把对象定义为无序属性的集合，创建对象最简单的方式就是创建一个Object的实例，然后为它添加属性和方法。）构造函数、原型和实例的关系：每个构造函数都有一个原型对象，即prototype，原型对象都包含一个指向构造函数的指针，而实例都包含...
2018-04-13 17:56:14
309
原创 react-redux 基础概念
结合官方提供的todo教程，以及我Get到的点(感觉没有Vuex那么操作简单易上手)~~传送门三大 ( 核心 ) 概念： store 是应用的状态管理中心，保存着是应用的状态（state），当收到状态的更新时，会触发视觉组件进行更新。 container 是视觉组件的容器，负责把传入的状态变量渲染成视觉组件，在浏览器显示出来。 reducer 是动作(actio...
2018-04-11 15:19:20
320
原创 Vue项目首屏优化--webpack
1、externals的使用externals,官方文档给出的解释，就是webpack可以不处理应用的某些依赖库，使用externals配置后，依旧可以在项目中通过CMD、AMD或者window/global全局的方式访问。例如：通过CDN将vue，vue-router，Element-UI从vendor.js中抽离出来，使用//修改 build/webpack.base.conf.jsmodu...
2018-03-31 16:49:50
756
原创 如何vue-cli2.x以及vue-cli3.x中怎么使用postcss
使用vue-cli脚手架新建了一个以webpack模版的项目，想在单组件的项目中使用postcss书写css。1、安装npm install postcss-cssnext postcss-import postcss-loader -S2、如果已经安装postcss(npm install postcss -S)有坑，需要一大堆loader配置，这时项目根目录会生成“.postcssr...
2018-03-22 15:27:24
10016
1
原创 Vue2实现组件props的双向绑定
Vue2中props通信方式在Vue2中组件的props的数据流动改为了只能单向流动，即只能由组件外（调用组件方）通过组件的DOM属性attribute传递props给组件内，组件内只能被动接收组件外传递过来的数据，并且在组件内，不能修改由外层传来的props数据。官方文档给出的解释：prop 是单向绑定的：当父组件的属性变化时，将传导给子组件，但是不会反过来。这是为了防止子组件无意修改了父组件的...
2018-03-20 10:26:38
1081
原创 多个ip空格分隔，验证ip是否合法
文本域输入多个ip以空格或者多个空格分隔，判断每个输入的ip是否合法。1、首先给String增加一个原型方法,用来去除多个空格，人后通过split方法分割成数组String.prototype.ResetBlank=function(){ var regEx = /\s+/g; return this.replace(regEx, ' ');};var ipList = va
2018-01-31 19:07:00
788
原创 http.createServer(app).listen()与app.listen()的区别
写法一：var app = require('express')();app.listen(port)写法二：var app = require('express')();var http = require('http').createServer(app);http.listen(port);为何可以这样写？app.listen = function (por
2018-01-11 11:50:21
8780
原创 VUE 关于理解$nextTick()的问题
Vue.js 通常鼓励开发人员沿着“数据驱动”的方式思考，避免直接接触 DOM。this.$nextTick()官方介绍：将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。DOM<div id="app"> <p ref="myWidth" v-if
2017-12-06 20:27:26
13718
原创 使用watch监听input值
vue禁止input输入非数字，以及可输入的最大值 {{num * 3}} var vm = new Vue({ el:'#app', data:{ num:1, oldNum:0 }, watch:{ num:{ handler:(val,oldVal)=>{
2017-07-22 12:04:31
2865
原创 Vue下拉框点击选中，点击其他区域消失
vue-cli中实现下拉框点击其他区域消失 排序 {{sort}}选中显示 export default { name: 'hello', data () { return { show: false activeName:'', sorts :{ "defa
2017-06-29 16:33:12
7787
3
原创 Windows 平台安装 MongoDB
MongoDB 下载MongoDB 提供了可用于 32 位和 64 位系统的预编译二进制包，你可以从MongoDB官网下载安装，MongoDB 预编译二进制包下载地址：https://www.mongodb.com/download-center#community注意：在 MongoDB 2.2 版本后已经不再支持 Windows XP 系统。最新版本也已经没有了 32 位系统的安装
2017-05-26 10:36:31
480
原创 NodeJS模块
编写稍大一点的程序时一般都会将代码模块化。在NodeJS中，一般将代码合理拆分到不同的JS文件中，每一个文件就是一个模块，而文件路径就是模块名。在编写每个模块时，都有require、exports、module三个预先定义好的变量可供使用。requirerequire函数用于在当前模块中加载和使用别的模块，传入一个模块名，返回一个模块导出对象。模块名可使用相对路径（以./开头），或
2017-05-15 11:12:21
218
转载 ES6 Class的用法
1.Class的基本语法ES5写法function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';};var p = new Point(1, 2);console
2017-05-15 10:10:51
252
转载 Vuejs2.0 组件与组件之间的通信
一、开始第一个DEMO，其中一个功能需求--组件与组件之间作用域里，但又需要传递数据。例如：App.vue为父组件，有子组件A.vue、B.vue1.App的数据传递给A、B2.A、B的数据传递给App3.A、B数据相互传递一、思路解决以上需求的思路如下：1.App通过props传递数据给A、B2.A、B通过$dispatch调用App的Event并传递数据给App
2017-05-14 10:55:58
309
原创 Vue-cli的介绍与安装
1.vue-cli介绍Vue-cli是Vue的脚手架工具，能够帮助我们搞定目录结构、本地调试、代码部署、热加载、单元测试等。2.安装# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖，走你$ cd my-project$ npm
2017-05-14 10:53:40
316
原创 JavaScript中call()l和apply()的区别
call方法:语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作
2017-05-13 14:46:43
417
转载 对原型对象中this的一个认知--(转自张鑫旭)
1. 事情的起因平时接触的都是下面的故事：var story = { progress: "unknown", start: function() { this.progress = "start"; }};然后如下执行的时候，结果就是：story.start();console.log(story.progress);
2017-05-13 10:35:37
633
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人