- 博客(118)
- 收藏
- 关注
原创 自己动手实现EventEmit
最近做React项目的时候使用了events库中的EventEmit,动手实现了一个简易版,了解到EventEmit本质上是观察者模式的一种实现。export default class EventEmitter { constructor() { this.event = {}; this.maxListerners = 10; } // 监听 on(type,...
2019-10-18 15:02:36
2381
原创 js工程模式
按照某种形式批量生成对象:class Product { constructor(name) { this.name = name; } init() { alert('init'); } fun1() { alert('fun1'); } fun2() { alert('fun2'); }}class Creator { ...
2019-10-14 16:16:14
1033
1
原创 React-Router 4.0基本使用
React Router升级到4.0后新增了很多api,现在我们仅仅需要使用react-router-dom。一些核心概念(以下仅仅是我的一些理解,具体请看官网):path:匹配路径exact 精准匹配component匹配组件render匹配组件中有子路由的时候使用Link跳转NavLink导航跳转Switch 匹配到第一个路由后便不会继续匹配Redirect 重定向Hash...
2019-09-28 13:14:56
703
原创 react-navigation goBack()传值
ViewA跳转到ViewBimport React from "react";import { Button, Text, View } from "react-native";class ViewA extends React.Component { state = { selected: false }; onSelect = data => { this.se...
2019-07-30 15:06:57
4584
原创 Web前端基础知识整理(二)
1、Web中的常见攻击方式跨站脚本攻击XSSXSS简单来说,就是在页面中植入恶意代码防御XSS:坚决不要相信用户的任意输入,并过滤掉输入中的特殊字,比如script标签,保护cookie,对重要的cookie设置httpOnly,防止客服端通过document.cookie获得cookie。sql注入sql注入指的是攻击者向服务器提交恶意sql代码,导致源程序执行包含恶意代码的s...
2019-06-24 23:23:07
699
原创 Web前端基础知识整理(一)
1. typeof返回的数据类型typeof返回的数据类型包括undefined、string、number、boolean、symbol、Object、Function类型。2. 检查数组的方式isArray()方法、toString.call()、instanceof Array3. js中的call、apply、bind方法的区别js中的call apply bind都是用来改变...
2019-06-24 00:00:57
45071
2
原创 冒泡排序
public class bubbleSort {// 冒泡排序 public static void main(String[] args) { // TODO Auto-generated method stub int arr[] = {10,8,99,36,57,88,56,37,48,43}; for (int i = 0; i < arr.length - 1;...
2018-10-20 10:59:02
229
原创 简单选择排序
选择排序的思想就是每趟选择一个最大或者最小的数与前面的数进行交换/* * 选择排序算法 每一趟选择一个最小或最大的数交换位置 */public class selectSort{ public static void main(String[] args) { // TODO Auto-generated method stub int arr[] = {10,8,99,36,...
2018-10-20 10:33:36
757
原创 剪绳子
/* * 给你一根长度为n绳子,请把绳子剪成m段(m、n都是整数,n>1并且m≥1)。 * 每段的绳子的长度记为k[0]、k[1]、……、k[m]。k[0]* k[1]*……*k[m]可能的最大乘积是多少? * 例如当绳子的长度是8时,我们把它剪成长度分别为2、3、3的三段,此 时得到最大的乘积18。 */public class CutRope { public static...
2018-10-15 09:28:29
452
原创 # 二分查找的递归与非递归实现
二分查找的递归与非递归实现二分查找也称为折半查找,首先,假设表中元素是按升序排列,将表中间位置记录的关键字与查找关键字比较,如果两者相等,则查找成功;否则利用中间位置记录将表分成前、后两个子表,如果中间位置记录的关键字大于查找关键字,则进一步查找前一子表,否则进一步查找后一子表。重复以上过程,直到找到满足条件的记录,使查找成功,或直到子表不存在为止,此时查找不成功。思想比较简单,话不多说,...
2018-10-10 09:39:43
455
原创 Git中 .gitignore无效的解决办法
git规则.gitignore只能忽略那些原来没有被track的文件,如果某些文件已经被纳入了版本管理中,则修改.gitignore是无效的解决办法git rm -r --cached .git add .git commit -m 'update .gitignore'...
2018-09-09 19:54:33
3617
转载 mac下自定义命令
原文链接: https://blog.csdn.net/s630405377/article/details/46997849现在做开发每次提交代码的命令都是一长串参数,不想去记,于是可以使用alias命令来解决这个问题:alias aCommandAlias='aCommand 一堆参数什么的'比如alias gpush='git push origin HEAD:re...
2018-09-08 17:25:14
5281
原创 Android Studio调试React Native项目
今天做项目时,在React Native中调用了原生组件,点击按钮时,程序就闪退,在React Native中却看不到程序的log,原生代码log只有在android studio中查看!最后找到了Android Studio运行React Native项目的方法。1,在 android/app/src/main 目录下创建一个 assets空文件夹mkdir android/app/s...
2018-08-04 21:40:52
3962
原创 Linux下php无权限对文件操作
今天遇到了在Linux下php无法对文件进行操作对情况,使用chmod($file, 0777);对文件修改权限即可!
2018-07-29 16:22:30
1779
原创 AndroidManifest 合并出错 tools:replace="android:allowBackup"
解决方法:在manifest中加入xmlns:tools="http://schemas.android.com/tools"<manifest xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" packa...
2018-07-28 20:33:35
5634
原创 react-native-signature-capture签名(Android)配置与使用
近期做android签名,就找到了react-native-signature-capture组件,在android中配置与官网上有一点不同。官网:https://www.npmjs.com/package/react-native-signature-capture,github:https://github.com/RepairShopr/react-native-signature-...
2018-07-26 16:47:23
2671
转载 React-Native之Android(6.0及以上)权限申请
转载自:https://blog.csdn.net/mochiwxtianya/article/details/80132861为什么Android要申请权限简单说下在Android6.0及6.0以上一些google认为涉及“危险和用户隐私”的一些权限不仅要做清单文件(android/app/src/AndroidMainfest.xml)里面申请,还有单独调用api,去让用户选择是...
2018-07-24 12:10:05
734
原创 React中setState回调
setState()是异步的1. 语法:setState中必须在回调中打印,直接输出将不会变化!setState(updater[, callback]) this.state={ test: false}this.setState({test: true});console.log(this.state.test); // false//使用回调this.sta...
2018-07-22 20:56:57
3698
原创 React Native打包apk
生成一个签名密钥你可以用keytool命令生成一个私有密钥。在Windows上keytool命令放在JDK的bin目录中(比如C:\Program Files\Java\jdkx.x.x_x\bin),你可能需要在命令行中先进入那个目录才能执行此命令。进入bin目录下面后执行下列代码:$ keytool -genkey -v -keystore my-release-key.keys...
2018-07-16 19:36:12
308
原创 React native导入百度地图
开源地址:https://github.com/lovebing/react-native-baidu-map 今天在React native中导入百度地图组件遇到过许多坑,特此写一篇博客记录踩过的坑...1、Install 安装 npm install react-native-baidu-map --save 2、在settings.gradle中添加以下内容...
2018-07-11 21:24:08
4323
转载 CSS实现单行、多行文本溢出显示省略号(…)
转自:http://www.daqianduan.com/6179.html如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显...
2018-07-06 19:43:56
190
原创 React native修改state中的数组
今天遇到在react native中修改state中子项为数组的情况,一直赋值不成功,后来查资料发现native中数组是引用,不能直接对引用赋值,查找资料的时候找到了该网页:修改数组项的时候要返回一个新数组,可以用扩展运算符...加上新的项!后来完美解决!感谢网友的强大力量补充:删除state中的数据:但是数组删除后页面没有同步刷新,暂时只找到了一下解决办法: ...
2018-06-08 18:08:39
9422
原创 React-Native 出现unable to load script from assets 'index.android bundle'...
在Android 手机上运行React_Native工程时出现了如下错误,做以记录:unable to load script from assets ‘index.android bundle’ ,make sure your bundle is packaged correctly or youu’re runing a packager server解决报错的方法:第一步:在Android/...
2018-06-06 14:45:06
565
1
原创 react-native-vector-icons(android)的安装与使用
第一步:在react-native 工程目录下通过npm安装react-native-vector-iconsnpm install react-native-vector-icons --save第二步:分别为android和ios做一些相应的配置Android:在android/app/build.gradle中增加如下脚本:project.ext.vectoricons = [ i...
2018-06-03 11:41:52
1604
原创 Sublime Text3安装插件
最近学习前端时一直使用webstorm,随着时间越来越长,webstorm打开越来越卡(现在甚至要2分钟,简直无法忍受!!!)最后决定转到Sublime上来,废话不多说,sublime安装插件步骤: 通过Package Control安装安装过Package Control之后,可以直接使用快捷键 ctrl + shift + p ,会弹出一个输入框。输入install package,...
2018-05-26 11:07:20
221
原创 socket php(长连接传输数据)
server_socket.php:<?php//创建服务端的socket套接流,net协议为IPv4,protocol协议为TCP$socket = socket_create(AF_INET,SOCK_STREAM,SOL_TCP); /*绑定接收的套接流主机和端口,与客户端相对应*/ if(socket_bind($socket,'127.0.0.1',8888)...
2018-05-10 16:00:15
11935
2
原创 socket c#版
Server:using System;using System.Net;using System.Net.Sockets;using System.Text;namespace socket{ class Program { static void Main(string[] args) { int recv;...
2018-05-10 15:58:20
919
转载 php socket连接
转载自:https://www.cnblogs.com/loveyoume/p/6076101.html php的socket编程算是比较难以理解的东西吧,不过,我们只要理解socket几个函数之间的关系,以及它们所扮演的角色,那么理解起来应该不是很难了,在笔者看来,socket编程,其实就是建立一个网络服务的客户端和服务端,这和mysql的客户端和服务端是一样的,你只要理解mysql的客户端和服...
2018-05-10 15:55:16
1510
转载 阿里云轻量应用服务器Lamp部署php工程踩过的坑
转载:https://www.cnblogs.com/gudongcheng/p/7929084.html使用阿里云的轻量应用服务器Lamp其实非常方便,价格也很便宜,一键购买需要的环境都帮你搭配好了,剩下的就是自己修改一下数据库密码和上传php工程了,虽然很方便,但是在部署的过程中还是有许多坑,虽然一步步去排坑也不难,我整理了一下希望可以帮助到大家。 第一步:去阿里云购买一台轻量应用服务器Lam...
2018-04-27 13:12:07
4052
2
原创 vue调试工具vue-devtools的安装
1、下载chrome扩展插件 git clone https://github.com/vuejs/vue-devtools.git2、解压下载好的文件,进入到vue-devtools目录,安装项目所需要的依赖包。安装方法:npm install 或者 cnpm install (注:cnpm命令是国内的镜像,速度会快一些)3、 编译项目文件。编译方法:npm run build第四步:修改安...
2018-04-23 20:17:04
2700
原创 Vue中加载组件的另一种形式
最近在看一个vue的入门项目,看到路由的时候:这是vue中路由的另一种形式,component中传入一个函数,会自动调用该函数。require.ensure指的是webpack中的异步加载,其中r是回调函数,加载完之后便调用该回调函数{ path: '/test', component: r => require.ensure([], () => r(req...
2018-04-22 16:59:50
993
原创 vue-cli目录结构分析
上面是一个vue-cli的目录结构(不带路由)主要分析index.html main.js App.vue HelloWorld.vue的关系index.html:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" conten
2018-04-15 13:17:27
727
原创 vue中的几种组件
1、模版在字符串中<div id="app"> <todoitem></todoitem></div><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script>
2018-04-15 12:39:05
1101
转载 Vue实例属性之el,template,render
原帖:https://www.cnblogs.com/camille666/p/vue_instance_prop_el_template_render.html一、el,template,render属性优先性当Vue选项对象中有render渲染函数时,Vue构造函数将直接使用渲染函数渲染DOM树,当选项对象中没有render渲染函数时,Vue构造函数首先通过将template模板编译生成渲染函...
2018-04-15 12:12:18
4617
转载 javascript中的原型与对象(一)
转载自:https://blog.csdn.net/u012468376/article/details/53121081一、什么是原型 原型是Javascript中的继承的基础,JavaScript的继承就是基于原型的继承。1.1 函数的原型对象 在JavaScript中,我们创建一个函数A(就是声明一个函数), 那么浏览器就会在内存中创建一个对象B,而且每个函数都默认会有一个属性 p...
2018-04-12 19:55:48
151
原创 Promise用法介绍
1、promise特点Promise,简单来说就是一个容器,里面保存着一个异步事件。在es6中被正式加入。Promise最大的好处就是将异步处理的执行代码和结果处理代码清晰的分离。Promise有三种状态pending(进行中)、fulfilled(已成功)、rejected(已失败)2、基本用法promise本质是一个对象var promise = new Promise(function (r...
2018-04-11 16:13:35
512
原创 javascript中的iterable
在es6中,引入了新的Map和Set对象,Array可以通过下标遍历,而Map和Set无法通过下标遍历。为了统一集合,es引入了新的iterable类型,Array,Map,Set类型都属于iterable。讲讲常用的几种遍历方法。1.for..in var a = [1,2,3];for(var index in a ){ console.log(index); consol...
2018-03-29 16:43:16
1150
原创 webapp之rem布局
现在主流的webapp都开始使用rem布局,rem布局是一种相对布局,他与html的font-size成比例。简单来说,如果html的font-size为10px,那么1 rem = 10px;如果html的font-size为20px,那么1 rem = 20px;通常我们设置手机宽度都是以640px为标准,为了方便计算,通常都是设置html的font-size为100px,此时布局的时候1re...
2018-03-25 11:38:11
338
原创 Vue中的组件
学了一段时间Vue,现在将Vue中有关的概念整理一下。组件分为全局组件和局部组件。全局组件,所有的Vue的实例都可以去使用//全局组件,所有的实例都可以使用Vue.component('my-component',{ template:'<div><input type="date"><p>今天天气很好</p></div>...
2018-03-23 12:45:14
205
原创 $.ajax形式讲解
当我们使用jquery的$.ajax进行异步请求的时候(或者使用微信小程序自带的wx.request()),总会遇到以下的形式:regist.on('click',function () { console.log("!!!1"); $.ajax({ type:'post', url:'./api/user/register', data:{...
2018-03-18 14:41:38
470
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人