shunzizhan

## 安装vue-pdfnpm -i vue-pdf --save-dev## 引入使用import pdf from 'vue-pdf' components: { pdf },<pdf :page="currentPage" @num-pages="pageCount = $event" @loaded="loadPdfHandler" :src="loadingTask" ></pdf&gt.

3秒内，能回答出打印的值？ window.name = 'globalName'; var myObject = { name: 'sven', getName: function(){ return this.name; } }; console.log( myObject.getName() ); // ? var

参考：https://react.bootcss.com/react/docs/react-api.html React.PureComponent 与 React.Component 几乎完全相同，但 React.PureComponent 通过prop和state的浅对比来实现 shouldComponentUpate()。如果React组件的 render() 函数在给定相同的p...

最近的一个项目，频繁使用到发送短信校验码，校验短信校验码的正确与否，且ui上展示也基本一致，因此，考虑到将该功能抽离成一个组件，故而涉及父子之间通讯。

最近基于Ant Design Pro框架，着手一个项目的研发，在一个业务模块中，需要用户输入座机号，最开始，就在Form中放一个Input，让用户输入，但是这样就碰到一个问题：如何保证用户的输入是相同的，数据落库如何保持一致？业务场景在一个表单中，用户需要输入座机号，至少包含区号和座机号，分机号为非必填字段。问题分析进过对业务场景的分析，在一个输入框中，通过正则来判断座机号，似乎有点...

基于antd-pro框架，配置package.json中的打包命令，实现不同环境使用不同的接口apiUrl前缀，避免人肉修改，保证各环境对应各自的api地址。背景这阵子，在玩antd-pro，感觉整体框架基本是一套很完善的管理系统，因此也将该套框架运用到实际项目中，UI、组件啥的都没有问题，就是在打包部署的时候，本地开发、测试、线上接口api前缀不同，打包发布到测试环境和线上环境，需要人为...

今天接到一个需求，有两个模块A和模块B，在pc端上看，模块A之后，再是模板B，而在移动端时，则是模块B之后，再是模块A。对于这个需求，我们很自然的想到的去监听window的resize事件，从而改变dom布局的顺序，以实现这个需求。准备动工时，突然想到在antd pro项目，我们在内容页，按F12，将网页调成移动适配，发现我们的菜单就自动收缩起来了，这个是怎么实现的呢？我们是不是可以美其名...

不论是实际项目中，还是面试，经常被面试官问到，css垂直居中有那些方法？今天特意整理一下，亲测有效通过verticle-align:middle实现CSS垂直居中通过vertical-align:middle实现CSS垂直居中是最常使用的方法，但是有一点需要格外注意，vertical生效的前提是元素的display：inline-block。 .S1{ backgro...

背景最近在遇到一个需求：一个列表，每一条数据都有一个status状态，只有status是完成，才能点击展开expand,否则不能出现expand详见示例：https://codepen.io/shunzizhan/pen/YbMOwK代码实现可以通过指定 Table 组件的 row-class-name 属性来为 Table 中的某一行添加 class，表明该行处于某种状态。设...

使用params使用这个，需要提前在路由中配置url的表现形式http://localhost:8080/#/detail/1路由配置{ name:"detail",　　path:'/detail/:id',　　component: detail,}js实现this.$router.push({　　　　name: 'detail', 　　　　params:{...

'13427511234'.replace(/(^1\d{2})(\d{4})(\d{4})/g,'$1****$3')

设置启动页 app.json文件中，pages下的第一个就是默认的启动页 "pages":[ "pages/star/star", "pages/home/home", "pages/index/index", "pages/logs/logs" ],快速创建页面 app.json文件中，pages下新增一条记录pages/X...

生命周期装载过程 Mount 组件第一次在dom树中渲染的过程constructor 无状态的组件，则不需要定义构造函数，一个组件需要构造函数，往往是以下的目的： - 初始化state - 绑定函数的this环境this.foo = ::this.foo# 等价this.foo = this.foo.bind(this)get...

面试时遇到这样一个题目，过后才解决，拿出来与大家分享一下，共勉！

闲暇时间封装的的一个小插件，纯数字输入框，还需补充，希望各位大神帮助

datatable排序分页（请求）@(关键字)[angular|datatable|排序|分页]datatable 此文介绍的datatable是基于angular作为语言基础的。其主要包含： - 搜索条件查询引起数据重加载 - 修改每页显示多少条数据引起数据重加载 - 点击数据表的某一个字段因排序引起数据重加载 - 点击分页（首页、上一页、下一页、尾页、自定义输入页码）引起数据重加载dat

1.迭代jQuery.each( object, callback )返回值:Object说明:通用例遍方法，可用于例遍对象和数组。不同于例遍 jQuery 对象的 $().each() 方法，此方法可用于例遍任何对象。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它

video视频格式要求vue没法控制video能否自动播放如何控制video视频的声音关闭如何判断video视频已经播放完毕

最近面试遇到一个问题，感觉还是比较意思的，就记录一下。背景：    在div中包裹图片和一段文本，会发现img下面有一丢丢间隙&lt;html&gt; &lt;head&gt; &lt;style&gt; *{ margin:0; padding:0; } .main{ background-color: #efefef; } img{...

@[列表返回|minirefresh|cookie|sessionStorage]背景 &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;前不久做一个类似电商的h5项目，产品经理有个业务需求：用户在商品列表，点击某一条商品的时候，进入到详情页，从详情页返回的时候，需要定位到刚才点击的位置。 &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;其实，这个场景，基本就是

@[mock.js|easy mock|rap2|api|前后台分离|模拟数据]背景&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;在实际的项目研发过程中，我们经常会遇到如下的尴尬场景： 前端开发依赖于后端接口数据，但是后台人员不足或者无法立即到位，前端迟迟不能开工，或者前端小伙子自己参照ui设计图，完成对应的静态页面（没有数据交互），待后台人员到位，再进行二次开发，协助完成接口对...

环境配置# 安装脚手架npm install -g create-react-app# 新建一个项目create-react-app first_react_app# 启动项目npm startexport与export defaultexport与export default均可用于导出常量、函数、文件、模块等你可以在其它文件或模块中通过import+(...

highchart隐藏水印标签，自定义线条数组，使用labels标签，图例隐藏及位置改变，基准线的设定，坐标轴刻度线的隐藏，设置坐标线的宽度，将图片作为特殊点的图标等方面的简单学习记录