Dreamy smile
码龄3年
  • 49,780
    被访问
  • 43
    原创
  • 96,896
    排名
  • 35
    粉丝
关注
提问 私信

个人简介:一个热爱前端的普通开发者

  • 加入CSDN时间: 2019-10-10
博客简介:

Dreamy smile

博客描述:
一个热爱前端的普通开发者
查看详细资料
  • 2
    领奖
    总分 183 当月 13
个人成就
  • 获得29次点赞
  • 内容获得24次评论
  • 获得167次收藏
创作历程
  • 7篇
    2021年
  • 38篇
    2020年
成就勋章
TA的专栏
  • 项目开发记录
    21篇
  • javascript
    14篇
  • vue
    15篇
  • html--css
    5篇
  • uniapp
    6篇
  • 小程序
    4篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络
    https
  • 微软技术
    typescript
  • 小程序
    小程序
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

Markdown Preview Plus_v0.7.17.crx

发布资源 2021.12.21 ·
crx

小程序展示base64图片

base64图片如果不包含类似于【data:image/png;base64,】,这个字符串。let base64Img = 'base64字符串'base64Img = 'data:image/png;base64,' + base64Img ;如果包含【data:image/png;base64,】。 <image mode="widthFix" src="{{base64Img}}" />如果上面base64字符串没有问题,需要去一下字符串里面的空格。base.
原创
发布博客 2021.12.08 ·
343 阅读 ·
0 点赞 ·
0 评论

mPaaS小程序一些记录

mpaas 小程序介绍mPaaS 小程序,源自于支付宝小程序框架,继承了支付宝小程序框架的易开发性、跨平台性以及 Native 性能,不仅帮助开发者实现面向自有 App 投放小程序,还可快速构建打包,覆盖支付宝、淘宝、钉钉等应用。基于 mPaaS 小程序,开发者能够快速优化发布包大小,节省流量和存储。同时,服务迭代不再受发版限制,快速发布,快速迭代。甚至,基于统一的开发标准,小程序仅需开发一次,便可快速投放至多端开发1、使用支付宝小程序开发工具,选择mpaas小程序。2、前端开发还是.
原创
发布博客 2021.11.26 ·
312 阅读 ·
0 点赞 ·
0 评论

vue2 antdesign menu 渲染多级菜单

示例数据//path 自行配置const menu = [ { title: '示例1', icon: 'laptop', path: '', children: [ { title: '示例1-1', icon: 'laptop', path: '' }, { title: '示例1-2', icon: 'laptop', path.
原创
发布博客 2021.11.04 ·
410 阅读 ·
0 点赞 ·
0 评论

mPaaS小程序使用国密算法sm2加密传参

使用 miniprogram-sm-crypto使用文档npm i miniprogram-sm-crypto引入const sm2 = require(‘miniprogram-sm-crypto’).sm2;在js文件里const sm2 = require('miniprogram-sm-crypto').sm2;const smTwo = { sm2, cipherMode: 1, // 1 - C1C3C2,0 - C1C2C3,默认为1 sm2p.
原创
发布博客 2021.11.04 ·
223 阅读 ·
0 点赞 ·
0 评论

antdesign-vue table合并列

合并的方法const temp = {};const mergeCells = (text, array, columns) => { let rowSpan = 0 if (array.length == 1) { rowSpan = 1 } else { if (text !== temp[columns]) { temp[columns] = text array.forEach((i.
转载
发布博客 2021.10.21 ·
293 阅读 ·
0 点赞 ·
0 评论

vue2 elementui日期时间选择器

设置日期选择器(范围)只能选择当前月份的日期<el-date-picker v-model="search.date" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" style="width: 210px" :clearable="false" :picker-options="pickerOptions.
原创
发布博客 2021.07.29 ·
212 阅读 ·
0 点赞 ·
0 评论

vue仿elementui自定义一个v-pageloading指令,开箱即用

创建一个loading文件夹。包含loading.vue、loading.js、index.jsloading.vue 写布局及css样式实例代码<template> <div class="loading-container" v-show="loadingShow"> <div class="pageloading"> <span></span> <span.
原创
发布博客 2021.01.14 ·
179 阅读 ·
1 点赞 ·
0 评论

前端组件拖拽以及自定义组件布局(目前基于vue实现)

这篇文章简单介绍前端(vue)里组件拖拽以及拖拽完成以后组件自定义排列的的写法。主要介绍思路以及实现方式(会一直更新这个功能,直到我自己把它做完善)。组件的放大缩小以及拖拽借助一个不错的插件vue-grid-layoutgit文档:https://github.com/jbaysolutions/vue-grid-layout/blob/master/README-zh_CN.md这个插件定义的某一个元素的宽高是利用倍数计算宽高以及位置,在使用的时候可以自己先去定义一个栅格的背景,我做的是.
原创
发布博客 2020.12.16 ·
9702 阅读 ·
9 点赞 ·
13 评论

js控制台输出永无bug(在写代码的路上居然信开了玄学)

在写代码的路上居然信开了玄学!!!!!!!!!!!!!似乎真的有用?????????????function noBug() { const nostr = " ......................阿弥陀佛......................
" + " _oo0oo_
" + " o888888.
原创
发布博客 2020.12.10 ·
166 阅读 ·
0 点赞 ·
0 评论

javascript中的prototype、call、apply、bind

js中继承有几种方式,下面介绍4种,分别是prototype、call、apply、bind一、prototype(原型)//通过将父对象的构造函数的实例放在子对象的原型中,实现继承。//原型继承 function person(name,age,sex,job){ this.name=name; this.age=age; this.sex=sex; this.job=job; } person.protot.
原创
发布博客 2020.12.04 ·
129 阅读 ·
1 点赞 ·
0 评论

记一次前后端分离项目get方式向后台传参数,类型为数组。如何处理?

前端向服务端传参时使用get方式,传递的是一个拼接好的字符串,在一般项目中,很少会出现其中某一个参数是数组的情况。一般是,例www.baidu.com?type=3&id=2在做前后端分离的项目时,可能后端需要前端使用get方式传递数组,例www.baidu.com?types=3&tag=[{“id”:“step”,“type”:“1”},{“id”:“orde”:“type”:“2”}]当时我在给后端传的时候,就简单的使用了JSON.stringify(Arr.
原创
发布博客 2020.12.04 ·
783 阅读 ·
0 点赞 ·
0 评论

uniapp编译微信小程序与app使用高德地图api定位(百度地图同理)

1.去高德地图创建自己的应用2.填写ios、Android平台和小程序的key(自定义)、Android平台的发布版安全码SHA1,如果没有可以填hbuliderx的公共测试证书里的。ios需要填安全码Bundle ID(打包的包名)3.不管是app端还是小程序都可以使用高德提供的微信小程序的SDK4.微信小程序的key需要写在代码里5.app端key6.使用//map.jsimport amap from './js-map-sdk/amap-wx.js';..
原创
发布博客 2020.10.24 ·
1850 阅读 ·
0 点赞 ·
1 评论

前端js省市下拉框,及静态数据包

前端js省市下拉框,及静态数据包目前使用vue实现、可以在原生js使用。部分js//筛选市cityFilter(arr,key){ let citys = []; for(let i=0,len=arr.length;i<len;i++){ for(let j=0,jen=arr[i].length;j<jen;j++){ if(key == arr[i][j].value.substring(0,2)){ citys.push(arr[i][j]); .
原创
发布博客 2020.10.24 ·
218 阅读 ·
1 点赞 ·
0 评论

js判断是否是ie浏览器,弹出提示使用别的浏览器打开

判断是否是ie浏览器,弹出提示使用别的浏览器打开<script type="text/javascript"> (function(window){ var userAgent = navigator.userAgent; var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; var isIE11 = userAgent.i.
原创
发布博客 2020.10.23 ·
534 阅读 ·
0 点赞 ·
0 评论

Vue实现pc/移动端图片预览、放大、缩小、旋转的效果

实现pc/移动端图片预览、放大、缩小、旋转的效果git => https://github.com/mirari/v-viewer使用1.npm install v-viewer2.在全局引入或局部引入全局引入`import ‘viewerjs/dist/viewer.css’;import ‘…/static/css/defaultstyle.css’;`Vue.use(Viewer);<viewer :images="images"> <i.
原创
发布博客 2020.10.22 ·
1137 阅读 ·
0 点赞 ·
0 评论

javascript通过银行卡号识别所属银行

function bankCardAttribution(bankCard){ var cardTypeMap = { DC: "储蓄卡", CC: "信用卡", SCC: "准贷记卡", PC: "预付费卡" }; function extend(target, source) { var result = {}; var key; target = target || {}; source = source || {};
原创
发布博客 2020.09.28 ·
696 阅读 ·
0 点赞 ·
0 评论

js工具类函数

//秒转换时分秒second2String(sec){ var hours = Math.floor(sec/ 3600) var minutes = Math.floor(sec % 3600 / 60) var seconds = Math.floor(sec % 3600 % 60) var hourStr = String(hours) var minStr = String(minutes) var secStr = String(seco
原创
发布博客 2020.09.24 ·
87 阅读 ·
1 点赞 ·
0 评论

使用uniapp编译多端,自定义导航栏高度、状态栏的高度

使用uniapp框架编译多端,在使用自定义导航栏的时候需要适配不同手机,在安卓和ios上手机的状态栏高度是不一样的,尤其是小程序。uni.getSystemInfo();//在小程序上使用这个方法去获取,应为iphonex的高度和其他型号的高度不一样。uni.getSystemInfo({ success: (data) => { data.statusBarHeight => 手机状态栏高度 data.statusBarHeight + 44 => ios手机状态栏+.
原创
发布博客 2020.09.01 ·
721 阅读 ·
2 点赞 ·
1 评论

去除字符串中的表情符号以及判断字符串中是否存在表情符号

去除字符串中的表情符号function isEmojiCharacter(str) { let reg = /\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62(?:\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDB40\uDC73\uDB40\uDC63\uDB40\uDC74|\uDB40\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F|\uD83D\uDC68(?:\uD83C\uDFFC\u2.
原创
发布博客 2020.08.29 ·
223 阅读 ·
0 点赞 ·
0 评论
加载更多