anyw_-CSDN博客

原创 uniApp随记三

vue文件会使用webview进行渲染，.nvue会使用原生进行渲染uni-app App 端内置了一个基于 weex 改进的原生渲染引擎，提供了原生渲染能力。在 App 端，如果使用 vue 页面，则使用 webview 渲染；如果使用 nvue 页面(native vue 的缩写)，则使用原生渲染。一个 App 中可以同时使用两种页面，比如首页使用 nvue，二级页使用 vue 页面，官网 hello uni-app 示例就是如此。

2023-08-10 11:36:25 115

原创 Vue

1.渐进式渐进式代表的含义是：没有多做职责之外的事。vue.js只提供了vue-cli生态中最核心的组件系统和双向数据绑定。就好像 vuex、vue-router都属于围绕vue.js开发的库。框架做分层设计，每层都可选，不同层可以灵活接入其他方案。而当你都想用官方的实现时，会发现也早已准备好，各层之间包括配套工具都能比接入其他方案更便捷地协同工作。2.MV* 模式(MVC/MVP/MVVM)“MVC”: model view controller用户的对View操作以后，View捕获到这个

2020-08-21 20:44:06 501

原创 React学习

1.组件的创建在react中，组件分为两种，类组件和函数式组件1.简单功能使用函数式组件2.复杂功能使用类组件3.组件名都必须大写函数式组件import React from 'react'export default function App() { return ( <div> </div> )}类组件使用es6创建class的方式来实现一个组件类1.首字母要大写2.要继承 React中的Comp

2020-08-16 13:46:52 320

原创 nodejs建立长连接模块socket.io

nodejs建立长连接模块socket.io长连接服务器端发送完新数据也不断开连接，继续等待下一份新数据，除非超过了一定时限（即自定义的最大连接空闲时长，浏览器可以超时重连）引入依赖包npm i express -S、npm i socket.io -S可以依照socket.io官方文档要求添加服务器talkServer.jsconst express = require('express');const app = express();//socket.io官方文档要求添加c

2020-07-18 10:10:20 788

原创 DOM BOM

BOM操作获取浏览器地址栏信息window.location1, window.location.reload() 方法页面重新加载/刷新方法不能直接写,否则会一直刷新<script> btn.onclick = function(){ window.location.reload(); }</script>2, window.location.herf获取地址栏的信息内容将地址栏信息中文正常显示

2020-07-17 20:55:40 85

原创事件

事件事件的三大要数事件绑定对象指的是,绑定事件和事件处理函数的标签这个标签有可能不是触发事件的标签事件类型绑定的标签的事件类型鼠标事件表单事件键盘事件触摸事件特殊事件事件处理函数触发事件时执行的程序一个标签,往往相同的事件类型只能绑定一个事件处理函数如果要绑定多个事件处理函数,需要使用事件监听语法事件类型之鼠标事件<di

2020-07-17 20:54:36 509

原创节点操作|正则表达式

节点操作1.节点操作之获取节点对象1-1,获取当前标签中所有的子级节点执行结果,是一个伪数组,可以forEach()形式是与 querySelectorAll() 获取的伪数组是一样的标签对象.childNodes<div name="div" index="1" href="aaa" checked>我是标签div  <span>我是标签span</span></div>&l

2020-07-17 20:52:09 722

原创 ES6语法、this指向

ES6语法ES6语法新增的变量的定义let 定义变量特点:1.let定义的变量,不会进行预解析<script> console.log(int1); // var 关键词定义的变量,可以预解析,结果 undefined console.log(int2); // let 关键词定义的变量,不能徐解析,结果报错 var int1 = 100; let int2 = 100;</script>2.let 定义的变量,与forEach()中

2020-07-17 20:49:26 709

原创面向对象

面向对象1,什么是面向对象所谓的面向对象,是一种编程思想,编程思路,代码的书写格式之前为了简化代码,我们是将程序封装为函数的形式来调用函数会有一些小问题: 函数内部定义的局部作用域变量,函数外部无法直接调用函数调用使用时,会占用大量的系统内存,容易造成数据溢出数据泄露,容易被黑客攻击函数一般只是封装一些模块化的功能复杂程序的封装会,封装成其他形式,使用面向对象的方式来封装程序2,简单介绍面向对象的编程思想我们之前的编

2020-07-17 20:47:58 109

原创 PHP 操作 MySQL

PHP 操作 MySQLphp 语法操作 MySQL 数据库的步骤1.和数据库进行连接<?php $link = mysqli_connect('IP', '用户名', '密码', '要操作的库',端口号); ?>IP : 数据库的 IP 地址，如果是本机数据库使用 localhost 或者 127.0.0.1用户名 : 如果没有修改过，那么默认是 root密码 : 如果没有修改过，那么默认是 root要操作的库 : 你要操作的 MySQL 里面的哪

2020-07-17 20:47:05 212

原创兼容处理

鼠标滚轮事件<script> //火狐中的滚轮事件 document.addEventListener("DOMMouseScroll", function (event) { alert(event.detail);//若前滚的话为 -3，后滚的话为 3 }, false) //非火狐中的滚轮事件 document.onmousewheel = function (event) { alert(event.detail)

2020-07-17 20:44:47 115

原创 Json字符串、cookie、Js_Ajax

Json字符串、cookie、Js_Ajaxjson字符串PHPjson_encode() 将其他数值,转化为json字符串json_decode() 将json字符串,还原为其他数值$arr = [ 'name'=>'张三', 'age'=>180, 'sex'=>'男',];// 输出数组的形式print_r($arr);// 转化为json串$json = json_encode($arr);echo $json ,

2020-07-17 20:43:00 134

原创 jQuery

jQuery1_jQuery的选择器不管怎么获取,获取到的都是一个伪数组1-1_通过标签名称console.log($('div'));1-2_通过id属性值console.log($('#div1'));1-3_通过class属性值console.log($('.div1'));1-4_通过标签属性和属性值$(’[属性=“属性值”]’)console.log($('[name="div1"]'));1-5_通过标签结构 ul中的所有子级liconsole.log($('u

2020-07-17 20:40:59 257

原创设计模式

设计模式1_单例模式防止,建立过多的,重复冗余的对象可以节约内存的存储空间单例模式就是让 obj1 和 obj2 指向的是同一个内存地址//为了防止全局变量污染,使用了闭包的概念const utils = (function(){ // 定义一个构造函数 function CreateObj(){}; // 定义变量 let obj = null; // 定义判断,写在函数中,这个函数作为返回值 return function(){

2020-07-17 20:39:13 76

原创 gulp

gulpgulp的配置过程1_建立一个项目文件夹需要建立一个项目文件夹,作为项目目录,所有的文件都要定义在这个文件夹中2_项目规范在这个项目文件夹中,按照项目规范,来设定文件夹目录结构一般项目源文件都存储在一个指定的文件夹中一般叫 src压缩文件都存储在龙一个指定文件夹中一般叫 distsrc中按照文件类型存储在不同的文件夹中 pages 存储HTML文件 css 存储css文件 js 存

2020-07-17 20:36:54 93

原创初步了解webpack

webpack1,创建项目文件夹2,初始化npm init -y3,下载依赖包npm i webpack webpack-cli -D4,打包默认entry入口 src/index.js默认output出口 dist/main.js打包模式在package.json文件scripts中配置：“dev” ：“webpack --modle development”“build”:webpack --modle production"使用配置文件打包1,新建一个webpack.c

2020-07-17 20:35:32 350

原创 ES5|ES6继承

继承原型继承优点: 如果Student继承了Human,那么Student的实例对象不单有Student定义的属性和方法,还将拥有Human的属性和方法，Student的原型prototype上的属性,将会保留在实例对象的 __proto__上,也就是原型上属性和方法就是实例对象上的属性和方法Student.prototype = new Human();这样的话所有的Student的实例都将拥有Student.prototype原型上的属性和方法,也就是Human实例的属性和方法，s1是stude

2020-07-17 20:30:18 79

qq_44862403的博客