前端视听

分享前端学习干货，资源等
私信 关注
前端王小婷
码龄2年

个人微信号：xiao_mi_mei6

  • 621,999
    被访问量
  • 348
    原创文章
  • 5,971
    作者排名
  • 228
    粉丝数量
  • 于 2019-03-12 加入CSDN
获得成就
  • 获得230次点赞
  • 内容获得98次评论
  • 获得1,179次收藏
荣誉勋章
兴趣领域
  • #前端
    #Node.js#ECMAScript 6#前端框架#Vue.js#小程序#JavaScript
  • 最近
  • 文章
  • 资源
  • 问答
  • 课程
  • 帖子
  • 收藏
  • 关注/订阅

git push origin master提交报错解决办法

使用git push origin master将本地提交推送到远程仓库的时候遇到了这样的一个报错wangting@DESKTOP-O81VEVO MINGW64 ~/Desktop/wisdom_inventory_admin (master)$ git push origin masterTo https://gitee.com/wangyoko/wisdom_inventory_admin.git ! [rejected] master -> master (fetch
原创
0阅读
0评论
0点赞
发布博客于 昨天

Echarts折线图的折线实线设置成虚线

主要修改属性 itemStyle:{ normal:{ lineStyle:{ width:2, type:'dotted' //'dotted'虚线 'solid'实线 } } }, 实例代码：<!DOCTYPE html
原创
3阅读
0评论
0点赞
发布博客于 昨天

在码云上新建一个仓库，并且使用git上传代码步骤

码云：https://gitee.com1：注册一个自己的码云账号，或者使用github账号登录码云点击右上角的加号，新建一个库2:新建仓库的时候可以填写仓库名称和仓库介绍，是否开源等信息3：仓库建立好之后点击克隆或者下载将仓库拉到本地4：打开git输入克隆命令git clone https://gitee.com/wangyoko/wisdom_inventory_admin.git我这里是将项目的文件夹下载到自己的电脑桌面了可以放在自己需要的路径5：将自己的本地的
原创
11阅读
0评论
0点赞
发布博客于 昨天

ECharts折线图渲染json格式数据（格式为数组）

ECharts折线图渲染json格式数据（json格式，为数组）需要对数组进行循环取值，将取到的值分别赋值给x轴和y轴json格式，data为数组{ "msg": "查询成功", "code": 1, "data": [{ "statTime": "2021-03", "noPatrolNum": 21 }, { "statTime": "2021-04", "noPatrolNum": 15 }]}demo<!DOCTYPE html>&
原创
0阅读
0评论
0点赞
发布博客于 昨天

ECharts折线图渲染json格式数据（格式为对象）

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://c
原创
0阅读
0评论
0点赞
发布博客于 昨天

vue+Element实现Tree树形数据展示

vue-element-admin一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。推荐指数：star:62.1kGithub 地址：https://github.com/PanJiaChen/vue-element-adminDemo体验：https://panjiachen.github.io/vue-element-admin/#/dashboa
原创
7阅读
0评论
0点赞
发布博客于 昨天

vue+Element实现Tree树形（是否默认展开所有节点属性: default-expand-all）

vue-element-admin一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。推荐指数：star:62.1kGithub 地址：https://github.com/PanJiaChen/vue-element-adminDemo体验：https://panjiachen.github.io/vue-element-admin/#/dashboa
原创
3阅读
0评论
0点赞
发布博客于 昨天

vue的 DatePicker 日期选择器，把选择的日期转化成需要格式传值

vue-element-admin一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。推荐指数：star:62.1kGithub 地址：https://github.com/PanJiaChen/vue-element-adminDemo体验：https://panjiachen.github.io/vue-element-admin/#/dashboa
原创
4阅读
0评论
0点赞
发布博客于 昨天

vue获取系统默认的年月日

<template> <div class="container"> <div>当前系统时间：{{ dateTime }}</div> </div></template><script>export default { data() { return { dateTime: "", }; }, created() { this.Date(); },
原创
0阅读
0评论
0点赞
发布博客于 昨天

Vite2.0 正式发布，我先学为敬

Vite2自2月17号份发布之后，收获了前端圈的一片哀嚎：学不动了……不不不，你得学！Vite（法语意思是 “快”，发音为 /vit/，类似 veet）是一种全新的前端构建工具。你可以把它理解为一个开箱即用的开发服务器 + 打包工具的组合，但是更轻更快。Vite 利用浏览器原生的 ES 模块支持和用编译到原生的语言开发的工具（如 esbuild）来提供一个快速且现代的开发体验。官网：https://cn.vitejs.dev/github：https://github.com/vitejs/do
原创
148阅读
0评论
1点赞
发布博客于 2 月前

vue的年月日时间选择器

vue-element-admin一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。推荐指数：star:62.1kGithub 地址：https://github.com/PanJiaChen/vue-element-adminDemo体验：https://panjiachen.github.io/vue-element-admin/#/dashboa
转载
65阅读
0评论
0点赞
发布博客于 2 月前

vue渲染select下拉框的值

关于一些经常用到的参考文档：这里都罗列一下,查找起来比较方便Element UI手册：https://cloud.tencent.com/developer/doc/1270github地址：https://github.com/ElemeFE/elementvue2.0官方网站：http://caibaojian.com/vue/guide/installation.htmlelement-ui官方网站：https://element.eleme.cn/#/zh-CN<template&
转载
84阅读
0评论
0点赞
发布博客于 2 月前

vue+echarts实现一个叠堆柱状图

关于一些经常用到的参考文档：这里都罗列一下,查找起来比较方便Element UI手册：https://cloud.tencent.com/developer/doc/1270github地址：https://github.com/ElemeFE/elementvue2.0官方网站：http://caibaojian.com/vue/guide/installation.htmlelement-ui官方网站：https://element.eleme.cn/#/zh-CNEcharts官网：http
转载
46阅读
0评论
0点赞
发布博客于 2 月前

uniapp改变radio大小

半年前使用uniapp+ColorUI+安卓写了一款app，最近在进行一些优化和修改，顺便记录一下遇到的一些小问题，遇到的一些可以记录下来的优化点，其实uniapp用来做一些比较简单的app还是挺不错的，比较快捷，容易管理~~uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。文档：https://uniapp.dcloud.io/话不多说，今天遇到了一个小问题在默认的radio选择框里面我这里男生和女生
原创
45阅读
0评论
0点赞
发布博客于 2 月前

vue-element-admin打包后网页空白怎么办？

使用npm run build:prod命令进行打包会出现这样的情况生成了一个静态的文件夹打开index.html的时候会出现页面空白的问题打开F12查看一下这是为啥会发现这些文件的路径访问不到解决办法打开vue.config.js找到publicPath: ‘/’将 publicPath: '/'改成 publicPath: ‘./’然后使用npm run build:prod重新打包如果这个时候，还是空白的话打开浏览器，路径都是正确的，没有报错但是就是不显
转载
88阅读
0评论
1点赞
发布博客于 2 月前

vue基于饿了么的表格和分页交互效果

前面有提到在vue里面，对于表格的使用：vue2.0 + element-ui 实战项目-渲染表格（四）https://www.jianshu.com/p/fea8cacc04b9，在实战的过程中，往往还要选择一个合适的分页，搭配着一起使用，尤其是数据比较多的时候，必然会做出分页效果。关于一些经常用到的参考文档：这里都罗列一下,查找起来比较方便Element UI手册：https://cloud.tencent.com/developer/doc/1270github地址：https://github
转载
89阅读
0评论
0点赞
发布博客于 2 月前

重启linux服务器的命令

链接xshell进入到根目录底下再进入到/opt/java/tomcat8081/bin在bin底下执行重启服务的命令[root@mote-test bin]# ./startup.sh && tail -f ../logs/catalina.out
原创
175阅读
0评论
0点赞
发布博客于 4 月前

vue的select下拉框宽度的设置

前几天使用vue-element-admin框架开发了一个简单的后台管理系统，在开发的过程之中也遇到了一些功能，以及对饿了么框架的使用遇到的一些问题，如何解决问题，记录一下。资料相关vue-element-admin推荐指数：star:55kGithub 地址：https://github.com/PanJiaChen/vue-element-adminDemo体验：https://panjiachen.github.io/vue-element-admin/#/dashboard在form表单
原创
1328阅读
1评论
1点赞
发布博客于 4 月前

uni-app使请求接口并且渲染

1：新建一个uniapp项目，命名为test。2：官方网站找文档，要用到列表组件地址导航：https://ext.dcloud.net.cn/plugin?id=24导入到自己的test项目里面去导入之后，可以看到目录结构如下3：打开index，开始写代码使用方式列表的方式，在 script 中引用组件并且在 template 中使用组件 。import uniList from "@/components/uni-list/uni-list.vue"import uniListIt
原创
1198阅读
1评论
3点赞
发布博客于 10 月前

uni-app封装request请求

在上一篇文章里面，写到使用uni.request请求的方法https://www.jianshu.com/p/bc62c9e1beedgetList() { uni.request({ url: "https://unidemo.dcloud.net.cn/api/news", method: 'get', dataType: 'json', success: (res) => { console.log(res.data
原创
307阅读
0评论
0点赞
发布博客于 10 月前

2020年最火vue的UI框架

在做vue项目开发的时候遇到了一个问题，如何选择自己的技术栈？随着vue的开发者越来越多，各种框架也渐渐多起来，面对众多的框架，如何选择一款适合自己业务的框架，还是一件比较纠结的事情，今天总结了一下2020年GitHub上面比较受欢迎，star较高的几个UI框架。1：饿了么ElementUI推荐指数：star:45.2k适用：PC端官网地址：http://element-cn.eleme.io/#/zh-CNGitHub地址：https://github.com/ElemeFE/element介
原创
12161阅读
2评论
5点赞
发布博客于 1 年前

webstorm创建vue项目

准备工作，这些就不一一说明了，如果有不会的，可以去前面的教程里面看一看，找一找。1：webstorm的安装：2：node.js的安装3：安装Git4：vue-cli1:初始化一个项目打开cmd（右键管理员）或者git，进入D盘，输入创建命令，一路回车键d:vue init webpack myprojectvue2：创建完成之后可以看到d盘默认的出现了项目3：进入...
原创
185阅读
0评论
0点赞
发布博客于 2 年前

vue实现性别选择框

这篇文章主要是简单的实现了vue2.0移动端自定义性别选择的功能，很简单但是经常用到，于是写了一个小小的demo，记录下来。效果图：图片.png实现代码：<template> <div class="app"> <div class="boy"> <input type=...
原创
4485阅读
2评论
0点赞
发布博客于 2 年前

前后端数据交互之数据接口

前后端数据交互之数据接口废话就不多说了，我们都知道，前端通常会通过后台提供的接口来获取数据来完成前端页面的渲染。1.前端通过接口调用后台返回的数据<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html&...
转载
11117阅读
1评论
6点赞
发布博客于 2 年前

前端常见的21个框架总结

前端的技术日渐更新，最近得空，花了一上午的时间，将前端常见的UI框架总结了一下，在开发的过程之中，有了这些，不断能够提高自己的工作效率，还可以在工作之余了解更多。希望大家喜欢。1.Layui官方网址：http://www.layui.com/Layui是一款采用自身模块规范编写的国产前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。从核心代码到API的每...
原创
174阅读
0评论
0点赞
发布博客于 2 年前

git报错-fatal: HttpRequestException encountered.

在把本地项目上传至svn的时候，会出现这样的错误lenovo@DESKTOP-K3LPGHL MINGW64 /d/mint (master)$ git push -u origin masterfatal: HttpRequestException encountered. ▒▒▒▒▒▒▒▒ʱ▒▒▒▒Username for 'https://github.com': remo...
原创
607阅读
0评论
1点赞
发布博客于 2 年前

小程序获取当前日期

需求：获取系统当前年月日和时分秒，并且显示在界面。如下图所示：其实方法很简单，小程序API里面也有一定的介绍。1:准备好要获取时间的.js文件中加载util.js文件，文件目录中有默认的代码2：wxml:<view>{{time}}</view>3：在需要使用的js文件中，导入jsvar util = require('../....
原创
1197阅读
0评论
0点赞
发布博客于 2 年前

vue2.0银行卡选择

功能效果：vue2.0实现银行卡类型种类的选择参考代码如下：<template> <div class="app"> <header> </header> <div class="details"> <div @click="memberRank"&...
原创
1040阅读
0评论
0点赞
发布博客于 2 年前

小程序标准授权登录流程

小程序自上线以来，官方一直在调整API，因此也出现了一批被废弃的接口，作为程序员的我们，此时此刻千万不能为这不断的变化而感到头疼，应当与时俱进，不断的更新自己的知识储备和应用技能。新旧对比：旧的方法：旧方法wx.getUserInfo按照用户登录时，弹出需要授权的弹窗，用户点击授权后才能使用。新方法：Open-data的灵活使用方法，不会让你直接获得用户信息，而是小程序点击登...
原创
1367阅读
0评论
0点赞
发布博客于 2 年前

wepy底部导航栏效果

文档wepy快速指南 小程序框架wepy开发文档 wepy开源 wepy官方文档wepy是腾讯自己开发的框架，作用主要是提高开发者的开发效率，采用了类似使用了vue的代码书写风格，开发者可以熟练的上手小程序开发。先上效果图1：新建四个界面在components底下新建四个wepy文件分别是message 消息列表界面<template> ...
原创
241阅读
0评论
1点赞
发布博客于 2 年前

从零开始学习React-开发环境的搭建（一）

其实16年的时候就已经接触到React，那个时候也只是入门，时隔多年，工作上一直都没有接触到相关的业务，不知不觉，前端的天也开始渐变，看到 了很多招聘要求上都是要求会React，三大框架怎么也得熟悉使用两个，不让下一份工作可能就很难了~老规矩，先看完官方文档：教程：https://www.runoob.com/react/react-tutorial.html文档：http://caiba...
原创
117阅读
0评论
0点赞
发布博客于 2 年前

wepy底部导航栏效果

文档wepy快速指南小程序框架wepy开发文档wepy开源wepy官方文档wepy是腾讯自己开发的框架，作用主要是提高开发者的开发效率，采用了类似使用了vue的代码书写风格，开发者可以熟练的上手小程序开发。先上效果图1：新建四个界面在components底下新建四个wepy文件分别是message 消息列表界面<template> <view ...
原创
536阅读
0评论
0点赞
发布博客于 2 年前

小程序二维码验证问题

需求：1：扫码返回的结果必须是DECA开头,否则提示非法二维码2：扫码返回的结果必须是16位3：支付宝，微信等其他非项目公司提供的二维码扫描均无效正则：const reg = /^DECA[A-Za-z0-9]{12}$/;主要代码： wx.scanCode({ success: (res) => { const result =...
原创
278阅读
0评论
0点赞
发布博客于 2 年前

Mint UI搭建环境

官网：https://mint-ui.github.io/#!/zh-cnGithub: https://github.com/ElemeFE/mint-ui/今天具体说一说比较常用的；Mint UI框架的按钮组件，Mint UI是 饿了么团队开发基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要1：安装node端开发框架和环...
原创
313阅读
0评论
0点赞
发布博客于 2 年前

微信web开发者工具无法打开

上周微信开发者工具一直没有办法打开页面，本来打算写一篇关于小程序的文章，结果等了半天试了好几次都是这样的界面，临近下班就没有在意了，今天来打开电脑还是如此，怎么也打不开编辑界面。到最后，使用了一个奇葩的方法（见方法5）于是卸载了重新下载安装了一次，还是如此，在网上看了几篇教程，全部试了一遍，结果，像是踩了一地的坑，可得劲了，看来大家都遇到了这样的问题了。图片.png为了少...
原创
280阅读
0评论
1点赞
发布博客于 2 年前

Sorry, name can no longer contain capital letters.

记录一个问题今天 在初始化一个vue项目的时候出现了这样的报错Sorry, name can no longer contain capital letters.原来初始化的时候，项目名称命名不能使用大写字母啊于是我就改成小写的吧这个样子，改完之后再输入命令进行初始化就可以啦。...
原创
62阅读
1评论
0点赞
发布博客于 5 月前

Refused to load the image ‘http://localhost:9527/favicon.ico‘

今天启动vue-element-admin项目的时候出现了这样的一个很奇怪的额问题Refused to load the image ‘http://localhost:9527/favicon.ico’ because it violates the following Content Security Policy directive: “default-src ‘none’”. Note that ‘img-src’ was not explicitly set, so ‘default-src’
转载
72阅读
0评论
0点赞
发布博客于 5 月前

前端开发最常用的几个富文本编辑器

1：:功能齐全 tinymce|TinyMCE | The Most Advanced WYSIWYG HTML Editor官方网址：https://www.tinymce.com/TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器，由JavaScript写成。它对IE6+和Firefox1.5+都有着非常良好的支持。2：百度 ueditor|UEditor - 首页官方网址：http://ueditor.baidu.com/website/UEditor是由百度web前端研发部开发所见
转载
648阅读
0评论
1点赞
发布博客于 5 月前

小程序云开发全套实战教程（最全）

####前言：在学习云开发的时候将自己的学习过程记录下来了，放在了网上，收获了一波好评，今天下午在办公室没有事情，也发现之前有人在博客里面评论，你这个教程还有一半哩，可能是csdn的自动搬运功能出来一点小问题，没有搬运成功吧，这里就手动复制粘贴成为一篇了，篇幅比较长，如果有不足或者不注意写错的地方，欢迎大家提出纠正哦。####小程序云开发实战一：小程序扫一扫获取到图书ISBN码（图书条形码）接触到云函数已经有一段时间了，之前一直在看api，现在自己跟着网络上的资料和视频学习，做了一个小项目，类似于豆
转载
920阅读
3评论
0点赞
发布博客于 5 月前

uni-app提交表单成功之后跳转首页

功能需求：1：填写表单内容，点击提交审批按钮，提交成功之后，弹出弹框，提示已经提交成功。2：提交成功之后，两秒钟之后自动跳转到首页主要函数：sub() { uni.showToast({ title: '上传成功', icon: 'success', duration: 1000 }) setTimeout(() => { uni.switchTab({ url: "../main", }); }
转载
244阅读
0评论
0点赞
发布博客于 5 月前

腾讯在线word

今天发现了一个很好用的在线办公效率工具，就分享出来啦，是腾讯家的产品，网页版和移动端小程序版都有。地址：https://docs.qq.com/desktop打开网页，就可以直接使用qq扫码或者微信扫一扫就可以直接登录啦，微信还有专门的文档小程序。更方面的是有各种模板可以选择，比如工作清单，计划表，日记，工作周报等等，都已经给你做好啦，真的是太喜欢啦，对于我这个喜欢记笔记的人来说简直就是一框神仙效率工具哦。可不止是word，包括excel表格，ppt模板，在线收集表全部都有，还可以把桌面的文档导
转载
46阅读
0评论
0点赞
发布博客于 5 月前

推荐一款拾色器插件colorpicker.js

需求：点击颜色的input框的时候，会出现拾色器的插件，将自己选择的颜色的色号赋值给input里面，在插件库里面找到了一个UI样式还比较好看的插件，作了一些修改，符合项目需要，分享出来。找了一个拾色器插件，将colorpicker.js下载并且引用。<script src="./colorpicker.js"></script>下载地址：http://www.jq22.com/jquery-info22179参考demo：<!DOCTYPE html>&l
转载
210阅读
0评论
0点赞
发布博客于 5 月前

在线网页版ps

Adobe这家公司，虽然不时搞出一些惊艳的玩意，但大家对Photoshop一直是又爱又怨：软件买起来贵，还不一定天天用，软件比较大，换一台电脑就很麻烦。今天小编推荐一款：免费、免安装、浏览器里在线直接用的Photoshop替代者，名字叫做Photopea。只要打开这个Photopea网页，你的浏览器里上就会出现一个“Photoshop”，不仅仅是像，还能完成的大部分PS功能，甚至在手机浏览器里都可以用。实测效果打开了这款在线PS的网站：https://www.uupoop.com首先看到的是Pho
转载
422阅读
0评论
0点赞
发布博客于 5 月前

svn报错-ra_serf: The server sent a truncated HTTP response body.

今天从svn上check out 项目到本地的时候，遇到了一个这样的报错ra_serf: The server sent a truncated HTTP response body.打开本地文件夹一看，项目也只下载了一半不到，还有一大部分没有拉下来查看了一下原因，SVN的请求是写一个XML包体，如果仓库过大，请求的body就变得很大了，导致请求超时，文件夹被 locked ，只能检出了一部分文件。解决办法：在项目里面右击鼠标，选择clean up在弹出的clean up框里面，勾
转载
126阅读
0评论
0点赞
发布博客于 5 月前

5分钟搭建Hexo个人博客

写在前面的话很早以前就想要搭建一个个人的博客，奈何只是一个前端切图仔，对于后端和数据库接口上手存在一定的难度，于是一拖拖了很久，今天无意中发现了使用Hexo搭建个人博客很快就能用了，而且托管在github平台也不需要自己去买服务器域名和维护，一举数得，非常nice，记录了一下搭建Hexo个人博客的步骤，尽可能的写的详细一点~准备工作步骤1：GitHub上面新建一个仓库，用来放自己的博客2：安装git工具，生成SSH添加到GitHub3：本地环境搭建，安装node 和npm4：本地初始化Hexo项
原创
236阅读
1评论
1点赞
发布博客于 5 月前

2020年GitHub高赞vue的UI框架

在做vue项目开发的时候遇到了一个问题，如何选择自己的技术栈？随着vue的开发者越来越多，各种框架也渐渐多起来，面对众多的框架，如何选择一款适合自己业务的框架，还是一件比较纠结的事情，今天总结了一下2020年GitHub上面比较受欢迎，star较高的几个UI框架。1：饿了么ElementUI推荐指数：star:45.2k适用：PC端官网地址：http://element-cn.eleme.io/#/zh-CNGitHub地址：https://github.com/ElemeFE/element介
原创
70阅读
0评论
0点赞
发布博客于 5 月前

axios请求，跨域问题，设置跨域代理

生成一个vue项目之后，开始写请求，请求数据，渲染到前端界面，有时候直接请求服务器上的接口，会遇到跨域问题，遇到跨域的时候，需要设置跨域代理~1：进入新建的项目之中，使用npm安装axios模块。 npm install axios --save2：准备json数据自己写了一个json数据，放在服务器上，现在要通过vue项目调用数据http://www.intmote.com/test.json3：跨域问题，设置代理，利用proxyTable属性实现跨域请求在config/index.
原创
558阅读
0评论
0点赞
发布博客于 5 月前

ES6常见的数组方法，你知道几个？

一：数组方法filter（过滤）1：过滤掉不能被3整除的数，打印出来能被整除的数<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> //过滤器filter let arr = [12, 33, 66, 99, 5
转载
108阅读
0评论
0点赞
发布博客于 5 月前

小程序显示当前日期

需求：在小程序的界面显示一下当前系统里面的年月日时分秒1：打开微信开发者工具，填写自己的appid和项目名称，新建一个项目。2：打开项目里面默认生成的util.js这里可以看到，代码已经写好了，我们只需要引用就行了const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour
转载
204阅读
1评论
0点赞
发布博客于 6 月前

vue实现excel表格下载

最近在使用vue-element-admin这个后台管理框架开源模板在做一个管理后台，使用起来其实还挺方便的，大部分的组件源码里面都已经写好了，用的时候只需要把源码拿出来修改修改，也就成了。这里记录一下开发过程中遇到的一些功能。资料相关vue-element-admin推荐指数：star:55kGithub 地址：https://github.com/PanJiaChen/vue-element-adminDemo体验：https://panjiachen.github.io/vue-elem
转载
277阅读
0评论
0点赞
发布博客于 6 月前

select下拉框一次选择多个数据属性

最近在使用vue-element-admin这个后台管理框架开源模板在做一个管理后台，使用起来其实还挺方便的，大部分的组件源码里面都已经写好了，用的时候只需要把源码拿出来修改修改，也就成了。这里记录一下开发过程中遇到的一些功能。资料相关vue-element-admin推荐指数：star:55kGithub 地址：https://github.com/PanJiaChen/vue-element-adminDemo体验：https://panjiachen.github.io/vue-elem
转载
232阅读
0评论
0点赞
发布博客于 6 月前

开源商城项目前端demo

大家都知道，我每天最重要的事就是帮大家在GitHub上挖掘出最受程序员欢迎的开源项目，这不，今天GitHub热榜上又有一个项目成功引起了小编的注意——mall-swarm之所以这么受欢迎，并且在短时间内获得了41k的star数量，这背后肯定是非常优秀，最重要的是好用。废话不多说，传送门送到GitHub地址：https://github.com/macrozheng/mall介绍：mall项目是一套电商系统，包括前台商城系统及后台管理系统，基于SpringBoot+MyBatis实现，采用Dock
转载
216阅读
0评论
0点赞
发布博客于 6 月前

小程序生成二维码海报

在小程序开发完成之后，我们会时常遇到这样的一个问题，小程序该怎么推广，增加曝光量，让更多的人看到？我们都知道，小程序推广一般是给小程序增加一个分享的功能，可以分享到群里面。但是不能发朋友圈，若是想发到朋友圈，采取的办法是一件生成海报，这样就产生了一个需求了，那就是小程序生成二维码海报的要求。如果是自己写的话，那肯定是要花费一番精力，这个时候要是有一款开源组件直接用那就好了，这不，我们的程序员小哥哥已经将自己的宝贵的源码开源出来了，笔芯~wxa-plugin-canvas 是一个生成二维码海报的组件，通过
转载
136阅读
0评论
0点赞
发布博客于 6 月前

js实现一个在线的Excel

前端小伙伴们，随着前端页面的日益强大 起来，不知道你是不是还在为开发一款在线版的Excel，在线ppt等发愁，因为这并不是一件很容易的事情，恰好有遇到这种业务需求的时候，那就来看一下这一个特别适用的在线网页版表格Luckysheet源码吧。目前，Luckysheet已经在GitHub上标星5.3K，累计分支439那话不多说了，传送门来了，源码打包一步到位：GitHub地址：https://github.com/mengshukeji/Luckysheet/blob/master/README-zh.
转载
1045阅读
0评论
1点赞
发布博客于 6 月前

axios请求数据

自从用饿了么框架重构项目以来，遇到 很多问题，我都有一一记录下来，现在特喜欢这个框架，说实话，如果你是用了vue这个技术栈的话，一定要用饿了么的pc端框架哦，遇到问题的时候在网上百度一下，就能找到解决方案，还有很多社区可以讨论，社区文档都比较成熟，很容易上手~~Element UI手册：https://cloud.tencent.com/developer/doc/1270github地址：https://github.com/ElemeFE/elementvue2.0官方网站：http://caib
转载
120阅读
0评论
0点赞
发布博客于 6 月前

vue提交表单数据到后端

前几天使用vue-element-admin框架开发了一个简单的后台管理系统，在开发的过程之中也遇到了一些功能，以及对饿了么框架的使用遇到的一些问题，如何解决问题，记录一下。####资料相关vue-element-admin推荐指数：star:55kGithub 地址：https://github.com/PanJiaChen/vue-element-adminDemo体验：https://panjiachen.github.io/vue-element-admin/#/dashboard今
转载
2369阅读
0评论
0点赞
发布博客于 6 月前

小程序使用 组件库 vant-weapp详细教程

要说到小程序开发过程中用到的UI组件库，我第一个想到的就是vant，因为对于我来说，这个组件库里面的UI界面比较符合我的审美，颜值还不错，另外最重要的是，里面的功能比较齐全，项目之中要用到的一些需求，在这里都可以找到并且直接使用，就很nice了。小程序使用轻量、可靠的小程序 UI 组件库 vant-weappGithub源码：https://github.com/youzan/vant-weapp中文文档：https://vant-contrib.gitee.io/vant-weapp/#/intro
转载
449阅读
0评论
0点赞
发布博客于 6 月前

小程序wepy踩坑-Cannot find module ‘D:ode_modulespm\binpm-cli.js‘

在搭建小程序wepy开发环境的时候，有时候会遇到一些报错，不过没关系，属于正常现象，稍微耐心一些，百度一下，就可以解决啦。当在D盘输入命令，全局安装wepy时候。npm install wepy-cli -g有时候会报出这样的错误。Error: Cannot find module 'D:
ode_modules
pm\bin
pm-cli.js' at Function.Module._resolveFilename (module.js:536:15) at Functi
转载
314阅读
0评论
1点赞
发布博客于 6 月前

Github 高级搜索技巧，看看你用过几个？

作者：觉非链接：https://juejin.im/post/5e3d01c56fb9a07c91100801很多的小伙伴，经常会有这样的困惑，我看了很多技术的学习文档、书籍、甚至视频，我想动手实践，于是我打开了GitHub，想找个开源项目，进行学习，获取项目实战经验。这个时候很多小伙伴就会面临这样的问题：“我不会搜啊，我该怎么找呀？”，最终只能放弃。相信看完这篇文章，你就可以学会如何精准地在GitHub搜索项目。开源项目的组成部分在讲清楚之前...
原创
89阅读
0评论
0点赞
发布博客于 6 月前

JS怎么获取当前系统时间戳？？？这个方法很简单哦

1：精确到秒<!DOCTYPE HTML><html xmlns:th="http://www.thymeleaf.org"> <head> <title>JS获取当前时间戳的方法</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content=
转载
90阅读
0评论
0点赞
发布博客于 6 月前

uniapp时间戳转换成年月日时分秒的格式

后端返回的时间格式是时间戳,需要以年月日的格式渲染在前端界面由于uniapp是基于vue的,所以对于时间的处理。我们也可以用到过滤器。1：在uniapp的项目的static目录底下，新建一个test.json文件,test.json里面写好模拟数据(未处理的时间戳）{"time":"1588061853944"}2：步骤：写一个请求方法请求json数据，在data里面定义一个数组，将请求成功的数据赋值给数组，然后再渲染的view里面，这个步骤就不多说了，常规操作哦。这里要用到filt
转载
322阅读
0评论
0点赞
发布博客于 6 月前

uniapp打包成H5部署到服务器教程

当前端uniapp写的项目开发完成的时候，需要将页面打包出来，生成H5的静态文件，部署在服务器上，通过服务器链接地址，就可以直接在手机上点开访问 了。在网上看了一圈，好像没有找到十分详细的教程，这里稍微详细的记录了一下，uniapp打包成H5部署到服务器教程。###步骤如下：1：点击菜单栏发行，点击选择网站-H5手机版，2：在网站域名这一栏填写，网站域名，例如www.xxx.com或者你的服务器的IP地址47.103.XX.XX，（这个地址是你将项目打包之后存放放静态文件的地址）。我这里为了考虑
转载
2538阅读
0评论
1点赞
发布博客于 6 月前

uniapp怎么调用扫一扫功能？

1：新建一个uniapp项目，命名为test可以看到，在开发工具HBuilderX里面，极速生成的模板目录结构如下2：打开pages底下的index.vue的组件，开始写代码。我们都知道，无论用什么框架开发，都离不开文档，学会看文档，你就是一个合格的API工程师了。官网文档：https://uniapp.dcloud.io/api/system/barcodeuni.scanCode(OBJECT)调起客户端扫码界面，扫码成功后返回对应的结果。关于这些参数说明，就不一一的列举了，我相信大部
转载
475阅读
0评论
0点赞
发布博客于 6 月前

uni-app里面使用uni.request请求并且渲染列表

1：新建一个uniapp项目，命名为test。2：官方网站找文档，要用到列表组件地址导航：https://ext.dcloud.net.cn/plugin?id=24导入到自己的test项目里面去导入之后，可以看到目录结构如下3：打开index，开始写代码使用方式列表的方式，在 script 中引用组件并且在 template 中使用组件 。import uniList from "@/components/uni-list/uni-list.vue"import uniListIt
转载
423阅读
0评论
2点赞
发布博客于 6 月前

uni-app封装一个request请求

在上一篇文章里面，写到使用uni.request请求的方法https://www.jianshu.com/p/bc62c9e1beedgetList() { uni.request({ url: "https://unidemo.dcloud.net.cn/api/news", method: 'get', dataType: 'json', success: (res) => { console.log(res.data
转载
69阅读
0评论
0点赞
发布博客于 6 月前

uniapp项目怎么连接手机调试

1：新建一个uniapp项目，命名为test。可以看到，在开发工具HBuilderX里面，极速生成的模板目录结构如下打开pages底下的index.vue的组件，开始写代码了，把代码写好，这里随便写了一个例子。<template> <view> <button type="primary" @click="scanCode()">button</button> </view></template><scri
原创
460阅读
0评论
1点赞
发布博客于 6 月前

uniapp打包成H5，为什么本地访问页面空白？

1：点击菜单栏发行，点击选择网站-H5手机版，2：在网站域名这一栏填写，网站域名，例如www.xxx.com或者你的服务器的IP地址47.103.XX.XX，（这个地址是你将项目打包之后存放放静态文件的地址）。我这里为了考虑到安全因素，将自己的服务器地址马赛克了。打包完成之后,有的时候会出现这样的提示:注意请部署到web服务器使用，不支持本地file协议打开。不要使用资源管理器直接打开。直接在本地打开static里面的inedx.html的时候，会出现空白页面打开控制台也会发现有相对应
转载
360阅读
0评论
0点赞
发布博客于 6 月前

vue-element-admin 从运行到打包部署到线上教程

vue-element-admin一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。推荐指数：star:55kGithub 地址：https://github.com/PanJiaChen/vue-element-adminDemo体验：https://panjiachen.github.io/vue-element-admin/#/dashboard
转载
505阅读
0评论
1点赞
发布博客于 6 月前

vue-element-admin怎么实现一个图片上传预览的功能

在vue后台管理系统里面，有时候会遇到一个图片上传的功能，做这个功能的时候的思路是这样的：1：首选由前端写一个图片上传的upload标签，选择本地的图片文件之后2:调用后端给的接口，以二进制文件的形式传给后端服务器3:服务器进行处理，处理完成之后将服务器的主机名加到图片名称的前缀上4:返回一个有服务器主机+图片名称的在线就可以访问的链接给到前端5:前端直接将在线链接路径渲染在界面显示图片在vue-element-admin里面的具体的实践1:在store/modules里面新建一个api.js
转载
525阅读
0评论
0点赞
发布博客于 6 月前

小程序vant-weapp的日历组件的使用

话不多说，记录一下这个框架的使用~小程序使用轻量、可靠的小程序 UI 组件库 vant-weappGithub源码：https://github.com/youzan/vant-weapp中文文档：https://vant-contrib.gitee.io/vant-weapp/#/intro1：打开微信开发者工具，填写自己的appid和项目名称，选择不使用云服务，新建一个项目。2：右击在选择在终端打开进入项目的根目录底下，注意，一定要进入根目录哦，使用cd …/返回上一级目录~3：小
转载
877阅读
1评论
0点赞
发布博客于 6 月前

jQuery+ajax实现简单的上传图片功能

在前面的文章里面有写到，用vue上传图片的功能，vue-element-admin上传图片的功能：https://www.jianshu.com/p/383e1f2f4276，那如果是在jQuery里面，图片上传要怎么写？今天记录一个jQuery+ajax实现简单的上传图片功能。思路很简单，和上面的差不多，前端以post的形式传递二进制图片文件给到后端，后端接收成功之后，同样返回一个字符串类型的url图片路径。<!DOCTYPE HTML><html xmlns:th="http:/
转载
320阅读
1评论
0点赞
发布博客于 6 月前

bootstrap table点击修改按钮给弹框赋值

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>Dashboard | Nadhif - Responsive Admin Template</title> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.m
转载
190阅读
2评论
0点赞
发布博客于 6 月前

vue2.0项目要怎么关闭eslint校验效果？

新建的一个vue2.0的项目，在新建的时候一路回车忘记关闭了eslint校验了。在项目运行的时候一直有提示~有些人并不喜欢这个eslint，想要关闭掉前面写了关于vue-element-admin项目关闭eslint校验：https://www.jianshu.com/p/e025843930c4，因为两个关闭校验的方法不太一样。这里还是要记录一下：1：找到build\webpack.base.conf.js这个文件上图红框框部分createLintingRule()，我项目中的文件内容是这样的，
原创
628阅读
0评论
1点赞
发布博客于 6 月前

vue2.0 的简单的form表单的传值问题

前几天使用vue-element-admin框架开发了一个简单的后台管理系统，在开发的过程之中也遇到了一些功能，以及对饿了么框架的使用遇到的一些问题，如何解决问题，记录一下。资料相关vue-element-admin推荐指数：star:55kGithub 地址：https://github.com/PanJiaChen/vue-element-adminDemo体验：https://panjiachen.github.io/vue-element-admin/#/dashboard今天记录一
原创
392阅读
0评论
0点赞
发布博客于 6 月前

前端在线网页版表格是怎么开发的？教程来咯~~~

前端小伙伴们，随着前端页面的日益强大 起来，不知道你是不是还在为开发一款在线版的Excel，在线ppt等发愁，因为这并不是一件很容易的事情，恰好有遇到这种业务需求的时候，那就来看一下这一个特别适用的在线网页版表格Luckysheet源码吧。目前，Luckysheet已经在GitHub上标星5.3K，累计分支439那话不多说了，传送门来了，源码打包一步到位：GitHub地址：https://github.com/mengshukeji/Luckysheet/blob/master/README-zh.
原创
124阅读
0评论
0点赞
发布博客于 6 月前

vue2.0 导航栏跳转路由是怎么实现的？

对于一个新手来说，学习一个框架最重要的事情就是记录一下过程，下次再回顾的时候就很容易记住步骤了，不记得也可以直接翻出来自己之前写过的教程，几次之后也就顺手很多了，学习这个循序渐进的过程里面，笔记千万不可以少哦，下面就是我随手记录的一些笔记。Element UI手册：https://cloud.tencent.com/developer/doc/1270github地址：https://github.com/ElemeFE/elementvue2.0官方网站：http://caibaojian.com/
原创
805阅读
0评论
0点赞
发布博客于 6 月前

vue2.0 搭建开发环境的教程来咯~~学习一下吧

对于一个新手来说，学习一个框架最重要的事情就是记录一下过程，下次再回顾的时候就很容易记住步骤了，不记得也可以直接翻出来自己之前写过的教程，几次之后也就顺手很多了，学习这个循序渐进的过程里面，笔记千万不可以少哦，下面就是我随手记录的一些笔记。vue2.0官方网站：http://caibaojian.com/vue/guide/installation.htmlelement-ui官方网站：https://element.eleme.cn/#/zh-CNvue项目中引入饿了么elementUI组件ht
原创
57阅读
0评论
0点赞
发布博客于 6 月前

vue2.0实现一个axios请求数据

对于一个新手来说，学习一个框架最重要的事情就是记录一下过程，下次再回顾的时候就很容易记住步骤了，不记得也可以直接翻出来自己之前写过的教程，几次之后也就顺手很多了，学习这个循序渐进的过程里面，笔记千万不可以少哦，下面就是我随手记录的一些笔记。Element UI手册：https://cloud.tencent.com/developer/doc/1270github地址：https://github.com/ElemeFE/elementvue2.0官方网站：http://caibaojian.com/
原创
138阅读
0评论
0点赞
发布博客于 6 月前

vue2.0 + element-ui -渲染表格的功能demo

对于一个新手来说，学习一个框架最重要的事情就是记录一下过程，下次再回顾的时候就很容易记住步骤了，不记得也可以直接翻出来自己之前写过的教程，几次之后也就顺手很多了，学习这个循序渐进的过程里面，笔记千万不可以少哦，下面就是我随手记录的一些笔记。Element UI手册：https://cloud.tencent.com/developer/doc/1270github地址：https://github.com/ElemeFE/elementvue2.0官方网站：http://caibaojian.com/
原创
41阅读
0评论
0点赞
发布博客于 6 月前

Github上收集了70个微信小程序源码

Demo1：仿豆瓣电影微信小程序https://github.com/zce/weapp-demo2：微信小程序移动端商城https://github.com/liuxuanqiang/wechat-weapp-mall3：Gank微信小程序https://github.com/lypeer/wechat-weapp-gank4：微信小程序高仿QQ应用https://github.com/xiehui999/SmallAppForQQ5：微信中的知乎https://github.com/R
转载
770阅读
0评论
2点赞
发布博客于 6 月前

ffmpeg 基本用法

ffmpeg主要组成部分1、libavformat：用于各种音视频封装格式的生成和解析，包括获取解码所需信息以生成解码上下文结构和读取音视频帧等功能，包含demuxers和muxer库；2、libavcodec：用于各种类型声音/图像编解码；3、libavutil：包含一些公共的工具函数；4、libswscale：用于视频场景比例缩放、色彩映射转换；5、libpostproc：用于后期效果处理；6、ffmpeg：是一个命令行工具，用来对视频文件转换格式，也支持对电视卡实时编码；7、ffse..
转载
193阅读
0评论
0点赞
发布博客于 6 月前

收藏好了，JS开发必须知道的41个技巧

JS是前端的核心，但有些使用技巧你还不一定知道；本文梳理了JS的41个技巧，帮助大家提高JS的使用技巧；文章有点长，可以clone下源码，直接撸，源码地址 https://github.com/lanzhsh/react-vue-koa/tree/master/js/skill，原创不易，欢迎star；Array1.数组交集普通数组constarr1=[1,2,3,4,5,8,9],arr2=[5,6,7,8,9];constintersec...
转载
71阅读
0评论
0点赞
发布博客于 6 月前

这些js库，让你的开发更高效率，高质量，你用过吗？

web前端开发人员经常会用到一些现成的js库（框架）。框架的使用增加了代码的模块化和可复用性，目前主流的js框架有很多，各有侧重，我们通常只会用到其中一小部分子功能，这里总结了2020年11个热门JavaScript 库。1： D3.jsstar:91.5k文档： https://d3js.org/GitHub地址：https://github.com/d3/d3一个基于数据操作文档的js数据可视化框架，最流行的可视化库之一。2： Three.jsstar:60.5k文档：
原创
91阅读
0评论
0点赞
发布博客于 6 月前

标星高达 6.9k的一份《Vim 从入门到精通》的中文教程

大家好，我是为前端娱乐圈操碎了心的小迷妹，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标。作为一名 GitHub 资深用户，我每日都会花不少时间泡在 GitHub 社区上面，有时候甚至于连吃饭都会用手机刷两下，看看最近有什么值得关注的项目。最近在Github上发现一个很不错的免费的教程，目前已经获得了6.9k的star了，人气一直在涨~Vim是从 vi 发展出来的一个文本编辑器。代码补完、编译及错误跳转等方便编程的功能..
原创
101阅读
0评论
0点赞
发布博客于 6 月前

谷歌浏览器Failed to load resource: net::ERR_SSL_VERSION_OR_CIPHER_MISMATCH

今天遇到了一个bug，在谷歌浏览器里面的图片无法显示，之前测试都是没有问题的于是我打开了火狐，在火狐浏览器里面，显示是正常的打开谷歌浏览器的时候看到的报错是这个样子的Failed to load resource: net::ERR_SSL_VERSION_OR_CIPHER_MISMATCH因为这个报错，所以出现了问题。原因：后端重新将项目部署到一个新的域名上面了而这个域名没有通过证书认证，在谷歌浏览器里面不被信任，从而导致了这个问题...
原创
2383阅读
0评论
0点赞
发布博客于 7 月前

一个颜值超级高的Github小程序客户端

大家好，我是为前端娱乐圈操碎了心的小迷妹，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标。作为一名 GitHub 资深用户，我每日都会花不少时间泡在 GitHub 社区上面，有时候甚至于连吃饭都会用手机刷两下，看看最近有什么值得关注的项目。今天发现了一个高颜值的开源小程序源码，Gitter for GitHub - 可能是目前颜值最高的GitHub微信小程序客户端 ，目前在github上已经有3.3k 的star了。i
原创
130阅读
0评论
0点赞
发布博客于 7 月前

一个常用的微信小程序开源框架-kbone

作为一名 GitHub 资深用户，我每日都会花不少时间泡在 GitHub 社区上面，有时候甚至于连吃饭都会用手机刷两下，看看最近有什么值得关注的项目。今天在github上发现了一个当下比较流行的小程序开源框架，可能是最好的小程序开源框架。开源项目地址：https://github.com/Tencent/kbone开源项目作者：JuneAndGreen微信小程序的底层模型和 Web 端不同，我们想直接把 Web 端的代码挪到小程序环境内执行是不可能的。kbone 的诞生就是为了解决这个问题，
原创
144阅读
0评论
0点赞
发布博客于 7 月前

小程序如何生成二维码海报？

在小程序开发完成之后，我们会时常遇到这样的一个问题，小程序该怎么推广，增加曝光量，让更多的人看到？我们都知道，小程序推广一般是给小程序增加一个分享的功能，可以分享到群里面。但是不能发朋友圈，若是想发到朋友圈，采取的办法是一件生成海报，这样就产生了一个需求了，那就是小程序生成二维码海报的要求。如果是自己写的话，那肯定是要花费一番精力，这个时候要是有一款开源组件直接用那就好了，这不，我们的程序员小哥哥已经将自己的宝贵的源码开源出来了，笔芯~wxa-plugin-canvas 是一个生成二维码海报的组件，
原创
573阅读
0评论
0点赞
发布博客于 7 月前

【干货】2020年最新编程视频教程，速度收藏！！

入职程序行多年，愈发觉得编程技术更新换代非常快，大家都会觉得编程的门槛很低，很多人都涌入这个行业岗位，但是工作两三年之后，就会发现遇到了一定的瓶颈，这个时候就需要静下心来学习知识，突破自我。小编在这里整理了一份关于2020年最新编程视频教程，速度收藏！！7天之后百度云盘链接失效小编就不再花时间和精力重新分享更新了，资源从各大网站论坛淘来，来之不易，需要学习的可以自己保存在自己的百度云盘里面哦。视频教程包含以下系列等前端，Python爬虫，PS设计，PHP高级实战教程，大数据，Java等知..
原创
226阅读
0评论
0点赞
发布博客于 7 月前

jquery多组时间以对象数组形式保存

需求：1：点击新增区域的按钮的时候，会新增一行输入框，可以选择输入数据，输入时间2：输入完成之后，点击保存按钮，将输入的时间以对象数组的格式提交给后端3：每一组时间是一个对象，每个对象包括开始时间和结束时间，三组就是三个对象，存放在数组里面。提交到后端的格式{"criminalFences":[{"startTime":"09:00","stopTime":"17:00"},{"startTime":"09:00","stopTime":"17:00"},{"startTime":"09:00"
原创
69阅读
0评论
0点赞
发布博客于 7 月前

vue-element-admin隐藏左侧的导航栏

要求：在左侧导航栏里面，新增拼图是一个页面，我现在想要隐藏起来而不是删掉方法是这个样子的打开router/index.js文件找到这个导航栏配置的代码加上一个属性hidden:true,然后再次刷新页面这个时候左侧导航栏就隐藏完成...
原创
1980阅读
2评论
2点赞
发布博客于 7 月前

vue-element的select下拉框赋值

当返回值是对象数组的时候<template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select>
原创
162阅读
0评论
0点赞
发布博客于 7 月前

css文字底部阴影效果

今天要实现一个文字的阴影效果，大概是这个样子的代码如下：<!DOCTYPE HTML><html xmlns:th="http://www.thymeleaf.org"> <head> <title>css文字阴影效果</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="C
原创
668阅读
0评论
0点赞
发布博客于 7 月前

微信小程序底部导航栏实现

上一章节，我们分享了如何创建一个新的页面和设置页面的标题，这一章我们来聊聊底部导航栏是如何实现的。即点击底部的导航，会实现不同对应页面之间的切换。我们先来看个我们要实现的底部导航栏的效果图：（三个导航图标示例，微信小程序最多能加5个）1. 图标准备阿里图标库 http://www.iconfont.cn/collections/show/29在这个网站上下载一些自己要用到的图标，比如人员头像，home主页等一些常用的图标，直接点击下载保存到本地，修改一下命名。也可以使用UI准备好的图标。回到
原创
924阅读
0评论
0点赞
发布博客于 7 月前

前端要逆袭了？鸿蒙采用轻量级JS核心开发框架！

今天在浏览网页的时候，发现了这样的一个资讯，鸿蒙应用开发框架采用JavaScript作为开发语言，本人作为前端开发,看到这个消息简直是"喜不自胜"。我可能要逆袭了？果然JavaScript才是全世界最好的语言..源码托管在国内知名开源平台码云上https://gitee.com/openharmony下载了源码，认真的研究了一下当然我最感兴趣的就是鸿蒙的 JS 框架 ace_lite_jsfwk，从名字中可以看出来这是一个非常轻量级...
原创
1101阅读
0评论
0点赞
发布博客于 7 月前

用Canvas画一个刮刮乐

Canvas 通过 JavaScript 来绘制 2D图形。Canvas 是逐像素进行渲染的。开发者可以通过javascript脚本实现任意绘图。Canvas元素是HTML5的一部分，允许脚本语言动态渲染位图像。canvas是HTML5中的新元素，使用javascript用它来绘制图形、图标、以及其它任何视觉性图像。在国外问答网站Quora上，许多开发者对于HTML5 Canvas元素的实用性进行了一系列探讨。Canvas非常灵活，能够很好地融合JavaScript代码并在浏览器内绘制华丽的图形。学习网
原创
66阅读
0评论
0点赞
发布博客于 7 月前

微信小程序从零开始开发步骤

从零到有写一个小程序系列专题，很早以前就想写来分享，但由于项目一直在进展，没有过多的时间研究技术，现在可以继续分享了。1：注册用没有注册过微信公众平台的邮箱注册一个微信公众号， 申请帐号 ,网址： https://mp.weixin.qq.com/ 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。注册完成之后开始登录。2：登录 https://mp.weixin.qq.com我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 。小程序的 AppID 相当于小程序平台
原创
1417阅读
0评论
2点赞
发布博客于 7 月前

前端技术交流群

在技术探索的这一条路上，我们总会遇到很多难以解决的问题，这个时候就需要朋友的帮助了，但是大家有时候都很忙，怎么办？其实我觉得程序员这个群体还是蛮可爱的，愿意帮助他人，也乐于分享在一些社群里面，见到的除掉划水之外还有很多人会帮助你来解决所遇到的问题探讨一些技术上的难点还有就是整个前端圈子里面发生的一些大小事件其实前端交流群很多很多但有一些群聊的群主疏于管理，每天都会有很多小广告的产生，让一个个技术交流群变成了死群但是今天我想说，我建立的群聊没有多高大上，但是可以认识一些大佬
原创
206阅读
0评论
0点赞
发布博客于 8 月前

前端开发交流群已成立

重磅！前端迷交流群已成立在前端学习的这条道路上，我么总是会遇到这样或者那样的问题，如果自己蒙头解决或许要花很多时间，如果这个时候你的身边有很多前端大佬，有很多前端小伙伴聚集的地方，就可能遇到过同样的问题，给出解决方案，这样就简单方便多了，困扰自己的问题也能够很快解决，头发也能少掉几根。为了让你每天学会一个技术，少掉两根头发，多认识一个女生，黔在在创建了一个「前端迷 交流群」，更好的跟大家一起学习交流，大家一起进步，一起成为更好的自己。有兴趣入群的同学，可长按扫描下方二维码，或添加微信号..
原创
106阅读
0评论
0点赞
发布博客于 8 月前

vue-element-admin提交表单数据到后端

前几天使用vue-element-admin框架开发了一个简单的后台管理系统，在开发的过程之中也遇到了一些功能，以及对饿了么框架的使用遇到的一些问题，如何解决问题，记录一下。资料相关vue-element-admin推荐指数：star:55kGithub 地址：https://github.com/PanJiaChen/vue-element-adminDemo体验：https://panjiachen.github.io/vue-element-admin/#/dashboard今天记录一
原创
1307阅读
0评论
0点赞
发布博客于 8 月前