
JavaScript
china-yun
把自己的知识以最简单的形式写出来,,为新人填坑
展开
-
el-tree overflow: scroll;
【代码】el-tree overflow: scroll;原创 2022-07-20 16:34:48 · 355 阅读 · 0 评论 -
vue中props的两种写法
props: ["svgInfoData", "component_prop"], props: { svgInfoData: { type: Array, default: () => [], }, component_prop: { type: Object, default: () => { return {}; }, }, },原创 2022-03-04 11:02:36 · 1219 阅读 · 0 评论 -
vuejs sync修饰符
按照常规,想要让父组件更新**showDialog**的话,需要这样做// 子组件this.$emit('changedialog', false) //触发事件// 父组件<child @changedialog="method" :showDialog="showDialog" /> method(value) { this.showDialog = value}但是,vuejs为我们提供了**sync修饰符**,它提供了一种简写模式 也就是// 子组件 updat原创 2021-11-17 16:35:44 · 366 阅读 · 0 评论 -
将列表型的数据转化成树形数据
/** * * * 将列表型的数据转化成树形数据 => 递归算法 => 自身调用自身 => 一定条件不能一样, 否则就会死循环 * 遍历树形 有一个重点 要先找一个头儿 * ***/export function tranListToTreeData(list, rootValue) { var arr = [] list.forEach(item => { if (item.pid === rootValue) { // 找到之后 就要去找原创 2021-11-17 16:26:53 · 380 阅读 · 0 评论 -
前端模块化汇总
【代码】前端模块化汇总。原创 2021-11-12 16:33:01 · 631 阅读 · 0 评论 -
npm慢的方法
根本的办法就是换源npm config set registry https://registry.npm.taobao.org-- 配置后可通过下面方式来验证是否成功npm config get registry-- 显示出上述地址的话就是更换成功原创 2021-10-07 15:18:56 · 20210 阅读 · 0 评论 -
el-select选择了、输入框没有渲染数据、数据回显不上去
【代码】el-select选择了、输入框没有渲染数据、数据回显不上去。原创 2021-09-18 09:09:41 · 21696 阅读 · 0 评论 -
vue之eventBus简单使用
1、全局引入//main.js//方式一Vue.prototype.$EventBus = new Vue();2、组件出发this.$EventBus.$emit('eventName', param1,param2,...)3、组件监听this.$EventBus.$on('eventName', (param1,param2,...)=>{ //需要执行的代码})4、移除监听事件 为了避免在监听时,事件被反复触发,通常需要在页面销毁时移除事件监听。或者在开发过原创 2021-08-31 21:57:59 · 20580 阅读 · 0 评论 -
JavaScript函数作用域如何找
JavaScript函数作用域是从函数定义的地方一层一层网上找、而不是函数运行的地方往上找原创 2021-08-26 09:39:31 · 20483 阅读 · 0 评论 -
浏览器缓存
浏览器的缓存一般是由后台来控制的,分为强缓存和协商缓存区别:强缓存在生命周期内直接从缓存里面拿数据,协商缓存的话会向服务器发送请求,听从服务器的安排,服务器说用缓存则直接从缓存里面拿,服务器说不能用缓存则请求服务器资源网站优化的一个非常重要的点:缓存...原创 2021-08-25 08:03:13 · 186 阅读 · 0 评论 -
前端面试之(重绘与重排)
重排就是说某个dom节点的宽高,位置等发生了改变,此种改变不仅会影响自身、还会引起连锁反应、导致后面的元素位置统统改变。重绘简单就是说、某个dom节点的颜色、背景颜色变了,只会影响自己,并不会影响整个大局。原创 2021-08-24 22:24:14 · 63615 阅读 · 0 评论 -
超级简易版jquery
手写一个jQuery,考虑插件和扩展性(原型和原型链)//jquery做dom查询的class jquery{ constructor(selector){ cons result = documnent.querySelectorAll(selector) const length = result.length; for(let i = 0;i < length;i++){ this[i] = result[i] } this.lengt原创 2021-08-23 21:37:16 · 45175 阅读 · 0 评论 -
js new关键字干了什么事
【代码】js new关键字干了什么事。原创 2021-08-23 17:37:37 · 44993 阅读 · 0 评论 -
算法
优化后的冒泡排序let aa = [49, 3, 5, 43, 343, 54, 56, 1, 2, 0,122121,2121,3343,34566]function paixu(arr) { let lastIndex = 0 //记录最后一次交换的位置 let sortBorder = arr.length - 1//无序数组的边界、每次循环到这儿的时候停止 f...原创 2020-03-21 21:19:21 · 278 阅读 · 0 评论 -
手写promise源码
function myPromise(executer) { let self = this self.status = 'pending' self.value = undefined; self.reason = undefined; self.resolveCallBack = []; self.rejectCallBack = []; ...原创 2020-02-26 21:08:38 · 304 阅读 · 0 评论 -
layui模块化
全局配置layui.config({ base: './res/modules/' //你存放新模块的目录,注意,不是layui的模块目录})定义模块(导出模块)layui.define(function(exports){ let a = 1; function b(str){ alert(str + 'world') } exports('index', { ...原创 2019-10-07 16:13:02 · 16166 阅读 · 0 评论 -
阮一峰ES6笔记总结
ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现(另外的 ECMAScript 方言还有 JScript 和 ActionScript)。日常场合,这两个词是可以互换的。let块级作用域(局部声明,局部使用)不存在变量提升...原创 2019-09-30 14:29:05 · 385 阅读 · 0 评论 -
JavaScript最佳新手入门系列(大话变量)
JavaScript变量 变量在编程语言中是非常重要的一个概念,什么是变量呢?变量就是一个容器,用来临时存储数据的一个容器为什么说是临时存储呢?这儿有两个容易混淆的概念,内存和硬盘,大家有时候就会这样问:嘿,朋友你电脑多大内存啊,回答:1T的,,哈哈闹笑话了吧!!!生活中很常见,很多人分不清内存和硬盘,其实要分清楚特别容易: 硬盘(磁盘)是永久保存数据的,只要你不删他,他就会一直存在内存是临原创 2017-09-18 13:16:39 · 17463 阅读 · 2 评论 -
JavaScript最佳新手入门系列之(ajax)
ajax说白了就是前台和后台之间数据传递的一门技术,再往白了说,就是跑腿的,假如前台页面需要一个数据了,好,ajax你去后台跑一趟,把数据给我取回来,然后ajax就去了,后台给了它一串数据,最后跑回来了,把数据给了我们前台。这个过程其实特别简单,ajax的一个关键就是,他取数据的这个过程,咱们前台该干嘛还是干嘛,并不影响,也就是说相当于开辟了两个空间,一个空间继续做你该做的事,另一个空间去取数据,ajax去取数据,其他人毫不影响,而且取回来直接就可以用,不用刷新页面,或者说的更准确一点,实现局部刷新。原创 2017-09-24 14:37:33 · 10350 阅读 · 1 评论 -
JavaScript最佳新手入门系列之(同步与异步)
JavaScript同步与异步 在JavaScript中同步与异步是非常重要的两个概念,首先在这儿做一个总体概述,然后再详细说明 同步:往简单了说,就是在同一时间JavaScript只能做一件事 异步:同样的异步就是JavaScript可以在同一时间做两件以上的事,在做这件事的同时,还可以做另一件事首先必须说明一点,JavaScript的在设计之初就注定了他必须是同步的,(也就是单线原创 2017-10-10 21:43:41 · 6991 阅读 · 0 评论 -
ajax与jsonp跨域的本质原理
ajax的基本概念了解这个概念,首先得先知道同步交互与异步交互同步交互:客户端浏览器给服务器发送一个请求,服务器返回一个页面,返回的页面会把之前的页面覆盖掉,我们把这种交互方式称为同步交互异步交互:就是可会断浏览器给服务器发送一个请求,服务器返回数据,返回的数据不会把之前的页面覆盖掉,我们把这种交互方式称之为异步交互ajax主要的应用场景:页面不刷新,就可以与服务器进行动态的数据交互交互的原理原创 2017-11-11 13:34:41 · 11828 阅读 · 0 评论 -
商品促销倒计时效果实现
用途非常广泛,只要是移动端的触摸,滑动效果都可以用swiper来完成,比如轮播图的制作。swiper插件:开源,免费,强大的移动端触摸,滑动插件。使用也非常简单,只需要复制粘贴即可,具体参照官方文档。####倒计时功能的实现。####轮播图的实现。原创 2017-11-03 11:13:15 · 17335 阅读 · 1 评论 -
Vue实现todolist
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id=&q原创 2019-02-17 22:03:48 · 17062 阅读 · 0 评论 -
Vue实现简单购物车功能
【代码】Vue实现简单购物车功能。原创 2019-02-18 16:09:13 · 8007 阅读 · 1 评论 -
swiper移动端轮播图简单实现
【代码】swiper移动端轮播图简单实现。原创 2019-04-08 09:21:20 · 14018 阅读 · 1 评论 -
使用zepto实现轮播图(图片从服务器获取,浏览器模拟器调试有问题)
<script> /*使用zepto实现轮播图*/ $(function(){ /*1.添加首尾两张图片*/ /*2.重新设置图片盒子和宽度和图片的宽度*/ /*3.开启定时器,实现自动轮播*/ /*4.添加移动端的滑动事件,实现手动轮播*/ /*5.添加过渡效果结束之后的监听*/ ...原创 2019-04-08 10:19:52 · 429 阅读 · 0 评论 -
京东移动端分类页面侧导航栏实现
【代码】京东移动端分类页面侧导航栏实现。原创 2019-04-08 13:25:45 · 58662 阅读 · 1 评论 -
前端自动化
模块化模块化要解决的问题模块的定义、依赖和导出工具Webpack https://webpack.js.org基本概念:Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 Comm...原创 2019-06-13 18:09:51 · 1580 阅读 · 0 评论 -
原生APP开发
参考地址:https://facebook.github.io/react-native/docs/getting-started.html。参考地址:https://flutterchina.club/setup-windows/原创 2019-08-18 17:46:41 · 1044 阅读 · 1 评论 -
react-native运行打包的时候遇到的问题
1、react-native:SDK location not found问题就是react-native打包的时候找不到SDK,所以可能是配置环境变量出现了问题,解决办法在环境变量中添加名ANDROID_HOME的变量,值为SDK路径2、You have not accepted the license agreements of the following SDK components必...原创 2019-08-19 19:22:18 · 60200 阅读 · 0 评论 -
js工具函数
时间戳为10位需*1000,时间戳为13位的话不需乘1000,如果不乘以1000的话,需要Number()函数转化。原创 2019-09-30 08:49:12 · 61395 阅读 · 2 评论 -
JavaScript最佳新手入门系列 (初识JavaScript)
JavaScript有什么用呢:我们学习一门编程语言,肯定是希望用他去做一些事的,要是他没什么用,那估计就不会有人去学习他了,用不了多久他就死了,JavaScript能够在20多年的风雨中存活下来,就说明他不一般,值得我们去学习他,废话不多说,说说JavaScript有什么用吧,其实就两点。这里就提到了浏览器,因为浏览器里面有一个东西,可以解析JavaScript语言(相当于把JavaScript翻译给浏览器听),所以浏览器认识他,可以读懂他并且执行,他天生就是为浏览器服务的。怎么引入呢,一共有四种方式。原创 2017-09-16 17:30:58 · 11832 阅读 · 4 评论