- 博客(23)
- 收藏
- 关注
RSS订阅
原创 [实战技巧]数组+对象+实际开发处理方式+实战技巧
reduce数组获取对象中3级内容需要获取北京顺义由于k值是变量 不能用点的方式，可以用[]中括号reduce链式调用3级对象内部相当于是obj.info.address.location
2021-04-16 15:29:20
151
原创 VueH5项目自适应
安装包 npm install postcss postcss-pxtorem --save-dev npm i -S amfe-flexible npm install [email protected] npm i node-sass 1. postcss-pxtorem 是一款 PostCSS 插件，用于将 px 单位转化为 rem 单位 2. lib-flexible 用于设置 rem 基准值 html设置<meta name="viewport" content="wi
2022-01-12 10:44:33
418
原创 VUE-AXIOS封装-下载上传
AXIOS引入axios import axios from 'axios'引入通知组件import { Notification, MessageBox, Message } from 'element-ui'引入从Cookies中获取tokenimport { getToken } from '@/utils/auth'引入把JSON转换成问号拼接的字符串import { tansParams } from '@/utils/ruoyi'//配置请求头axios.defaults.h
2021-12-10 14:28:06
816
原创 JS转换树形结构
/** * 构造树型结构数据 * @param {*} data 数据源 * @param {*} id id字段 默认 'id' * @param {*} parentId 父节点字段 默认 'parentId' * @param {*} children 孩子节点字段 默认 'children' * * */export function handleTree(data, id, parentId, children) { let config = { id: id ||
2021-12-02 14:31:58
384
原创 js 正则常用方法
定义正则： 1 var re = new RegExp(“a”); //RegExp对象。参数就是我们想要制定的规则。有一种情况必须用这种方式，下面会提到。 2 var re = /a/; // 简写方法 推荐使用 性能更好 不能为空 不然以为是注释 ，javascript中正则表达式支持的正则表达式有三个，g、i、m，分别代表全局匹配、忽略大小写、多行模式。三种属性可以自由组合共存。正则的常用方法 ：1 test() :在字符串中查找符合正则的内容，若查找到返回true,反之返回f
2021-11-17 22:47:55
303
原创 VUE进阶技巧
背景介绍：随着项目越来越大，性能问题已经成为了困扰业务发展的重要因素。功能不停地累加后，核心页面已经不堪重负，访问速度愈来愈慢。业务发展、用户体验都非常迫切的需要释放页面的负载，提高页面加载速度。
2021-11-15 22:51:56
618
原创 [实战技巧]全平台支付..
微信二维码支付需要引入的的CDN资源;AXION请求;qrcode包显示二维码1.调用axios请求2.请求返回值;内部有codeUrl3.把这个codeurl 展示给客户即可qrcode插件用npm下载即可4.用户扫码完成后的处理;这个时候要请教后端同学,或者我们利用Vue的开启一个定时器查看数据的变化微信公众号支付1.必须需要获取openid...
2021-06-21 23:19:53
189
原创 [项目技巧]VUE小米商城+跨域+sass编译器封装+吸顶功能
前端跨域 三种方案什么是跨域解决方法CORS 后端修改JSOP跨域安装插件JSONP和CORS跨域的区别? JSONP通过js携带请求进行跨域，他不是传统的XHR请求；CORS后台处理跨域接口代理核心思路在vue.config.js中修改配置项目...
2021-05-25 06:35:43
165
原创 [基础学习]面试+HTML+JS基础+网络+存储+Vue
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码
2021-04-13 20:23:14
76
原创 [项目技巧]常用商城分类效果
核心思路html样式左侧给每一个id块级绑定一个id唯一标识点击事件有一个e的事件处理函数**由于微信小程序无法通过事件处理函数传id进去 我们可以用 自定义data-自定义属性名字 把每一个传id进去 **同时设置scroll-into-view的值，值就是子元素中的id，表示滚动到哪一个元素。 默认我们给他left0<view class="main"> <!-- 左侧 --> <scroll-view scroll-y="true" class.
2021-04-12 06:45:28
122
原创 【项目技巧】UNIAPP商城+侧边栏+数据请求+
封装uniAPP的数据请求新建文件目录在入口文件引入 并且挂载到全局添加链接描述在微信小程序中封装请求新建一个js文件叫request就好引入
2021-04-11 16:24:25
1988
1
原创 [基础学习]Vue+高阶函数+父子组件通信+插槽
mvc mvvm设计模式m后台数据 v图形界面 c事件绑定计算属性 Computed// 在组件中methods: { reversedMessage: function () { return this.message.split('').reverse().join('') }}我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而，不同的是计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。这就意
2021-04-02 21:37:09
549
原创 [基础学习]JS实现表格的增删改查
主题<main> <h4>Js 面向对象 动态添加标签页</h4> <div class="tabsbox" id="tab"> <!-- tab 标签 --> <nav class="fisrstnav"> <ul> <li class="liactive">
2021-03-31 11:13:47
452
原创 [基础学习]原生JS+原型+ES6-高阶函数
面向对象编程面向对象类和对象创建类类的创建 //类 class Star { constructor(name) { this.name = name } sing(song) { console.log(song + this.name); } } const ldh = new Star('刘德华') ldh.sing('我会唱歌')
2021-03-30 17:39:50
292
原创 [基础知识]JS基础+入门
JS的组成ECMAScriptECMAScript是由ECMA国际(原欧洲计算机制造商协会)进行标准化的一]编程语言, 这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript ,但实际上后两者是ECMAScript语言的实现和扩展。DOM-文档对象模型文档对象模型( Document Object Model ,简称DOM) , 是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作(大小位置、颜色等)。3.BOM–-
2021-03-28 18:20:47
317
原创 移动端布局
视口布局视口视觉视口理想视口-重点<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">物理像素比物理像素 就是我们所说的分辨率 IPHONE8的物理像素是750在里面 IPHONE8 ; 1px开发像素 = 2px物理像素...
2021-03-23 22:24:06
89
原创 HTML5 CSS3
HTML新增了哪些?语义化标签导航栏div 头部标签div 受够了吗? 看看下面这些新标签是不是一目了然videoaudioinput表单CSS3新特性属性选择器结构伪类选择器nth-child实现隔行变色 addnth-child(n)利用算法 实现偶数 奇数隔行变色由于n是从0,1,2,3,4,5…递增的方式计算此时(2n) 就可以求得 20, 21 ,22 ,23 ,2*4…也就是说0,2,4,6,8偶数奇数也一样(2n-1)即可结构伪类选择器
2021-03-21 10:42:34
139
原创 CSS的复习
emmet简写方法div.nav$*5输出效果如下 <div class="nav1"></div> <div class="nav2"></div> <div class="nav3"></div> <div class="nav4"></div> <div class="nav5"></div> div{我不喜欢男人}*5输出效果如下
2021-03-18 16:00:40
95
原创 项目上线打包优化配置
1. 在babel.config.js 把console给移除// 1.这是项目发布阶段需要用到的babel插件 console给移除const prodPlugins = []//判断运行环境if (process.env.NODE_ENV === 'production') {//把移除插件添加到数组中 prodPlugins.push('transform-remove-console')}module.exports = { "presets": [ "@vue/cl
2021-03-16 21:15:30
212
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人