- 博客(107)
- 收藏
- 关注
RSS订阅
原创 使用Remax开发小程序中需注意的地方和学习的知识
前言：以前开发小程序（微信小程序为主）都是使用微信小程序开发的那一套，从React跳转到此多多少少有些不适应，因此Remax（https://remaxjs.org/）由此而生，它是使用真正的 React 构建跨平台小程序写在前面：在开发时，尽量使每个页面的事件名、样式名、变量名统一。比如有搜索功能的页面，声明搜索函数名时，可统一命名为：handleSearch；搜索框的变量名统一为：searchValue；返回的数组数据统一为dataList；获取数据名的api名虽然不一样，但它的
2020-08-31 17:06:05
3536
4
原创 GIT问题之每次pull或push时都需要输入账号和密码
此博客为纪念我国2020年新冠肺炎疫情抗疫胜利在望，也纪念我返深重拾工作面对的第二个问题。接上一个问题，上一个权限问题解决后，待我使用git的pull或push的命令时，每次都需要输入账号和密码，很是麻烦，所以又搜索了一下，找到了答案，也感谢前人的宝贵经验，解决 方法如下：输入命令：git config --globalcredential.helper store这个命令是在本地生...
2020-03-22 20:01:25
419
原创 从零到一的react.js+node.js+express.js+mysql产品开发全流程
序言组长说要使自己对产品在技术层面有一个清晰且足够的了解，最好自己动手开发一个迷你产品，例如todolist，因为公司有提供员工自学使用的服务器，所以我就来试试了，而且一步一步的记录自己的学习过程，这个过程有请教问题、出现的问题、解决问题的方法和用到的技术栈等等。以下开发步骤序号不代表产品开发绝对的顺序，是博主第一次学习走的顺序，仅供参考，建议先阅读黑色标题后再细读。说明：博主使用的编...
2019-07-12 10:36:41
3403
原创 用PHP编写简单的api（数据接口）
一、编写接口所需几样工具或软件（均是win7+64位）：1.phpStudy、SQLyog和编码工具（sublime text/webStorm/vs code均可，按自己习惯来）；2.安装好phpStudy之后，打开软件，点击启动；如果Apache和MySQL右边的显示都是绿色的，那么说明服务启动成功；另外注意一下开始的PHP服务版本，因为不同的版本对应不同node.js版本或SQ...
2018-07-29 21:37:26
75968
10
原创 使用git工具将本地项目文件上传到github及其几种常见操作
将本地项目文件上传至github相关步骤（以下未特殊说明的均代表首次）git官网:https://git-scm.com/github官网:https://github.com/git的安装以及GitHub的注册这里就不说了。下边就直接从上传开始。第一步：我们需要先创建一个本地的版本库（其实也就是一个文件夹）。 你可以直接在桌面右击新建文件夹，也可以右击打...
2018-07-09 20:26:16
16956
4
原创 微信小程序保存图片到相册授权被拒绝后重新拉取授权wx.opensetting的使用方法
近期开发过小程序的童鞋应该已经知道，小程序某些接口已废弃，改用新的接口。比如wx.getUserInfo()、wx.authorize()、wx.openSetting()等都将废弃，拉起不了用户授权界面。而它们被统一集成在button组件里的一个open-type属性里面，也就是说，小程序为了更好的保护用户隐私，大部分涉及到授权的问题，都需要引导用户主动去授权，而不是强制被授权。下面就主要来讲怎...
2018-07-07 10:59:10
21289
4
原创 微信小程序用定时器实现倒计时效果
平常在微信小程序开发的时候，因项目的需求，倒计时必不可少，下面主要讲解定时器在微信小程序中的使用。这里要先声明一点的就是，该篇主要实现倒计时功能，而且实现是时长较短的倒计时，其他的优化什么的不作主要考虑。如果实现简单的60s倒计时效果，我们可直接使用setInterval即可，但是在微信小程序中，我们需要用微信小程序的语法，这时就会遇到一个难题，那就是怎么关闭定时器的问题，下面给出实例。WXML代...
2018-06-12 18:34:25
57811
8
原创 基于 expo 框架 与 react-native 语法的 App 开发
一、前期准备1. expo 准备 在expo官网需先注册账号，方便后期打包和下载安装包（注：若发现无法访问官网，则需翻墙） expo打包（需先登录expo账号）分为android版本与ios版本，android不需要额外信息，只需执行命令：expo build:android ，但ios需要apple开发者账号与密码，执行命令：expo build:ios 之后根据要求输入即可 expo打包完毕之后，会出现：Successfully built standalone app...
2021-08-06 14:16:28
2138
原创 构建与开发vue-h5移动端项目笔记
一、准备工作①安装vue与vue-cli全局安装vue与vue-cli，但需要注意vue与vue-cli的版本。npm install --global @vue/cli4.x版本未暴露key："vue"，会导致如下错误：export'default'(importedas'Vue')wasnotfoundin'vue'因此，这里推荐安装[email protected]与[email protected]，这是兼容性比较好的版本②创建项目vue create <project-nam...
2021-07-25 21:19:02
871
2
原创 react-sortablejs 实现自定义表单设计
一、业务需求描述1. 能够拖动表单组件（不限制样式）到指定区域后，渲染成指定的组件2. 能支持自定义标签名和属性，以及默认值3. 能实现可支持预览、可排序、可编辑等功能4. 能通过JSON数据格式前后端相互传递二、业务前期准备1. 在网上搜索了蛮多素材，但都是基于VUE的成品（http://www.maoyl.top/Demo/elformdesigndemo/index.html），与实际基于react实现不太符合，虽然自定义表单设计可以自己实现，但需一定时间，所以更偏向于使用已有的素材
2020-11-09 13:54:55
7109
71
原创 验证失败，可能为XMind 2013 Pro序列号。升级到XMind 8？
近期在学习一本书，想为了更好的梳理书中的内容逻辑，使用XMind进行内容逐层细化，因为我很觊觎XMind的导出为Word的功能，便去官网下载了XMind8，但是如果不升级到pro版本是无法使用导出功能的，因为穷，所以走上了破解的道路，希望读者宽容一下，现在告知大家出现题目中的问题时，该怎么解决。1.首先下载XMind8并安装2.然后下载XMindCrack.jar 文件，这玩意儿我就不给链接了，我怕可能会携带病毒，大家会怪我3.找到Xmind安装根目录：【图标右键打开文件位置】1）将XM..
2020-06-18 10:04:59
8002
8
原创 GIT问题之remote: HTTP Basic: Access denied fatal: Authentication failed for ...
此博客为纪念我国2020年新冠肺炎疫情抗疫胜利在望，也纪念我返深重拾工作面对的第一个问题，此博客对我意义重大！因居家隔离，故需要在个人电脑拉取公司远程项目代码，故需要配置ssh key，但是配置之后，然后clone不了代码，报这样的错误，如下图所示：以为是ssh key配置不正确，便删除了 ssh key又重新配置了一遍，发现还是同样的问题，故去搜索了一番，找到了答案，感谢前人的经验...
2020-03-22 19:07:19
1016
原创 带你深入理解 react 生态（全家桶）
序言市场上开发项目的前端主流技术框架是react ，但说实在的，有很多的前端开发者对 react 的整个生态并不熟悉，停留在能用，能开发，能上线的水平。但这些只是开发者的业务水平，并不代表个人技术水平，而个人水平的高低大致取决于对 react 的整个生态有一个全面的了解（此处所谓的了解并不是知道有这些东西，而是理解了这些东西在整个项目中发挥的作用，甚至在项目中的可拓展性，一旦发现问题，能迅速...
2019-12-30 15:35:42
3109
原创 ant design table 表头column filters 过滤属性的还原
2019.12.06 遇到了一个bugbug 描述：在使用 antd 组合组件 Form + Table 时，选择相应的搜索条件后，点击“搜索”按钮，Table 会渲染相应的数据，且Table 表头也有自带的过滤功能（实际上是column的filters属性起的作用）；然后再点击“清除”按钮，所有的搜索条件和表头里filters过滤的条件都要被清除。上述是 bug 解决后所要达到的期望，实...
2019-12-06 15:12:33
7899
2
原创 纯CSS实现抖音3D酷炫旋转相册
序言最近在抖音上看到了一个酷炫3D旋转相册表白效果，博主我表示很是艳羡呐！而且博主也是做前端的，表示不能输给抖音上的小姐姐，于是我就自学了下CSS3的一些动画属性并实现了类似效果，现在分享给大家。先上效果，免得没有动力去学习去实践！另外项目源码可去我的github仓库去clone：https://github.com/CharlesTian07/3D-rotate-album，喜欢的话请s...
2019-10-29 14:58:30
15117
5
原创 关于react项目中Ant Design组件样式覆盖不了的问题
在用react + Ant Design开发项目的时，有时我们有自己的一套UI，这套UI又与原本的Ant Design里的组件样式冲突，而为了实现我们自己的样式，可做如下处理：1. 新增class<Button type="primary">提交</Button><!-- 覆盖方法 --><Button type="primary" cla...
2019-10-28 09:57:56
3115
转载 在sublime text 3 编辑器内搭建TypeScript开发环境
原文出处：https://blog.csdn.net/u012510478/article/details/54930554Typescript 是 JavaScript 的一个超集，在 ECMAScript6 基础上演化并吸收了生成 Javascript 类别和接口的一些特性。它编译后生成普通的 JavaScript 代码。TypeScript 支持任意浏览器，任意环境，任意系统，并且是开源...
2019-09-25 17:45:52
854
原创 关于开发微信网页授权登录功能的一些问题和事项
一、事项1. 微信PC端网页授权登录与微信内置网页授权登录微信PC端网页授权登录指的是用户用手机里的微信扫码并确认登录后，PC端的网页会自动跳转到redirect_uri，接下来的操作就在PC端的网页上，也就是一个用户登录PC产品的过程，只不过登录的方式由传统的输入账号和密码变成了扫二维码微信内置网页授权登录是用户扫码登录后，手机内的微信会自动跳转至redirect_uri，然后用户再...
2019-09-23 11:38:54
1039
原创 将docker打包好的项目发布至线上阿里云服务器简略教程
1. 首先得有一个阿里云的账号和密码，登录网址为：https://signin.aliyun.com/login.htm2. 点击或者箭头悬浮在“阿里云”左侧的菜单栏图标上并选择“容器服务”一栏如果没找到“容器服务”这一项，需要你进行如下操作：先将鼠标悬浮或者点击“产品与服务”，然后找到“容器服务”选项，其后边有一个五角星，将其点亮它就可以显示在左侧菜单栏了，下次再进入时便可轻...
2019-09-23 09:28:52
780
原创 请将文件MP_verify_8GwRpexcrdeo5anl.txt上传至www.xxx.com指向的web服务器（或虚拟主机）的目录的问题
这是微信内置网页授权登录（非PC端网页授权登录）功能出现的一个问题，具体问题如下图所示：即，在点击保存的时候，它会提示上述红色原因。而我项目目录结构如下图：按照上述的红色提示，理应要将txt文件放置在我项目根目录下，然后上传至服务器就好了，但是并不是，首先说明一下区别。准确来说我的项目是用node.js+koa.js搭建的，而且是用docker打包项目，也就是利用的是容器服...
2019-09-23 09:17:20
2832
原创 利用虚拟机模拟学习项目代码发布
1. 安装VM2. 下载CentOS 7 64位3. 打开VM，并创建虚拟机，将下载的CentOS导入安装4. 启动虚拟机，点击Applications/Favorites/Terminal打开终端命令窗口4.1 输入 ls 查看当前目录下的文件夹5. 创建一个属于自己的工作文件夹：mkdir App5.1 若是命名错误可删除后再创建：rmdir App（该命令是删除空文件夹）...
2019-05-27 15:42:22
473
原创 node+express编写后台模糊查询命令遇到的坑
废话就不多说了，直接上问题，以搜索文章为例：controllers里的请求语句：async function search(req, res) { const { title, author } = req.query; if (!title && !author) { return sendMissParamResponse(res, true) }...
2019-05-22 16:11:01
1232
原创 react项目中利用多个setTimeout实现动画效果的隐藏bug
最近遇到一个看似比较轻松，但实际上实现起来有点扎手的功能，这是我自己的感受啊~不代表任何人。实现的功能就是登录页上有一组动画，大概12个，前10个动画之间间隔0.5s左右，第10个与第11个动画之间间隔2s，后面依旧是间隔0.5s。（可查看下面的动态图）首先所有的动画均不可见，然后第一个动画出现后不消失，接着0.5s后再出现第二个动画，也不消失，直到12个动画展示完毕之后，大概间隔5s左右...
2019-05-22 13:41:32
647
原创 云天励飞2019秋招前端凉经
是一位漂亮的前端小姐姐面的，哈哈哈，嗨森。面试难度总体来说属于中等，比较偏重基础，但即使是这样，我还是凉了。1.js有哪些基础类型数据？ES6中新增了哪一个数据类型？ES6新增了Symbol，我特么记混了，说成了Global，不知道哪来的勇气....它表示独一无二的值，一定要记得它是一个数据类型而不是对象！var a = Symbol();var b = Symbol();c...
2018-10-23 09:40:40
742
原创 web项目开发之设置、获取、删除cookie等操作
在开发web项目的时候，cookie的使用可提高用户体验，之前对于cookie的认识，都是处于一种似懂非懂得境地，也不知道该怎么用代码去处理它，而且在面试的时候偶尔也会问到，于是今天就好好研究一番。1. cookie的信息是人为设置的起初，我一直以为cookie是因为用户登录某个网站之后，服务器返回的一个特定的标识给浏览器，然后浏览器将这个标识保存，每当用户再发起请求的时候，都会把这个标识...
2018-10-15 22:00:20
2079
原创 富途网络科技有限公司2019秋招凉经
面试官姓潘，是一位年轻的和善的面试官，曾在tx就职，面试过程很nice。他只问了我六个问题，我很多都答的不深入或者答不出来，也就是基础知识不牢固，不透彻。1.Jquery和vue操作DOM的区别？Jquery和vue.js都是js的库，Jquery操作dom本质上与原生js没区别，只不过Jquery获取的是Jquery对象，js获取的是DOM对象，两者更新数据所使用的方法不一样，但是两...
2018-10-08 13:35:00
3392
原创 网易2019秋招前端一站式面经（基础面+压力面+HR面，面完博主觉得应该进不去）
面试时间：2018.9.18 13:30面试地点：武汉雄楚国际大酒店（洪山区）面试部门：网易云音乐本人学校所在城市：深圳（深圳大学）先来个博主基本信息吧：我是通信工程专业的，并非计算机专业，属于计算机相关专业~。过程（如果只想了解面试问的问题可跳跃阅读）：博主买的2018.9.17的高铁，因为网易说可以报销去程车费，故享受了一把。但是全国人应该都知道，2018.9.16...
2018-09-28 11:24:48
2243
原创 字节跳动19校招web前端编程题（给定一个字符串，找出其中无重复字符的最长子字符串长度）
题目：给定一个字符串，找出其中无重复字符的最长子字符串长度。示例一：'abcabcab'->3示例二：'bbbbbb'->1一般像这种处理字符串或者数组的问题，一般查看考生两个能力：第一，也是最重要的，就是处理问题的思路和逻辑；第二，对要处理的字符串和数组的一些方法要非常熟悉和运用，只有经常用的考生才会在思路对的情况下做出题目；否则，就算思路对了，要是对字符串和数组...
2018-09-09 17:31:18
2511
2
原创 三七互娱秋招web前端笔试题编程题（使用原生JS实现一个英雄类Hero, 可以按照以下方式调用正确输出）
使用原生JS实现一个英雄类Hero, 可以按照以下方式调用（考察点： JavaScript流程控制）（1) Hero("37FEer")输出： Hi!This is 37FEer!(2) Hero("37FEer").kill(1).recover(30)输出： Hi!This is 37FEer! Kill 1 bug (注意：数量1个，所以bug是单数）； ...
2018-09-07 13:47:39
2629
2
原创 携程web前端秋招笔试编程题（判断输入的IP地址是否有效）
笔试题：用js实现一个函数，判断输入的IP地址字符串是否为有效的IP地址。（该题与三七互娱笔试题编程题之一一样）示例一：ac.33.sf.456->false示例二：11.10.0.194->true其实这道题考虑仔细了，实现起来不难，因为判断一个参数是否是非数字，可以用isNaN来检测，如果知道了isNaN()方法的使用，那么这题就解决了一半。另外我们都知道IP地址的四个...
2018-09-07 12:15:54
1469
原创 携程web前端秋招笔试编程题（用js实现一个函数，能使输入特定的字符串转化为特定结构化数据）
笔试题：用js实现一个函数，能使输入特定的字符串转化为特定结构化数据。（该题与阿里笔试题编程题之一一样）字符串仅由小写字母和[,]构成，且字符串不包含多余的空格（阿里的提示，携程没有）示例一：‘abc’->{value:'abc'}示例二：‘[abc[bcd[def]]]’->{value:'abc',children:{value:'bcd',children:{valu...
2018-09-07 11:01:26
1462
原创 js实现将一位整数型数字转化为二进制数（十进制与二进制互转）
我们知道正整数转化为二进制的方法是什么，就是将该数不断除以2求余，一直到最后一个数为1，然后倒着将余数从左往右拼接；但是负整数的二进制数就不一样了，要先求其绝对值的二进制数后，再求反，最后再加一；1.当然，这里还有一个简便的方法，可以先求其绝对值之后，再减一，最后求反。代码实现：function convert(num) { var str = ''; var te...
2018-09-06 16:56:45
11364
1
原创 关于一元操作符运算的理解（console.log(a++ + a-- + ++a + --a + a--)）
现在直接给出一道笔试题，看各位是否能回答正确，如果回答正确，那可以看看分析是否是你所想的，如果没有回答正确，那么还是耐心的看下去吧，因为这种题也是笔试常考的题型。上代码：var a = 9;var b = a++ + a-- + ++a + --a + a--;console.log(a);console.log(b);可别小看这一道题，这道题里面涉及的js知识点还是很多的。...
2018-09-05 14:43:51
1350
5
原创 web前端方面存在哪些安全问题，这些问题的原理是什么？如何解决这些问题？
参考链接：https://www.ibm.com/developerworks/cn/web/1102_niugang_csrf/https://www.cnblogs.com/fengsiyi/p/7337450.html常见的几种web前端安全问题有：XSS（跨站脚本攻击）、CSRF（跨站请求伪造）、SQL注入等。1.XSS（跨站脚本攻击）（cross-site scripting...
2018-09-03 14:24:14
2354
转载 关于Web安全与AJAX的关系
原文链接：https://www.jianshu.com/p/d1d29c642481开篇三问AJAX请求真的不安全么？AJAX请求哪里不安全？怎么样让AJAX请求更安全？前言本文包含的内容较多，包括AJAX，CORS，XSS，CSRF等内容，要完整的看完并理解需要付出一定的时间。另外，见解有限，如有描述不当之处，请帮忙及时指出。正文开始...从入坑前端开始，一...
2018-09-03 13:34:53
257
转载 Vue2.0的三种传值方式实例介绍
原文出处：https://blog.csdn.net/lander_xiong/article/details/79018737Vue2.0 传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传值呢？如果是电商网站系统的开发，还会涉及到...
2018-08-31 09:35:27
568
原创 form表单提交数据（包括文字和图片）实例
一般来说，form表单提交数据的方式，也就是请求数据到服务器是与传统利用路径api去get或post一个请求到服务器是不一样的，下面就来探讨下关于form表单提交数据至服务器到底是怎么实现的。话不多说，上代码：HTML部分： <form id="uploadForm" method="post" action="" enctype="multipart/form...
2018-08-30 12:49:04
19416
1
原创 关于作用域和js执行机制的一道面试题
题目： var funcs = [] for (var i = 0; i < 10; i++) { funcs.push(function() { return i; }) } funcs.forEach(function(func) { console.log(func()); })这题输出多少呢？答案...
2018-08-29 09:26:49
1204
转载 js事件循环机制
原文链接：https://blog.csdn.net/sjn0503/article/details/76087631面试题如下：console.log('start')const interval = setInterval(() => { console.log('setInterval')}, 0)setTimeout(() => { cons...
2018-08-28 12:11:57
244
原创 vue之使用iview插件实现列表展示或table展示
iview学习地址：https://www.iviewui.com/1.iview了解；开发过项目后台管理系统的人都知道，很多数据都是呈一个列表的形式展现给管理员，或者以各种图展现。就比如，用户数据和一些优惠券信息等都需要以一个列表的形式展现给管理员；再就是一些用户的消费情况会以曲线图、折线图、柱状图等展示给管理员，用于用户分析，方便推荐。而在开发后台管理系统中，基本上都是很多前端人员参与...
2018-08-23 15:14:27
39085
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人