yipanhuasheng-CSDN博客

原创 leetcode(领扣)---javascript参考答案

记录一些leetcode上的题，其中涉及到es6语法,可以Ctrl + F自行查找题号。我会时不时更新新的解法，从时间或者空间上来考虑。不得不说javascript虽然提供了很多好用强大的函数，但是不一定就快，没准只是简洁易读。有些题目，只要应用得当，可以使用更新的api来完成，当然不一定变快了，就当做是练手了。毕竟前端对算法要求不是那么苛刻，但是要有解题的能力，优化什么的还是绕不开的。源码放...

2018-11-17 17:47:08 1201

原创 nextjs路由定制，路由嵌套，自定义路由，pages配置

众所周知，nextjs使用项目根目录下的pages文件夹作为默认的路由路径，也就是说在pages下配置的文件夹会自动作为对应的路由路径，那么如何配置自己理想的项目结构？经过查找在配置server.js时，使用next生成应用dir属性设置（server.js不止这点儿代码）。const next = require("next");const app = next({ dir: "./client", // base directory where everything is, could

2020-06-30 19:43:27 4523 3

原创 mathJS应用

最近开发遇到存计算公式在字段里，前端取出来使用的问题。本来想着使用eval计算字符串的，且不说eval本身，直接使用也涉及到js的精度问题（eg: 0.1+0.2）上网查到使用eval制作简单计算器，与这个问题思路相同，但是同样没有直接解决精度问题，后来看到mathjs既能解决eval问题又能解决精度问题，着实好用。 mathJS是一个广泛用于javascript和node...

2020-04-16 15:21:47 1291

原创 Vue封装动画插件，渐隐渐现效果

通过js封装的Vue渐隐渐现效果大体两种方法：1、通过Velocity.js 2、原生js写动画1、通过Velocity.js<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content=...

2019-07-30 14:13:50 832

原创手机端测试html页面

mac上调试手机端，大致分为三种方法。前两种方法虽然使用mac系统，但是windows上操作是基本一样的。1、利用Hbuilder（mac，windows）首先打开Hbuilder，如图：打开web服务器，然后如图显示，初始都是设置的默认的内置web服务器，然后点击右下角的外置web服务器设置，然后点击新建，写个名字，url中写本机的ip地址，必须是本机的，这里的ip我是胡...

2019-06-20 21:41:12 4993

原创封装一个函数正则匹配获取当前页面中的class类名

这是一道刷到的面试题，感觉在某些框架里也看到过类似的用法，正则匹配类名，id什么的，当然不一定跟我写的一样，如有更好办法，欢迎分享。function getClass() { var arr = []; var str2 = document.getElementsByTagName("html")[0].innerHTML; var reg = /class=['|"]?(...

2019-06-17 23:00:19 2788 1

原创移动端内滚动效果

最近看到一个移动端顶部固定，主体部分滚动的效果。但是它不是简单的fixed定位，如果这样滚动条在外侧，即整个页面。而接下来介绍的这种方法，滚动的是主体部分，可以看到滚动条不会到顶部。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na...

2018-10-17 22:04:16 594

原创页面切换语言的解决方法（偏向小站，静态页面）

首先在html结构中，把需要转换的结构都加上类名，最好加在含有文本的最近的父级上，因为我们要利用文本节点来替换。然后构造出类似json这种感觉的数据，方便替换操作。还有声明一个变量flag，记录当前使用的什么语言。var flag = 'cn'; var langArr = [ {'en':'简体中文','cn':'English'}, {'en':'About m...

2018-09-23 17:11:08 1428

原创移动端的菜单menu icon注意

在制作移动端时，肯定会遇到menu icon的制作（右上角菜单图标），但是平常写a标签的时候总会写个href = "#"就不管了。类似于这样的：<a href="#" class="iconfont icon-caidan"></a>这样是不行的，这样添加点击事件的时候就会跳转到点击处（菜单所在位置，也就是顶部）。这种跳转肯定是有问题的。解决方法就是...

2018-09-23 16:53:40 1821

原创《Vuejs实战》--带单选，全选，总价，分类的购物车功能实现

《vuejs实战》这本书中5.5是一道实战题：利用计算属性、指令等知识开发购物车。练习1：在当前示例基础上扩展商品列表，新增一项是否选中该商品的功能，总价变为只计算选中商品的总价，同时提供一个全选的按钮。练习2：将商品列表list改为一个二维数组来实现商品的分类，比如可分为“电子产品” “生活用品” 和“果蔬”，同类商品聚合在一起。提示，你可能会用到两次v-for。练习一：html...

2018-09-18 22:58:35 4816 1

原创 sass环境配置中gem源的变更

最近学习sass，发现特么找不到gem资源。之后，找了找发现是sass的中文镜像，从淘宝交给了ruby-china，然后他的org域名挂了。所以现在的gem源是https://gems.ruby-china.com/在命令行里输入gem sources -a http://gems.ruby-china.com/即可设置成功，然后再输入gem install sa...

2018-09-12 13:55:51 785

yipanhuasheng的博客