- 博客(28)
- 收藏
- 关注
RSS订阅原创 使用patch-package修复：taro运行在抖音小程序上报‘OpenData‘ was not found
patch-package修改taro的bug
2022-12-02 11:19:24
915
原创 微信小程序获取用户头像昵称等信息规则更新
以前是这样的<button open-type="getUserInfo" @getuserinfo="getuserinfo">获取</button>getuserinfo(e) { console.log(78, e.detail.userInfo);},现在是这样的wx.getUserProfile({ desc: '获取用户头像', success: res => { console.log('获取信息成功：', res.userIn
2022-02-17 10:26:35
638
原创 前端使用search搜索器、with（关联）和 field
在很多页面获取到的数据相近，区别只是多获取几个字段、多几个搜索条件、多关联几张表的时候。后端就可以小小的偷个懒，接口只写一个，前端使用search搜索器、with（关联）和 field来精准的获取需要的数据。这样减少了接口的数量也减少了使用同一个接口导致获取了冗余的数据。
2022-01-15 15:22:14
1045
原创 在VUE项目中使用高德地图的记录
流程如下：<div class="amap-page-container" id="container"></div>import VueAMap, { lazyAMapApiLoaderInstance } from 'vue-amap'VueAMap.initAMapApiLoader({ key: '080d2a1ae948926ffd898703780146b5', // key: '770628526eb39f2a2afde977d6ef7d5f', //
2021-11-29 15:52:42
191
1
原创 记录webSocket在vue中的使用
服务端WebSocketServer.js中const webSocket = require("ws"); //引入ws服务器模块const ws = new webSocket.Server({ port: 8000 }); //创建服务器,端口为8000let clients = {};let clientNum = 0;ws.on("connection", (client) => { //连接客户端 // console.log('client', client);
2021-11-19 15:35:02
2054
原创 关于多端开发Taro
一把项目先跑起来git remote add origin <你的项目地址>git clone git@gitee.com:shanghai_fire_code/newRetail-b.git把代码拉下来之后先安装taro 全局安装Taro: `npm install -g @tarojs/cli`npm install -g @tarojs/cli安装依赖: `npm install`npm install再进入微信开发环境npm run dev:weapp执行npm r
2021-07-22 15:28:26
156
原创 VX数据侦听
实现小程序中的数据侦听最近接触的taro项目中使用了VX，因此记录一下了解到的内容，原文在小程序项目中, 我们的通常会使用到使用到一个全局对象作为各个页面通用的数据存储容器, 将它绑定到app对象后, 就能在每一个页面都自由的操纵这个对象. 然而在实践中, 由于这个对象及其属性不具备响应式条件, 它不能直接参与业务逻辑的编写, 能力仅仅局限于数据储存. 若是在VueJS项目中, 我们可能经常使用到Vue.$watch去侦听某个数据是否发生变化, 小程序却缺乏这种能力.在这篇文章中, 我将用150行代码
2021-07-01 11:30:19
165
原创 2021-06-30日常憨憨报错，Taro的项目报错确实不清晰
日常憨憨报错，Taro的项目报错确实不清晰 找了半天，记录一下Failed to construct 'Image': Please use the 'new' operator, this DOM object constructor cannot be called as a function.像上面这种错误都是使用了元素，但没有import到文件导致。解决：import {View , Text , Button, Image } from '@tarojs/components'晚点再
2021-06-30 10:54:50
582
原创 vue-element-admin
本文是对vue-element-admin中，我项目用到的内容进行了一下汇总。目录结构├── build # 构建相关├── mock # 项目mock 模拟数据├── plop-templates # 基本模板├── public # 静态资源│ │── favicon.ico # favicon图标│ └── i
2021-06-16 18:23:47
1801
原创 开发规范
开发规范项目目录结构规范.├── README.md ------------------------ 说明文件├── package.json ----------------------- 项目配置├── vue.config.js ------------------------ webpack配置入口├── public --------------------------------- 入口文件├── ├── favicon.ico ---------------- 网
2021-01-14 14:59:06
682
原创 项目提交步骤--使用sourctree
使用sourctree： Clone with HTTP（公司内网的gitlab） 主分支下新建 feature-oms 分支（切换分支只需要在sourcetree中双击对应分支–相对应的vscode上也会变到对应的分支。需要注意的是，在提交更改之前不要切换分支）在vscode中：第一步：做出更改以后切换到源代码管理，消息中填入更改描述，规范如下：消息头是一行精炼描述提交变化的信息。它包含 和 。 必选， 用于说明commit的类别，只允许使用下面几个标识：
2021-01-14 14:58:27
487
原创 Jquery
Jquery1.Jquery 的定义 简单来说，jQuery是一个小巧，功能丰富的 js 库存2. Jquery 的基本使用 2.1引入jQuery文件** 2.2写 一个入口函数** 2.3找到你要操作的元素(jQuery选择器)，去操作它(给他添加属性，样式，文本)3.入口函数的两种种写法$(document).ready(function(){})$(function(){}) //常用写法4.window.onload = functio
2021-01-14 11:12:38
209
原创 项目复盘分享2
项目复盘分享11月24日 需求评审11月25日到30日 项目排期（设计排期和开发排期）12月01日 项目技术评审12月02日 项目内部细节讨论12月03日 王者账号推广H5 UI评审12月04日到12月16日 项目开发12月17日到12月27日 与后端联调以及自测12月27日 代码review12月28日到12月31日 测试、UI走查11月24日 需求评审原型地址第一眼看到H5原型的时候感觉挺多的有点心慌慌（也是第一次开发H5），但是拆分一下感觉还是挺简单的，除了与客服聊天拉起QQ没
2021-01-07 15:43:58
247
原创 推广后台项目复盘
推广后台项目复盘需求评审需求评审时产品经理会根据原型讲述产品需求，这时就应该认真听了，稍一分心就可能漏掉重要的点，不然之后还得老老实实去找产品问，当产品经理讲完后台原型需求时，看着就几个页面，而且页面功能点还都差不多，登录也不用做(后来还是要做的)，不过我还是很懵的，用vue脚手架怎么搭项目、单张图片上传、多张图片上传、排序、富文本编辑器、列表里的操作项怎么不一样等等问题，这些功能需求都不会怎么办，以前都没接触过啊，这怎么做项目啊，不会刚上来就灰溜溜的下去吧，只能硬着头皮上一点一点学，对需求不理解的地方
2021-01-07 15:11:41
252
1
原创 用Vue实现Player
这里主要是想学习一下vue+axios网络请求，跟着B站的大佬做了一个音乐播放器，图片资源上传sm.ms图床。代码在元素审查都能看到，这里贴一下完整的代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &l
2020-11-20 15:30:42
1235
原创 Vue总结：钩子函数
Vue生命周期图表Vue生命周期可以总共分为8个阶段：beforeCreate（创建前）：在实例初始化之后，数据观测和事件配置之前被调用，此时组件的选项对象还未创建，el 和 data 并未初始化，因此无法访问methods， data， computed等上的方法和数据。created（创建后）：实例已经创建完成之后被调用，在这一步，实例已完成以下配置：数据观测、属性和方法的运算，watch/event事件回调，完成了data 数据的初始化，el没有。 然而，挂在阶段还没有开始, $el属性目
2020-11-17 11:22:23
629
原创 get和post的区别与http状态码汇总
get和post的区别1.对参数的数据类型，GET只接受ASCI字符，而POST没有限制，允许二进制。2.GET在浏览器回退/刷新时是无害的，而POST会再次提交请求。3.GET请求只能进行url编码，而POST支持多种编码方式。4.POST比 GET更安全，因为GET参数直接暴露在URL上，POST参数在HTTP消息主体中，而且不会被保存在浏览器历史或web服务器日志中。HTTP有哪些状态码？1** 信息，服务器收到请求，需要请求者继续执行操作2** 成功，操作被成功接收并处理3**
2020-11-02 10:55:18
150
原创 js时间戳转日期
一.js将时间转换成时间戳1.js获取当前时间戳的方法var timestamp1 = Date.parse(new Date());var timestamp2 = (new Date()).valueOf();var timestamp3 = new Date().getTime();第一种：获取的时间戳是把毫秒改成000显示，第二种和第三种是获取了当前毫秒的时间戳。2.js获取制定时间戳的方法var oldTime = (new Date("2015/06/23 08:00:20"))
2020-10-27 11:53:12
1938
转载 HTML笔记
HTML的标签分类双标签：如标签的内容语法：<开始标签> 标签内容 </结束标签>我要变粗 …单标签：单标签都是功能性的标签，例如换行等功能里面不需要添加内容语法：<标签名 /> …123456HTML中的标签（熟练）用<>包裹的英文单词h 系列的标签 : 标题标签h1，h2，h3，h4，h5，h6作用 : 给页面上的文字加上标题的语义代码 : 我就是h1标签效果 : h1，h2，h3，h4，h5，h6 将文字放大、加
2020-10-19 14:20:31
116
原创 Hover小动画
h3{ margin-left: 20px;font-size: 1.2em; }h5{ margin: 10px 0 10px 30px; }.hover-box, .color-box, .anima-box{ border: 2px solid #333; }.main-container span{ display: inline-block; height: 40px; min-width: 80px; line-height: 40px; text-
2020-09-29 17:00:30
368
原创 关于圣杯布局的问题
<!DOCTYPE HTML><HTML><head><style>.box1 { border: 1px solid red; height: 100px; padding: 0 80px;}.box1 .left { width: 80px; height: 100px; background-color: rgb(17, 129, 228); float: left; marg
2020-09-29 13:14:07
210
原创 居中小笔记14
div { width: 500px; height: 500px; border: 2px solid red; text-align: center;}/* 在div中插入一个元素作为参照物,img以参照物准设置vertical-align: middle */div::after{ content: ""; display: inline-block; height: 100%; vertical-align: middle;}
2020-09-27 09:48:24
106
原创 居中小笔记13
div { width: 500px; height: 500px; border: 2px solid red; position: relative;}img { position: absolute; /* 使img在div中完全撑开 */ top: 0; left: 0; right: 0; bottom: 0; margin: auto;}<div> <img src="htt
2020-09-27 09:46:57
64
原创 双飞翼布局
<!DOCTYPE HTML><HTML><head><style>/* 三栏布局——双飞翼 */.box2 { border: 1px solid red; height: 100px;}.box2 .center-box { width: 100%; float: left;}.box2 .center { height: 100px; background-color: rgb(5, 17
2020-09-27 00:18:44
99
原创 圣杯布局
}.box1 .right {width: 80px;height: 100px;background-color: rgb(219, 132, 17);float: left;margin-left: -80px;position: relative;right: -80px;}.box1 .center {width: 100%;height: 100px;background-color: rgb(53, 228, 30);float: left;}三栏...
2020-09-27 00:04:33
87
原创 居中小笔记12
<!DOCTYPE HTML><html> <head> <style> div { width: 700px; height: 500px; background-color: blueviolet; display: table-cell;
2020-09-26 15:55:31
65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人