- 博客(15)
- 收藏
- 关注
RSS订阅原创 webpack（三）eslint代码检查，js兼容性处理, 压缩html 和 css
1.eslint 代码检查webpack.config.js主要配置 //loader的配置 module: { rules: [ /* 语法检查：eslint-loader eslint 注意：只能检查自己写的代码，第三方库是不用检查的 package.json中eslintConfig中设置 "eslintConfig": {
2020-11-06 14:51:30
640
原创 webpack（二）devServer,构建环境,提取cs成单独文件,css兼容性处理，压缩css
1.devServer开发服务器devServer,用来自动化（自动编译，自动打开浏览器，自动刷新浏览器）,下载webpack-dev-severnpm i webpack-dev-server -Dwebpack.config.js配置
2020-11-06 14:49:12
870
原创 webpack（一）压缩js,加载css,压缩html,压缩图片
1.webpack是前端资源构建工具(将一系列小工具用一个大工具处理)，静态模块打包器(js资源，css资源，图片字体等资源)。 首先告诉webpack一个入口文件，webpack就会以这个入口文件为起点开始打包，根据模块（资源文件）的依赖关系进行静态分析，形成依赖关系树状图，然后形成chunk.js(代码块)，然后chunk再进行各种处理，比如将less转换成css,将ES6转换成ES5,这些操作统一概括起来叫做打包，打包后将处理好的资源输出去叫bundles（静态资源）。功能- 将浏览器不可.
2020-11-06 08:29:50
793
原创 React Native 开发APP
记录一下项目中主要用到的技术点吧~一.电子签名的显示，文件存储到手机，上传电子签名用到的组件：react-native-signature-capture写文件react-native-fs上传用到的组件react-native-fetch-blobimport React, { Component, Fragment } from "react";import { St...
2020-05-06 22:55:06
814
原创 微信公众号项目总结
很久没写博客啦，总结一下刚做完的项目吧~一.项目主要应用的技术公众号开发，其实就是类似于网页开发 前端JS主要用的是Jquery ，UI框架是weui 。这里有个坑（r如果是用ES6写的，在pc端的微信打开公众号页面，JS会失效）。//移动端调试代码 <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.m...
2019-05-14 13:40:12
3265
1
原创 CSS
一. CSS选择器：选择对哪些元素添加样式.class .nana 所有class为nana的元素 （类选择器）.class.class .nana.lin 选择同时包含类名为nana 和lin 的元素 （多类选择器）例：实际项目中一个div元素为了能被多个样式表匹配...
2018-10-31 14:41:55
262
原创 rem布局
1rem的大小是根据最底层的font-size的值来变化的，设置一个监听，监听页面的的宽度，通过页面的宽度来设置 底层font-size的值。所以不同的屏幕宽度，1rem的值是不一样大小的。正常，我们会将一个屏幕的宽设置成16rem.不管屏幕的宽是多少，他都等于16rem。这就相当于百分比布局，百分比布局是将宽设置成100份，rem是将宽设置成16份（这里设置成多少份，自己定义）...
2018-10-30 14:24:40
484
原创 Npm
npm其实是Node.js的包（代码模块）管理工具（package manager）。它的主要功能就是管理node包，包括：安装、卸载、更新、查看、搜索、发布等。为啥我们需要一个包管理工具呢？因为我们在Node.js上开发时，会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包，每次都根据名称搜索一下官方网站，下载代码，解压，再使用，非常繁琐。于是一个集中管理的工具...
2018-07-12 15:43:36
3695
原创 React Nativ学习笔记——使用ES6语法开发
使用ES5开发转入ES6开发主要注意以下6个部分：1.React Native组件导入使用ES5语法时，我们使用代码1-1来导入React Native组件代码1-1let React = require('react-native');ADlet{ AppRegistry, StyleSheet, Text, View}=Re...
2018-05-26 21:42:53
336
原创 window系统下React Native开发环境搭建
1.安装jdk打开下载地址http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html根据自己的电脑配置选择相应的版本到自己的安装目录，如下图所示点击安装，安装步骤如下这里不要安装到C盘，自己在其他盘建一个文件夹，我这里的路径如下图所示这步是下载jre,自己新建一个目录存放，我的如图所示接下来...
2018-05-19 20:00:36
374
原创 React学习笔记
React特点1.一套用于构建用户页面的js框架2.基于组件开发3.虚拟DOM 这是React最重要的特性，放进内存，最小，差异部分更新 ，使得性能卓越，开销很小（频繁的DOM操作，会造成资源浪费）diff算法: 一个比较计算层次结构区别的算法，用来计算DOM之间的差异4.数据流（data flow） 单向数据流JSX语法1. JSX是Javascri...
2018-05-13 15:33:44
431
原创 Flex布局及在React Native中使用的情况
伸缩容器的属性1.displaydisplay: flex | inline-flex块级伸缩容器 行内级伸缩容器2.flex-direction指定主轴的方向 flex-direction: row | row-reverse | column | column-reverse3.flex-wrap伸缩容器在主轴线方向空间不足的情况下，是否换行以及如何换行flex...
2018-05-13 15:33:18
1200
原创 ES6学习笔记——forEach、for in、for of的区别，Set和Map
一.forEach、for in、for of三者区别1)forEachforEach用来遍历数组，不能中断循环（使用break和return）var arr=["a","b","c","d"]arr.forEach(function(val,index,arr){ //val当前元素 index当前元素的索引 arr数组 console.lo...
2018-04-24 16:15:00
839
原创 ES6学习笔记——数组的循环和数组新增的东西
一. arr.forEach()循环遍历数组作用：用于调用数组的每个元素，并将数组的每个元素传给回调函数。语法：array.forEach(function(currentValue. index, array), thisValue)currentValue: 当前元素 （必需） index: 当前元素的索引值（可选）array:当前元素所说的数组对象 this...
2018-04-19 13:49:52
3771
原创 ES6学习笔记（一）——-let和const定义变量，解构赋值
一 . let定义变量1）let定义的变量只在代码块{ }内使用有效，在代码块外使用会报错(for循环的计数器很适用，fpr循环的内部是一个父作用域，循环体内部是一个单独的作用域）var a = [];for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); };}a[6](); /...
2018-04-16 17:53:33
872
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人