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 600

原创 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 2696 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 1841 42

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

核心概念 webpack.config.js entry 入口 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 432 30

原创 this的指向问题

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

2020-06-30 19:49:27 509 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 5343 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 3496 20

原创 HTML CSS常见的面试题

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

2020-06-09 21:13:05 617

原创 css45道面试题

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

2020-06-06 16:21:43 3958 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 808 36

z321616764的博客