- 博客(36)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 小程序获取坐标
//获取经纬度 bindLngLat() { // 获取用户授权情况，用户未进行授权时引导用户进行授权 wx.getSetting({ withSubscriptions: true, success: (res) => { if (res.authSetting['scope.userLocation'] == false) { this.openSetting =..
2021-11-22 13:40:00
452
原创 微信小程序画布保存图片
点击保存图片//点击保存图片 saveimg() { let that = this wx.showLoading({ title: '正在保存', mask: true, }) wx.canvasToTempFilePath({ canvasId: 'canvas-demo',//对应画布id success: (res) => { console.log(res); wx.hide
2021-10-20 14:22:09
264
原创 axios 上传 文件
使用element-ui <el-upload class="upload-demo" :http-request="upload"> <el-button size="small" type="primary">点击上传</el-button> </el-upload>js文件 upload(file) { var data = new FormData() data.append('goods_excel', file
2021-01-21 14:25:07
225
原创 微信小程序订阅消息 wx.requestSubscribeMessage
一次性模板 id 和永久模板 id 不可同时使用。一次调用最多订阅3个模板低版本基础库2.4.4~2.8.3 已支持订阅消息接口调用，仅支持传入一个一次性 tmplId / 永久 tmplId。2.8.2 版本开始，用户发生点击行为或者发起支付回调后，才可以调起订阅消息界面。2.10.0 版本开始，开发版和体验版小程序将禁止使用模板消息 fomrId。官方开发文档HTML <view bindtap="impower" >授权订阅消息</view>代码.
2021-01-03 17:52:24
2592
原创 Vue事件获取触发事件对象和绑定事件对象
Vue.js可以传递$event对象<body id="app"> <ul> <li v-on:click="say('hello!', $event)">点击当前行文本</li> <li>li2</li> <li>li3</li> </ul> <script> new Vue({ el: '#app', data:
2020-11-29 23:45:31
2922
原创 面视题整理（四）JavaScript高级
文章目录什么是闭包？什么是跨域，如何实现跨域访问?谈谈你对Function与Object的理解?请尽可能详尽的解释AJAX的工作原理什么是防抖和节流？有什么区别？如何实现？什么是闭包？如果在一个内部函数里，对在外部作用域(但不是全局作用域)的变量进行引用，那么内部函数就被认为是闭包(closure)。(1)、使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。(2)、闭包有三个特性：a、函数嵌套函数b、函
2020-11-26 23:46:06
111
原创 面试题整理（二）JavaScript
同步和异步的区别?系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录同步和异步的区别?系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结12312前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基
2020-11-24 20:36:44
115
原创 XSS和CSRF是什么
XSSXSS：Cross-site scripting（跨站脚本攻击）攻击者可以利用这种漏洞在网站上注入恶意的客户端代码。指攻击者利用网站程序对用户的输入输出过滤不足，导致恶意代码在页面执行，对受害者造成cookie资料窃取、会话劫持、钓鱼欺骗等危害；如： 弹 出 恶 意 警 告 框 ：<script>alert(“XSS”);</script>存储型 XSS：注入型脚本永久存储在目标服务器上。当浏览器请求数据时，脚本从服务器上传回并执行。反射型 XSS：当用户点击一
2020-11-23 19:53:15
392
1
原创 描述一下cookies，sessionStorage和localStorage不同点？
三者可以用在浏览器储存数据，而数据都是字符串类型的键值对Cookie:是服务器发送到用户浏览器并保存在浏览器上的一块数据， 它会在浏览器下一次发起请求时被携带并发送到服务器上。可以它用来确定两次请求是否来自于同一个浏览器，从而能够确认和保持用户的登录状态。localStorage:会永久存储会话数据，除非手动删除,否则会话数据一直存在，将数据保存在客户端本地，即使浏览器被关闭了，该数据仍然存在，下次打开浏览器访问网站时仍然可以继续使用。 本地储存sessionStorage:对象存储特定于某个会话的
2020-11-21 23:17:37
178
原创 微信小程序页面跳转/返回
微信小程序——页面跳转及传参路由 API文章目录navigateTo 跳转到应用内的某个页面wx.redirectTo 关闭当前页面wx.switchTab 跳转到 tabBar 页面navigateBack 返回上一页面wxml 页面组件跳转navigateTo 跳转到应用内的某个页面保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。wx.navigateTo({ url: 'test?id
2020-11-17 23:26:29
3400
原创 评价星级功能实现
基于微信小程序实现功能实现：半星，全星，灰星半星标准：当小数点大于等于5时 显示半星其余显示灰星星模板wxml<!--stars.wxml--><template name="stars"> <view class='star-container'> <view class='stars'> <block wx:for="{{arr}}" wx:for-index='xid' wx:key='xid'>
2020-11-16 23:17:31
279
原创 Axios 介绍 Vue
axios 是什么axios 是请求后台资源的模块axios是一个基于Promise用于浏览器和node.js的HTTP客户端，可以用来发送ajax请求；axios 是前端流行的 ajax 请求库（react/Vue官方都推荐使用axios发ajax请求）axios官网：Axios 中文网axios的特点基于Promise的异步ajax请求库浏览器端/node端都可以使用支持请求／响应拦截器支持请求取消批量发送多个请求自动转换 JSON 数据客户端支持防御 XSRF使用安
2020-11-13 00:08:29
411
原创 Express项目搭建
Express是基于 Node.js 平台，快速、开放、极简的 Web 开发框架Express 中文网安装1.安装node环境2.创建一个目录，然后进入此目录并将其作为当前工作目录。3.通过 npm init 命令为你的应用创建一个 package.json 文件$ npm init4.在文件夹内执行npm install express命令，安装express模块npm install express --save 5.应用程序生成器。$ npm install -g ex
2020-11-09 22:53:22
199
原创 mongoose简单案例增删改查
Mongoose为模型提供了一种直接的，基于scheme结构去定义你的数据模型。它内置数据验证， 查询构建，业务逻辑钩子等，开箱即用安装cnpm install mongoose --save引用：链接数据库index.jsvar mongoose = require('mongoose')// xslBlog 链接数据库名 mongoose.connect('mongodb://localhost/xslBlog').then(()=>{ console.log("数据
2020-11-09 22:15:15
156
原创 Express ejs模板语法
特性快速编译与绘制输出简洁的模板标签：<% %>自定义分割符（例如：用 <? ?> 替换 <% %>）引入模板片段同时支持服务器端和浏览器 JS 环境JavaScript 中间结果静态缓存模板静态缓存兼容 Express 视图系统ejs标签含义<% 脚本语法 %><%= 输入到模板 不会编译html标签 %><%- 非数据模板 编译 html标签 %><%# 注释标签，不执行、不输出内容
2020-11-09 16:06:18
310
原创 面试题整理（三）Vue
文章目录MVVM一.请问 v-if 和 v-show 有什么区别？二. vue中 key 值的作用三.Vue 组件中 data 为什么必须是函数四.什么是单向数据流？五. v-model的原理六.vuex有哪几种属性？七.不用Vuex会带来什么问题？八.如何让CSS只在当前组件中起作用九.的作用是什么?十、Vue中引入组件的步骤?十一.生命周期MVVMMVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务
2020-11-06 00:04:09
215
1
原创 vue添加品牌 搜索 双向绑定 bootstrap-ui
用到 bootstrap写页面效果图html 代码```javascript <div id="add"> <div class="container main"> <div class="bg-primary title "> 添加品牌 </div> <form class="form-inline main-input"
2020-11-03 14:53:46
177
原创 面试题整理（一）HTML和CSS基础
一. 最准确的网页设计思路是把网页分成三个层次，即：结构层、表示层、行为层。最准确的网页设计思路是把网页分成三个层次，即：结构层、表示层、行为层。网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P 标签表达了这样一种语义：“这是一个文本段。”网页的表示层（presentation layer） 由 CSS 负责创建。 CSS
2020-10-22 23:17:36
533
原创 新建 Vue.CLI项目
项目安装安装 全局 VueCLInpm install -g @vue/cli创建一个项目：my-project 文件 名vue create my-project在D盘目录下新建项目安装项目所需的插件
2020-09-26 23:10:06
72
原创 Vue 子传父 父传子
方法 属性父组件向子组件传值组件实例定义方式，注意：一定要使用props属性来定义父组件传递过来的数据父传子 传递子组件向父组件传值原理：父组件将方法的引用，传递到子组件内部，子组件在内部调用父组件传递过来的方法，同时把要发送给父组件的数据，在调用方法的时候当作参数传递进去；父组件将方法的引用传递给子组件，其中，getMsg是父组件中methods中定义的方法名称，func是子组件调用传递过来方法时候的方法名称页面：<son @func="getMsg"></so
2020-09-15 20:16:48
557
原创 webpack笔记
Webpack在网页中会引用哪些常见的静态资源？JS.js .jsx .coffee .ts（TypeScript 类 C# 语言）CSS.css .less .sass .scssImages.jpg .png .gif .bmp .svg字体文件（Fonts）.svg .ttf .eot .woff .woff2模板文件.ejs .jade .vue【这是在webpack中定义组件的方式，推
2020-09-09 14:54:01
131
原创 模块化 babel安装
淘宝镜像 加快安装淘宝镜像 链接$ npm install -g cnpm --registry=https://registry.npm.taobao.org语句： 变成 cnpmcmd 命令行里安装 babelnpm install --save-dev @babel/preset-react挨个执行 下表面命令npm init //初始化npm install --save-dev @babel/core @babel/cli @babel/preset-envnpm i
2020-09-07 16:18:12
159
原创 Zepto 插件
ZeptoZepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。文档地址https://www.html.cn/doc/zeptojs-1.1.6_api/JS下载地址https://zeptojs.com/zepto.js引用<script src="zepto.js"></script>选择器语句$(". ")//类选择器$("# ")//ID选择器$("p ")//标签选择器节点add 查找元素
2020-09-07 08:52:44
412
原创 sass css样式预处理 使用
Sass命令行编译//单文件转换命令sass input.scss input.css运行结果//单文件监听命令 当 scss文件保存时 更新 css文件sass --watch input.scss:output.css方法：变量 嵌套 混合器 流程控制变量以 $开头$color:pink;变量的引用p{color:$color;}嵌套div { color: yellow; p { font-size: 20px; }
2020-09-02 23:14:29
157
原创 安装nodejs sass安装
安装/管理nodejs安装地址 nvm注意： 安装路径名不能带中文命令行里执行以下1、查看本地安装的所有版本；有可选参数available，显示所有可下载的版本。nvm list [available]2、安装，命令中的版本号可自定义，具体参考命令1查询出来的列表nvm install 11.13.03、使用特定版本nvm use 11.13.04、卸载nvm uninstall 11.13.05、sass安装npm install -g sass可能出现问题以管
2020-09-02 13:39:24
453
2
原创 Swiper 轮播插件
Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。初始化使用方法： HTML<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">slider1</div> <div class="swiper-slide">slider2<
2020-08-31 22:35:48
140
原创 移动端点击事件 FastClick 插件
移动端点击延迟事件移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟原因: 移动端的双击会缩放导致click判断延迟FastClick的使用在页面直接引入fastclick.js 链接<script src="./fastclick.js"></script>语句：js原生 if ('addEventListener' in document) { document.addEventListener("DOMCont
2020-08-31 17:26:34
269
原创 iScroll简介滚动插件
iScroll滚动，缩放，平移，无限滚动，视差滚动，旋转功能文档地址链接初始化：var myScroll = new IScroll('#wrapper', { mouseWheel: true, scrollbars: true});自定义事件Custom eventsiScroll还提供额一些你可以挂靠的有用的自定义事件。使用on(type, fn)方法注册事件。myScroll = new IScroll('#wrapper');myScroll.on('scro
2020-08-31 16:56:57
281
原创 ＜meta＞ 标签
简介：Meta标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。搜索引擎通过机器人自动查找网页中的meta值来给网站分类，只有完善了Meta，一个HTML页面才能算是完整的网页。width 设置layout viewport 的宽度，为一个正整数，或字符串"width-device"网页宽度默认等于屏幕宽度（width=device-width），初始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。ini
2020-08-26 20:03:19
288
原创 wedAPI sessionStorage 的基本用法
window.sessionStorage1、生命周期为关闭浏览器窗口 储存的值消失2、在同一个窗口(页面)下数据可以共享window.localStorage1、久生效,除非手动删除关预面也会存在2、可以多口(页面)共享(同一浏览器可以共享)语法window.sessionStoragea保存数据语法：sessionStorage.setItem("key", "value");读取数据语法：var lastname = sessionStorage.getItem("key")
2020-08-18 17:33:56
377
原创 拖动事件
标签属性draggable：true事件被拖动的源对象可以触发的事件ondragstart：被拖动ondrag：被拖动过程中ondragend：源对象被拖动结束拖动源对象可以进入到上方的目标对象可以触发的事件ondragover：目标对象悬停在源对象上方 （return false）阻止默认事件ondragleave：目标对象被拖拽离开源对象ondrop ：目标对象在源对象上松手ondragenter：被拖动进入event.target 同当前this```css&l
2020-08-18 14:57:26
425
原创 JavaScript笔记
JavaScript是：编程语言ECMAScript:语法DOM：文档对象模型BOM：浏览器对象模型变量的使用方法var 变量名=值基本数据类型number：数字类型String:字符串类型 （双引号，单引号）Boolean：布尔类型 （float，true）Undefined：未定义null：空值object：对象变量在引用之前必须先定义否者报错运算符+：加-: 减*：乘/： 除%：余数...
2020-07-22 16:19:54
79
原创 HTML标签第一章
单标签 ： 声明作用双标签 ： 决定范围 标签包含的东西才是标签表示的H1：范围 1到6标题<双标签>P ：段落标签<双标签>img：图片标签<双标签在这里插入代码片>代码如下： 哈哈哈哈 哈哈哈哈 哈哈哈哈 哈哈哈哈 哈哈哈哈 哈哈哈哈每个标题 数字越大字体越小效果 ：
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人