- 博客(73)
- 资源 (2)
- 收藏
- 关注
原创 实用的js操作小技巧
虽条条大路通罗马,何不择优选择一条,一些很实用的js小技巧,可以优雅的简化代码1.数组获取最大/最小值可以使用Math.min()或Math.max()结合扩展运算符来查找数组中的最小值或最大值。const numbers = [6, 8, 1, 3, 9];console.log(Math.max(...numbers)); // 9console.log(Math.min(...numbers)); // 1 2.设置 length 属性来缩短数组let arr...
2021-10-29 09:47:40 179
原创 uniapp使用百度语音识别语音转文字
HBuilderX已支持讯飞语音识别和百度语音识别,这里讲下百度语音接入一:首先是百度语音识别申请这个步骤暂且省略,可以直接移步百度语音api页面自行申请,主要是为了获取语音权限以及AppID、API Key、Secret Key三个参数,可从下图这里查看二:获取到以上三个参数之后,对HBuilder进行配置打开项目的manifest.json文件,在“App模块配置”项中勾选“Speech”,如下图输入上面获取到的三个参数三:上面两个步骤完成后下面就可以品尝了,下面上菜&
2021-07-16 17:14:13 6471 23
原创 uni-app项目架构(二)
书接上回,上面讲了uni-app的package.json的生成和使用以及router的使用,还讲了多环境下的环境变量的配置,这一篇说一下request卫士,router卫士,请求函数封装,安全之类的一:request卫士--在实际开发过程中,我们可能需要对买次请求的过程进行监督,并Do something,所以就需要封装一个全局的request卫士用来监听,如下配置:在main.js中import axios from 'axios'// request interceptoraxios.
2020-09-22 09:54:36 887 3
原创 uni-app项目架构(一)
目前多端开发的话,nui-app还是不错的选择,可以一套代码多端使用,而且在不同端的表现也不错,基本差异不大,ok,简单一说,下面开始正题:一:首先是NPM代码库的使用,有人习惯使用插件市场,那个不多说了,可视化的,这里说一下如何使用npm安装相关插件1.首先要生成一个package.json文件,在项目根目录下启用cmd,然后执行npm init,回车根据提示在命令行配置package.json的相关信息(不做过多要求,可以一直回车完成),完成后会在根目录下生成一个package.json文件,.
2020-09-21 15:38:43 4669 1
原创 electron-vue实现自动更新功能
electron-vue项目很多时候需要自动更新的功能,避免每次发版都要单独发安装包的尴尬,下面介绍一下如何利用electron-updater来实现自动更新一、首先是安装,安装方式很多,不多说,这里需要注意的是electron-updater、electron以及electron-builder版本之间的兼容性由于git上下来的electron-vue项目electron版本比较低为2x版本,所以对于版本比较高的electron-updater是不支持的,这里推荐使用3x到4x之间的electr.
2020-09-19 15:01:35 3094 4
原创 前后端分离项目,ngnix如何在一台服务器部署多套前端代码
首先是ng的配置:server { listen 80 default_server reuseport; #listen [::]:80 default_server ipv6only=on; server_name _; index index.html index.htm index.php; #...
2019-09-20 15:31:48 3187
原创 yii2实现后端分页和模糊查询
注:这里说的是前后端分离的方式,前端可以用vue+element,不管用什么,只要能把需要的参数传给后端就OK1.前端需要传的主要参数包括:listQuery: { //动态请求table数据时传递的参数 page_no: 1, //页码 page_size: 10,//每页显示条数 role: null,//角色--选填 ...
2019-07-13 18:00:20 821
原创 yii2使用ActiveRecord类对数据库的操作
ActiveRecord提供了一套面向对象的对数据库进行增删改查的方法,很实用,省去了select*的一系列操作注意:一个ActiveRecord类对应一个数据表首先来创建一个model,然后model内如下配置<?phpnamespace frontend\models;use yii\db\ActiveRecord;class Userinfo extends ...
2019-07-04 12:36:35 1230
翻译 基于vue-cli搭建的脚手架中的一些相关配置(转载)
当我们需要和后台分离部署的时候,必须配置config/index.js:用vue-cli 自动构建的目录里面 (环境变量及其基本变量的配置)var path = require('path') module.exports = { build: { index: path.resolve(__dirname, 'dist/index.html'), assets...
2019-05-19 10:39:01 433
原创 js对数组的操作总结,包括map.filter...的一些高阶函数操作
近来空闲,总结一下js对数组的操作吧:一:普通操作:添加:push/unshiftpush方法将数据添加到数组末尾,并返回数组的长度,它会改变原数组unshift方法将数据添加到数组开头,并返回数组的长度,它会改变原数组array_push() { let a = [1,2,3] let b = a.push(4) conrole.log(...
2019-05-17 15:18:47 307
原创 vue-element-admin中如何vuex的使用
有的朋友会疑惑vue-element-admin中vuex是怎么使用的,首先要说的是,vue-element-admin中把store给model化了,就是说分成a/b/c/d...的很多模块,每个模块都有自己的state/mutation/getter/action,在大的项目中,这么做的效果还是显而易见的,因为单一的状态树种,随着项目的不断迭代,会有很多状态和mutation放入同一个stat...
2019-05-17 10:16:04 7071 3
原创 vue-element-admin与后端交互流程(补)(跨域)
有些朋友说,一个交互过程东一下,西一下的,不知所以然,所以在此补一下vue-element-admin的整体框架结构,并细说一下交互的过程,包括跨域问题!一:首先是整体框架结构:├── build // 构建相关(build.js/webpack等)├── config // 配置相关 (代理环境配置/l...
2019-03-06 13:00:24 32044 22
原创 vue-element-admin 之单个功能篇(三)
前面说完了登陆以及权限和利用tree进行动态更改权限的问题,下面撸一下单个的功能:一:table功能首先分析下table由三部分组成,搜索栏/table/分页栏1.在钩子函数里调用获取table数据的函数来渲染table// 获取活动列表 async _fetchActivityList() { this.listLoading = true //加载动画 ...
2019-03-05 17:21:37 2101
原创 实撸vue-element-admin(二)
之前撸了权限和登陆,这次补一下利用tree控件动态设置权限,和一些单个功能的实现:一:首先是新增角色,需要说的是,我们之前的思路是登陆之后就绑定了该角色,然后把cookie信息写上来供后端去在请求头里获取role来做角色关系处理!1.点击确定创建按钮后执行如下操作:// 添加角色 || 修改角色 async _addRole() { if (!this.roleN...
2019-03-05 11:02:32 1114
原创 vue-element-admin撸后台实践(一)
一个项目首先要解决的问题,同时也是核心的问题就是登陆和权限的问题,vue-element-admin将路由和左边侧栏进行了绑定,所以我们要解决的就是根据不同的role,生成不同的路由,然后动态渲染不同的侧边栏,同时还要解决在后台可以通过tree控件动态设置权限的效果,所以,先撸一下整体实现思路:首先要说一下,vue-element-admin是怎么与后端进行交互的:用户端有交互提交----&g...
2019-02-28 16:13:28 6710 2
原创 vue+element使用vue-quill-editor的富文本编辑器
备注:我这里采用的是npm的安装模式配合vue-cli1.安装:cnpm install vue-quill-editor --save2.安装quill依赖:cnpm install quill --save3.如何很多页面都需要用到,可以选择在main.js中引入,如下: import VueQuillEditor from 'vue-quill-editor' imp...
2018-11-21 10:54:38 2367
原创 移动端上下左右滑动事件
注意:要用on方法$(".activity_goods").on("touchstart",'.activity_goods_left',function(e) { if (e.cancelable) { if (!e.defaultPrevented) { e.preventDefault();...
2018-08-27 17:28:57 2009
原创 jq实现抽奖概率
思路是外层套一个100的随机函数,里面用if判断语句实现什么概率出现什么奖项var ran=Math.ceil(Math.random()*100) //外层100以内的随机整数 if(ran<75){ //通过概率判断选取数字 var needNum= 0 //选取需求数字(这里是0这个数字) return needNum;...
2018-08-20 17:31:00 2233
原创 jq实现上传图片预览以及提交前更换/删除图片
css部分自行解决吧,我就不多写了一:html部分:<div class=""> <ul class="hyxc" id="userphotos"> <li class='photos' onmouseover='showdelete(this);' onmouseout='hidedelete(this);'>&am
2018-08-03 15:26:02 7802
原创 laravel在执行php artisan migrate时报错
如果在执行此命令时报“could not find drive”说明链接数据库时出错1.在laravel中可以在.env文件中修改db的参数,如下:DB_CONNECTION=mysql //数据库类型DB_HOST=127.0.0.1 //地址名称DB_PORT=3306 //端口号DB_DATABASE=...
2018-08-02 11:53:28 657
原创 mysql下载/安装/登陆
1.下载地址:https://dev.mysql.com/downloads/mysql/下载相对应的位数的zip包就可以下载完之后解压2.配置环境变量:进入我的电脑--高级配置--环境变量--系统变量--path--然后在末尾加上刚才解压的mysql安装目录例如:D:\php\larvel\mysql\mysql-cluster-gpl-7.6.7-winx64\bin...
2018-08-02 11:03:45 240
原创 larvel在进行post表单提交的时候出现错误提示的解决办法
当我们在larvel框架上进行表单post提交的时候会出现如下错误提示The page has expired due to inactivity. Please refresh and try again.字面意思就是“页面以过期”这其实是larvel框架csrf令牌导致的,larvel要求每个指向 web 中 POST, PUT 或 DELETE 路由的 HTML 表单请求都应...
2018-08-02 08:21:18 880
原创 ipad横竖屏切换,页面适配方法
如果想始终横屏展示给用户,方法有很多,我也来写几种吧:1.简单粗暴型:当ipad竖屏的时候,给一个蒙层提示,让客户不得不进行横屏操作// ipad竖屏适配 var detectOrient = function() { var width = document.documentElement.clientWidth, height = docume...
2018-07-18 17:01:19 8478
原创 一些常用网址
一:vue相关:1.官网地址https://cn.vuejs.org/2.element框架挂网http://element-cn.eleme.io/#/zh-CN/component/quickstart3nuxt.js官网https://zh.nuxtjs.org/guide4.iview框架官网https://www.iviewui.com/二:bootstrap相关:1.bootstrap...
2018-06-26 13:55:53 545
原创 vue多实例情况下eacharts的异步获取数据
html就不写了,自行解决吧,下面写写js一:首先在methods中写一个模型:methods(){ huitu_yxqs:function(){ var myChart5 = echarts.init(document.getElementById('qushi_fx')); myChart5.setOption({ title: { ...
2018-06-09 14:09:33 1738
原创 vue简单实现记住密码功能
原理是在提交表单的时候把用户名和密码的值存入cookie中然后再次进入页面时读取cookiehtml部分<div class="log_form"> <div class="log_form_biao">蚊子蚊子蚊子</div> <div class="log_form_inp"&g
2018-05-28 15:34:13 8484 2
原创 vue实现动态验证码和短信验证码
一:动态验证码:html部分<div style="display: flex;align-items: center;"> <span>验证码:</span> <i-input v-model="picLyanzhengma" placeholder="请输入验证码" sty
2018-05-25 16:35:38 11139 1
原创 不用插件vue实现滚动加载
关键所在是实现滚动到底部,然后进行post请求,然后将获得的分页的数据push到数组中1,在data中定义三个变量page,isadd,data_wrpa其中page是控制分页的,isadd是控制是否post的,data_wrpa是数据的容器2,给容器绑定scroll事件<ul class="left_li_ul" @scroll="gd_add"> <...
2018-05-16 12:01:59 6835 2
转载 vuex的入门文档
如果你在使用 vue.js , 那么我想你可能会对 vue 组件之间的通信感到崩溃 。我在使用基于 vue.js 2.0 的UI框架 ElementUI 开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , 它们之间的通讯很麻烦 :template>
2018-04-26 14:06:54 278
原创 日常开发中的一些BUG总结
一:css篇1:弹出层的背景层虽然设置了fixed-top:0;left:0;依然不会定位到最顶部; 原因:检查一下是否是其他样式影响了,比如导航如果也设置了fixed定位,这种情况可以通过设置z-index来设置元素的堆叠顺序;2:在使用其他组件时,有时会碰到对引用的组件设置样式不起作用的情况: 原因:有些组件的api是组件独享的,不是html标签api,所以所设置的样式不会对其起...
2018-04-24 15:38:31 436
原创 微信小程序--日期格式化和实现倒计时
首先看看日期怎么格式化第一种:Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), /...
2018-04-23 14:12:10 5860
转载 微信小程序各种动画轮子链接
惭愧!我不是轮子的创造者,我只是轮子的搬运工文字跑马灯效果:http://www.wxapp-union.com/portal.php?mod=view&aid=1038 触摸水波涟漪效果:http://www.wxapp-union.com/portal.php?mod=view&aid=1350 下拉菜单效果:http://www.wxapp-union.com/portal....
2018-04-23 10:58:33 1155
原创 多种方式实现字幕滚动效果
1.html5有marquee标签来直接实现字幕的滚动效果 onMouseOut="this.start()" width="100%" height="100px" align="right"> 111111111111 222222222222222
2018-04-21 15:01:41 4145
原创 微信小程序实现按价格/销量等排序
//按价格排序jiage: function () {var arry_length = this.data.li_content.length //按价格排序 获取数据数组的长度for (var i =0; i for (var j =0; j 1; j++) {let arry_jiage1 = this.data.li_content[j].jia
2018-04-19 17:24:37 16752 3
原创 微信小程序动态添加Class
由于小程序自身封装的原因,不能像js那样直接操纵dom,所以需要通过绑定数据来实现:<div bindtap="gouwuche" class="{{kucun==0?'hui':''}}">加入购物车</div>上面的class就是动态绑定的,其原理是通过kucun这个data值来判断hui这个class是否出现,当然kucun这个data怎么来的可以自行设置,比如跳转传...
2018-04-18 13:49:18 6884
原创 微信小程序跳转传参的方法
两种方式:一是通过导航组件;而是利用wx:navigateTo的API(原理都一样:通过url传参)一:导航组件的方式:1.首先在页面建立导航2.在跳转后的页面接收参数:利用钩子函数onLoad: function (options) {this.setData({title: options.title,index: options.index})
2018-04-16 14:40:58 605
原创 微信小程序获取表单元素的输入值
有时我们不想通过表单的submit事件来获取表单元素的value值,但又不能通过jq那样的方式,所以这里列举一下如何获取表单元素的值1.input的输入值:首先在input上绑定事件然后在quzhi_input事件中获取值quzhi_input:function(e){ console.log(e.detail.value)//或者直接赋值给data中的值th
2018-04-13 11:26:08 5213
原创 css媒体查询来兼容
1,判断ipad:@media only screenand (min-device-width : 768px)and (max-device-width : 1024px){ 样式}2,判断ipad横屏:@media only screenand (min-device-width : 768px)and (max-device-width : 1024px)and(orientat...
2018-04-04 16:08:03 659
原创 jq---data()方法的妙用
有这样一种场景:将左侧表格中的内容在点击添加的时候,右侧列表会增加相应的一列数据,然而反过来还需要点击右侧列的删除时相应的对左侧表格中的对应行操作,此时可以用jq的data()方法,在第一步点击左侧表格添加的时候向该行附加数据,然后左侧点击删除的时候根据附加的数据选择对应行!其实质是把附加数据作为标记,代码如下:// 左侧点击添加到右侧列表 $('.nowkucun_table1').on(...
2018-04-03 16:00:49 1761
原创 利用vue-router的动态路由和路由传值实现同一模板渲染不同数据
在日常开发中有一种场景非常常见,比如有一百个列表链接,点击链接后进入的页面模板布局都是一样的,只是简单的有些数据不一样,所以在vue中可以利用vue-router的动态路由和路由传值实现,具体如下:1,在配置模板页面的路由的时候要用动态路由,并开启props模式:{ path:'/auction_detail_index/:id', component:auct
2018-04-03 10:37:52 5122 1
zhongji2 - 副本.rar
2019-12-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人