Manta__的博客

原创 hbuilder--微信小程序

运行小程序1.在工具–》设置–》运行设置–》小程序运行设置–》小程序路径进行配置打开微信小程序设置–》安全–》将服务端口打开例如：D:/微信web开发者工具2.在项目的manifest.json—》微信小程序配置–》设置自己的id（确保自己的小程序id邀请进该项目）3.运行即可热更新失败在微信小程序–》详情–》本地设置–》将启用代码热更新加载关闭...

原创 uniapp+oss

1.创建common文件2.base64.jsvar base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";var base64DecodeChars = new Array( -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1

原创 vue+element ui+el-upload+oss

1.安装ali-oss2.main.jsconst OSS = require('ali-oss');Vue.prototype.client= new OSS({ accessKeyId: '', // 查看你自己的阿里云KEY accessKeySecret: '', // 查看自己的阿里云KEYSECRET bucket: '', // 你的 OSS bucket 名称 region: 'oss-cn-beijing', // bucket 所在地址，我的是 华

原创 vue字符串中获取a标签，修改值与href

第一种this.aList=document.getElementsByTagName("a")updated() { for(let i=0;i<this.aList.length;i++){ console.log('aaa555555555555',this.aList) this.aList[i].href =this.imgUrl+this.aList[i].innerHTML this.aList[i].innerHTML='下载附件'+(i+1) cons

原创 动态改变样式

<view class=“li” v-for="(item,index) in 3" :key=“index” :class="{‘active’:active == index}" @click=“chooseType(index)”>货物损坏 无需终止配送data：active:0,methods：chooseType(index){this.active = index;},style.li{color: #999999;border: 4rpx solid #99

原创 js获取当前时间

getNowTime() {let dateTimelet yy = new Date().getFullYear()let mm = new Date().getMonth() + 1let dd = new Date().getDate()let hh = new Date().getHours()let mf = new Date().getMinutes() < 10 ? ‘0’ + new Date().getMinutes():new Date().getMinutes()l

原创 canvas 画布基本操作

canvas 画布基本操作https://www.cnblogs.com/wgs-blog/p/10045130.htmlconst canvas = document.getElementById(‘canvas’);// 2、画笔 — canvas的上下文对象const ctx = canvas.getContext(‘2d’);// 3、设置颜色 ---- 调色ctx.fillStyle = “red”; // 填充颜色的设置ctx.strokeStyle = ‘blue’; // 轮廓

原创 github

1.登录github2.个人中心 设置 ssh公钥 曾经有直接用无：生成公钥3.代码部署新建仓库 去掉使用readme文件初始化这个仓库cmd中git status 查看项目状态有未提交文件 git add .git commit -m “add files” 先本地做提交切到项目文件夹 按照已有仓库命令提示做 将本地仓库与云端仓库联合...

原创 项目初建

1.cmd2.vue ui3.创建 选择位置4.输入文件名，必须全英文 git init project5.预设 第一次 手动 功能 babel router linter/formatter 使用配置文件pick a linter 选择eslint standard config打开 lint on save是否保存为一个预设名创建项目完成之前创建过项目 对应预设名6.插件 添加插件 vue-cli-plugin-elemen

原创 使用git将项目上传到github

引用git status查看当前文件状态，若有文件为上传在这里插入代码片git add .git commit -m "add files"再次输入 git statusOn branch masternothing to commit, working tree clean则成功已创建仓库执行以下git remote add origin https://github.com/Miss-wang0701/vue_shop.gitgit push -u origin master.

原创 045 线程与进程

线程与进程-**进程:**程序的一次执行，它占有一片独有的内存空间，可以通过windows任务管理器查看进程-**线程:**是进程内的一一个独立执行单元，是程序执行的一个完整流程，是CPU的最小的调度单元-关系一个进程至少有一个线程(主)程序是在某个进程中的某个线程执行的一个进程中也可以同时运行多个线程，我们会说程序是多线程运行的一个进程内的数据可以供其中的多个线程直接共享多个进程...

原创 048 ES7

指数运算符(幂): **Array.prototype.includes(value) : 判断数组中是否包含指定valueconsole.log(3 ** 3);//27let arr = [1,2,3,4, 'abc'];console.log(arr.includes(2));//trueconsole.log(arr.includes(5));//false...

原创 047 ES6

let作用:与var类似, 用于声明一个变量特点:-在块作用域内有效-不能重复声明-不会预处理, 不存在提升应用:-循环遍历加监听-使用let取代var是趋势const作用:定义一个常量特点:不能修改，其它特点同let应用:保存不用改变的数据 const sex = '男'; console.log(sex);//男 //sex = '女';//不能...

原创 046 ES5

js语法基本符合ES5，注意一些特别：严格模式理解:除了正常运行模式(混杂模式)，ES5添加了第二种运行模式：“严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的语法条件下运行目的/作用消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为消除代码运行的一些不安全之处，为代码的安全运行保驾护航为未来新版本的Jav...

原创 044 练习之二级菜单与轮播图

原创 043 操作class属性

通过style属性来修改元素的样式，每修改一个样式，浏览器就需要重新渲染一次页面。这样的执行的性能是比较差的，而且这种形式当我们要修改多个样式时，也不太方便修改box的class属性　　-我们可以通过修改元素的class属性来间接的修改样式　　-这样一来，我们只需要修改一次，即可同时修改多个样式，浏览器只需要重新渲染页面一次，性能比较好，并且这种方式，可以使表现和行为进一步的分离添加指定的...

原创 042JSON

JSON　　 - JS中的对象只有JS自己认识，其他的语言都不认识　　 - JSON就是一个特殊格式的字符串，这个字符串可以被任意的语言所识别，　　 并且可以转换为任意语言中的对象，JSON在开发中主要用来数据的交互　　 - JavaScript Object Notation JS对象表示法　　 - JSON和JS对象的格式一样，只不过JSON字符串中的属性名必须加双引号...

原创 041 轮播图例子

原创 040 定时调用与延时调用

setInterval()　　- 定时调用　　- 可以将一个函数，每隔一段时间执行一次　　- 参数：　　　1.回调函数，该函数会每隔一段时间被调用一次　　　2.每次调用间隔的时间，单位是毫秒　　- 返回值：　　　返回一个Number类型的数据，这个数字用来作为定时器的唯一标识clearInterval()　　-可以用来关闭一个定时器　　-方法中需要一个定时器的标识作为参数，这样...

原创 039 BOM

BOM　　 - 浏览器对象模型　　- BOM可以使我们通过JS来操作浏览器　　- 在BOM中为我们提供了一组对象，用来完成对浏览器的操作　　- BOM对象　　　　　Window　　- 代表的是整个浏览器的窗口，同时window也是网页中的全局对象　　　　　　Navigator　- 代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器　　　　　　Location　 - 代表当前浏...

原创 038 拖拽事件

原创 037 键盘事件

原创 036 滚轮事件

原创 035事件的拖拽

改进

原创 Ajax

Ajax被认为是(Asynchronous JavaScript and XML的缩写)。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax.[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ct9NyJDn-1585796958263)(])...

原创 029 Flex应用

flex-内容宽度等分//css .box { display: flex; } .box div { flex: 1; border: 1px solid red; }//html <div class="box"> ...

原创 less

一篇详细讲述添加链接描述less　　　less是一种动态样式语言，属于css预处理器的范畴，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展　　　LESS既可以在客户端上运行，也可以借助Node . js在服务端运行。less的中文官网: http://lesscss.cn/bootstrap中less教程: http:/ /www. bootcss. c...

原创 034事件的传播

原创 033事件的绑定

原创 032 事件的委派

<ul id="u1"> <li><a href="javascript: ;">超链接一</a></li> <li><a href="javascript: ;">超链接二</a></li> <li><a href="javascript: ;">...

原创 031事件的冒泡

<!--事件冒泡-->　<!DOCTYPE html>　<html>　　<head>　　　　<meta charset="utf-8">　　　　<title></title>　　　　<style type= "text/css">　　　　　　#box1{　　　　　　　　　width: 1...

原创 030 div随鼠标移动

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #box1{ wi...

原创 029事件对象（DOM event）

原创 028多列布局

column- width　　　指定每一栏的宽度(这是多列布局的第一种分法)column-count　　　指定要多少栏(这是多列布局的第二种分法)column-gap　　　栏目距离column-rule　　　 栏目间隔线...

原创 027媒体查询

css3媒体查询是响应式方案核心操作符(only,and,(, or),not)-only:防止老旧的浏览器不支持带媒体属性的查询而应用到给定的样式。@media only screen and (min-width:800px ){　　　规则;　　　规则}@media screen and (min-width: 800px ){　　　规则;}在老款的浏览器下@media ...

原创 026FLEX

flex布局CSS3弹性盒子(Flexible Box或Flexbex)，是一种用于在页面上布置元素的布局模式，使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时，元素可预测地运行/列。对于许多应用程序，弹性盒子模型提供了对块模型的改进，因为它不使用浮动，flex容 器的边缘也不会与其内容的边缘折叠。弹性盒模型，分老版与新版老版本的我们通常称之为box新版本的我们通常称之为lex...

原创 025动画

css3动画使元素从一种样式逐渐变化为另一种样式的效果animation属性是一个简写属性形式: （可以用来描述可动画的属性）简写属性animationanimation：animation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimati...

原创 024 3D

3D变形在浏览器中，X轴是从左到右，Y轴是从上到下，Z轴是从里到外3D平移transform: translateZ(length)是3D Transformaton特有的，其他两个2D中就有translateZ它不能是百分比值;那样的移动是没有意义的。transform: translate3d( translateX, ,translateY, translateZ);3D缩放...

原创 023 2D

transform 属性　　-允许你修改CSS视觉格式模型的坐标空间　　-只对 block 级元素生效！基点的变换transform-origin　　CSS属性让你更改一个元素变形的基点。平移　　X方向平移:transform: translateX(tx)　　Y方向平移:transform: translateY(ty)　　二维平移：transform: translat...

原创 022过渡

transition众所周知，css效率极高，其变化的过程往往都是在一瞬间完成，速度极快。CSS transition 提供了一种在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程，而不是立即生效的。比如，将一个元素的颜色从白色改为黑色，通常这个改变是立即生效的，使用 CSS transitions 后该元素的颜色将逐渐从白色变为黑色，按照一定的曲线速率变化。这...