- 博客(20)
- 收藏
- 关注
RSS订阅原创 h5唤起支付(微信和支付宝)
支付方式：h5调用微信支付 // 微信支付 weChatPay(data){ var vm= this; //下面是解决WeixinJSBridge is not defined 报错的方法 if (typeof WeixinJSBridge == "undefined"){ if( document.addEventListener ){ document.addEventL
2021-01-25 15:42:31
3712
原创 伪元素之美
伪元素利用after清除浮动伪元素实现换行，替代< br > 换行标签利用after清除浮动.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }.clearfix { *zoom:1; }伪元素实现换行，替代< br > 换行标签.inline-element::after{ content: "\A"; white-space: pr
2020-12-09 17:09:52
109
原创 微信小程序 下载文件到本地 （解决文件名乱码问题）
function loadfile(data){ let url = data.file_url let fileName =data.title; wx.showLoading({ title: '正在打开文件' }) const manage = wx.getFileSystemManager(); wx.downloadFile({ url: url, success (res) { var savePath = wx..
2020-09-15 11:49:42
2788
1
原创 React项目
React开发项目安装 npx create-react-app 项目名称 进入项目根目录，执行启动项目命令:npm start 访问 http://localhost:3000/ 即可查看styled-components的使用在react中，正常的给组件引入css文件，该css文件会直接作用于全局，使用styled-components可以有效控制好css作用域安装命令：npm install --save styled-components全局样式配置并设置全局样式，
2020-06-22 19:18:52
171
原创 React基础知识
React.Fragment在不额外创建DOM元素的情况下，让render()方法返回多个元素render() { return ( <React.Fragment> <p>Hello World</p> </React.Fragment> );}也可以使用简写语法render() { return ( <> <p>Hello World</p>
2020-06-12 13:54:41
101
原创 React之生命周期
React之生命周期Mounting(加载阶段： 4个钩子函数)constructor()加载时调用，初始化 statestatic getDerivedStateFromProps(props, state) props 父组件传来的props state 本组件的state值当父组件的render()执行，此函数也会执行，需要return 不然会报错每次接收新的props之后都会返回一个对象作为新的state，返回null则说明不需要更新staterender()
2020-06-12 11:25:15
143
原创 虚拟DOM与Diff算法的理解
DOM 和 虚拟DOMDOM： 浏览器中，、实际的DOM操作在这里插入代码片虚拟DOM：是框架中的概念；手动用JS对象来模拟DOM元素和嵌套关系实现虚拟DOM的目的为了实现页面中，DOM元素的高效更新
2020-06-11 19:49:49
303
原创 Redux
什么是Redux?Redux 是 JavaScript 状态容器，提供可预测化的状态管理。简单来说，redux就是一个存储数据的仓库。安装Reduxnpm install --save redux附加包多数情况下，你还需要使用 React 绑定库和开发者工具。npm install --save react-reduxnpm install --save-dev redux-devtoolsRedux应用场景某个组件的状态，需要共享某个状态需要在任何地方都可以拿到一个组件需要改
2020-06-10 19:23:00
229
原创 React初体验
React特点：声明式设计高效，采用虚拟DOM来实现DOM的渲染，最大限度的减少DOM的操作灵活，跟其他库灵活搭配使用JSX，俗称JS里面写HTML，JavaScript语法的扩展组件化、模块化、代码容易复用单项数据绑定安装React安装前提：确保已安装Node.jsCDN链接 <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"><
2020-06-09 21:10:21
126
原创 小程序云开发
创建小程序项目选择小程序云开发进入项目中会报一下错误解决方法：点击云开发开通小程序-云开发创建环境，环境名称自定义，环境ID自动生成唯一的，点击确定，等待大概30ms创建成功进入到云开发控制台注意：创建完成后并不能马上使用，需等待大约十分钟才可正常使用如果出现一下错误：解决方法： 在login云函数右击->终端打开->cmd,安装依赖npm install --production获取openid获取openID前要将函数部署到云开发中在login
2020-05-27 13:04:34
1029
原创 小程序01
准备工作在微信公众平台注册小程序账号获取appId3.下载小程序开发工具开发工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html4.创建微信小程序生成示例目录如下：小程序目录结构与web对比通过以上对比得出，传统web是三层结构，而微信小程序是四层结构，多了一层配置json基础语法数据绑定语法： {{}} 数据绑定使用 Mustache 语法（双大括号）将变量包起来
2020-05-26 21:09:28
344
1
原创 仿微信app项目实战
数据库: mongdb 后台开发技术： nodejs前台开发：vue组件库：WeUI 是一套同微信原生视觉体验一致的基础样式库管理状态：vuex创建项目：vue-cli3.0脚手架vue create friend注册/ 登录功能效果展示： // 注册或登录 async singup () { // 验证手机号 if (!(/^1[3456789]\d{9}$/.test(this.mobile))) { weui.topTip.
2020-05-25 11:38:53
1903
1
原创 网站的登录流程
网站的登录流程是如何实现的用户登录的状态是通过cookies来保持的,在cookie中存储token，每次请求后端服务都会带上token(token是后台给你的一个唯一标识)，验证用户是否登录用户输入账户、验证码点击登录请求后台接口服务端验证账户和验证码验证通过会生成一个唯一标识token(表示用户的登录状态)保存至cookie并将登录成功的信息存储到本地（localStorage）中如果cookie过期，则清除本地存储的用户信息，跳转到登录页面...
2020-05-12 12:12:31
1648
原创 vue面试题
vue面试题v-show 和 v-if 的区别v-if 后面是条件表达式，满足条件就渲染dom节点，适用于切换不频繁或一次性选择的场景 V-for 和v-if 不能一起使用v-show值为true就显示，为false就会设置display:none ，适用于切换频繁的场景为何 v-for 中要用key:key表示唯一标识可以是item里面id、ndex，最好使用id，id是跟业务有关的i...
2020-05-08 21:42:00
270
原创 vue项目打包优化
vue项目打包优化vue 项目打包上线移除console开发环境和部署环境创建入口文件vue 项目打包上线移除console使用build命令打包的时，会有一些警告的错误，原因是在上线之后不需要console语句，所以在上线的时候需要把这个console语句移除比较好的解决方法：使用命令下载babel的一个插件，安装命令：npm install babel-plugin-transfor...
2020-04-29 11:39:43
373
原创 理解 Nodejs 异步
在代码的执行过程中，每遇到一个异步函数，都会将这个异步函数放入一个异步队列当中，只有当同步线程执行结束之后，才会开始执行异步队列中的函数常见的异步函数：readFile(), 定时器、事件异步读取文件var fs = require('fs')console.log('文件开始读取')fs.readFile('a.txt','utf8', (err, data) => { ...
2020-03-11 19:51:39
266
原创 关于函数内部的this
函数内部的this指向call、apply、bind三者的异同共同点 : 都可以改变this指向不同点:call 和 apply 会调用函数, 并且改变函数内部this指向.call 和 apply传递的参数不一样,call传递参数使用逗号隔开,apply使用数组传递bind 不会调用函数, 可以改变函数内部this指向.应用场景 call 经常做继承. apply经常跟数...
2020-03-08 14:39:26
158
原创 移动端轮播
移动端轮播css代码 <style> * { margin: 0; padding: 0; } ul { list-style-type: none; } .lunbo { position: rela...
2020-02-26 10:11:09
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人