z321616764-优快云博客

原创在React中使用Typescript

使用命令创建项目生成一个全新的 ts + react 的模版可直接使用指令：npm create react-app my-app --template typescript，该模板包含了全套正常运行React所需要的的包和配置，无需再额外手动安装typescript(本章就使用这个命令)创建项目npm create react-app my-app --template typescript如要使用其他第三方库，如路由需要安装路由 (两个都要装)npm i react-router-dom

2020-09-17 13:44:48 491

原创 i18next国际化语言的使用

安装npm install react-i18next i18next --save创建文件夹与文件以下只展示了三个文件的语言例子中文(zh_CN.json):{ "text":"测试", "day":"天"}白俄罗斯(be_BY.json):{ "text":"Праверка", "day":"дзень"}韩语(ko_KR.json):{ "text":"테스트 하 다.", "day":"하늘."}引入在src目录下创建i18n.ts(项目是r

2020-09-17 12:57:38 2529 29

原创小程序的使用

文件介绍sitemap.json 站点地图微信搜一搜里面哪些页面可以展示，哪些不能project.config.json 项目配置app.js 全局业务逻辑app.json 全局的小程序配置app.wxss 全局的样式pages 存放页面的文件夹——index 首页页面文件夹——index.js 首页的业务逻辑——index.json 首页的配置——index.wxml 首页的模板(html)——index.wxss 首页的样式(css)——logs

2020-07-27 20:36:38 1750 42

原创 webpack的使用与webpack react环境搭建

核心概念 webpack.config.jsentry 入口output 出口filename 文件名称path 地址mode 模式production 产品模式development 开发模式plugins 插件html-webpack-plugin 处理html文件//使用const htmlWebpackPlugin = require("html-webpack-plugin")plugins:[new htmlWebpackPlugin()]//配

2020-07-21 20:03:30 375 30

原创 this的指向问题

script里面的this指向 windowvar str = "z321616764";console.log(this.str) //结果为 z321616764//等同于 console.log(window.str) //结果为 z321616764全局变量和全局方法前面都省了一个window普通函数中this指向windowfunction myfun(){ console.log(this)}myfun(); //this=window函数中的this，要看执行时候

2020-06-30 19:49:27 447 25

原创 Vue如何使用与vue常见问题

vue指令Vue组件的组成：一个组件就是一个XXX.vue文件<template></template>// 模板只能有一个根标签(节点)<template><div>所有的内容都写在这里面</div></template><script></script> //业务逻辑export default{ data(){return{}}， methods:{}, ......} c

2020-06-30 09:07:59 5228 68

原创 jQuery面试题16道

1 jQuery中$(this).get(0)的等价写法jquery的核心函数之对象访问（$(this)[0]）2 jQuery中proxy和delegation的区别是什么？jQuery.proxy，接受一个函数，然后返回一个新函数，并且这个新函数始终保持了特定的上下文（context）语境。delegate是一种委托事件，但是可以通过选择器缩小查找范围。3 简书jQuery框架里，除了 #id 这样的选择器还有哪些？1. 基本选择器：#id选择器element选择器class选择器

2020-06-10 20:23:03 3357 20

原创 HTML CSS常见的面试题

1 知道的网页制作会用到的图片格式有哪些png-8png-24gifjpegsvgWebp(重点)webp是谷歌开发的一种旨在加载图片加载速度的图片格式，图片压缩体积大小只有jpeg的三分之二，并能节省大量的服务器带宽资源和数据空间。2 SGML(标准通用标记语言) 和HTML (超文本标记语言)SGML是一个用于定义标记语言的系统。为用户提供一种类似语法的机制，用于定义文档的结构和指示文档结构的标签SGML声明。SGML声明指定义了应用程序中可能出现的字符和分隔符。文档类型定义(DT

2020-06-09 21:13:05 563

原创 css45道面试题

介绍下标准的css盒子模型？与低版本IE的盒子模型有什么不同？标准盒子模型：宽度=内容的宽度，（content）+border + padding +margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+marginbox-sizing 属性？用来控制元素的盒子模型的解析模式，默认为content-boxcontent-box：W3C的标准盒子模型，设置元素的height/width 属性指的是content部分的宽/高border-box：ie传

2020-06-06 16:21:43 3865 25

原创百度地图

百度地图：初始化：注册开发者账号http://lbsyun.baidu.com/apiconsole/key#/home用标签导入百度地图：<scripttype="text/javascript"src="//api.map.baidu.com/apiv=3.0&ak=您的密匙"></script>准备一个div标签用来存放加载后的百度地图：<div id="container"></div>再创建一个标签用来书写：创建百度

2020-05-29 09:37:44 731 36

z321616764的博客