fengyezi159-CSDN博客

原创 ts学习笔记

ts介绍及安装Typescript是由微软开发的开源，跨平台的编程语言。- 它是javascript的超集，主要提供了类型系统和对ES6+的支持，最终也会被编译成javascript。它主要为大型应用的开发设计的，并且最终会编译成javascript。它对javascript语法进行了扩展，所有原来的JavaScript程序都可以运行在typescript的环境中。始于javascript，又归于js强大的类型系统。......

2022-08-09 14:28:22 905 1

原创 webpack打包ts的配置及踩坑

webpack打包ts的配置及踩坑

2022-08-04 14:21:34 1503

原创 tsc : 无法加载文件 S:\DEVNVM\nodejs\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink

代码】tsc : 无法加载文件 S:\DEVNVM\nodejs\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink。

2022-08-03 15:56:11 665

原创 vue中的.sync修饰符

vue中的.sync修饰符本质上是`@update：自定义事件名`这种方式的语法糖

2022-07-26 16:55:39 3478

原创解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at ‘file:///C:/Users/LiuShengmei/Desktop/pull/data.txt‘

本地执行一个一个页面，用js动态的创建了一系列li，让其在页面上展示，获取数据的方式是通过json模拟，结果运行报错，如下：首先声明，这种方式只是暂时的，浏览器一经关闭则不起作用了。以谷歌浏览器为例首先，找到你浏览器安装的位置，一般默认安装的位置C:\Program Files\Google\Chrome\Application然后、在该目录打开命令行，直接在文件夹导航栏输入cmd，敲回车回车之后就进入了cmd命令行输入命令chrome.exe --disable-web-security

2022-05-13 14:41:27 2238 1

原创 js实现平行四边形、三角形

1、***** ***** ***** ***** *****function parallelogram(rowNum) { const content = '****'; [...Array(rowNum)].forEach((_, index) => { console.log(`${' '.repeat(index)}${content}`); });}parallelogram(5);2、 *****

2021-07-29 11:11:20 873

原创 FlatList使用示例包含RefreshControl

FlatList使用示例包含RefreshControlFlatList属性介绍RefreshControl属性介绍代码FlatList属性介绍ItemSeparatorComponent：分割线组件，ListFooterComponent：结尾组件ListHeaderComponent：头组件data：列表数据horizontal：设置为true则变为水平列表。numColumns：列数组件内元素必须是等高的,无法支持瀑布流布局columnWrapperStyle：numColumns

2020-05-13 10:59:08 1164

原创 js实现对链表的操作

介绍关于对链表这种数据结构，原来在c语言中有提到过，链表一种长度可变的动态列表。分为单向列表和双向列表。单向列表：每个节点不仅存在自身的值，同时也存在指向下一个元素的指针双向链表：它的节点中存在两个指针，一个指向上一个节点的指针，一个指向下一个节点的指针，并且存在自己的一个值。// 定义一个几点类型构造函数function Node(v) { this.val = v; ...

2019-11-14 23:13:32 3459

原创封装redux中的createStore

redux用于react中的状态管理，其中不能直接修改redux中的状态，需要通过dispatch方法才能修改react中的状态。createStore函数中存放着状态信息state，它的执行结果返回一个store对象，返回的对象包含：getState(获取store中的state状态信息，但是不能直接修改store中的state信息)dispatch(修改store中的state信息)...

2019-09-27 20:01:12 2388

原创设置vue默认路由的样式

可以使用router-link-active设置路由选中时的样式，但是当我们在设置默认路由时，会出现第一个显示第一个路由对应的视图，但是第一个路由没有呈现选中的样式。此时只要在配置默认路由时使用一下redirect路由重定向即可解决问题。<template> <div class="footer"> <router-link to="/home"&gt...

2019-09-08 15:11:36 4216

原创 vue路由导航守卫

文章目录一、基础介绍二、7个导航守卫函数介绍三、导航守卫使用方法四、导航解析流程总结一、基础介绍导航守卫一共有7个函数，这几个函数中除了afterEach函数没有next，只有to，from两个参数。其余几个函数都是由3个参数to、from、next。to：即将进入的目标路由from：即将离开的路由next：它是一个函数，一定要调用这个函数来resolve钩子函数。一定要确保调用了ne......

2019-09-05 19:24:27 2521

原创 vue路由传参总结

文章目录利用`router-link`进行路由传参利用`this.$router.push`方式传参通过路由中name属性匹配路由，通过params传参通过匹配name属性，并通过query方式传参利用path匹配路由，并使用query传参利用router-link进行路由传参通过该方法切换路由后，地址栏是"test.html#/list/2"这种样式的利用该方式传参在获取参数时使用"$...

2019-09-04 21:11:20 3231

原创 vue组件间的数据传递

文章目录单向数据流父传子props验证子传父（发布订阅）sync修饰符兄弟之间数据传递（event bus）单向数据流vue中组件间的数据传递一般是单向的，即由父传子，也就是说组件间的数据传递存在单向数据流。组件中的数据传递方式一般有以下3种：父传子子传父（通过发布订阅模式实现）兄弟组件间的数据传递（通过事件车event bus实现）单向数据流：如果子组件使用了父组件中的数据，当...

2019-09-03 14:09:22 748

原创关于template标签用法总结(含vue中的用法总结)

文章目录html5中的template标签template标签操作的属性和方法vue中的templatehtml5中的template标签html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。<!--当前页面只显示"我是自定义表现abc"这个内容，不...

2019-09-02 20:31:11 232132 24

原创 vue的生命周期及钩子函数

每个vue实例被创建时都会经历一系列初始化过程，例如：设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这些过程中会运行一些vue生命周期中的钩子函数，这些函数为用户提供在创建vue实例及创建完成后期不同阶段添加自己代码的机会。钩子函数中的this指向当前vue实例。vue实例生成及后期的钩子函数如下：beforeCreate createdbefor...

2019-08-31 21:07:09 863

原创 vue中的computed、watch(immediate、deep)区别

文章目录vue中的computedvue中的watchvue实例computed和watch比较watch中的immediate、deep属性vue中的computed注意：vue实例中data中的属性名不能和methods、computed中的属性名重名。computed是vue实例中的计算属性，存在缓存机制，只有它所依赖的属性值发生变化才会重新计算，否则默认走缓存。这样节省性能。当一个...

2019-08-30 20:25:47 5414

原创 js获取、设置元素属性值

文章目录setAttributegetAttributegetComputedStylecurrentStyle`元素.style.属性名`网页css和样式结构#box{ width:100px; height:100px;}<div id="box" style="background:red;"></div>setAttribute元素...

2019-07-25 18:52:01 16854

原创 js实现千分符

//方案一var str = "1234567890";var newStr = str.replace(/\d/g,function(){ if((str.length-arguments[1]-1)%3===0&&str.length-1!==arguments[1]){ return arguments[0]+","; }else{ ...

2019-07-22 21:53:01 4075

原创 Visual Studio Code 运行html文件右键Open In Other Browsers提示找不到Chrome的解决办法

vscode体积小，打开速度快，更强大的是拓展强大，虽然本身功能少，但是有个强大的拓展库。其他的IDE虽然功能强大，各种代码提示，但是免不了的原因是体积大，打开会慢。在写了个html网页后，用其他浏览器都可以打开网页，但是chrome浏览器是个例外，提示windows找不到chrome，下面提供一个方法解决vscode不能打开chrome的问题。因为chrome安装时不像其他软件的安装程序一样...

2019-07-20 21:49:26 12578 9

原创 js中的正则介绍

正则用于处理字符串正则对象.test(字符串);这是正则匹配。用于检查字符串是否符合正则，符合返回true，不符合返回false正则对象.exec(字符串)这是正则捕获。返回结果是数组,如果捕获不到返回null第一项：代表捕获到的内容第二项：index表示捕获到的内容在原字符串中的索引第三项：input表示要捕获的整个字符串第四项：groups表示分组正则包括...

2019-07-20 21:02:12 849

原创 js通过AJAX绑定数据四部曲

var data;//1、创建AJAX实例var xhr = new XMLHttpRequest();//2、打开一个路径:请求方式，请求路径，同异步（false：同步；true：异步）xhr.open("get","path",false);//3、监听状态xhr.onreadystatechange = function(){ //如果状态是4，并且xhr.status状...

2019-07-20 09:45:44 1676

原创 js中递归实现深克隆

深克隆与浅克隆浅克隆：克隆前后的会互相影响，如果改变克隆前的内容会影响克隆后的内容，反之亦然。深克隆：克隆前后的不会互相影响注意：利用...展开运算符进行的克隆是浅克隆，它只能克隆一层var obj = {a:1,b:{c:2}};var o = {...obj};console.log(o===obj)//falseconsole.log(o);//{a: 1, b: {...

2019-07-18 12:44:06 1332 1

原创 js求数组的最大值方法总结

文章目录1、利用sort方法，先对数组排序然后再取最后一项2、利用循环相邻两两比较3、假设法4、利用apply改变参数的传递方式5、利用展开运算符`...`1、利用sort方法，先对数组排序然后再取最后一项var ary = [1,33,2,55,34,66,88,3];console.log(ary.sort(function(a,b){return a-b;})[ary.length-1...

2019-07-18 10:54:10 1564

原创 mysql数据操作命令--部分记录

1、登陆mysqlmysql -hlocalhost -uroot -p回车，输入密码即可登录mysql2、显示所有数据库mysql>SHOW DATABASES;3、使用数据库mysql>USE 数据库名;4、显示所有表mysql>SHOW TABLES;5、新建数据库，在新建数据库之前，我们先设置一下字符集mysql>SET NAME...

2018-10-15 16:35:29 786

原创 css中的@media用法总结

1、head标签中引入//语法： @media mediatype and | not | only (media feature) { css-code; } //也可以针对不同的媒体使用不同的stylesheets: <!--<link rel="stylesheet" media="mediatype and|not|only (media feature)" href...

2018-09-20 19:11:46 78737