weixin_43857786的博客

原创 搞了个理财小程序，大家来瞧一瞧看一看啦

要致富，先理财！日常消费中，一会用支付宝，一会又用微信支付。花的钱都不知道多少。所以自己搞了个记录每一笔消费的小程序。没搞服务器，所以数据存在你的手机本地，所以删除小程序数据会全部消失哦，毕竟用户消费是私人的信息嘛！话不多说，上码：有什么建议，或者改进的地方，请大家指教耶！告辞，继续搬砖...

原创 vue history模式下，与Nginx的配置

需求：想在http://h5.xxxxxxx.cn域名下，h5的目录里放上我们的项目！达到这种地址效果http://h5.xxxxxxx.cn/h5/market?source=xmb-h5-yx解决方案：第一步：在你的项目，路由router里，加入你需要的二级目录，然后打包。h5为项目的目录地址，比如，url地址：h5.xxxxxxx.cn下的h5目录，就是项目根目录。但是服务器上不需要新建一个h5的目录http://h5.xxxxxxx.cn/h5/market?source=xmb-h5-y

原创 微信小程序，使用AES加密、解密

搜索了一早上，发现都没有小程序的AES加密、解密的完美教程，全是复制粘贴别人的一半一半代码，有头没尾！不多说，直接开撸！一、在你的小程序目录下的utils文件夹里新建个aes_util.js文件，把下面复制粘贴上去：const CryptoJS = require('./aes.js'); //引用AES源码jsconst key = CryptoJS.enc.Utf8.parse("你的秘钥"); //十六位十六进制数作为秘钥const iv = CryptoJS.enc.Utf8.parse(

原创 微信小程序封装request

众所周知，微信的请求方式是通过wx.request()请求的，所以需要数据的页面都用到他，所以我们把他封装起来！！！1、首先我们新建个request.js，把下面代码输入进去function request(url, data = {}, method = "GET") { return new Promise(function(resolve, reject) { wx.request({ url: url, data: data, method: me

原创 如何用URL Scheme H5链接，直接打开微信小程序

今天接到需求！！！想要从浏览器，QQ等场景，用H5链接打开微信小程序！！！如何实现的，一番查阅后，让我带你实现吧！ps：适用于非个人主体，微信内部的浏览器好像不行，你们自己试试。1、首先登录微信小程序后台：微信小程序后台→工具→微信生成小程序URL Scheme，根据你的需要填写，启动query参数可为空；2、生成后会获得一个链接weixin://dl/news/?t=xxxxxxx3、然后创建demo.html文件，建立页面，把weixin链接改成你上面得到的链接<!DOCTYPE

原创 每天10道，前端面试题目 【2】

题1、介绍 HTTPS 握手过程答：1、客户端使用https的url访问web服务器,要求与服务器建立ssl连接2、web服务器收到客户端请求后, 会将网站的证书(包含公钥)传送一份给客户端3、客户端收到网站证书后会检查证书的颁发机构以及过期时间, 如果没有问题就随机产生一个秘钥4、客户端利用公钥将会话秘钥加密, 并传送给服务端, 服务端利用自己的私钥解密出会话秘钥5、之后服务器与客户端使用秘钥加密传输题2、call 和 apply 的区别是什么，哪个性能更好一些答：1、Functi

原创 每天10道，前端面试题目 【1】

有些面试题目的答案太牛皮了，所以想记录下来！题1、已知如下数组：var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];编写一个程序将数组扁平化去并除其中重复部分数据，最终得到一个升序且不重复的数组作者：木易杨说链接：https://juejin.cn/post/6844903885488783374来源：掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。答

原创 vue 移动端语音输入教程

网上查了半天，全是复制粘贴的博客，实在忍不住，自己开章！教程vue移动端语音输入！1、首先你得有https协议的网站域名因为语音输入需要已经安全验证的网站，才可以获取手机的语音权限！如果你拥有，就把项目放在这个https域名下。2、安装vue录音插件cnpm i js-audio-recorder --s输入上面命令进行安装插件，安装完成后，在你需要使用录音的页面引入：3、代码部分：import Recorder from "js-audio-recorder";const lame

原创 搭建自己独一无二的网站教程

你也想拥有属于自己的网站吗？像这样…尽情展示自己的个人技术信息，展览自己的图片与文章！让你在校可以练手、在职场可以给自己能力加分！话不多，跟我一起搭建吧！先选择你喜欢的网站模板或者就用我提供的这个模板吧！辛辛苦苦弄的，要好好利用呀：https://github.com/youupiup/blogDemo.git下载模板：git clone https://github.com/youupiup/blogDemo.git然后自行改模板里面的文字与图片，这应该难不到你吧！接下来，叫你弄服务器

原创 移动端来源referrer问题

当一张图片设置了来源监听，防盗链，我们请求后的链接会报错403！解决方法有：1、无视来源，直接加在index.html页面头部：缺点是：如果项目里面涉及到支付，会调用支付失败！<meta name="referrer" content="no-referrer" />2、针对某个图片：这样可以针对某个单独的图片进行不检查来源，缺点是每一张图都得加上！<img src = "" referrerpolicy="no-referrer">...

原创 小程序 上拉加载更多之onReachBottom()

在你没有用scroll-view的上拉加载更多时，可以试试onReachBottom()这种方式实现上拉加载更多！xxx.json里面设置： "enablePullDownRefresh": true, "onReachBottomDistance":50onReachBottomDistance为到底部多少时就触发onReachBottom()这个函数接下来就到你的xxxx.js里面对这个onReachBottom()函数进行你自己想要的操作了 /** * 页面上拉触底事件的处理

原创 解决微信内置浏览器与外置浏览器 localStorage.getItem(“token“) == ““ 打印不同的问题

同一句代码：localStorage.getItem("token") == "" 在微信浏览器内是false，外置浏览器是true！是因为在微信浏览器内输出的是null，为了解决这个问题，我们可以这样：!!localStorage.getItem("token") ==""前面加两个!!，进行类型的转换，再进行比较...

原创 Element-ui table type=“expand“ 如何动态显示行的展开符

动态判断是否展开子元素列表：在el-table里加上 这句：函数里面加上这函数，row.taList是你的子列表数据，undefined等于没有，所以不显示展开：样式里加上这样式：

原创 jq一记，循环列表点击事件不生效，应该这么写

dom节点<div id="test"><div class="evt">evt1</div></div>我们这么写发现点击事件没有用<script>// 先绑定事件再添加div$('#test .evt').on('click', function() {alert($(this).text())});</script> 我们应该这么写，才有触发点击事件效果<script>$('body').

原创 小程序过滤器

小程序全局通用过滤器方法：自定义个common.wxs，内容如下：里面的规则，根据自己的需要编写，抛出相对应的方法名即可var filter = { getOneStr: function (value) { return value.substring(0, 1); }, splitTag: function (value) { if (value == '' || !value){ return []; } else { return va

原创 小程序 异步处理接口返回数据

小程序开发过程中，我们经常需要获取后台返回的data数据，但是明明打印出来是有的，但是想要获取里面的对象下面值的时候，却是空。解决方法如下：为了方便，我们把请求的方法封装起来：function postRequest(url, data) { return new Promise((resolve, reject) => { wx.request({ url: apiHost + url,//请求的地址 data: data,//请求的数据 meth

原创 VUE 使用echarts线图，常用配置属性介绍

VUE 使用echarts线图，常用属性介绍文章就是介绍应该会用得上的属性设置。这里不是安装教学哈，安装教学出门左转！介绍全在代码的备注中，请慢慢食用！methods: { myEcharts() { var that = this // 基于准备好的dom，初始化echarts实例 var myChart = this.$echarts.init(document.getElementById("main")); // 指定图表的配置项和数据

原创 linux nginx服务器开启wss协议

1、先在linux找出nginx可执行文件的路径命令行输入：ps -ef | grep nginx返回[root@localhost /data/nginx/logs 09:47:00&&23]#ps -ef | grep nginx root 1734 1 0 Oct28 ? 00:00:00 nginx: master process /usr/local/ngin...

原创 Apache 出现open_basedir restriction in effect

window服务器下，其他目录都会加上权限的，防止黑客入侵植入病毒文件，所以Apache上传服务器，临时文件需要保存到有权限的目录下，才能读写。可以更改Apache下的php.ini配置文件，在目录D:\wamp\bin\apache\apache2.4.9\bin下（具体看你Apache安装目录）打开php.ini，搜索找到upload_tmp_dir改成你开放权限的目录upload_tm...

原创 js模板替换，适用于ajax异步请求渲染数据

在你当前页面里，新建个js<script type="text/html" id="good_list"></script>注意type要是text/html，id的话，是你自定义id，待会给jq获取的然后把你需要渲染的一段div放到中间<script type="text/html" id="good_list"> <!--放入你要渲染的di...

原创 在APACHE服务器上的访问方式上去除index.php（伪静态）

在APACHE服务器上的访问方式上去除index.php下面我说下 apache 下 ，如何 去掉URL 里面的 index.php例如: 你原来的路径是： localhost/index.php/index改变后的路径是: localhost/index1.httpd.conf配置文件中加载了mod_rewrite.so模块 //在APACHE里面去配置#LoadModule rewr...

原创 一般前端登录表单提交校验方法

一般前端登录表单提交校验方法html<form action="" method="post"> <div class="inputItem flex"> <p>手机号码：</p> <input type="tel" placeholder="请输入手机号码" id="userPhone" name...

原创 tp3 除了首页，其他页面报错解决方案(nginx方案)

除了首页能访问，其他路由跳转都是Not Found，然后在域名后面加index.php就能访问，比如http://localhost:81/index.php/admin/，这样就能访问，去掉index.php就不行。解决方法：1、httpd.conf配置文件中加载mod_rewrite.so模块2、httpd.conf配置文件中AllowOverride None 将None改为 All...

转载 SCSS语法

嵌套规则// scss#id { color: red; .name { color: blue; .child { color: yellow; } }}// css#id { color: red;}#id .name { color: blue;}#id ....

转载 修改nginx限制上传文件的大小

先找到linux下的**/usr/local/nginx/conf**，nginx.conf加上 client_max_body_size 10m; 这句话http { include /etc/nginx/mime.types; default_type application/octet-stream; charset utf-8; log_...

转载 正则表达式

转载 JS算法基础、进阶

一、JS算法的基础1、数组去重function qc(arr1){//创建一个新的数组 let arr = [];//遍历数组arr1 for( let i = 0; i < arr1.length; i++) {//如果arr1不在arr中 会返回-1 那么将和这个元素存在新建的arr中 if( arr.indexOf(arr1[i]) == -1) {//indexOf...

原创 vue 绑定 HTML Class

绑定 HTML Class我们可以传给 v-bind:class 一个对象，以动态地切换 class：<div v-bind:class="{ active: isActive }"></div>上面的语法表示 active 这个 class 存在与否将取决于数据属性 isActive 的 true还是false你可以在对象中传入更多属性来动态切换多个 class...

原创 vue 语法、缩写

通过使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。但请留心这会影响到该节点上的其它数据绑定：<span v-once>这个将不会改变: {{ msg }}</span>Mustache 语法,带有{{}}的值,也就是Mustache 语法不能作用在 HTML 特性上，遇到这种情况应该使用 v-bind 指令{{dynamicI...

原创 vue 条件与循环、处理用户输入

1、绑定数据 <span v-bind:title="message">/*v-bind可以去掉，直接:title="message"，也可以绑定数据*/ 鼠标悬停几秒钟查看此处动态绑定的提示信息！ </span>2、条件<p v-if="seen">现在你看到我了</p>3、绑定数组的数据来渲染一个项目列表<li ...

转载 ssh保持一直连接状态

修改/etc/ssh/sshd_config文件，将 ClientAliveInterval 0和ClientAliveCountMax 3的注释符号去掉,将ClientAliveInterval对应的0改成60,ClientAliveInterval指定了服务器端向客户端请求消息 的时间间隔, 默认是0, 不发送.而ClientAliveInterval 60表示每分钟发送一次, 然后客户端响应...

转载 JS去除字符串空格

JS去除字符串空格var str = ' asd dasd s d sad asd asc ';//方法一：使用replace正则匹配//去除所有空格console.log(str.replace(/\s*/g, '')); //asddasdsdsadasdasc//去除两头空格console.log(str.replace(/^\s*|\s*$/g, '')); //asd...

转载 vuethink 上传图片返回路径，把返回的路径 \ 改成 /

getSaveName=str_replace("\","/",$info->getSaveName());//把反斜杠()替换成斜杠(/)（ps：发给自己看的，哈哈哈）