- 博客(23)
- 收藏
- 关注
RSS订阅原创 如何养成一个良好的代码习惯！
不断学习、不断优化：前端技术在不断更新，保持持续不断的学习，并根据不同的项目和情况不断优化代码，可以提高自己的开发水平和代码质量。前端代码规范是指规范前端开发人员在编写代码时遵循的一些标准和规则，目的是提高代码质量、可读性和可维护性，减少代码错误、重复代码和混乱。除了以上的规范之外，还应该遵循代码缩进、代码格式化等规范，保证代码风格一致。另外，最重要的是要养成review代码的习惯，代码复查是检查代码质量的一种有效方式，可以及时发现代码中的问题，同时也可以提高团队开发的效率。
2023-09-27 17:03:04
316
原创 vue项目实际开发的问题及实用技巧分享（四:环境变量配置）
举个简单的例子吧，本地的vue项目启动了，直接通过“127.0.0.1:端口号”或者“localhost:端口号”来访问，然后我们发布到测试环境通过“http://www.test.com（仅示例）”来访问，然后正式环境访问地址又是“http://www.product.com（仅示例）”。简单理解，不同环境下，使用不同的环境变量，我们就运行不同的环境就是我们的目的，所以需要配置在环境变量里的配置可以是诸如公用的服务器配置、公用接口地址、端口等。那么，什么是.process.env呢？
2023-03-28 17:22:25
561
1
原创 vue项目实际开发的问题及实用技巧分享（二:实用ES6方法）
什么是学知识，那是要长年累月地磨炼，不是光会看秘籍就能成为武林高手的，正真的高手的身上全是伤，手上全是茧。所以，不管是学习还是我们的生活，其实都是一个不断练习巩固知识的过程，最终通过这些经验来面对生活和工作中随时会出现的各种问题，难的不是生活和工作，难的是如何去面对生活和工作！
2022-09-06 09:37:50
391
原创 uni对请求的简单封装
由于uni官网上提供的API对各类请求都有自己独立的方法API,所以封装请求就与和vue有一定的出入，所以个人先简单尝试封装一下，望各位大佬多多指正//设置连接const baseUrl = "";//这里填写自己的地址 let token =uni.getStorageSync("token");//取自己的全局token，vuex,storage都不一样，这里就自己视情况了// 无token请求，请求如登录之类的const noRequest = (opts, data) =&g...
2020-10-21 18:34:46
236
原创 js实现个性产品的定制并截图（DIY）
最近做的一个项目里面有一个定制的需求。大致是需要从自己的设计图纸上将所有的设计图标加入产品然后截图查看截图后的自定义设计。因为需要截图，我首先想到的就是用canvas，由于本人对canvas了解不是太深，所以实现这个需求我只是用了canvas的toDataURL（还是太菜惹的祸啊 ~~呜呜呜）。我选择了先用js将定制的需求功能实现，记录下所有的图片以及图片的位置。然后再将图片划入画布。话不多说...
2019-06-24 13:36:57
1756
原创 个人常用js方法分享
最近写了很多h5项目，发现h5开发很多东西都是相同的，所以本人就将其中公用的方法罗列封装了，有需要用到的小伙伴可以借鉴，当然，如果有不够详尽或者有错误的地方，也希望大佬们多多指正。首先，定义全局变量，老生常谈的封装问题。(function(w){ var tsMethod={}; w.tsMethod = tsMethod;})(window)我要做的就是将所有的公共...
2019-03-04 20:05:58
375
2
原创 个人前端年度总结
作为一名辛勤的代码搬运工，技术做为安生立命的本钱，今年在技术上还是有一定增长的。 这是一个从一个PHP转行到前端，从一个小白成长为一个菜鸟的艰辛历程。一年中从刚刚接触前端到现在能快速上手各类框架，还是对前端有了自己的一些小见解。归纳为以下一、前端的必要技能 首先，html、js、css的重要性就不用我多说了吧，基础这些东西不扎实，其它什么东西都是...
2019-01-31 09:43:47
8836
原创 iOS软键盘调用遮挡问题及软键盘撑起的页面无法正常回退到原来位置BUG解决方案
最近在写一个h5，大家都知道，移动端开发嘛，兼容问题是经常会遇到的，尤其是iOS，本人已经无力吐槽了。虽然移动端安卓和iOS大部分内容都是兼容的，但是iOS还是有一些地方与安卓还是很有差异的，所以在开发过程中个人建议大家将iOS不兼容部分独立出来做处理。今天本人就碰到了一个iOS的特殊bug，是输入框调起软键盘后输入框fixed定位失效被软键盘遮挡，发送消息过后软键盘占用部分无法正常回退的...
2019-01-15 10:29:52
2139
2
原创 个人充值查询demo爬坑
今天写了一个充值和查询的小演示，在期间遇到一个输入输入检测的错误，在这里分享给大家，希望能够帮助到需要的html部分<!DOCTYPE html><body><div class="main"> <div class="clearfix"> <span class="recharge_accoun
2018-12-04 16:46:12
503
原创 微信小程序websocket实现即时聊天
今天给大家分享一下本人做小程序使用websocket的一点小经验，希望对大家有所帮助。使用之前肯定首先要了解一下websocket是什么，简单来讲websocket就是客户端与服务器之间专门建立的一条特殊通道，请求只需要请求一次，而且还可以从通道实时获取服务器数据，非常适合应用到实时应用上。因为这里本人是分享小程序，所以就不去深究websocket的底层和协议了，感兴趣的朋友可以去看下we...
2018-11-29 16:28:37
19440
11
原创 vue项目运行npm run dev 报错（can not GET）爬坑
有时候运行vue项目会发现页面报错CanNotGet首先，检查运行项目时下载模块后是否出现npm err这个报错已经提示已经说了是缺少chromedriver模块，所以需要再单独下载这个模块运行 npm install chromedriver -g如果还不行的话就试试运行 npm install chromedriver --chromedriver_cdnurl=ht...
2018-11-08 11:25:28
7959
原创 搜索匹配文字亮色正则爬坑记录
今天做了一个关键字搜索，后台匹配写好了，前端做搜素关键字高亮色操作，踩了一上午正则的坑，在这里给大家分享一下。 首先将搜索的值及其搜索出来的标题传递到处理函数然后进行正则判断。 这里我用的是RegExp方法，这个方法是对字符串执行模式匹配，非常好用，具体的介绍大家可以去W3C官网查看，在这里我就不多赘述了。 redKeywords:function(t...
2018-10-31 15:14:37
411
1
原创 小程序输入框取值、清空及调用小键盘按键提交事件详解
小程序input取值 一般情况下，输入框可以直接通过value来取值和更改<input class='leftMove' value='{{name}}' placeholder='请输入您的姓名'></input>小程序input修改值小程序修改input不一样，小程序设置value只能设置其加载初始值，而输入修改则必须通过事件监听来修改...
2018-10-22 09:12:37
8105
原创 vue打包静态资源后显示空白及static文件路径报错填坑
今天使用vue打包（npm run build）遇到了几个坑，在这里分享给大家打包之后打开dist的页面显示空白：这个问题以前就处理过，是打包过程中出现错误频率较高的一种，可能有3处地方会出现这种情况1、记得改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html里边的内容都是通过script标签引入的，默认显示的路径不对，打开肯定是空白的。...
2018-09-05 09:00:15
23534
3
原创 原生js简单轮播的实现
今天朋友让我帮忙指点js的封装，有些感触，毕竟用了这么久的框架，突然间让我写原生还真有点不习惯。于是就写了一点基础的轮播的封装示例封装之前首先还是要把效果现写出来，毕竟无头封装对我来说还是有点小困难，毕竟是个菜鸟，呜呜呜呜（在这里留下了没有技术的泪水）首先，既然要封装提供给别人用当然就得减少用户的操作，所以我这里的html提供盒子和图片（为了方便写我把上下翻也写进去了）。html...
2018-08-22 18:46:19
359
原创 vue富文本框（插入文本、图片、视频）的使用
今天在vue里面插入富文本遇到了一些小坑在这里提供给大家用于参考，如有错误，望多加指正。我这里使用的是Element-ui的上传图片组件首先引入Element-ui(这个我就不作赘述了，详情参考element中文官网)在引入富文本组件vue-quill-editor使用在main.js引入相应的样式import VueQuillEditor from 'vue-quill-...
2018-08-16 15:42:59
22677
8
原创 vue组件传值(通信)方式总结
使用VUE开发有一段时间了，一直都没有整理一下相关知识，今天总结下开发过程中所遇到的一些坑，主要给大家总结一下VUE组件传值的几种常用方法：1，路由传参（参数，可以查询）：这种传参方式个人比较喜欢（也比较常用吧）它只需要在路由跳转的时候将对应的参数以对象的形式写入：this.$router.push({name: 'routePage',query/params: { routeP...
2018-07-26 10:29:31
722
原创 Vue.js中对css的操作（修改）具体详解：
使用v-bind：class或者v-bind:style或者直接通过操作dom来对其样式进行更改；1.v-bind:class || v-bind:style其中v-bind是指令，: 后面的class 和style是参数，而class之后的值在vue的官方文档里被称为'指令预期值'（这个不必深究，反正个人觉得初学知道他叫啥名有啥用就好了）同v-bind的大多数指令（部分特殊指令如V-fo...
2018-07-23 11:04:14
63996
1
原创 mac下git的安装及其使用
今天用mac安装了一下git遇到一些小坑所以分享给大家，如有不对望各位大佬多多指教Git提交：首先：查看git安装是否成功（git）第二：获取git提交修改和拉取数据权限：1.打开终端，运行 cd ~/.ssh进入ssh文件2.备份已有的keymkdir key_backupmv id_rsa* key_backup3.再生成SSH key$ ssh-keygen -t rsa -C jonezh...
2018-07-11 15:57:43
1923
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人