前端
文章平均质量分 56
面向甲方编程
vue,react,react-native,小程序,go,gin,node,three
展开
-
vue3.0笔记
V3如何变快的优化diff算法;v2中虚拟DOM是进行全量对比;v3新增静态标记,只比较有静态标记的。 静态提升;v2无论元素是否参与更新都会重新渲染;v3对不参与更新的元素做静态提升,只会创建一次。 事件监听器;默认情况下click动态绑定,追踪变化。v3缓存使用。reactivelet obj = {name:'测试',age:18}let state = reactive(obj)obj.name = 'hello'reactive 修改原来数据,数据发生变化,但是UI不更新原创 2021-06-24 18:02:01 · 210 阅读 · 0 评论 -
uni-app微信公众号授权
工具函数app.vue中执行这个方法来获取授权,注意要在微信公众平台配置相应的域名。// util.js// 微信公众号授权import { http} from '@/utils/request';import helper from './helper.js'export default { wxAuthorize() { let link = window.location.href; let params = helper.getRequestParameters(link原创 2020-08-21 11:36:50 · 1652 阅读 · 1 评论 -
微信小程序登录流程授权流程
前言开发一个微信小程序项目,首要问题就是用户的登录授权流程问题,结合今年9月份小程序实施的新的审查来说。首次登录微信小程序的用户,如果要获取用户的个人信息,需要用户点击button来做授权登录,授权登录成功之后,就可以获取用户的一些基本信息,再紧接着跟后台进行交互获取用户的openID、unionid、token等为以后接口交互打下基础。用户首次授权成功后,再次进入小程序可以在小程序的app.j...原创 2019-11-22 11:24:15 · 1622 阅读 · 1 评论 -
JS原生随机排序插入对应图片文字
window.onload = function () { var imgSrc = ['<div><img src="./image/test0.png" alt=""><span>文字1</span></div>', '<div><img src="./image/test1.png" alt=...原创 2019-11-20 14:37:29 · 336 阅读 · 0 评论 -
移动端复选框checkbox兼容性问题
需求公司接了一个活动页的项目,然后就给我了,挺简单一个项目,开需求会时都很简单,然后客户那边给设计图,设计图一天给一张,还每天下午快下班才给,简直捉急。项目就是做两套样式,PC和移动端都有,还要PC端响应式,移动端适配,兼容主流浏览器以及移动端。在做移动端的时候遇到了一个发现很晚的小bug,然后令我今晚现在还在家里敲代码,想着敲也是敲,不如顺手记录一下。需求就是一个单选框,做成复选框的样式,...原创 2019-07-31 23:17:46 · 3169 阅读 · 0 评论 -
解决jquery的fullPage插件后退按钮不能返回第一屏的问题
问题出现移动端全屏滑动需求找到问题所在解决方案进行解决移动端全屏滑动需求公司项目有一个需求,类似问卷形式的,当使用移动端登录时,问卷内容分成3屏,第一屏内都答完后,滑动到第二屏(只能第一屏题目都回答完毕才会滑动到下一屏,其他形式的滑动禁止),可以采用浏览器的后退按钮可以回到上一屏。采用的jquery的一个fullPage插件来做的,发现插件有个bug,即在第二屏使用浏览器后退按钮不会回到第一...原创 2019-07-23 16:22:12 · 1205 阅读 · 1 评论 -
elementUI步骤条
从后台拿数据前台展示步骤条 <el-steps :active="1" v-for="item in liucheng" simple style="margin-top:20px;"> <el-step :title="item.lc_liucheng" :description="item.descrip...原创 2019-04-20 11:10:59 · 3765 阅读 · 0 评论 -
上传base64图片
<input @input="imgs1change" type="file"> imgs1change (e) { var that = this var file = e.target.files[0] var reader = new FileReader() reader.readAsDataURL(file) // 读出 base64 re...转载 2019-04-20 09:56:54 · 867 阅读 · 0 评论 -
vue给后台表格数据显示好看的状态
在表格中将某一项的状态更好的显示出来后台给我们的数据中,一般状态都是为0、1、2、3或者true或者false作为组件使用它简单易懂<template> <div style="cursor: pointer"> <el-tag :type="type">{{ text }}</el-tag> </div>&l...原创 2019-04-20 09:50:16 · 2893 阅读 · 0 评论 -
学习react入门(一)
因为阿里的iceworks大部分物料源是用react来做的,目前我一般用vue的物料源做开发,简单用起来也很方便,不过为了vue放弃那么多的官方提供的物料源着实有点可惜,所以就开始接触学习一下react,然后再结合iceworks里面的物料源的代码进行更加深入的学习,当然对RN也很感兴趣。1.基础其他的不用晓得,先要知道react的jsx语法,它是一种 JavaScript 的语法扩展,HTM...原创 2019-04-28 17:26:00 · 234 阅读 · 2 评论 -
安装失败,失败原因:Failure [INSTALL_FAILED_USER_RESTRICTED: Install canceled by user]。
我用的小米6X安装失败,失败原因:Failure [INSTALL_FAILED_USER_RESTRICTED: Install canceled by user]。然后让手动安装到。发现只要把开发者选项的USB安装打开就可以了然而公司遇到了一个BUG,就是我的手机部分静态图片不展示的问题,正在找解决...原创 2019-04-26 12:22:21 · 13101 阅读 · 2 评论 -
D2Admin自制数据的增删改查
前言想在D2Admin中进行数据的增删改查,可以直接使用它本身的,但是如果想做增加和修改中调用其他数据库里的内容,那就要重新自己来写相应的按钮和按钮效果。内容template <el-button slot="headerButton" style="{padding:10px 10px ;fixed:right}" type="primary" icon="el-icon-p...原创 2019-03-29 13:45:41 · 3586 阅读 · 0 评论 -
icworks+D2Admin+vue+element UI 制作后台管理
前言:icworks又名飞冰海量可复用物料,通过 GUI 工具极速构建中后台应用。是阿里巴巴前端团队开源的一个产品,目的让前端开发简单而友好。进入正题使用以及构建项目非常简单1.直接进入官网下载即可 官网地址2.打开之后是这样的里面有各种的模板区块组件,自己点击了解了解就可以,操作一看即懂。3.选择模板中的vue物料源中的D2Admin使用该模板根据提示走,初始化项目会提示...原创 2019-03-29 12:11:13 · 2600 阅读 · 0 评论 -
vue之better-scroll
1.安装better-scrool且在组件中引用(1)npm i better-scrool -S(2)import BScroll from “better-scroll”2.使用dom结构 注意!父级div必须有一定高度,因为只有子级div超过父级div高度,滚动条才会出现。当 子级 的高度不超过父容器的高度,是不能滚动的,而它一旦超过了父容器的高度,我们就可以滚动...转载 2019-03-29 11:18:12 · 471 阅读 · 0 评论