- 博客(22)
- 收藏
- 关注
RSS订阅原创 小程序蓝牙连接设备且发送开机指令
许久没发过文章，今日忙里偷闲，回顾一下自己之前第一次做蓝牙功能吧！蓝牙功能其实在有一些博主也发布了，但是搜索出来大部分都是安卓开发的，小程序讲的通比较容易理解的就是这个小程序蓝牙功能详解我也是参考这个来实现。下面就看一下我的代码实现过程吧！<template> <view class="main"> <view class="mac"> <text class="label">MAC</text> <input cl
2021-06-15 16:19:32
1123
原创 uniapp实现小程序长按图片保存在系统相册
今天做一个简单的小功能 —— 长按图片保存在本地相册。在网上也有众多相关案例，而且uniapp官网上面也有相应的api，而我也是记录一下现在手上项目这个功能的实现过程。先来看看效果图：这是你长按图片之后出现的一个弹窗。点击“确认”之后就弹出下面这个窗口，当然了，我这是用电脑打开的。点击“保存”，你就可以在相应的文件里面找到这个图片。实现的过程其实不难，我是使用了网上的一个插件：https://ext.dcloud.net.cn/plugin?id=539跟着上面的介绍，然后修改一下就可以实
2021-04-26 11:37:47
2970
原创 uniapp第一次使用实现tabbar和列表渲染
时隔甚久未能更新博文，趁今日闲暇之余记录一下第一次使用uniapp做H5项目。听到不少人都说uniapp很简单，但是坑多，实际上我也不晓得，我还是刚开始接触。其实uniapp的语法就是vue语法，但是和vue又还是有区别的。先来看一下效果图：其实看到这个界面大部分人都觉得很简单，做过移动端的项目都会写，这就是一个tabbar跳转和首页列表的一个渲染，但是对于一些uniapp新手来说，做出来还是蛮有成就感的，下面上一段代码：把所有跳转的路由都是写到main.js文件里面了。下面就是列表的渲染：
2021-03-02 16:50:40
885
原创 前端工程师接单网站有没有介绍？
日常远程接单网站各位有没有介绍啊？第一次产生这种接单想法，有点紧张，自己只会前端，HTML5，css3，JavaScript，jQuery，vue，vueCli，微信小程序这些都会，虽然谈不上精通，起码基本操作知道，自己以前做过pc端网站，pc后台管理系统和手机端，小程序也开发过（做过直播小程序，普通商城购物小程序），但是接单不熟，远程操作，好像没有熟人介绍还是很难接到私单的，不知道接单有没有什么“规则”，渴望l路过的前辈指点迷津。...
2021-01-13 12:59:22
2687
2
原创 查缺补漏，做个记录
eval的作用：eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码语法：eval(string)参数： string要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句。建议：尽量不要使用eval，损耗性能，而且不安全。一次完整的HTTP请求：域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求，浏览器得到html代码 --> 浏览器解析html代码，并请求h
2020-12-23 21:46:41
5997
原创 前端面试题整理
一、HTML5 CSS31、xhtml和html有什么区别？HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同：XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。2、什么是盒子模型？在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，
2020-11-23 16:20:17
303
原创 盒模型--flex布局，指定几个div平均占据一行，超出的则左对齐
这种布局在面试过程中经常会被问到，所以我做个记录，提醒自己。首先看一下效果图：看这个布局其实考察了两个方面，首先就是盒模型，然后就是css的伪类。下面看一下代码： <style> .mall-sell { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } .mall_sell-item {
2020-11-06 17:39:27
1852
原创 记录vue+element-ui的基本功能使用情况（选项卡切换，上传，富文本编辑器）
先看一下这个效果图，里面包含选项卡切换，图片上传，还有富文本编辑器的功能以下是全部代码：<template> <div class="course"> <ul class="titleList"> <li v-for="(item, index) in tabList" :class="{ active: index == num }" @click="tab(index)"
2020-11-02 11:15:25
621
原创 vue+element-ui实现头部导航栏组件
话不多说，先上一张效果图：这是一个头部导航栏，网站最常见的一个功能，鼠标点击切换不同界面，样式跟随。首先就是下载element-ui框架npm install element-ui在main.js文件里面全局引入这个ui框架然后就是在app.vue文件里面注册这个top组件这是用vue和“饿了么”来实现的头部导航栏，看一下代码：<template> <div class="header"> <div class="img">
2020-11-02 10:30:22
11449
2
原创 微信小程序的tabBar
微信小程序的代码其实和vue是很相似的，虽然我从来没有做过小程序，但是看着文档和度娘上面那些demo，摸摸索索还是可以写点东西出来的。今天是国庆收假回来第一天上班，后端哥们都请假了，我一个人不知道干啥，所以就想着自己试试做小程序吧。说干就干，跟着文档在微信公众平台注册了微信号，然后一步步完成就开始创建自己项目了，今天就写了一个主界面和底部tabbar。先看一下效果图：下面是demo代码 "tabBar": { "color": "#000", "selectedColor": "#
2020-10-07 17:21:34
352
1
原创 enter按键的事件监听
现在常有的功能就是键盘确认键，大多数人不管是登入注册还是搜索等情况下都会点击按键一般情况下我们都会给出一个按钮，可以鼠标点击触发，所以监听enter按键之后模拟鼠标点击就可以了。例如：function Login(event){ if(event.keyCode == 13){//监听按键“enter” document.getElementById("submitBtn").click();//模拟鼠标事件 } }是不是so eas
2020-09-17 17:58:32
1345
2
原创 实现ul列表鼠标点击样式跟随效果
作为一个初级前端菜鸟，不会考虑什么缓存，后期优化等等，只要功能实现就ok，项目跑起来就完事，典型的一名不合格开发人员。今天一个ul列表的鼠标点击样式跟随效果竟然花费了半天时间那么长，效率真的是低，看样子我还是做不来it这行。现在记录一下这个花费了我半天时间的东西。先看效果图：看着没啥难度，很简单的一个效果楞是让我这种菜鸟百度了好久，下面看一下代码这种效果就是前端基础效果，现在很多网站都会有这个效果，继续努力，做一个默默无闻的前端菜鸟，希望可以顺利到达三年退休期。...
2020-09-11 16:57:53
469
原创 vue+element-ui实现表单的注册
自古登入注册就是一家，有登入就有注册，完事了登入就来看看注册吧！先看效果图：element封装好的验证都是基本验证，有一些公司会有特殊要求，就需要自己另外添加了上代码：<div class="register-wrapper"> <div id="register"> <p class="title">注册</p> <el-form :model="ruleForm2"
2020-08-25 10:20:06
2420
2
原创 vue+element-ui实现表单的登入
断更一个月了，不知道要写点啥，也是迷茫了一个月，今天就写个表单登入注册吧，使用vue+element-ui。先来一张效果图elementui组件库基本上就是已经封装好了这么一个东西，复制黏贴过来稍微修改一下就好，先看一下结构代码那么下面就是逻辑代码做了规则验证以后就是要做一个前后端数据交互了，在vue里面就是使用axios，网上也有封装好的axios，对于axios的使用（首先就是下载这个：npm install axios 。然后在main.js文件里面注册一下，详细步骤就百度看一下吧）
2020-08-25 09:56:29
1352
原创 vue实现footerBar的切换
今天用vue的脚手架做了一个小demo，就是实现移动项目底部的导航栏和它们之间的点击切换。一开始的时候觉得挺难的，然后就面向百度编程，结果实现了这么一个切换效果，嘿嘿！这个项目是结合了element-ui组件库做的，主要就是用了它里面的一些图标。1，首先就是下载这个element-ui（具体怎么使用element我就不废话了，官方文档写的很清楚了）2，然后在main.js文件中注册，我是直接全局注册的，没有按需引入3，然后在components文件夹里面创建一个footerBar.vue的文件，具体
2020-07-09 16:04:37
505
原创 初识vue框架的同学看这里——vue创建项目
vue这个前端主流框架之一，还是非常有魅力的，虽然我是第一次使用（嘿嘿），不过跟着文档和百度前辈们的经验，上手还是比较快的，首先咱们就先来用vue创建一个项目吧。1，首先你得保证你的电脑上安装了nodejs。2，安装好nodejs你就可以window键+R打开cmd黑窗口，然后输入npm -V检测这样就是安装成功的。3，切换到淘宝镜像源npm install -g cnpm --registry=https://registry.npm.taobao.org4，然后就是安装vue啦npm in
2020-07-07 10:46:20
462
原创 chartroom模拟聊天弹窗
先上效果图：这是单向输入框，里面主要就是一个弹窗功能和发送消息功能先上一段HTML结构代码（样式木有，自己写）有了结构自然就是功能的实现。这个就是弹窗的功能实现，通过控制css属性display的一个block和none来显示和隐藏。然后就是“发送”功能的实现了。var Words;var TalkWords;var TalkSub;var xhr;function InputPress() {if (event.keyCode == 13) {chatRoom();} }
2020-06-30 17:49:57
332
原创 summernote富文本编辑器的使用
(嘿嘿，我也是第一次用这个富文本编辑器)富文本编辑器就是第三方插件嘛，首先当然是要下载这个插件啦如下图：这些是要引入的js文件和css文件。用一个div包裹起来控制展示区域然后就是上js代码toolbar是编辑器头部的那些控件，根据个人需要来设置啦里面有一个图片上传最终效果图就是这样子：我也是看着前辈足迹来使用这个插件的，以此记录下来自己的操作，有点糙。路过的大神莫吐槽啊，给行业新人小弟我一点干下去的自信。...
2020-06-30 17:29:17
272
原创 ajax请求出现Illegal invocation（非法调用）的错误
作为一个刚入门栏的程序员来说，会遇到贼多问题，像现在这个（非法调用）的错误，我一时间懵逼了，然后就是百度找解决方法，于是乎记录下来。其实百度上说这是一个非常低级的错误，唉，扎心了！出现这个错误有两种原因：第一：前端使用post请求，后端设置的是get导致的。第二：没有传参或者是参数对应不上。结果这样子就成功了，好伤心，还是本人技术太菜了。...
2020-06-28 14:58:40
5820
原创 Button默认不可点击的实现
常常看到网站的一个需求就是表单提交按钮默认不可点击，当input框有value时显示按钮手型才可提交，这样做主要就是减少一个http的请求。而它的实现也是很简单，主要就是disabled的一个使用，通过if条件判断来实现disabled的true和false，达到这个提交按钮的禁止和点击的目的。先看效果图，默认input为空时，按钮是灰色的，不可点击。当你输入value时，请看下面这张图接下来上代码现在一看代码是不是发现很简单呢？...
2020-06-08 10:56:22
1564
1
原创 js实现网页内鼠标右键，文字复制和控制台的调起简单限制
1，禁止鼠标右键document.οncοntextmenu=function(){ return false; }2,禁止界面内文字复制document.onselectstart=function(){ return false; }3,禁止按键F,A,C,Vdocument.οnkeydοwn=function(e){if(typeof(e) != “undefined”){var keyCode=e.which;if(e.ctrlKey&&(keyCode70 ||
2020-06-06 16:27:23
427
原创 pdfobject屏蔽头部工具栏如何兼容ie
1，首先事引入pdfobject.js这个插件。2，直接用一个div容器包裹pdf3，通过js代码进行屏蔽工具栏但是这种方式只对谷歌浏览器有效，在ie浏览器则无效，请问各位大神有何良策指导一下小弟？急，急，急！...
2020-06-06 13:49:57
945
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人