- 博客(30)
- 收藏
- 关注
RSS订阅
原创 关于z-index 层级显示 ios端不生效问题。
项目构建webpack + vue + vue-router + vueX + axios + antd of vue起因构建项目的时候由于 采用的 antd of vue ui库 ，里面没有类似点击唤醒遮罩层的组件 ，所以自己手写vue组件进行引入 ，主要用的是 css3 z-index 属性 ，通过z-index 值不同进行层级展示。（ ps ：之前处理过类似需求 ，由于用的是v...
2020-04-12 17:00:41
4615
8
原创 使用vscode开发微信小程序
提高微信小程序的开发效率前言：近期开始学习微信小程序，用了自带的开发者工具，泪目~一天的使用下来感受如下：一个编译器由模拟器 +调试器+调试器 三者组成， 代码便写区域太小强迫症患者难以忍受！！！代码提示少的可怜，一切代码靠手打…代码没有相对应的高亮，阅读难度大微信开发者工具出现莫名的卡顿，经常重启让人十分懊恼等等等~~~~~~原始的界面工具所以在这像各位安利一款编辑...
2020-02-11 19:51:15
37225
13
原创 map 跟 forEach 遍历数组的区别
map() 跟forEach() 遍历数组的区别区别 forEach没有返回值 只是它原有的数组的基础上进行修改map 的话只是修改了他的返回值 并没有影响原数组var array = [1, 2, 3, 4, 5, 6, 7];var res = array.map(item => { return item * 2});console.log(res);con...
2019-11-25 17:58:17
250
原创 移动端使用vConsole调试工具
移动端使用vConsole调试工具当项目在移动端运行时，也能具备像浏览器控制台一样的调试能力，方便debug文章目录移动端使用vConsole调试工具一、vConsole是什么？二、使用步骤1.常规使用2.进阶一、vConsole是什么？平时web开发时，在手机上，如果是要看控制台信息，都需要alert弹窗，这样很不友好.还会阻拦进程。 所以引入vconsole ,让手机具备有一定类似谷歌浏览器的调试能力 效果图如下二、使用步骤1.常规使用代码如下（示例）：直接可在项目上看到成效，
2021-07-27 21:21:22
1624
1
原创 使用husky+ eslint来限制代码提交
前言为确保团队合作开发，代码能够规范化起来。 使得commit 上去的代码 是统一且规范的1.yarn add -D eslint-plugin-react babel-eslint eslint eslint-config-prettier prettier1.执行命令，安装 husky 记录进 package.json 依赖中PS C:\Users\luozhijie\Desktop\bigscreen_code\h5-module-sit\各种活动\edu_loan> yarn add
2021-07-27 17:59:45
899
原创 Git相关操作及其常用指令
git 版本控制工具github Gitee（码云） GitLab 公司内部通过内网去搭建的代码托管平台Git 工作区，暂存区，版本库> 工作区：写代码 | ---> git add --->暂存区 ---> git commit ---> 版本库其他指令mkdir XXX 创建文件夹touch XXX 创建文件夹ll/ls — 列出这个文件夹...
2020-03-30 01:27:25
199
原创 Vue组件之间的传值（超详细）
父组件传子组件1.传递的是字符串的时候父组件里面用属性传递 ，子组件内用peops 接收<body> <div id="app"> <my-child msg="luoxiaoluo"></my-child> </div></body><template id="chil...
2020-02-20 10:13:19
2918
1
原创 vue_常见知识点总结
vue1.什么是MVVM模式？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想,即双向数据绑定，M变V变，V变M跟着变。其根本也是利用vue的原理obj.difinepropty2.mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？mvc和mvvm其实区别并不大。都是一种设计思想。主要就是mvc中Controller演变成mvv...
2020-02-09 00:03:50
546
原创 关于MVC ，MVP ，MVVM架构模式
架构模式目的： 为了使复杂的软件必须有清晰合理的架构，更容易开发，维护和测试MVCMVC模式的意思是，软件可以分成三个部分。模型（Model）：数据处理视图（View）：数据展示控制器（Controller）：业务逻辑处理（M和V之间的连接器）View传送指令到Controller (用户发送指令)Controller 完成业务逻辑后，要求Model改变...
2020-02-08 23:54:55
399
原创 typescript里边的继承
ts实现继承// ts 中实现继承 extents ,superclass Person { name: string; constructor(name: string) { this.name = name } run(): string { return `${this.name}在敲代码` }}/...
2020-02-06 17:38:16
508
原创 vscode 如何把 ts 代码编译成js 代码
第一步tsc init // 生成tsconfig.json文件 更改 代码 17 行 "outDir" // 例 ： 输出的文件到根目录的js 文件 这样子vscode 就能监视 代码 ，编译成js 文件 ，并且存放在 js 的目录下第二步点击终端 -> 运行任务 -> tsc 监视- tsconfig.json...
2020-02-05 11:19:17
6885
1
原创 es5里面的继承 原型链实现继承
web类 继承Person类 原型链+对象冒充的组合继承模式对象冒充的方式实现继承 function Person() { this.name = "志杰啊"; // 属性 this.age = 20; this.run = function () { //定义的方法 console.log(666) ...
2020-02-02 15:08:03
692
原创 Vue里边关于添加属性及获取节点
添加属性如何添加给vue绑定动态的属性第一种 利用三目运算符 <tr v-for="(item,index) in datalist" :key="item.id" @click="selected(index)" :class="{success:item.selected}" :class=item.selected?success:""><td&g...
2020-01-20 16:19:18
1690
原创 微信小程序_前言介绍
微信小程序微信小程序，简称小程序，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户无需安装卸载，只需要扫一扫或搜一下即可打开应用，体现了“用完即走”的理念。可申请小程序的主体类型：企业、政府、媒体、其他组织或个人的开发者2016年9月21日微信小程序正式开启内测2017年1月9日0时正式上线官网：https://mp.weixin.qq.com/优势入口...
2020-01-15 11:40:43
777
原创 React_整理
1.React有那些优缺点？优点1、React速度很快：它并不直接对DOM进行操作，引入了一个叫做虚拟DOM的概念，安插在javascript逻辑和实际的DOM之间，性能好。2、跨浏览器兼容：虚拟DOM帮助我们解决了跨浏览器问题，它为我们提供了标准化的API，甚至在IE8中都是没问题的。3、一切都是component：代码更加模块化，重用代码更容易，可维护性高。4、单向数据流：Flu...
2020-01-05 17:53:16
196
原创 前端的一些常识_ 杂七杂八——持续性更新呢ing
1. 常见的浏览器内核前缀Chrome(谷歌浏览器) ：WebKit内核 -webkit-Safari(苹果浏览器) ：WebKit内核 -webkit-Firefox(火狐浏览器) ：Gecko内核 -moz-IE(IE浏览器) ： Trident内核 -ms-Opera(欧朋浏览器) ：Presto内核 ...
2019-12-18 14:13:25
189
原创 Vue面试题及其整理_持续更新ing
Vue的常见知识点的整理对于 MVVM的理解？对于MVVM的理解？MVVM 是 Model-View-ViewModel 的缩写Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象...
2019-12-12 19:59:38
124
原创 影响页面性能的因素
Vue里面影响页面性能的元素影响页面的性能* DOM操作过多* 事件绑定次数* 外部引入资源过多或过大* js文件位置* 发送请求过多<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con...
2019-12-09 20:22:18
777
原创 table点击实现可编辑文本
直接添加contentEditable=”true”标签属性即可<table> <tr> <td>姓名：</td> <td contentEditable="true"></td> </tr> <tr> <td>密码：...
2019-12-07 17:21:20
926
原创 js 的面试题总结
JavaScript 的面试总结call 和 apply 的区别是什么 ， 哪个性能更好？都是用来改变this的指向 fn.call(obj,10,20,30); -> 是一个一值进行传递的apply(obj,[1,2,3,4,5,]) - > 是以数组的方法进行传递的bind -> 并没有把函数进行执行 ，只是预先的把函数进行处理call 跟 ...
2019-12-06 17:31:39
98
原创 Vue_2 组件之间的通信
组件的中的传参知识点组件Component定义全局组件：Vue.component(name,options) 类似于new Vue(options)局部组件：components使用定义组件其实就是自定义一个标签（符合W3C标准）组件通讯原则：谁的数据谁修改父 -> 子：props在子组件上定义属性，并传递数据在子组件中通过prop...
2019-12-05 15:24:11
75
原创 JavaScript 面向对象编程
JavaScript 面向对象编程面向对象几个常用的特性 ：1.抽象（抽取核心的属性来做开发）2.继承:父子关系3.多态：组件开发，选项卡：公共代码(选项卡)，各自有独立的功能·····四个款式：1.可以拖拽改变大小；2、点击添加新选项；3、拖拽改变位置；4.点击下面渐隐渐现4.复用抽象 继承 复用 多态对象的属性和方法对象 ： 属性+方法不建议使用已有的对象使用已...
2019-11-27 19:45:32
111
原创 1_Vue
Vue测试代码的运行的时间console.time(‘name’); 执行的代码片段 console.timeEnd console.time('for') // 频繁节点操作(3w次) // for(let i=0;i<10000;i++){ // let btn = document.getElementsByTa...
2019-11-23 09:13:22
98
原创 vue双向数据绑定的原理get&&&set
相应式属性(一种更加深入控制属性的方式)写在data 下的属性会自动成为相应式属性* 原理:getter & seter属性特性writable 可写性enumerble 可枚举性（是否可以遍历） 控制台__propty__ 浅颜色的有值的 -----值属性无值的 ---- 存储器属性 – get &&& set设置属性...
2019-11-22 22:48:10
649
原创 关于BFC的理解
BFC的理解块级格式化上下文 Block Formatting ContextW3C 规定通俗的话讲就是 被触发BFC 包裹住的元素，不会影响到其他元素触发bfc 形成一个独立的空间 让空间内的元素不会受到其他的元素的影响常用触发 BFC 的条件 有float 不为noneposition 不为relative 和 stat...
2019-11-22 12:20:10
220
原创 React组件的生命周期
组件的生命周期组件的生命周期可以分为三个状态Mounting : 已插入真实的DOMUpdating：正在被重新渲染Unmounting ： 已被移除真实DOMcomponentWillMount在组件被渲染到页面上之前执行，在组件的整个生命周期内只执行一次componentDidMount组件被渲染到页面上后立马执行，在组件的整个生命周期内只执行一...
2019-11-21 17:02:23
299
原创 基于react学习归纳
Reactday5-2依赖reactreact-domReact渲染ReactDOM.render(VNode,target)创建节点（VNode）React.createElement(type,[props],[…children])热更新（自动刷新浏览器）原理：websocketJSX在js中编写HTML代码，在编译时webpac...
2019-11-21 12:05:03
142
原创 更改npm镜像源为淘宝镜像
npm常用指令后缀*最近复习了一下node.js 整理了一下跟node .js 相关的指令后缀 *-- save、-S参数意思是把模块的版本信息保存到dependencies（生产环境依赖）中，即你的package.json文件的dependencies字段中；– --save-dev 、 -D参数意思是把模块版本信息保存到devDependencies（开发环境依赖）中，即你的pack...
2019-11-20 22:58:03
894
原创 React_基础总结
React了解ReactReact是一个视图层的框架，起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认...
2019-11-20 19:18:55
179
原创 Vue_基础总结
文章目录VUE了解VUE前端框架历史架构模式安装和引入使用实例化常用配置选项实例属性&方法响应式属性内置属性内置方法生命周期生命周期函数（钩子函数）指令directive内置指令数据绑定显示隐藏事件绑定自定义指令VUE读音：[vjuː]，view了解VUE这两年国内最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和re...
2019-11-20 17:59:23
212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人