qq_40875877的博客

原创 Vue富文本插件WangEditor使用

首先npm安装：npm i wangeditor --save接下来：1、在vue项目的components文件夹中新建一个插件专门的文件夹如：wangEditorTool2、新建一个vue文件，内容如下：<template lang="html"> <div class="editor"> <div ref="toolbar" class="toolbar" /> <div ref="editor" class="text" /&g

原创 什么是BFC?常见的一个面试题，看完一次就搞定

原创 JQuery系列之自动触发事件.trigger( )

一、自动触发事件1、常用的的自动触发事件会将元素的默认行为也触发如：文本框获取焦点时的闪烁$("div").click() //会自动触发元素的默认事件$("div").trigger() //会自动触发默认事件2、不会触发元素的默认事件$("div").triggerHandler("click"); //不会触发默认事件...

原创 JQuery系列之事件处理on( )和事件解绑off( )

一、.on( )（1）JQuery中，.on( )可以绑定1个或者多个作用于同一个DOM的事件处理程序$("div").on({ mouseenter:function(){ $(this).css("display","block"); }, click:function(){ ...

翻译 微信小程序组件之视图容器

一、视图容器1. cover-image覆盖在原生组件上的图片视图，可以嵌套在cover-view中属性：src图片资源路径bindload图片加载成功时触发事件binderror图片加载失败时触发事件2、cover-view覆盖在原生组件上的文本视图，可以覆盖各种原生媒体组件，除了audio属性：scroll-top：设置顶部滚动偏移量，仅在设置了 overflow-y: s...

原创 轻量应用服务器访问不了宝塔面板？只需要两步解决问题

刚创建一个轻量应用服务器，然后安装完宝塔面板之后，有的同学可能会遇到复制IP无法打开宝塔面板，需要释放端口。解决办法其实很简单，仅仅需要两步：第一步：进入我们创建好的轻量应用服务器，然后点击左侧栏中的安全->防火墙，在防火墙页面点击添加规则。第二步：在添加规则最后一个空填入端口号，一般是8888，其他不需要更改，直接点击确认。列表中就会出现我们所添加的端口号，然后就可以直接访问宝塔...

原创 利用动画属性设置一个固定的对联广告

1、对联弹窗该方法最大的优点就是简单，因为利用了动画属性，但相比传统的对联广告肯定是有不足之处，但是也可以完善。以下代码是微信小程序的，稍微修改标签HTML也可以用。WXML:<view class="body"><image class="bannerLeft" src="https://6d69-mini-p-nbnvq-1300763744.tcb.qcloud.l...

原创 制作一个图片条幅跑马灯

利用图片制作跑马灯效果直接上代码，跟文字跑马灯一样。WXML：其实也是利用了我们的轮播图原理。<!-- wxml --><swiper class='u-wrp-bnr' autoplay='true' interval='0' duration='2000' circular='true'> <block wx:for="{{light}}" wx:f...

原创 JavaScript复习（1）-基础语法

javaScript-数据类型和变量1、比较符第一种是==比较，它会自动转换数据类型再比较，很多时候，会得到非常诡异的结果；第二种是===比较，它不会自动转换数据类型，如果数据类型不一致，返回false，如果一致，再比较。但是在判断类型时最好使用方法：isNaN()、isString()等2、数组创建通过1：new Array(1,2,3);但是建议使用：var arr = [...

原创 git分支管理

一、创建与分支合并1、创建分支git checkout -b dev2、查看分支是否创建成功git branch *dev master3、正常提交文件git add readme.txtgit commit -m""文件将会提交到dev4、切换回mastergit checkout master回到master后，在dev分支中提交的内容将不会显示，接下来使用合...

原创 宝塔面板忘记用户名，忘记密码怎么办？

1、 重新设置密码找回用户名：情况一：已经修改过用户名和密码很多网上的解决方法都只是告诉我们进入SSH设置,但是很多小伙伴并不知道怎么进入SSH，导致解决该问题很麻烦，其实我们直接在阿里云中云服务器中的远程连接就可以解决这个问题！第一步：直接登录阿里云，在控制台找到服务器，进入找到应用详情，点击下方宝塔面板信息中的远程连接。第二步：直接在远程连接中逐步输入sudo -s 回车cd /...

原创 Git记录之基础学习（1）

Git:1、git是目前最流行的分布式版本控制系统，由C语言开发完成，Github免费为git提供开源项目的存储。2、版本控制系统：实时更新模组的改动，确保每一个开发人员在改动同一个项目时都能及时更新。3、分类主要为：集中式版本控制系统：由一个中央服务器组成，必须在联网模式下使用，且服务器必须一致运行，提交大型文件比较慢。如：CVS、SVN分布式版本控制系统：自己的电脑就是一个控制系...

原创 微信小程序3D悬浮轮播图

废话不多说，直接上代码.wxml<swiper previous-margin='50px' next-margin='50px' bindchange="swiperChange" style='height:{{swiperH}};' autoplay="true" circular="true"> <swiper-item wx:for='{{bnrUrl}}' w...

原创 12月21日问题复习总结

1、FTPFTP（File Transfer Protocol，文件传输协议） 是 TCP/IP 协议组中的协议之一。FTP协议包括两个组成部分，其一为FTP服务器，其二为FTP客户端。其中FTP服务器用来存储文件，用户可以使用FTP客户端通过FTP协议访问位于FTP服务器上的资源。在开发网站的时候，通常利用FTP协议把网页或程序传到Web服务器上。此外，由于FTP传输效率非常高，在网络上传输大...

原创 利用node.js在本地获取html文件并在客户端解析

node code：var http = require('http');var fs = require('fs');var url = require('url');//创建服务器 http.createServer(function (request,response){ //解析请求，包括文件名 var pathname = url.parse(request.url).p...

原创 小程序开发日常总结

1、使JavaScript更加健壮的方面原型方法的极大丰富；类与模块的标准化；异步机制的嬗变；块级作用域的补完；基础类型的增加；反射机制的完善；更顺手的语法糖。2、什么是语法糖？例如： input.map(a => a-8); 去掉语法糖就是： input.map(function (a) { retu...

翻译 小程序开发入门常见小问题-(1)

1、微信小程序轮播图制作轮播图最大的问题就是图片之间的无缝衔接，而在微信小程序中使用swiper组件可以和方便的解决该问题具体实现脚本：wxml:<!-- wxml --><swiper class='u-wrp-bnr' indicator-dots='true' autoplay='true' interval='5000' duration='1000' cir...

原创 事件机制-基本事件类型

1、基本事件模型分类：原始事件模型：被所有的浏览器均支持，应用广泛。书写方式：行内式、嵌入式DOM2事件模型：除了IE浏览器外，其他主流浏览器均支持。该事件是W3C制定的标准模型，因此一次事件的发生包含了三个过程：*capturing phrase：事件捕获阶段-事件从document一直向下传播到目标元素的整个过程中依次检查经过的节点是否注册了该事件的监听函数，若有则执行。...

原创 BOM-window-定时器

window用setTimeout（）和setInterval（）来作为时间的调用函数，这两个都是JS中的全局函数，所以可以定义为window对象的方法，但是不会对窗口有操作。取消定时器操作分别用clearTimeout（）和clearInterval（）方法。 function setTime() { alert("定时器弹出"); } ...

原创 BOM-window-访问URL、访问历史的方法、获取浏览器和屏幕信息

访问URLwindow对象的location属性引用的是location对象，该属性中含有的属性可以获取当前URL的各个部分以及信息，主要有：访问URL的location属性 设置或返回主机名和当前URL端口号 ：host 设置或返回当前URL主机名：hostname 设置或返回完整的url：href 设置或返回当前url端口号：port 设置或返回当...

原创 小程序tab

自定义组件：自定义组件脚本:WXML:<view class='tab-control'><!-- 遍历最好使用block --><block wx:for="{{titles}}" wx:key="{{inde}}x"> <view class='tab-item {{currentIndex == index ? "active":""}}...

原创 JS小案例

JS小案例1、九九乘法表// 九九乘法表 for(var i=1;i<=9;i++){ for(var j=0;j<=i;j++) { document.write("<span>"+i+"*"+j+"="+i*j+"</span>"); } window.document.w...

原创 定时器钟表JSCode

JS源码图片CSS源码<style> *{ margin: 0; padding: 0; list-style: none; } #box{ width: 300px; height: 300px; ...

原创 语义化HTML标签第一节

语义化HTML标签第一节基础： 1. <title>：为文档定义一个标题 2. <body>：定义文档的主体 3. <h1-h6>：定义HTML标题及大小 4. <p>：定义一个段落 5. <br>：折行 6. <hr>： 水平分割线 7. <！--..-->：注释 8. <abbr>...

原创 JS实现九宫格自定义功能

算法分析根据九宫格盒子的行数和列数，解决盒子内部的定位问题实际功能：自定义页面显示几行几列口诀：1，利用控件的索引index计算出控件所在的行号和列号2，利用列好计算出控件的left距离3，利用行号计算出控件的top距离

原创 JQuery的入口函数 及与JS入口函数的对比 及冲突问题

JQuery的入口函数： <script src="jquery-3.4.0.min.js"></script> <script> <!--JQuery入口函数--> //1，第一种给DOM绑定ready事件 $(document).ready(function(){ });...

原创 简化的微博评论功能code

HTML代码段<div id="box"> <div class="box-top"> <label>发表评论</label> <textarea id="my-textarea" cols="60" rows="10"></textarea> <button i...

原创 JQuery中的each()方法和原生JS中的each（）方法有何不同

JS中的each（）方法只能遍历数组，不能遍历为数组JQuery中的each（）方法可以遍历伪数组

原创 JS的静态方法和实例方法

1、JS的静态方法和实例方法JS中静态方法：直接添加到类中，通过类名调用实例方法：添加到类的原型上，通过实例调用，需要先创建一个实例（对象）。静态方法： 方法名.staticMethod = function () { 方法体：alert（XX）；} 方法名.staticMethod();//调用方法实例方法：方法名.prototype.intanceMethod =...