Jq的博客_Jqlender_CSDN博客-javascript,webpack,css领域博主

原创 'React/RCTBridgeDelegate.h' file not found

react-native run-ios 的时候报错 ‘React/RCTBridgeDelegate.h’ file not found。切换到react-native项目的根目录下： cd /ios pod install cd .. react-native run-ios

2019-09-20 13:53:44 1708 1

原创 NodeJs中process.cwd()与__dirname的区别

process.cwd() 是当前Node.js进程执行时的文件夹地址——工作目录，保证了文件在不同的目录下执行时，路径始终不变__dirname 是被执行的js 文件的地址 ——文件所在目录 console.log(process.cwd(), __dirname)///Users/aa/Downloads/electron-react /Users/aa/Downloads/e...

2019-09-05 17:15:26 1258

原创 electron 主进程向渲染进程发送事件，渲染进程监听事件

主进程执行： //主进程向渲染进程发送消息 win.webContents.send('ping', 'whoooooooh!')渲染进程监听：<script> let ipcRenderer = require('electron').ipcRenderer; ipcRenderer.on('ping', (event, arg) =&...

2019-09-04 19:13:03 1987 1

原创 electron ipcRenderer渲染进程发送事件， ipcMain主进程监听事件

ipcMain从主进程到渲染进程的异步通信。它处理从渲染器进程（网页）发送出来的异步和同步信息。从渲染器进程发送的消息到主进程的异步通信。主进程：import { app, BrowserWindow,ipcMain } from 'electron' 直接在app的监听时间后面追加就行了let win; function createWindow() { //创建浏览器窗...

2019-09-04 18:05:15 2569

原创 node process.env

官方process文档官方解释：process 对象是一个全局变量，它提供有关当前 Node.js 进程的信息并对其进行控制。作为一个全局变量，它始终可供 Node.js 应用程序使用，无需使用 require()。一、process.env返回项目运行所在环境的一些信息。在应用上可以根据不同的环境，做一些配置上的处理。那么我们如何配置环境变量呢？process.env.xxx中的 ...

2019-08-12 17:18:03 96

原创 webpack.DefinePlugin使用介绍

这个插件是用来定义全局变量的//webpack.config.jsvar webpack = require('webpack');var path = require('path');module.exports = { entry: { index: "./js/index.js" }, output: { path: "./d...

2019-08-06 17:40:11 1096

原创用electron-forge创建一个项目

安装npm install -g electron-forge建立项目下面的命令在当前目录下建立一个my-project目录，里面就是我们的工程代码了，同时这里指定了使用vue模板，如果不指定的话，默认会使用ES6/7的模板electron-forge init my-project --template=vue运行npm start打包//打包成一个目录到out目录下，注意这...

2019-08-02 15:55:07 2181

原创创建electron应用

安装Electroncnpm install electron --save-dev修改package.json，增加start命令指向electron，设定入口为main.js，参照下面代码:"main": "main.js","scripts": { "start": "electron ."}创建最简Electron项目创建main.js文件，添加下面的代码。创建...

2019-08-02 11:55:22 243

原创节流与防抖

函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。function debounce(fn, wait) { var timeout = null; return function() { if(timeout !== null...

2019-07-22 19:52:02 325 1

原创 var、let、const区别

一、var声明的变量会挂载在window上，而let和const声明的变量不会：var a = 100;console.log(a,window.a); // 100 100let b = 10;console.log(b,window.b); // 10 undefinedconst c = 1;console.log(c,window.c); // 1 und...

2019-07-22 18:09:05 41

原创 flex布局3等分

2019-07-22 13:16:19 925

原创 css选择器 p>a,p~a,p+a区别

p>a:子选择器，表示p元素下的第一级子元素ap~a:兄弟选择器，p之后出现的所有兄弟a，a不必紧跟p后边p+a:相邻兄弟选择器，紧跟其后的第一个兄弟元素...

2019-07-15 12:36:59 305

原创 vue 2.0 :key的作用

<div v-for="item in items" :key="item.id"></div>1.如果数据更新的有相同的数据就会直接利用key去渲染，有相同父元素的子元素必须有独特的key。重复的key会造成渲染错误。2.key的用法一般是:key=‘id’，意思是为元素绑定一个key属性，这个key属性为元素添加了一个唯一身份...

2019-07-15 12:16:03 55

原创 node 跨域请求设置

http.createServer((req,res)=>{//设置允许跨域的域名，代表允许任意域名跨域res.setHeader(“Access-Control-Allow-Origin”,"");//跨域允许的header类型res.setHeader(“Access-Control-Allow-Headers”,“Content-type,Content-Length,Auth...

2019-07-10 15:12:10 90

原创【vue】ios中从详情页中返回到列表页出现空白的问题

移动端开发 vue项目中，ios机器上点击返回列表页的时候，会出现空白现象，触屏一下或者拉动一下，数据才会显示出来，针对此问题，尝试了很多次，最终解决方法如下：给#app加以下样式：overflow-y: auto;-webkit-overflow-scrolling: touch;...

2019-07-08 15:47:54 554

cross-env是运行跨平台设置和使用环境变量的脚本大多数情况下，在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住，windows平台与POSIX在使用命令行时有许多区别（例如在POSIX，使用$ENV_VAR,在windows，使用%ENV_VAR%。。。）cross-env让这一切变得简单，不同平台使用唯一指令，无需担心跨平台问题npm安装方...

2019-05-31 09:53:55 1474

原创 iPhone7p与iPhoneX布局出现右边白边问题

原因：是由于border-radius与overflow:hidden一起使用引起的解决方法：border-radius与overflow:hidden不能一起使用就不会出现白边

2019-05-20 21:26:08 1458

原创在移动端禁用长按选中文本功能

{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}input {-webkit-touch-callout: auto;-webkit-us...

2019-04-25 19:35:57 580

原创小程序跳H5页面

wxml1：<view class="tiaoH51"> <navigator url="/pages/web?url=https://www.baidu.com/" class="papaa"> 点击跳转到H5页面 </navigator> </view>wxml2：<view class="container"...

2019-03-28 12:44:36 294

原创 VUE 使用插件vue-clipboard2复制内容至剪切板(两种使用方法)

安装npm install --save vue-clipboard2main.jsimport Vue from 'vue'import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard)方式一<template> <div class="container"> <inpu...

2019-03-05 19:11:02 8185 1

原创小程序-分包加载

某些情况下，开发者需要将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包则是根据开发者的配置进行划分。在小程序启动时，默认会下载主包并启动主包内页面，当用户用户进入分包内某个页面...

2019-02-19 20:06:46 422

原创 Vue PDF文件预览vue-pdf

预览PDF实现方式：一、安装依赖npm install vue-pdf --save二、直接在要使用的页面中使用<template> <pdf src="./static/relativity.pdf"></pdf></template><script>import pdf from 'vue-pdf'expor...

2019-02-14 18:44:49 16084 18

原创 vue 引入swiper4,在有些手机Dom7会有问题

问题描述：vue项目中页面B引入了swiper4,页面A有个点击按钮要进入页面B,第一次进不去，再点一次可以进去。原因：1、有的手机不兼容es6，swiper4依赖dom7，而dom7是用es6写的2、默认情况下 babel-loader 会忽略所有 node_modules 中的文件。如果你想要通过 Babel 显式转译一个依赖，可以在这个选项中列出来。解决：在vue.config....

2019-01-29 23:12:16 786

原创 vue中阻止事件冒泡

Vue.js 为 v-on 提供了事件修饰符。通过由点(.)表示的指令后缀来调用修饰符。.stop 阻止事件冒泡<div @click="close" class="fixedCover"> <div class="inner" @click.stop> <img src="/images/close.png" alt

2019-01-09 20:29:09 3426

原创 vue中使用checkbox

在vue中，通过v-model来判断当前checkbox是否被选中，它绑定一个数组，选中项的值会自动添加到数组中。如果我们要求选项至少选择一个值，我们来通过disabled来禁止用户取消点击选项&amp;amp;lt;template&amp;amp;gt; &amp;amp;lt;div&amp;amp;gt;请选择你的爱好&amp;amp;lt;/div&amp;amp;gt;

2019-01-09 10:53:15 1037

原创 vue中引入swiper

1、依赖swipernpm install swiper --save-dev2、引入swiperimport Swiper from 'swiper';import "swiper/dist/css/swiper.min.css";3、使用swiper页面布局参考官网swiper4.0<script>import Swiper from "swiper";imp...

2019-01-08 16:27:06 1152

原创 nodejs--http模块

http模块主要用于创建http server服务,其中封装了高效的http服务器和http客户端http.server是一个基于事件的HTTP服务器，内部是由c++实现的，接口由JavaScript封装http.request是一个HTTP客户端工具。用户向服务器发送数据。支持更多特性不缓冲请求和响应处理流相关一、简单应用http.createServer([requestLi...

2019-01-08 15:54:07 411

原创 nodejs入门

什么是NodeJS简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。第一个Node.js程序：Hello World！保存一个文件名为 ...

2019-01-08 13:53:55 80

原创阻止浏览器自动填充input密码框

1.最简单的方法,加一个属性autocomplete=“new-password”.2.把input type=”password” 改成 input type=”text” 并在后面加上 onfocus=”this.type=’password’”.

2019-01-02 20:17:29 2796

原创 win10台式机屏幕亮度无法调节

win10系统亮度一直不知道怎么调节，网上的教程很杂并且大多无用，像卸载驱动和更改注册表内容根本不敢轻易尝试。今天误打误撞，找到了调节亮度的方法，笔记本和台式机好像不一样。工具：win10专业版、右键可以出现英特尔显卡选项的1、首先，鼠标右键，点击英特尔显卡设置2、点击显示器3、点击颜色设置，然后就可以看到屏幕亮度调节选项了...

2018-12-29 17:30:42 2485

原创 webstorm2018破解方法

一、下载补丁到最新版本下载地址:IntelliJ IDEA 注册码下载补丁。二、将补丁复制到bin目录下C:\Program Files\JetBrains\WebStorm 2018.3.2\bin三、修改同目录下的 WebStorm.exe.vmoptions 和WebStorm64.exe.vmoptions，这两个文件一个是32位的，一个是64位的，建议同步修改。用文本编辑器...

2018-12-29 13:23:40 200

原创 Vue2.0 $set()的正确使用方式

vue2.0 给data对象新增属性，并触发视图更新如下代码，给 student对象新增 age 属性data () { return { student: { name: '', sex: '' } }}直接给student赋值操作，虽然可以新增属性，但是不会触发视图更新mounted (...

2018-12-28 16:13:32 1810

原创利用nodeJs anywhere搭建本地服务器环境

前端有些时候测试某个模块的时候或者需要用手机或其他手持设备访问，这时就有必要搭建一个本地服务器！传统的服务器操作繁杂，在此给他大家搭建另外一种小巧的本地服务器:一、安装node首先去nodeJs官网下载最新版nodeJs https://nodejs.org/en/注意如果是mac系统会提示你权限不够，需要在代码前加上 sudo获取管理员权限。即sudo npm install an...

2018-12-27 19:12:21 134

原创 Visual Studio Code设置中文包/配置中文语言

打开vscode工具使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入“configure display language”，点击确定后；修改locale.json文件下的属性“locale”为“zh-CN”;重启vscode工具；点左边第四个按钮，搜索Chinese (Simplified) Language Pack for Visual Studio Code安装，安装后...

2018-12-26 14:31:46 1477

原创 DOM事件流

DOM事件流包括三个阶段。事件捕获阶段处于目标阶段事件冒泡阶段1. 事件捕获阶段事件对象会随着DOM事件流从Window依次向下，最终传递给事件目标。但是在这个过程开始之前，事件对象的传递路径需要先被确定下来。当事件发生时，首先发生的是事件捕获，为父元素截获事件提供了机会。(addEventListener最后一个参数，为true则代表使用事件捕获模式，false则表示使用事件冒...

2018-12-25 20:01:13 124

原创解决在IOS系统及微信中audio、video不能自动播放的问题

<video id="shakeVideo" src='video/shakingRedbagVideo.mp4' autoplay="autoplay" controls="controls" style="background:url(img/shaking_bg.jpg);"></video>bug: 在video标签内定义的属性auto

2018-12-20 22:51:49 3445 4

原创 Object.create()方法

Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的proto。语法:Object.create(proto, [propertiesObject])- proto:新创建对象的原型对象。必填- propertiesObject:可选。若没有指定为undefined，则是要添加到新创建对象的可枚举属性（自身定义的属性，而不是原型链上的枚举属性。这些属性对应Ob...

2018-12-20 19:41:02 630

原创 substring、substr以及slice、splice用法和区别

关于substring()substring(start,stop)表示返回从start开始到stop处之间的新字符串，其长度为stop减 start。特点：包含start，但不包含stop且不修改原字符串，返回新字符串这一点与slice的含头不含尾相近。例如：var str = "0123456789";console.log(str.substring(1,5))//"123...

2018-12-19 00:18:17 133

原创浏览器渲染原理及流程

为什么要了解浏览器加载、解析、渲染这个过程？了解浏览器如何进行加载，我们可以在引用外部样式文件，外部js时，将他们放到合适的位置，使浏览器以最快的速度将文件加载完毕。了解浏览器如何进行解析，我们可以在构建DOM结构，组织css选择器时，选择最优的写法，提高浏览器的解析速率。了解浏览器如何进行渲染，明白渲染的过程，我们在设置元素属性，编写js文件时，可以减少”重绘“”重新布局“的消耗。渲...

2018-12-17 23:39:16 1011

原创如何解决两个相邻的span中间空隙

产生间隙原因: 换行或空格会占据一定的位置。1.span直接在一行，没有空格<style> span{background: red;}</style><span>1</span><span>2</span>这种方案是最直接的解决方案，但却也是最不靠谱的方案，存在很多不可控因素。很多场景会让你崩溃：前后端协同...

2018-12-17 15:38:08 2110

空空如也

空空如也

空空如也