luoxindong的博客

原创 uniapp的canvas画图的功能的实现，网络图片转化为本地图片绘制头像，

// 网路图片转化为本地图片的方法。。。。。getNetworkImage(url) { return new Promise((resolve, reject) => { uni.downloadFile({ url, ...

原创 vue的父子组件通信的双向绑定语法糖，以及Vue的父组件调用子组件的方法。

Vue 父子组件双向通信的语法糖父组件：<son :data.sync="data"></son>子组件：两种情况：1.子组件传递的值不是不断变化的2.子组件传递的值是不断变化的props:{data:{}}set（）{ this.$emit('update:data,'传递的数据')}2.需要对传递的数据进行不断的修改pro...

原创 【第一天】egg.js的学习：模板引擎

第一步 、下载插件cnpm i --save egg-view-nunjucks第二步、配置插件​ 操作目录：config/plugin.js​ 插入代码：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7MXrB1i7-1640270018251)(C:\Users\86184\AppData\Roaming\Typora\typora-user-images\image-20211223222602056.png)]nunjucks:{ enabl

原创 获取form表单数据的方法

原创 分享css动画，做动画不用愁了

1、Animate https://animate.style/2、Hover.css http://ianlunn.github.io/Hover/3、WickedCSS http://kristofferandreasen.github.io/wickedCSS/# 炫酷C SS3动画库4、Angrytools https://angrytools.com/css/animation/ css集合库并包含生成器5、CSSShake https://elrumordelaluz.github.

原创 uniapp 小程序获取当前定位的方法

getLocation() { let {locationEnabled }=wx.getSystemInfoSync(); if(locationEnabled){ return new Promise((resolve, reject) => { let _locationChangeFn = res => { console.log('location change', res); resolve({ lat: res.latitude

原创 css磨砂玻璃效果

div{ background: inherit; width: 250px; height: 350px; position: absolute; overflow: hidden; //adding overflow hidden}div:before{ content: ‘’; width: 300px; height: 400px; background: inherit; position: absolute; left: -25px; //giving minus

原创 js快速的获得一个格式化的当前日期，只需三步

var temp = new Date();var regex = /\//g;(temp.toLocaleDateString() + ' ' + temp.toLocaleTimeString().slice(2)).replace(regex,'-');

原创 小程序刷新当前页面

refreshPage(){const pages = getCurrentPages()const perpage = pages[pages.length - 1] //当前页面const keyList = Object.keys(perpage.options) //当前页面携带的路由参数if(keyList.length > 0){let keys = ‘?’keyList.forEach((item, index) =>{index === 0 ?keys = key

原创 小程序的table表格

<view class="table_content"> <text class="table_name">季度汇总表</text> <view class="table"> <view class="tr"> <view class="td">日期</view> <view class="td">第一季度</view> <view class

原创 平滑的是页面回到顶部

5.如何平滑滚动到页面顶部？const scrollToTop = () => {const c = document.documentElement.scrollTop || document.body.scrollTop;if (c > 0) {window.requestAnimationFrame(scrollToTop);window.scrollTo(0, c - c / 8);}}// 事例scrollToTop()作者：小耿学前端链接：https://jue

原创 js实现瀑布流最简单方法

Document

原创 css效果实现卡卷效果

css效果实现卡卷效果.coupon{width: 300px;height: 100px;position: relative;background: radial-gradient(circle at right bottom, transparent 10px, #ffffff 0) top right /50% 51px no-repeat,radial-gradient(circle at left bottom, transparent 10px, #ffffff 0) top l

原创 一到10的随机整数

Math.floor(Math.random() * 10 + 1)

原创 Vuecli3如何打包后报错，页面空白找不到文件的问题。

最近做了一个Vue项目，打包后打开index.html文件没想到一片空白，百度后才知道是，文件路径的问题，但是看了一下解决方案感觉就是一脸**，了解后才知道这是vuecli2的解决方案啊，现在已经是Vuecli3了文件目录发生了很大的变化，所以就看不明白了。然后我又开始搜索VueCli3的解决方法，搜到了要配置Vue.config.js的pubilcPath字段才行。。。声明啊：现在是2020...

原创 frames 还挺好用的

<iframesrc="//player.bilibili.com/player.html?aid=82446368&amp;cid=141065120&amp;page=1"scrolling="no"border="0"frameborder="no"f...

原创 axios数据封装导出

import axios from 'axios'import JSONBIGINT from 'json-bigint'import store from '@/store'import router from '@/router'// axios支持4个功能：// 1. js最大安全数值处理// 2. 头部需要携带token// 3. 统一剥离无效数据，得到data// 4. ...

原创 react 的组件之间的通信问题 （相当于vue中vuex）

index,js中下载 yarn add react-redux 和redux引入 import { **createStore**} from 'redux' 引入import { **Provider** } from 'react-redux' const *initState* = { a:1, b:2 } const *reducer* =(...

原创 小程序转发功能的实现

小程序实现页面转发

原创 css超长文本省略。。。。。。

同时应用： text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 实现了所想要得到的溢出文本显示省略号效果

原创 获取表单图片上传的数据

e.target.files[0]//就这么简单

原创 nodejs用于跨域全部

app.all("*",function(req,res,next){//设置允许跨域的域名，代表允许任意域名跨域res.header(“Access-Control-Allow-Origin”,"");//允许的header类型res.header(“Access-Control-Allow-Headers”,“content-type”);//跨域允许的请求方式res.header...

原创 axios发送formdata数据

let fd=new FormData(form)let config = {headers:{‘Content-Type’:‘multipart/form-data’}};**let res=await axios.post(‘http://localhost:8000/upload’,fd,config**)**console.log(res)}特别注意：要设置Content-...

原创 axios的封装与导出

// 配置axios 使用配置好的axios发请求// 处理js最大安全数值 在每次请求携带token 响应后获取有效数据 响应失败token失效（TODO）// 导出一个发请求的工具函数import axios from ‘axios’import JSONBIGINT from ‘json-bigint’import store from ‘@/store’// 创建一...

原创 http常见的响应状态码

.**http常用状态码**​ 状态码 状态码英文名称 中文描述​ 200 OK 请求成功。一般用于GET与POST请求​ 301 Moved Permanently 永久重定向。请求的资源已被永久的移动到新URI，返回信息会包括新的URI，浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替301 和 302 共同点: 就是用户都可以看到url替换为了一个新的，然后发出请...

原创 【ajax】原生阿贾克斯的请求步骤

原生ajax的5个请求步骤**get请求的步骤**1.初始化建立一个XMLhttprequsest的实例对象var xml = new XMLHttpRequest()2.建立连接xml.open('get','http://.....?name=luoxindong&age=12,true)3.发送请求xml.send()4.设置监听函数xml.onread...

原创 【Vant的Rem适配方案】

Rem适配Vant 中的样式默认使用px作为单位，如果需要使用rem单位，推荐使用以下两个工具：postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 remlib-flexible 用于设置 rem 基准值.PostCSS 配置1.在根目录下新建一个postcss.config.js2.下载npm install postcss-pxtorem --save...