qq_44875145的博客

原创 如何删掉npm安装的php，安装需要的php版本

如何删掉npm安装的php，安装需要的php版本

原创 Xcode安装方式

Xcode安装方式

原创 RN基础知识一

RN基础知识一主要讲解以下React的基础知识。React Native 介绍文件目录结构JSXRN样式基本标签插值表达式调试事件生命周期mobxReact Native 介绍文件目录结构│ App.js --- 项目的根组件│ index.js --- 项目的入口文件 │ package.json --- 项目的描述文件 │ .eslintrc.js --- esli

原创 RN环境配置中的问题

RN环境配置的问题问题一由于仅部分匹配或匹配不明确，因此无法迁移设备 USB\VID_22D9&PID_2046\DUKJMRAU9L9D4SDU。解决方案：需要在点击USB调试按钮时选择传输文件。如果选择充电的话就会显示没有连接上设备。问题二在运行命令：yarn andriod之后报错原因：由于app目录处于’F:/猪/reactnative/code/myApp’中，其中有中文，因此将中文目录变成全英文目录即可解决问题。问题三在运行命令：yarn andriod之

原创 RN环境搭建

环境搭建概述react-native 的环境搭建相比较于普通的web项目(vue、react）来说要繁琐不少，但是通过以下的方式基本都可以得到解决。RN的官网文档百度+谷歌安装环境介绍操作系统：win10专业版手机：安卓手机真机一部或夜神模拟器必须安装的依赖有:Node、JDK、Yarn、Android SDK、Python2Node的安装先到 官网 去下载node版本(使用 nvm 工具来安装也可以)以 管理员 身份安装 然后一直点击下一步即可Yarn的安装Yarn是

原创 安装homebrew

一.什么是homebrewhomebrew是MacOS系统里面包的管理工具，主要解决软件或者包下载时的各种依赖包。homebrew会将下载的软件统一安装在/usr/local/Cellar目录中，并自动在/usr/local/bin目录中创建链接。详情参照:homebrew官网二.homebrew的下载方法1.官网写的很详细, 一行命令搞定/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/H

原创 如何解决git push推不上去的问题

前言最近做了一个简单的静态页面，因为需要提交到代码库中，在git push的过程中发生了一点问题，记录如下。正文问题进行git push origin HEAD:refs/for/mineDelete之后发现报错:You are pushing to 2 different target branches in one CR (a9f9c53 pushed to branch master[branch A], 75d60db pushed to branch mineDelete[br

原创 前端中的图形库

前端中的图形库SVGSVG的概念和引入方式1.SVG 指的是可伸缩矢量图形(Scalable Vector Graphics)，用来定义用于网络的基于矢量的图形，使用 XML 格式定义图形。SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失，是万维网联盟的标准。2.SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体。 2003 年一月，SVG 1.1 被确立为 W3C 标准。与其他图像格式相比，使用 SVG 的优势有以下几点：可被非常多的工具创建、读取和修改与JPEG和

原创 正则表达式

正则表达式概念1.正则表达式，由人提供给计算机，让计算机能够读懂人类的规则。它的优缺点：可以大大简化代码；性能也比正常的函数方法要好；但只能操作字符串。2.正则表达式的声明：推荐使用字面量写法。var re = /a/; //字面量写法var re = new RegExp('a'); //构造函数实例化写法3.正则表达式不能传参，或者说两个/里面的只是正则的规则，不能是字符串、布尔值甚至变量，因此如果我们想要传参，必须用构造函数实例化写法：var a = "abc";var re =

原创 webpack创建一个项目(2)

一.基础知识css和js压缩css压缩1.执行命令npm install --save optimize-css-assets-webpack-plugin2.在webpack.config.js中配置let OptimizeCss=require('optimize-css-assets-webpack-plugin');//css压缩module.exports={//优化项启动后mode模式代码压缩不再生效,必须配置js压缩插件 optimization:{ minimizer

原创 webpack4配置一个项目(1)

一.webpack基本配置基本步骤:(1).进入项目目录生成package.json文件npm init(2).安装webpack和webpack-cli(脚手架)npm install --save-dev webpack webpack-cli如果npm安装过慢可以使用cnpmcnpm install --save-dev webpack webpack-cli安装cnpm淘宝镜像npm i -g cnpm --registry=https://registry.npm.tao

原创 webpack实现一个react项目

1.基本的概念本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。入口(entry)入口起点(entry point)指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。进入入口起点后，webpack 会找出有哪些模块和库是入口起点

原创 元素居中

元素居中注意:父元素为块级元素，子元素分以下三种情况讨论:一.内联元素在父元素中居中:水平居中:父元素将text-align的值设置为center垂直居中:父元素将line-height的值设置为与父元素相同高度的值。二.内联块元素在父元素中居中:水平居中:父元素将text-align的值设置为center垂直居中:给该元素设置vertical-align的值设置为middle；给父元素的before或者after伪元素设置height与父元素等高度,width为0,vertical-a

原创 JS实现三种验证码效果

1.简单验证码2.滑块验证码3.图形验证码

原创 Hybrid App基础知识

一.App开发概述1.Web AppWeb App开发，严格来说并不是一个App软件，只是一个web型的微网站。优点:开发时间短，兼容性强，方便系统移植。缺点:必须有网络的支持，用户体验度相对较差。2.Native AppNactive App开发，就是一个原生的App软件，其只要通过Java或Object-C来实现原生手机App软件。优点:原生App,用户体验度非常好，可以调用手机的底层软件。缺点:开发时间长，兼容性差，必须掌握Java或Object-C等编程语言。3.HyBrid A

原创 进程控制块

1.进程控制块的思维导图2.task_struct结构查看Linux的task_struct（即PCB）结构，我搜集到了以下各行代码的含义:struct thread_info thread_info; //存放的是PCB中频繁访问和需要快速访问的字`段。内核依赖于该字段来获得当前进程的PCBvolatile long state; //进程...

原创 多进程图像

一.CPU管理的直观想法1.操作系统的核心操作系统的核心是管理计算机硬件。显而易见，CPU是计算机系统中最核心的硬件。操作系统在管理CPU的时候引出了多进程图像，通过多进程图像操作系统管理好了CPU，由此也便管理好了其它硬件。2.如何管理CPU？管理CPU，先要使用CPU。1).那么CPU如何工作呢?当给了一个初始的PC地址后，CPU就自动的从内存中取指执行。2).管理CPU的最直观...

原创 操作系统笔记(1)------printf()的故事

1.引例1.为什么用户程序不能直接调用内核程序中的whoami()函数呢？当我们实现一个whoami()的系统调用时，不能随意的调用数据，不能随意jump。如果随意调用，就可以看到root密码,可以修改它；可以通过显存看到别人world里的内容。这是十分不安全的。2.凭什么不让jump呢?是如何做到的呢?一种处理器"硬件设计"可以区分内核态和用户态。计算机对内存的使用是一段一段...

原创 原生js实现Ajax的封装

1.封装函数function ajax(options) { options = options || {}; options.type = (options.type || "GET").toUpperCase(); options.dataType = options.dataType || "json"; options.async=options.async|| true...

原创 es6学习笔记(2)

11.json1.JSON对象JSON.stringify():将json对象变为字符串例子:let a={a:5,b:3};console.log(JSON.stringify(a));结果:JSON.parse():将json字符串变为json对象例子:let b='{"a":1,"b":2,"c":3}';console.log(JSON.parse(b));...

原创 es6学习笔记(1)

1.let与constjavascript中var变量的缺点:(1)可以重复声明(2)无法限制修改(3)没有块级作用域 例如:if(){}以及for(){}let: 不能重复声明，变量—可以修改，块级作用域const: 不能重复声明，常量—不能修改，块级作用域一个小例子:let可以解决javascript中的闭包问题。...

原创 微信小程序学习笔记(4)---webSocket

1.基础知识(1)wx.connectSocket(Object object)说明:创建一个 WebSocket 连接。参数:属性类型默认值必填说明urlstring是开发者服务器 wss 接口地址headerObject否HTTP Header，Header 中不能设置 RefererprotocolsArray/string...

原创 cookie实现记住密码和自动登录的功能

1.需求分析:现在我们需要实现在原始页面中用户输入用户名和密码并点击记住密码按钮时，成功进入登录界面，然后点击退出登录后刷新原始页面，原始页面中自动保存着上一次的用户名和密码。如果用户点击了自动登录，那么退出登录后刷新原始页面，原始页面会显示用户名和密码，并且在500ms后自动进入登录界面。如果用户已经进入登录界面，再次刷新页面后，仍然在登录界面停留。注意:这里的原始页面和登录页面是写在一...

原创 微信小程序学习笔记(3)---自定义组件

二.常用组件9.微信小程序表单组件单选框 radio(1)radio标签需要和父元素radio-group标签一起使用(2)绑定事件时需要给radio-group绑定change事件(3)radio组件的常见属性:属性名类型默认值说明valueString<radio/>标识。当该<radio/>选中时，<radio-group...

转载 flex：1代表什么意思

原创 微信小程序学习笔记(1)---初步概念

一.什么是微信小程序?小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。二.微信小程序与传统页面的比较-微信小程序传统web结构WXMLHTML样式WXSScss逻辑JavaScriptJavaScript配置JSON由于​网页开发渲染线程和脚本线程是互斥的，所以长时间的脚本运行可能...

原创 微信小程序学习笔记(2)---样式WXSS与基本组件

一.样式WXSS1.尺寸单位：尺寸单位:rpx。可以根据屏幕宽度进行自适应。固定屏幕宽度为750rpx,如在iPhone6上，屏幕宽度为375px,共有750个物理像素，则750rpx=375px=750物理像素,1rpx=0.5px=1物理像素。设备rpx换算px(屏幕宽度/750)px换算rpx(750/屏幕宽度)iPone51rpx=0.42px1px=2.3...

原创 Nodejs知识整理(1)------express框架

1.express的使用//1.创建服务var server=express();//2.监听server.listen(8080);//3.处理请求server.use(‘地址’，function(req,res){})这里的req,res并不是原生的req与res，原生的req与res的功能在express中依然保留，但会新添加一些内容。比如:原生的res.write()中的第...

原创 关于display,opacity,visibility的区别

一.display,opacity与visibilitydisplay属性规定元素应该生成的框的类型。opacity属性设置一个元素的透明度级别。visibility 属性规定元素是否可见。下面看这三行代码:display:none;visibility:hidden;opacity:0;我们可以知道这三条属性所形成的元素效果是一样的，但是他们本质上有什么区别呢?二.知识点(...

原创 如何解决上层div元素将下层div元素盖住，但是下层div里的点击事件仍可以进行的问题?

一.实例分析现在我们需要实现一个div文本输入框,其中含有button按钮在下层，上层div覆盖住下层div元素，上层div中同样含有一个button按钮的效果图。我们应该如何做来使下层div里的button点击事件有效果呢?二.知识点整理在解决这个问题之前，让我们先了解与解决这个问题有关的一些知识点。(1).pointer-events直译为指针事件，是一个与javascript有关的...

原创 css滚动条

css滚动条一.默认样式的滚动条引例：我们平时编写盒模型时，如果想要实现定义一个父级元素中装着一些图片或文本内容，让这些图片或文本内容呈现出有滚动条样式的效果，应该怎样实现呢?思路：我们知道，在父级元素的宽高都给定时，子级元素的宽或者高超出了父级元素的宽或者高，会呈现出如下效果:因此我们可以先编写好父级元素和子级元素。然后再在父级元素的css属性中添加一条属性：overflow-x:h...

原创 函数防抖和节流的理解

函数防抖和节流引言引入函数防抖和函数节流的目的是什么呢?函数防抖和函数节流的应用场景函数防抖的应用场景（只需触发一次回调的场景）有：搜索框搜索输入。只需用户最后一次输入完，再发送请求手机号、邮箱验证输入检测窗口大小Resize。只需窗口调整完成后，计算窗口大小。防止重复渲染。函数节流的应用场景（间隔一段时间执行一次回调的场景）有：滚动加载，加载更多或滚到底部监听谷歌搜索框，...

原创 客户端的数据存储

客户端的数据存储引言随着Web应用程序的出现，也产生了对于能够直接在客户端存储用户信息的要求。想法很合乎逻辑，属于某个特定用户的信息应该存在该用户的机器上。无论登录信息，偏好设定或其他数据，Web应用提供者在找各种方式将数据存在客户端上。我们来用一张表总结将数据在用户端上的各种方式的优缺点一.cookie这个问题的第一个方案是以cookie的形式存在的。HTTP Cookie,...

原创 webpack打包疑惑点

1.如何解决多文件入口问题： entry:{ main:'./src/script/main.js', a:'./src/script/a.js', b:'./src/script/b.js', c:'./src/script/c.js' },output:{ path:'F:\\与前端有关的\\New Folder\\webpack-demo\\dist', f...

原创 原型与原型链

1.原型定义 原型是function对象的一个属性。它定义了构造函数制造出的对象的公共祖先。 通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。(注：构造函数与其它函数不同的一点是它的书写规范满足大驼峰式。)2.原型用法举个简单的例子: function Car(owner,color){ this.owner=owner; this.colo...

原创 立即执行函数与闭包

1[[scope]]:每个javascript函数都是一个对象，对象中有些属性我们可以访问，但有些属性不可以，这些属性仅供javascript引擎存取,[[scope]]就是其中一个。[[scope]]指的就是我们所说的作用域，其中存储了运行期上下文的集合。作用域链:[[scope]]中所存储的执行期上下文对象的集合，这个集合呈链式连接，我们称这个链式连接为作用域链。运行期上下文:当函数执...

原创 函数

1.函数定义（1）函数声明 function theFirstName(){}； document.write(theFirstName);其结果为: function theFirstName(){}；不同于c语言，c++等，对于这种解释性语言来说，并不会打印出地址，打印的是地址指向的房间。（2）函数表达式函数表达式可分为命名匿名函数表达式和命名函数表...

原创 日期对象与定时器

日期对象与定时器日期对象一.日期对象的建立 var date=new Date();在控制台中输入date对象，打印出当前日期和时间。（无双引号）而输入Date()构造函数，则会打印出当前日期和时间的字符串。（有双引号）二.Date对象的方法方法描述getDate()从Date对象返回一个月中的某一天(1~31)getDay()从Date对象返回...

原创 JS循环的理解

JS循环的理解1.这是一个循环 var buttons = document.getElementsByTagName ("tagname"); for (var i = 0; i < buttons.length; i++) { buttons[i].onclick = function () { console.log(i);...

原创 最长公共子序列问题

动态规划之最长公共子序列问题1.问题描述：输入两个字符串输出最长公共子序列的长度。若最大公共子序列的长度大于0，则还会输出一个最大公共子序列。举例：cnblogs与belong4blog(注意：子序列是不连续的，而子串是连续的。但它们的字符出现顺序均与所输入字符串的字母先后顺序一致。)2.求解最大公共子序列的长度思路分析： 假设k为最长公共子序列的长度。(1).如果s...