- 博客(233)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 ES6语法总结(我的第二版,比较完整版)
ES6相关es6的新增的一些东西一. let const的增加1.letES6中新增了用于声明变量的关键字a.具有块级作用域 if (true) { let a = 10; }console.log(a) // a is not defined注意：使用let关键字声明的变量才具有块级作用域，使用var声明的变量不具备块级作用域特性。b.不存在变量提升conso...
2020-02-23 00:56:24
373
原创 正则表达式总结
1.正则表达式概述1.1什么是正则表达式正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字...
2020-02-22 16:17:58
267
原创 我的vscode插件和setting设置(解决vscode保存出现提示运行“XXX“的保存参与者: 快速修复“的问题；二来修复“明明开启的是去分号和单引号,自动保存又自动添加了分号和双引号)
一.插件1.已启用2.禁用二.setting设置// {// "window.zoomLevel": 1,// "workbench.editor.enablePreview": false, //关闭rg.exe进程// "editor.minimap.enabled": false, //关闭快速预览// "liveServer.settings.do...
2020-02-21 01:46:36
10584
1
原创 JQ编程原理
案例:给元素添加自定义方法普通写法: // 1.封装自执行函数给上面元素添加颜色的方法 (function(globel){ function Libary(selector,color){ let elements=document.getElementsByTagName(selector); ...
2020-01-16 22:48:53
262
原创 函数式编程
简介:重点是需要做什么?而不是如何描述,比如遍历数组并打印.小案例:// 1.遍历let forEach = function (array, action) { for (let index = 0; index < array.length; index++) { action(array[index]) }}// 2.打印let logIt...
2020-01-12 02:53:49
195
原创 px一键全部自动转换rem工具(pxtorem)
比如在iphone678中我们html的font-size设置为16px(设置方法可看我移动开发文章),而设计稿宽度为375(一般都是这个,谷歌浏览器手机模式控制台打开也是这个),那就可以按图示使用:完整源码:(直接创建html文件把如下代码复制进去即可)<!doctype html><html><head> <meta charset=...
2019-12-29 00:31:27
3389
1
原创 项目中用到的特别函数封装
//写cookiesfunction setCookie(name, value) { var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) ...
2019-12-11 17:24:54
197
原创 vue路由懒加载办法
前言像vue这种（spy）单页面应用，如果没有使用到懒加载，webpack打包的文件过大，造成进入首页时，加载的资源过多，时间过长，即使做了loading也不利于用户体验，而运用懒加载可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载事件，简单来说就是进入首页不用一次加载过多资源造成时间过长.方法如下:import Vue from 'vue'impo...
2019-12-11 17:08:31
236
原创 react 原生上传方法
react 原生上传方法import React, {Component} from 'react';class FetchUpload extends Component { constructor(props) { super(props); this.fileInput = React.createRef(); } upload...
2019-12-04 10:42:13
522
原创 Flutter黑马头条项目开发(二.底部切换导航和新闻页面开发)
开始底部四个切换导航它分为首页,问答,视频和我的四大模块创建lib/home/home.dart首页文件,使用的是bottomNavigationBar组件,官网也有介绍它有一个onTap函数,这个函数会有一个index下标参数,同时准备四个模块页面news.dart,question.dart,video.dart和user.dart;里面的切换过程:定义上面四个页面数组,在body属性...
2019-12-02 00:04:20
3494
1
原创 canvas刮刮卡游戏开发
canvas刮刮卡游戏开发先看效果:一.基础知识-画布元素的使用1 绘制线条思路在页面中添加画布元素获取画布元素的上下文环境对象使用上下文环境对象绘制图形，保存在内存中绘制一个线条//设置画布的起始点context.moveTo(x,y);//从当前位置绘制直线到x,y坐标context.lineTo(x,y);案例和效果:2. 绘制不同线条颜色的三角...
2019-11-27 15:36:57
243
原创 面试准备之原生JS
一.数据类型在javascript当中数据类型总共分为两类:基本类型和引用类型;基本类型是有6种分别是:null,undefined,boolean,number,string和symbol(es6新增,表示独一无二的值,具体可以看阮一峰的介绍);引用类型统称为Object对象,主要包括对象,数组.基本类型和引用类型的区别:主要是存储位置不一样,基本类型直接存储在栈当中,而引用类型只是把指针...
2019-11-26 01:04:27
373
原创 面试准备之ES6
ES6相关1.es6熟悉吗，说几个es6的新增的一些东西新增声明命令let和const模板字符串（Template String）函数的扩展(默认参数和箭头函数)对象扩展(属性和方法简写,Object.keys(对象)方法和Object.assign(target,obj1,obj2…)方法)import和exportPromise解构赋值展开运算符(…运算符)2. let...
2019-11-26 01:03:21
282
原创 面试准备之性能优化
性能优化前言我之前接手一个别人的项目,当时要求新增需求,等我做完打包后之后发现静态项目超过了17M,于是我想办法进行优化,最后只剩下2M左右,我是怎么做的呢?主要有四个方面:一.网络请求相关1.开启CDN,将第三库直接放到CDN上,不但减小了生产环境的体积,也加快了加载速度;2.设置强缓存,在服务器中将长时间不会改变的第三方库或者静态资源max-age设置为强缓存,这样下次加载只会读取内...
2019-11-26 01:00:04
337
2
原创 Flutter头条项目开发(一.登录页,接口封装和缓存插件)
项目准备创建项目创建一个项目名为heima_app,在main.dart里写最基础代码:import 'package:flutter/material.dart';void main() { runApp(App());}class App extends StatelessWidget { @override Widget build(BuildContext co...
2019-11-18 14:41:04
1145
原创 flutter学习总结(语法,组件,布局,和路由)
按国际惯例,写来一个hello world应用跑一遍.这段代码写在根目录\lib\main.dart文件中，这就是Flutter主文件.基本思路:引入flutter包入口函数声明MyApp类重写build方法,它返回一个Material风格的组件在Material组件的home属性里赋值一个Scaffold组件在Scaffold组件里创建appBar和body在bod...
2019-11-13 00:44:46
3253
原创 SSR服务器端渲染(Next.js总结和豆瓣电影项目)
一.前言先解释一下Nuxt.js和Next.js虽然只有一个字母之差,但它们是不同的两个服务端渲染框架.什么是Next.js?引用Next中文官网的一句话:Next.js 是一个轻量级的 React 服务端渲染应用框架。Next.js带来了很多好的特性：默认服务端渲染模式，以文件系统为基础的客户端路由(注意:没有专门路由)代码自动分割使页面加载更快以webpack的热替换（HMR...
2019-10-29 22:35:00
1970
原创 SSR服务器端渲染(Nuxt.js总结和豆瓣电影项目)
引言开始之前,我们先了解一下普通前端渲染过程:而加了SSR的服务器渲染过程:明显请求次数变少了,速度更快.那接下来隆重介绍服务端渲染什么是服务器端渲染前端渲染：html页面作为静态文件存在，前端请求时后端不对该文件做任何内容上的修改，直接以资源的方式返回给前端，前端拿到页面后，根据写在html页面上的js代码，对该html的内容进行修改。服务端渲染：前端发出请求后，后端在将HTM...
2019-10-26 00:54:38
1237
原创 mobx总结和购物车案例
Mobx是什么?Mobx是一个简单的,可扩展的javascript状态管理库.和redux,vuex等状态管理类似.hello world 开始初始化创建项目create-react-app 项目名安装改变默认脚手架的webpack配置文件yarn add -D react-app-rewired customize-cra @babel/plugin-proposal-decor...
2019-10-24 17:38:13
769
原创 Taro小程序学习总结
1. Taro1.1. 介绍官网开发文档Taro 是一套遵循 React 语法规范的 多端开发 解决方案。由京东的凹凸实验室团队于 2018-09-18 历时 3 个月正式发布。taro 的目标是使用一套代码达到多端统一。多端：微信小程序H5React Native支付宝小程序百度智能小程序快应用 适配中2. 运行项目2.1. 安装脚手架工具@...
2019-10-15 18:26:29
1401
原创 react-native打包apk文件(同时附flutter打包教程)
首先,在rn环境都配好的基础下,直接在cmd(哪个目录无所谓)执行下面命令:keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000解释很重要的东西:“-keystore my-release-key.keystore”...
2019-10-12 11:55:53
213
原创 TypeScript学习总结
一.前言谈到TypeScript,不得不熟悉Javascript是一种弱类型,动态类型检查的语言.上面重点有两个关键字:弱类型,动态类型检查什么是弱类型?弱类型语言是指一个变量可以被赋值不同类型的数据.(与之相对的强类型则不行,强类型一旦指定了数据类型,如果不经过强制转换那么它永远是这个类型了)什么是动态类型检查?动态类型语言是在运行时才会进行类型检查.(与之相对的静态类型检查则是在编...
2019-10-10 10:05:40
775
原创 react-native(豌豆电影项目开发)
一.前期准备1.导航使用的是react-navigation导航,安装方式如下:yarn add react-navigationreact-navigation官网
2019-10-10 00:01:48
1304
5
原创 webpack4.x学习总结
webpack学习总结第1章 webpack介绍webpack是什么?(一个模块打包工具)webpack官网本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个...
2019-09-28 13:59:01
484
原创 简书项目(二,redux的使用)
使用redux管理focused状态的过程:1.创建基础功能安装redux,react-reduxyarn add redux react-redux创建仓库store管理员reducer组件中引入仓库在子组件中进行链接使用react-redux里的connect方法进行和父组件进行链接.connect()方法里接收两个参数:mapStateToProps和mapDis...
2019-09-11 14:51:25
167
原创 简书项目(一,头部组件,阿里图标,过渡动画)
创建初始项目styled-components的使用发现在index.css写一个类名,在子文件App.js里引用这个类名也会生效,这样样式会有全局污染,所以我们采用styled-components来规范样式1.安装styled-componentsyarn add styled-components2.使用css文件变为js文件效果:引入PC各个浏览器的统一基础样式...
2019-09-11 13:21:04
256
原创 react小技巧动态改变值的两种方法
动态改变两种值的方法1.对象方式,简单this.setState({ showWarning:!this.state.showWarning })2.函数方式返回 this.setState((state)=>{ console.log(state);//就是state对象 return{ ...
2019-09-05 17:21:01
3103
原创 react中的运算符&&的使用
先看一段代码:function Mailbox(props) { const unreadMessages = props.unreadMessages; return ( <div> <h1>Hello!</h1> {unreadMessages.length > 0 && <...
2019-09-05 16:43:45
5620
原创 react-native导航器介绍
在react-navigation中有7种类型的导航器:1.createStackNavigator:类似于普通的Navigator,屏幕上方导航栏;2.createTabNavigator:createTabNavigator已弃用,使用createBottomTabNavigator或createMaterialTopTabNavigator替代;3.createBottomTabNav...
2019-09-03 10:34:10
286
1
原创 react-native弹性布局
在React Native中布局采用的是FleBox(弹性框)进行布局.像素无关在React Native中尺寸是没有单位的，它代表了设备独立像素。<View style={ {width:100,height:100,margin:40,backgroundColor:'gray'}}> <Text style={ {fontSize:16,margin:...
2019-09-02 22:59:54
578
原创 react-native基础
一.React Native组件组件的三种创建方式1.ES6创建组件的方式2.函数式创建组件的方式注意:函数式创建的组件是无状态的,什么是无状态呢,比如你不能使用this,比如this.state无法调用;它同时没有完整的生命周期方法,因为它本来就是一个函数,无声明周期.但是它又可以接收到传过来的属性值哦,直接在函数里写参数props,在函数里面通过props.属性名来获取值即可....
2019-09-02 12:05:29
377
原创 react-native学习总结(第一个helloworld程序)
安装环境:必须安装的依赖有：Node、React Native 命令行工具、Python2 以及 JDK 和 Android Studio。(安装很耗时间,而且需要稳定的翻墙,需要有耐心哦)初始化项目cmd终端中运行react-native init 英文项目名Windows 用户请注意,不要有中文，请不要在某些权限敏感的目录例如 System32 目录中 init 项目！会有各种权限...
2019-08-29 11:36:47
177
原创 React-redux总结
一.Redux介绍Redux是一个用来管理管理数据状态和UI状态的JavaScript应用工具。随着JavaScript单页应用（SPA）开发日趋复杂，JavaScript需要管理比任何时候都要多的state（状态），Redux就是降低管理难度的。二.Redux工作流程官网图:老司机图:解释:React Components就相当于大官人，然后我们去作“大宝剑”，我们先见到的是Act...
2019-07-19 13:13:35
205
原创 react脚手架增加less预处理器和babel按需加载的方法
1.先暴露config文件,命令yarn eject 2.在webpack.config.js里配置好后在终端安装yarn add less-loader less --save即可.增
2019-07-09 13:12:09
663
原创 小程序事件里获取元素属性里的值的方法
步骤:1.在dom元素里定义一个:data-自定义名={{要传递的值}}2.在方法的事件对象e里通过e.currentTarget.dataset.自定义名可以获取传递过来的值.效果:
2019-07-04 19:22:16
8596
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人