luwenze的博客

原创 mac修改hosts文件

Mac 四种修改Hosts的方法 - 简书

原创 angular框架学习指南

ng-content、ng-container、ng-template使用区别

原创 e6遍历对象的多种方法

1.for(key in obj)方法var obj={ type1:1, type2:'2', type3:true}for(key in obj){ console.log(key+':',obj[key])}var obj={ type1:1, type2:'2', type3:true}console.log('=============')let arr1=Object.keys(obj)//Object.keys 返

原创 vue中子组件向父组件传递单个参数和多个参数的情况----$emit传递多个参数

父组件中//demoClickBtnTwo需要使用arguments参数接收多个参数<comp1 @clickBtn="demoClickBtn($event)" @clickBtnTwo="demoClickBtnTwo($event,arguments)"></comp1>methods: { demoClickBtn(event){ console.log('event====>',event) }, demoClickBtnTwo(e,re

原创 清除浮动

给要清除浮动的父元素，最后一个子元素加上这个类添加了一个清除浮动的伪元素，不会添加元素标签，语义性更强，原理是关闭了// 清除浮动.clearfix::before,.clearfix::after { content: ""; display: table; clear: both; width: 0; height: 0;}.clearfix{ zoom:1;//兼容低版本IE}不推荐的方法有：给父元素设置overflow:hidden；//

原创 margin合并溢出

https://zhuanlan.zhihu.com/p/115273432先占个位置

原创 箭头函数与function的区别

1.箭头函数与function定义函数的写法不同//functionfunction fn(a, b){ return a + b;}//arrow functionvar foo = (a, b)=>{ return a + b };2.this的指向不同使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不变的，一直指向的是定义函数的环境。//function定义的函数function fucA() { conso

原创 把代码提交到错误的分支上了

先撤销最后一次提交，但保留变更代码：$ git reset HEAD~ --soft$ git stash再切到你想要提交的正确分支（develop）上，并把变更代码提交上去$ git checkout develop$ git stash pop$ git add .$ git commit -m "your message here"...

原创 flutter项目pubspec.yaml文件

name: caremoredescription: A new Flutter project.# The following defines the version and build number for your application.# A version number is three numbers separated by dots, like 1.2.43# followed by an optional build number separated by a +.# Bot

原创 fultter学习笔记-踩坑记录-dart学习

1.FloatingActionButton按钮一个页面级元素只允许使用一次可以使用MaterialButton替代之；

原创 “tns doctor” “You need to have the Android SDK Build-tools installed on your system.” but everything

“tns doctor” “You need to have the Android SDK Build-tools installed on your system.” but everything is installed命令行执行$ANDROID_HOME/tools/bin/sdkmanager "build-tools;25.0.2"解决

原创 安卓集成iscan

原创 nativescript中跳转发送短信和打电话页面

/** * @description 发短信 * @param params */export function makeTexting(params:{sms}):boolean { let applicationAndroidIns = ApplicationAndroidIns if(isAndroid){ let intent = new andr...

原创 Debugging connection was closed. Reason: WebSocket disconnected

devtools调用谷歌调试工具时，报错Debugging connection was closed. Reason: WebSocket disconnected可能是安装了谷歌浏览器插件造成的，检车一下最近新安装的谷歌浏览器插件，卸载重启谷歌即可...

原创 nativescript中notifyPropertyChange方法不生效的问题

this.carList.push(obj) //直接push不生效this.carList=this.carList.concat([obj]) //包裹成数组再concat才能检测到数据变化this.notifyPropertyChange('carList', this.carList)

原创 nativescript中showModal和closeModal的使用方法

打开modal时的处理(<Page>getRootPageIns()).showModal(getCorrectPagePath({ path: 'single-pages/car-add/modal-entry' }), {}, function (navigationContext) { //navigationContext接收close时传递的参数 conso...

原创 git 提交某个文件

git status ./ 查看这个文件夹下的文件状态，会列出有哪些没有加入追踪，哪些没有commitgit add ./* 把这个文件下的所有应该加入追踪的，加入到暂存区git commit -m “日志描述” ./ 把这个文件夹下可以commit的，都commit到本地库git push pus...

原创 mac npm 报错node-pre-gyp WARN Using request for node-pre-gyp https download

这是权限不够的问题，下载的时候加上 --unsafe-perm例如：sudo npm uninstall -g nativescript --unsafe-perm

原创 廖雪峰git教程学习笔记

初始化git仓库 git init添加文件到git仓库，分两步1.git add [文件名]2.git commit -m “本次提交的描述”删除文件夹到git仓库1.git rm [文件夹名] -r -f 2.git commit -m “本次提交的描述”查看工作区的状态 git status查看不同内容 git diff查看最近到最远的提交日志 git logHEAD指向...

原创 nativescript Failed to load component from module: ./views/Maps/Maps.xml or file: null

报错 Failed to load component from module: ./views/Maps/Maps.xml or file: null因为本地安装的nativescript -cli版本是5.4的版本，xml文件名后面需要加上-page或者-root或者卸载之前的版本，重新安装5.3的版本即可sudo npm install -g nativescript@5.3...

原创 使用nativescript的初始准备（3）运行demo

按照官网教程依次执行https://docs.nativescript.org/angular/start/cli-basics#quick-setup-using-preview项目跑起来以后tns device 检查是否连接设备tns debug ios 运行本地虚拟机...

原创 使用nativescript的初始准备（2）

1.配置nativescript 开发环境https://blog.csdn.net/wershest/article/details/775126342.解决Cannot find a compatible Android SDK for compilation. To be able to build for Android, install Android SDK 28 or later...

原创 使用nativescript的初始准备（1）

官网使用教程https://docs.nativescript.org/start/quick-setup#step-1-install-nodejs1.安装node2.安装nativescriptsudo npm install -g nativescript安装成功如下：3.nativescript相关命令│ Usage │ Synopsis ...

原创 vue项目结构及文件介绍(2) —— build文件夹

build文件夹里面是对 webpack 开发和打包的相关设置，包括入口文件、输出文件、使用的模块等；build.js文件构建环境下的配置:loading动画、删除创建目标文件夹、webpack编译、输出信息'use strict' // js的严格模式require('./check-versions')() // node和npm的版本检查process.env.NODE_ENV...

原创 vue项目结构及文件介绍(1) —— 外层文件.babelrc .editorconfig .postcssrc.js package.json

项目一级文件夹如下：首先介绍外层文件：.babelrc文件es6特性浏览器还没有全部支持，但是使用es6是大势所趋，所以babel应运而生，用来将es6代码转换成浏览器能够识别的代码，用来兼容绝大多数的主流浏览器。在项目工程脚手架中，一般会使用.babelrc文件，通过配置一些参数配合webpack进行打包压缩。presetspresets属性告诉Babel要转换的源码使用了哪些新的语...

原创 node安装及后续

https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html

转载 前端常用数据缓存技术

https://www.cnblogs.com/belove8013/p/8134067.html

原创 搜索栏交互

js部分：$(document).on('click', null, function (event) { if ($(event.target)[0].className !== 'jump-link') { if ($(event.target)[0].className === 'input-enter') { $('.swiper-mask...

转载 web前端优化之图片优化

https://www.jianshu.com/p/b55e951e9f03

转载 vue项目知识点（1）

一、qs.parse()、qs.stringify()、JSON.parse()、JSON.stringify()使用方法参考：https://www.cnblogs.com/LSSSunshine/p/7340573.htmlqs使用示例：文件夹如下：ajax.js 封装ajax请求方法import axios from 'axios'let qs = require('qs')...

原创 ie8中jq load()方法报错，页面空白

在网上查了很多，说是因为被加载页面中有标签没有成对出现，但是我的页面中都是正确的我的页面出现这个问题是因为加载的页面中使用了新标签，ie8不支持...

原创 微信小程序@keyframes报错

微信小程序可以支持@keyframes，并且@keyframes不需要加前缀如下：直接写@keyframes 动画名{} 即可

转载 Unable to preventDefault inside passive event listener

参考以下文章https://segmentfault.com/a/1190000008512184https://segmentfault.com/a/1190000007913386https://cloud.tencent.com/developer/article/1362536

原创 浏览器中禁止滚动事件

代码如下：/** * lu封装 */(function () { if (!window.lu) { window.lu = {}; }; window.lu = { mo: function (e) { e.preventDefault(); e.stopPropagation();...

原创 兼容ios11中safari浏览器input标签光标错位问题

1.不能直接设置input行高为输入框的高度，外部套个盒子用padding去挤；2.如果是多个一排的情况不能直接设置父元素search-box的布局，比如display：inline-block、浮动、定位或者弹性布局等，光标还是会错位，父元素只能是块级元素给父元素再套一个元素input-wrap，该元素用浮动就可以了（试了别的布局方式不可以，应该只能用浮动了）具体写法：情况一...

原创 es6常用语法

let和const1.定义变量使用let替代var2.const定义不可修改的变量3.作用域和{}结果是：imooc结果是空因为let是块级作用域 {} 内部的值，{} 外面获取不到

转载 vue源码解析（3）—— Vue.js 源码构建

Vue.js 源码构建Vue.js 源码是基于 Rollup 构建的，它的构建相关配置都在 scripts 目录下。构建脚本通常一个基于 NPM 托管的项目都会有一个 package.json 文件，它是对项目的描述文件，它的内容实际上是一个标准的 JSON 对象。我们通常会配置 script 字段作为 NPM 的执行脚本，Vue.js 源码构建的脚本如下：{ "script": {...

转载 vue源码解析（2）—— Vue.js 源码目录设计

Vue.js 的源码都在 src 目录下，其目录结构如下。src├── compiler # 编译相关 ├── core # 核心代码 ├── platforms # 不同平台的支持├── server # 服务端渲染├── sfc # .vue 文件解析├── shared ...

转载 vue源码解析（1）—— 认识 Flow

认识 Flow（类似typescript）Flow 是 facebook 出品的 JavaScript 静态类型检查工具。Vue.js 的源码利用了 Flow 做了静态类型检查，所以了解 Flow 有助于我们阅读源码。为什么用 FlowJavaScript 是动态类型语言，它的灵活性有目共睹，但是过于灵活的副作用是很容易就写出非常隐蔽的隐患代码，在编译期甚至看上去都不会报错，但在运行阶段就可...

原创 使用mpvue创建小程序（2）

在mpvue项目中配置文件路径创建页面时必须暴露数据wx.getUserInfo接口调整若还未授权，点击该按钮会弹出授权弹窗