写代码的小产品-CSDN博客

原创 vue项目中使用tinymce富文本编辑器实现图片上传/粘贴格式

在vuejs项目中引入tinymce富文本编辑器, 解决图片上传,粘贴以及拖入,模拟手机端预览,兼容第三方编辑器排版样式等问题.同时记录tinymce在使用中遇到的坑, 帮助大家快速有效的定位到问题

2019-05-12 14:24:02 3372 1

原创 vue组件之间的通信方式(8种)

父子组件之间：props与$emit$children 与 $parent非父子组件之间

2019-06-11 23:17:25 379

原创 2019年前端知识体系

1. 流行框架VueJS: https://cn.vuejs.org/ReactJS: https://react.docschina.org/angularJS: https://angularjs.org/Jquery: https://jquery.com/2. UI框架Element-ui: http://element-cn.eleme.io/#/zh-CNiview...

2019-05-29 17:31:43 272

转载常用正则表达式

正则表达式备忘录, 包括开发常用的的正则表达式

2019-05-27 20:22:11 168

原创 web前端面试题详细解析

js篇本文中讲解到的面试题：说说对闭包的认识, 它解决了什么问题对this的认识跨域怎么处理for…in 和for…ofnew一个对象, 这个过程中发生了什么防抖和节流数组中常用的方法有哪些, 如果实现…怎么做js原型和原型链继承有哪些方式如何判断一个变量是数组js中call,apply,bindpromise使用过await/async吗深拷贝和浅拷贝...

2019-05-26 15:41:36 356

原创 web前端高频面试题

写在前面近几年来互联网面临寒冬, 各大巨头公司裁员消息络绎不绝，搞得人心惶惶，前端开发市场竞争也是非常激烈的。我也针对自己在工作中所掌握的或是了解的一些东西进行了总结，一方面方便自己复习，另一方面分享给江湖好友，希望对你们有点帮助。欢迎在评论下方指点一二，看还有哪些没考虑到的，互相交流一哈…css篇1. BFC机制BFC(Block Formatting Context)，块级格...

2019-05-21 09:05:53 510

原创 vue项目中-打印页面中部分区域的内容

在项目的开发中遇到了点击打印，需要打印页面中部分的表格，实现方式如下首先将需要打印的内容包裹起来：例如当点击打印的时候，执行下面的方法： // 打印 printContent(e){ let subOutputRankPrint = document.getElementById('subOutputRank-p

2017-11-17 09:49:53 19764 13

原创 node 实现城市列表A-Z 排序

后台处理 a-z 拼音排序接口

2017-09-22 10:01:44 813

原创 Element Ui 中 nav组件使用子路由跳转遇到的

看vue官网，子路由通过 router-link传入id，作为子路由跳转的参数，可是 element NavMenu 导航菜单并没有提供传参的地方啊！于是就开始跳坑，，1.子路由怎么写： {path:'/plant', component:Plant}, { path:'/dataSheets', component:DataSheets, childr

2017-08-05 18:08:28 2163

原创 webpack配置导致字体图标无法显示

问题：在项目开发时使用字体图标，报错如下：所有的字体图标都不能正常显示了，报错提示不能解码字体。解决问题：找了很久，最后发现是在webpack配置的时候自己手动添加了下面的代码而引起的错误：在 webpack.base.conf.js文件中删除 { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,

2017-08-02 15:30:59 3767 4

原创 vue中normalize.css的使用

首先安装normalize.css:npm i normalize.css --save-dev遇到的问题：import 'normalize.css'报错：原因没有安装：css-loader 和style-loadernpm install css-loader style-loader就解决了。

2017-07-28 18:40:03 16014 4

原创 vue -去掉锚点 #/

问题描述：采用vue-cli 自动构建的vue项目，选择了router,打开的默认地址后有#/解决方法：在实例化Router时：设置mode属性为；historynew Router({ mode: 'history', routes: [ { path: '/', name: 'Hello', component: Hello

2017-07-28 17:47:33 6490 7

原创 The virtual device got no IP address 跳坑方式

之前百度了很多方式，什么修改ip，修改配置都干过，也没解决，看别人说换一个版本，我试了一下确实不报The virtual device got no IP address 错了，直接运行起来了。

2017-07-05 14:08:17 594

转载 React Native android -踩坑之路

1. android Studio 报 Session 'app': Error Launching activity错误解决方法一：真机调试拔掉数据线重新插入方法二：删除原来存在的apk再运行方法三：如果如再按运行有模拟器或者手机选项存在就不用管，再运行一遍就得了2.点击Reload 报红： could not connect to

2017-06-28 09:00:29 494 1

原创真机测试-unable to load script 坑

在android手机上运行react-native项目时报错：unable to load script from assets 'index.android bundle' ,make sure your bundle is packaged correctly or youu're runing a packager server解决方案：第一步：在 andro

2017-06-27 21:29:22 13006 9

原创傻傻分不清的 slice,split 和splice

每次使用的时候我都要怀疑一遍自己是不是弄混淆了，就写一个笔记加深一下印象吧！split() 把字符串分割为字符串数组返回值：一个字符串数组，该数组是通过指定的形式将字符串分割成子串创建，返回的数组中不包括字符串本身。 //以空格的分割字符串 str ,将句子分割成单词 var str = 'Hello World!'; str.split(' ')

2017-06-03 11:16:36 442

原创跨域请求

在了解实现跨域请求之前，我们需要了解一下问题：什么是跨域如何区分是否跨域是谁造成的跨域，为什么要跨域如何解决跨域跨域请求的原理下面我们一个个问题的分析：什么是跨域？不同的域名之间进行数据的访问，会造成跨越问题，导致的结果是取不到请求的数据。如何区分是否跨越？看请求地址和被请求的地址是否是同源的。所谓 "同源" 是指：协议名称相同域名相同端口号相同

2017-06-02 10:22:06 343

原创 angularJS与服务器端的交互

与服务器端的交互在开发中与服务器的交互是必不可少的，如果所使用原生JavaScript，我们一般会使用AJAX的方式，初始化XHR对象，调用对象的send方法发送请求，并以异步的方式获取返回的内容，我在 ajax发送异步请求从入门到精通一文中有详细的讲解怎么使用ajax来发送请求，这里着重分析一下angualrJS的请求方式。对angualrJS来说，他封装

2017-06-02 09:12:55 359

原创 js中的 call()和apply()

call() 和 apply()的作用① 它们都可以修改函数中的 this指向② 可以借用其他对象的方法我们举个栗子来说明它的这两个作用 // 修改函数内部 this 的指向 function example(){ console.log(this); } example(); // 打印出的this值是 window va

2017-05-26 23:38:16 229

原创 js中解析字符串-eval()和JSON()

在js中想要把json字符串转化为js对象的两种方式：① JSON.parse()② eval()假设我们有一个json字符串 var str = '{"friends":[{"name":"梅梅","age":29,"sex":"女"},' + '{"name":"李华","age":18,"sex":"男"}]' +

2017-05-26 20:40:49 5649

原创 ajax发送异步请求从入门到精通

发送 ajax异步请求从入门到精通，封装步骤详细，分别从ajax的get请求，ajax的post请求，再到将二者和一起的封装方式

2017-05-25 16:34:12 339

原创 js中cookie 的添加、查询、删除

一、cookie的认识cookie是客户端的会话跟踪技术，可以存储一些数据；很多人容易将它和 session弄混了，session 是服务器端的会话跟踪技术。二、使用cookie时的一些注意点： ① cookie的有效作用范围是当前浏览器，如果设置了cookie，但是后来有取消了，cookie仍然还在，默认情况下，它的作用范围是一次会话，在浏览器关闭就是一次会话的结束。 ②

2017-05-25 11:19:15 437

原创 angularJS的自定义服务-factory、service、value 三种方式实现的异同

一、在angualrjs中什么是服务？服务这个概念其实并不陌生，在其他语言中如java便有这样的概念，其作用就是对外提供某个特定的功能，如消息服务，文件压缩服务等，是一个独立的模块。ng的服务是这样定义的： Angular services are singletons objects or functions that carry out specific tasks com

2017-05-24 15:35:26 337

原创初识JavaScript最容易模糊的三大问题

第一：y++与 ++y的问题y++:这是一个表达式，等于y之前的值++y：值先自加 var y=4,z=0; z=y++;console.log(“z=”+z);console.log("y="+y);结果是:z=4 y=5; 结果分析：对于z=y++来说，它是表示将y赋值给z,y再自加1，,所以z的值是y自加之前的；而y的值是y=y+1之后的值实战练习：var a= 2,z=0;

2017-03-04 13:27:43 289

原创 Javascript入门

JavaScript入门01入门级：会做一些简单的效果，比如轮播图效果、相册,浮动布局,和按钮点击事件深入学习时：可以创建游戏、2d动画、3d图像、数据库驱动的综合应用程序以及更多。 JavaScript本身是非常简洁却非常灵活的。开发者们编写了非常多的工具补充JavaScript语言功能。使得花最小的代价获得大量额外功能。这些功能包括：应用编程接口 (APIs) 。内置于浏览器中提

2017-03-03 15:54:14 613